@font-face{font-family:"serif";src:url(../media/instrument_serif_latin_400_normal-s.p.2zo21yor93qdc.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"serif";src:url(../media/instrument_serif_latin_400_italic-s.p.3bg-hzmj1g17f.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:serif Fallback;src:local(Arial);ascent-override:128.92%;descent-override:40.37%;line-gap-override:0.0%;size-adjust:76.79%}.serif_cee8cd2a-module__BIFhQW__className{font-family:"serif",serif Fallback}.serif_cee8cd2a-module__BIFhQW__variable{--font-serif:"serif", "serif Fallback"}
@font-face{font-family:sans;src:url(../media/instrument_sans_latin_400_normal-s.p.350ekqw02c4ub.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:sans;src:url(../media/instrument_sans_latin_500_normal-s.p.1m_u3k-3_nxk9.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:sans;src:url(../media/instrument_sans_latin_600_normal-s.p.31b98hgxp8isy.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:93.97%;descent-override:24.22%;line-gap-override:0.0%;size-adjust:103.22%}.sans_814cd2db-module__RyApiG__className{font-family:sans,sans Fallback}.sans_814cd2db-module__RyApiG__variable{--font-sans:"sans", "sans Fallback"}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin_400_normal-s.p.37baup9wa8gsy.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin_500_normal-s.p.37tbwx4qeyuup.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.mono_374be5f7-module__KdR6PG__className{font-family:mono,mono Fallback}.mono_374be5f7-module__KdR6PG__variable{--font-mono:"mono", "mono Fallback"}
@font-face{font-family:hand;src:url(../media/nanum_pen_script_latin_400_normal-s.p.345535-ll8v5c.woff2)format("woff2");font-display:swap}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:100.39%;descent-override:25.1%;line-gap-override:31.37%;size-adjust:79.69%}.hand_99b27fc5-module__zqroRa__className{font-family:hand,hand Fallback}.hand_99b27fc5-module__zqroRa__variable{--font-hand:"hand", "hand Fallback"}
:root{--paper:#f3eddf;--paper-2:#fbf8f0;--ink:#2231b8;--ink-deep:#17206e;--text:#1d2342;--cream:#fbf8f0;--sun:#e3a42b;--ink-12:#2231b81f;--ink-20:#2231b833;--shadow:drop-shadow(0 3px 4px #17206e1f);--serif:var(--font-serif), "Iowan Old Style", Georgia, serif;--sans:var(--font-sans), "Helvetica Neue", system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, Menlo, monospace;--hand:var(--font-hand), "Bradley Hand", cursive;--gutter:72px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper) url(/grain.png);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-size:320px 320px;margin:0;font-size:17px;line-height:1.5;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--sun);color:var(--ink-deep)}html{-webkit-tap-highlight-color:#e3a42b40}.wrap{width:min(1296px, calc(100% - 2 * var(--gutter)));margin-inline:auto}.grain{background-image:url(/grain.png);background-size:320px 320px}.mono-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:13px}.hand{font-family:var(--hand)}.word{will-change:transform, filter, opacity;margin-right:.24em;display:inline-block}.h2{font-family:var(--serif);color:var(--ink);margin:0;font-size:clamp(46px,6.4vw,76px);font-weight:400;line-height:.95}.lead{text-wrap:pretty;max-width:640px;font-size:19px}.tex-hatch{background-image:repeating-linear-gradient(-45deg, var(--ink-20) 0 1.4px, transparent 1.4px 9px)}.tex-dots{background-image:radial-gradient(#2231b86b 1.7px,#0000 2px);background-size:11px 11px}.tex-lines{background-image:repeating-linear-gradient(0deg,#2231b840 0 1.4px,#0000 1.4px 7px)}.scrap{filter:var(--shadow);position:relative}.scrap__paper{background-color:var(--paper-2);position:relative}.tape{background:var(--ink-20);z-index:3;pointer-events:none;width:110px;height:26px;position:absolute;top:-12px}.tag{background:var(--paper-2);font-family:var(--hand);color:var(--text);white-space:nowrap;padding:2px 10px;font-size:25px;line-height:1.2;display:inline-block;box-shadow:0 1px 3px #17206e1f}.chip{min-width:30px;height:24px;font-family:var(--mono);border:1.5px solid;border-radius:12px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:500;display:inline-flex}.chip--ink{color:var(--ink)}.chip--cream{color:var(--cream)}.section-label{align-items:center;gap:12px;display:flex}.section-head{flex-direction:column;gap:16px;margin-bottom:48px;display:flex}.stain{pointer-events:none;position:absolute}.sun{background:var(--sun);border-radius:50%;display:block;position:absolute}.tilt{position:relative}.tilt .scrap__paper:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffffb3, transparent 55%);opacity:var(--glare,0);mix-blend-mode:soft-light;position:absolute;inset:0}.btn{height:46px;transition:background-color .3s var(--ease), color .3s var(--ease);align-items:center;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn--ink{background:var(--ink);color:var(--cream)}.btn--ink:hover{background:var(--ink-deep)}.btn--cream{border:1.5px solid var(--cream);color:var(--cream)}.btn--cream:hover{background:var(--cream);color:var(--ink)}.magnetic{display:inline-flex}.roll{vertical-align:bottom;height:1.25em;line-height:1.25em;display:inline-block;overflow:hidden}.roll__inner{transition:transform .5s var(--ease);flex-direction:column;display:flex}a:hover .roll__inner,a:focus-visible .roll__inner,button:hover .roll__inner{transform:translateY(-50%)}.link-arrow{height:44px;color:var(--ink);background:linear-gradient(var(--ink), var(--ink)) left bottom / 100% 2px no-repeat;transition:background-size .45s var(--ease);align-self:flex-start;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow:hover{background-position:100% 100%;background-size:0% 2px}.link-arrow .arrow{transition:transform .35s var(--ease)}.link-arrow:hover .arrow{transform:translate(6px)}.cursor{z-index:100;background:var(--ink);pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;translate:-50% -50%}.cursor[data-active=true]{border:1.5px solid var(--ink);background:#2231b814}.nav{z-index:50;height:100px;transition:height .4s var(--ease), background-color .4s var(--ease), box-shadow .4s var(--ease);position:fixed;inset:0 0 auto}.nav--scrolled{-webkit-backdrop-filter:blur(10px);height:72px;box-shadow:0 1px 0 var(--ink-12);background-color:#f3eddfdb}.nav__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{transform-origin:0;gap:4px;text-decoration:none;display:flex}.logo__tile{background:var(--ink);width:34px;height:34px;color:var(--cream);font-family:var(--serif);justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.nav__links{align-items:center;gap:36px;font-size:16px;font-weight:500;display:flex}.nav__link{color:var(--ink);text-decoration:none}.hero{grid-template:"me main pair""fish main pair"1fr/300px minmax(0,1fr) 280px;align-items:start;column-gap:40px;padding-top:136px;display:grid}.hero__me{z-index:2;grid-area:me;position:relative}.hero__fish{z-index:5;grid-area:fish;margin:-84px 0 0;position:relative}.hero__fish-row{flex-direction:row-reverse;align-items:flex-end;gap:8px;display:flex}.hero__main{flex-direction:column;grid-area:main;gap:28px;padding-top:8px;display:flex}.hero__pair{z-index:2;grid-area:pair;margin-top:26px;position:relative}.hero__pair-second{margin:-4px 0 0 -22px;position:relative}.hero__title{font-family:var(--serif);color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(42px,5.2vw,72px);font-weight:400;line-height:.98}.hero__stain{top:250px;left:-64px;rotate:20deg}.sun--hero{z-index:4;width:60px;height:60px;bottom:-20px;right:-16px}.photo-card .scrap__paper{flex-direction:column;gap:14px;padding:14px 14px 20px;display:flex}.photo-card__img{aspect-ratio:272/330;width:100%;position:relative;overflow:hidden}.photo-card__img--portrait{aspect-ratio:3/4}.photo-card__img--square{aspect-ratio:1}.photo-card__img img{object-fit:cover}.photo-card__caption{color:var(--text);font-size:31px;line-height:1}.photo-card__tag{z-index:4;position:absolute;top:22px;left:-14px}.fish__swing{transform-origin:82% 3%;flex:none}.fish{transform-origin:82% 3%;filter:drop-shadow(0 4px 5px #17206e2e);cursor:grab;width:150px}.fish img{width:100%;height:auto}.fish__notes{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;margin:0 0 26px 6px;display:flex}.fish__caption{font-size:31px;line-height:1}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dtile{background-color:var(--paper-2);cursor:default;height:clamp(124px,17vw,236px);transition:background-position .8s var(--ease);justify-content:center;align-items:center;display:flex}.dtile--solid{background-color:var(--ink);color:var(--cream)}.dtile--dots{color:var(--ink);background-image:radial-gradient(#2231b86b 1.7px,#0000 2px);background-size:11px 11px}.dtile--hatch{color:var(--ink);background-image:repeating-linear-gradient(-45deg,#2231b857 0 1.5px,#0000 1.5px 8px)}.dtile:hover{background-position:22px 11px}.dtile__letter{font-family:var(--serif);padding-bottom:.13em;font-size:clamp(110px,15.5vw,220px);line-height:.8;display:inline-block}.now{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.now__item{border-top:1.5px solid var(--ink);flex-direction:column;gap:6px;padding-top:14px;display:flex}.now__item .mono-label{font-size:12px}.now__item strong{color:var(--ink);font-weight:600}.divider{width:100%;display:grid;position:relative;overflow-x:clip}.divider--crossed{margin-top:140px;padding-block:20px}.divider--crossed .ribbon{grid-area:1/1}.divider--crossed .ribbon--paper{z-index:2;margin-top:50px}.divider--single{margin-top:140px;padding-block:12px}.ribbon{filter:drop-shadow(0 2px 2px #17206e14);width:110vw;margin-left:-5vw;padding-block:10px;overflow:hidden}.ribbon--ink{background:var(--ink);color:var(--cream);z-index:1}.ribbon--paper{background:var(--paper-2) url(/grain.png);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-12);background-size:320px 320px}.ribbon__track{will-change:transform;width:max-content;display:flex}.ribbon__copy{flex-shrink:0;display:flex}.ribbon__item{white-space:nowrap;align-items:center;gap:22px;padding-right:22px;display:inline-flex}.ribbon__word{font-family:var(--serif);transition:color .3s var(--ease);font-size:clamp(22px,2.5vw,32px);font-style:italic;line-height:1.1}.ribbon__item:hover .ribbon__word{color:var(--sun)}.ribbon__sun{background:var(--sun);border-radius:50%;width:11px;height:11px;display:inline-block}.ribbon__glyph{flex-shrink:0}.ribbon--ink .ribbon__eye{fill:var(--ink)}.ribbon--paper .ribbon__eye{fill:var(--paper-2)}.divider+.projects,.divider+.work{padding-top:110px}.projects{padding-top:170px}.strip-wrap{transform-origin:top;will-change:transform}.strip{background-color:var(--paper-2);position:relative;overflow:hidden}.sun--strip{width:96px;height:96px;top:40px;right:50px}.strip__hatch{width:150px;height:44px;position:absolute;top:120px;right:36px}.trees{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:64px 0 96px;position:relative;overflow:auto hidden}.trees::-webkit-scrollbar{display:none}.trees:focus-visible{outline-offset:-8px}.trees__row{display:flex}.tree-col{scroll-snap-align:start;flex-direction:column;flex:0 0 33.3333%;align-items:center;gap:6px;min-width:0;display:flex}.tree-col__name{font-family:var(--serif);color:var(--ink);text-align:center;margin:0;font-size:38px;font-weight:400;line-height:1}.tree-col__stage{font-family:var(--mono);font-size:13px}.tree{width:100%;max-width:432px;position:relative;container-type:inline-size}.tree__growth{position:absolute;inset:0}.tree__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.t-wood,.t-leaf{fill:var(--ink)}.t-leaf-outline{fill:var(--paper-2);stroke:var(--ink);stroke-width:1.4px}.t-vein{fill:none;stroke:var(--ink);stroke-width:1px}.t-bud{fill:var(--paper-2);stroke:var(--ink);stroke-width:1.4px}.t-dashed{fill:none;stroke:var(--ink);stroke-width:2.8px;stroke-dasharray:7 6;stroke-linecap:round}.t-dashed--thin{stroke-width:1.8px;stroke-dasharray:5 5}.t-ground{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.t-soil{stroke:var(--ink);stroke-width:1px;opacity:.28}.t-dot{fill:var(--ink);opacity:.3}.tree__tile{background:var(--paper-2);color:var(--ink);font-family:var(--serif);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.tree__root{font-family:var(--mono);white-space:nowrap;font-size:13px;position:absolute;transform:translate(-50%,4px)}.tree__root--left{transform:translate(calc(-100% - 8px),-8px)}.tree__root--right{transform:translate(8px,-8px)}.tree__pill-anchor{z-index:5;white-space:nowrap;position:absolute;transform:translate(-50%,calc(-100% - 20px))}.pill{border:1.5px solid var(--ink);background:var(--paper-2);height:40px;color:var(--ink);font-family:var(--sans);white-space:nowrap;cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease);border-radius:22px;align-items:center;padding:0 clamp(10px,1.1vw,16px);font-size:clamp(13px,1.05vw,15px);font-weight:600;display:inline-flex}.pill:hover,.pill[aria-pressed=true]{background:var(--ink);color:var(--cream)}.pill--planned{border-style:dashed}.chips{display:none}.strip__fade{z-index:4;pointer-events:none;width:88px;transition:opacity .35s var(--ease);position:absolute;top:0;bottom:0}.strip__fade--left{background:linear-gradient(90deg, var(--paper-2) 20%, #fbf8f000);left:0}.strip__fade--right{background:linear-gradient(270deg, var(--paper-2) 20%, #fbf8f000);right:0}.rail-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.rail-nav[hidden]{display:none}.rail-nav__hint{font-family:var(--hand);color:var(--text);align-items:center;gap:10px;font-size:27px;line-height:1;display:inline-flex}.rail-nav__arrow{color:var(--ink);display:inline-flex}.rail-nav__controls{align-items:center;gap:12px;display:flex}.rail-nav__count{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px}.rail-dots{align-items:center;gap:6px;display:flex}.rail-dot{border:1.5px solid var(--ink);width:8px;height:8px;transition:width .35s var(--ease), background-color .35s var(--ease);border-radius:4px}.rail-dot[data-on=true]{background:var(--ink);width:22px}.round-btn{border:1.5px solid var(--ink);background:var(--paper-2);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease), opacity .25s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.round-btn:hover:not(:disabled){background:var(--ink);color:var(--cream)}.round-btn:disabled{opacity:.3;cursor:default}.only-narrow{display:none}.chips .pill{height:44px;padding:0 16px;font-size:15px}.feature-wrap{z-index:6;width:min(1110px,100%);margin:-56px 0 0 96px;position:relative;rotate:-.6deg}.feature-card .scrap__paper{padding:34px 40px 38px}.feature{grid-template-columns:420px minmax(0,1fr);align-items:center;gap:44px;min-height:250px;display:grid}.feature__shot{border:1.5px solid var(--ink);justify-content:center;align-items:center;height:250px;display:flex}.feature__shot--img{background:#fff;display:block;position:relative;overflow:hidden}.feature__shot--img img{object-fit:cover}.feature__shot>.feature__shot-tag{background:var(--paper-2);font-family:var(--hand);color:var(--text);padding:2px 10px;font-size:20px;position:absolute;bottom:10px;right:10px;box-shadow:0 1px 3px #17206e1f}.feature__shot span{background:var(--paper-2);font-family:var(--mono);padding:6px 12px;font-size:13px}.feature__body{flex-direction:column;gap:14px;display:flex}.feature__title{font-family:var(--serif);color:var(--ink);margin:0;font-size:56px;font-weight:400;line-height:.95}.feature__text{text-wrap:pretty;font-size:19px}.work{padding-top:160px}.timeline{position:relative}.timeline__line{background:var(--ink);transform-origin:top;width:2px;position:absolute;top:24px;bottom:70px;left:197px}.entry{grid-template-columns:170px 56px minmax(0,1fr);align-items:start;display:grid}.entry__when{font-family:var(--mono);color:var(--ink);text-align:right;padding-top:16px;font-size:15px;line-height:1}.entry__dot-col{justify-content:center;padding-top:12px;display:flex}.entry__dot{background:var(--ink);width:16px;height:16px;box-shadow:0 0 0 5px var(--paper);border-radius:50%}.entry__dot--now{background:var(--sun);width:22px;height:22px}.entry__dot--ring{background:var(--paper);border:2px solid var(--ink)}.entry__body{flex-direction:column;gap:14px;padding-bottom:64px;display:flex}.entry__company{font-family:var(--serif);color:var(--ink);margin:0;font-size:46px;font-weight:400;line-height:1}.entry__text{text-wrap:pretty;max-width:700px;font-size:19px;line-height:1.55}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{border:1.5px solid var(--ink);height:28px;font-family:var(--mono);color:var(--ink);transition:background-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);border-radius:14px;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.tag-pill:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)rotate(-2deg)}.recs{grid-template-columns:repeat(2,minmax(0,380px));gap:32px;margin-top:16px;display:grid}.rec .scrap__paper{flex-direction:column;gap:12px;padding:26px 26px 24px;display:flex}.rec__quote{font-family:var(--serif);color:var(--ink);font-size:25px;font-style:italic;line-height:1.2}.rec__by{font-family:var(--mono);font-size:12px}.say{padding-top:170px}.say__band-wrap{transform-origin:bottom;position:relative}.sun--say{z-index:0;width:96px;height:96px;top:-48px;right:70px}.say__band{z-index:1;background-color:var(--ink);justify-content:space-between;align-items:flex-end;gap:40px;padding:64px 64px 60px;display:flex;position:relative}.say__copy{flex-direction:column;gap:16px;display:flex}.say__title{font-family:var(--serif);color:var(--cream);margin:0;font-size:clamp(84px,11vw,140px);font-weight:400;line-height:.85;display:flex}.say__letter{display:inline-block}.say__email{color:var(--cream);text-underline-offset:5px;font-size:22px}.say__links{flex-wrap:wrap;gap:12px;display:flex}.footer{font-family:var(--mono);justify-content:space-between;padding:36px 0 48px;font-size:13px;display:flex}.tree-col__case{color:var(--ink);background:linear-gradient(var(--sun), var(--sun)) left bottom / 100% 2px no-repeat;transition:background-size .45s var(--ease);align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.tree-col__case:hover{background-position:100% 100%;background-size:0% 2px}.tree-col__case .arrow{transition:transform .35s var(--ease)}.tree-col__case:hover .arrow{transform:translate(5px)}.case-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:48px;padding-top:120px;display:grid}.case-hero__copy{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:40px;display:flex}.case-back{color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.case-back__arrow{transition:transform .35s var(--ease);display:inline-flex;transform:scaleX(-1)}.case-back:hover .case-back__arrow{transform:scaleX(-1)translate(6px)}.case-hero__name{font-family:var(--serif);color:var(--ink);margin:8px 0 0;font-size:clamp(110px,16vw,230px);font-weight:400;line-height:.8}.case-hero__letter{display:inline-block}.case-hero__title{max-width:640px;font-family:var(--serif);color:var(--ink-deep);text-wrap:balance;font-size:clamp(30px,3.4vw,46px);line-height:1.04}.case-hero__tree{justify-self:end;width:100%;max-width:432px}.case-hero__tree-hint{text-align:center;margin-top:-4px;font-size:25px;rotate:-2deg}.case-facts{z-index:2;margin-top:40px;position:relative}.case-facts__scrap .scrap__paper{padding:28px 34px 26px}.case-facts__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;display:grid}.case-fact dt{margin-bottom:8px;font-size:12px}.case-fact dd{margin:0;font-size:17px;line-height:1.35}.case-cover{margin-top:72px}.case-source{font-family:var(--mono);text-align:right;color:#1d234299;margin-top:22px;font-size:12px}.print{margin:0;position:relative}.print__scrap .scrap__paper{flex-direction:column;gap:12px;padding:14px 14px 18px;display:flex}.print__img{border:1px solid var(--ink-12);cursor:zoom-in;background:#fff;width:100%;padding:0;display:block;position:relative;overflow:hidden}.print__zoom-hint{background:var(--ink);color:var(--cream);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .25s var(--ease), translate .25s var(--ease);padding:5px 10px;font-size:11px;position:absolute;bottom:12px;right:12px;translate:0 6px}.print__img:hover .print__zoom-hint,.print__img:focus-visible .print__zoom-hint{opacity:1;translate:0}.print__img img{width:100%;height:auto;display:block}.print__caption{color:var(--text);padding-left:4px;font-size:28px;line-height:1}.print__tag{z-index:4;position:absolute;top:-18px;right:-12px}.zoom{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#17206e99;place-items:start center;padding:72px 3vw 48px;display:grid;position:fixed;inset:0;overflow-y:auto}.zoom__figure{cursor:default;width:min(1440px,100%);margin:0}.zoom__figure img{width:100%;height:auto;display:block;box-shadow:0 20px 50px #0a0e3259}.zoom__caption{color:var(--cream);margin-top:14px;font-size:30px}.zoom__close{z-index:91;border:1.5px solid var(--cream);background:var(--ink);width:44px;height:44px;color:var(--cream);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;top:18px;right:18px}.case-sec{padding-top:150px;scroll-margin-top:40px}.case-sec__head{flex-direction:column;gap:16px;max-width:900px;margin-bottom:44px;display:flex}.case-sec__body{flex-direction:column;gap:44px;display:flex}.case-text{max-width:700px}.case-text p{text-wrap:pretty;margin:0 0 18px;font-size:19px;line-height:1.6}.case-text p:last-child{margin-bottom:0}.scatter{grid-template-columns:minmax(0,1.6fr) auto minmax(0,1fr);align-items:center;gap:36px;max-width:1080px;display:grid}.scatter__mess{height:190px;position:relative}.scatter__bit{position:absolute}.scatter__bit .tag{text-decoration:line-through;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-decoration-thickness:2px}.scatter__arrow{color:var(--ink);display:inline-flex;scale:2}.scatter__one{background:var(--ink);color:var(--cream);font-family:var(--serif);justify-self:start;padding:24px 32px;font-size:clamp(32px,3.4vw,46px);line-height:1;box-shadow:0 6px 14px #17206e33}.flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 36px;margin:0;padding:0;list-style:none;display:grid}.flow__head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.flow__num{background:var(--ink);width:46px;height:46px;color:var(--cream);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.flow__line{border-top:2px dashed var(--ink-20);flex:1}.flow__step:nth-child(3n) .flow__line{border-top-color:#0000}.flow__title{font-family:var(--serif);color:var(--ink);margin:0 0 8px;font-size:34px;font-weight:400;line-height:1}.flow__body{max-width:36ch;margin:0;font-size:17px;line-height:1.5}.flow__more{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:4px;margin-top:12px;font-size:12px;text-decoration-thickness:2px;display:inline-block}.collage{grid-template-columns:repeat(12,minmax(0,1fr));margin-top:20px;display:grid}.collage__item{grid-row:1;align-self:start;padding:0 14px;position:relative}.collage{row-gap:48px}.collage__item--0{grid-column:1/7}.collage__item--1{grid-column:7/13;margin-top:110px}.collage__item--2{grid-area:2/3/auto/9}.case-shot{width:min(900px,100%);margin-left:min(10vw,150px)}.codecard{background:var(--ink-deep);max-width:760px;color:var(--cream);padding:30px 32px 18px;position:relative;rotate:-.6deg;box-shadow:0 8px 18px #17206e38}.codecard pre{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.6}.codecard__pair{margin-bottom:16px;display:block}.codecard__note{color:#fbf8f08c;display:block}.codecard__line{font-weight:500;display:block}.codecard__line--bad{-webkit-text-decoration:underline wavy var(--sun);text-decoration:underline wavy var(--sun);text-underline-offset:6px;text-decoration-thickness:2px}.codecard__lang{background:var(--sun);color:var(--ink-deep);font-family:var(--mono);padding:3px 12px;font-size:12px;position:absolute;top:-12px;right:22px}.case-note{max-width:540px;margin-left:48px;rotate:1.2deg}.case-note__text{color:var(--ink);padding:30px 32px 26px;font-size:34px;line-height:1.05}.case-table-wrap{max-width:1000px;overflow-x:auto}.case-table{border-collapse:collapse;text-align:left;width:100%;font-size:17px;line-height:1.4}.case-table thead th{border-bottom:2px solid var(--ink);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:0 16px 14px 0;font-size:12px;font-weight:500}.case-table tbody th,.case-table tbody td{border-bottom:1.5px solid var(--ink-20);vertical-align:top;padding:18px 16px 18px 0;font-weight:400}.case-table tbody th{width:170px}.stats{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:28px;display:grid}.stat__value{font-family:var(--serif);color:var(--ink);font-size:clamp(72px,9vw,128px);line-height:.85;display:block}.stat__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:13px;display:block}.case-bullets ul{max-width:760px;margin:0;padding:0;list-style:none}.case-bullets li{border-bottom:1.5px solid var(--ink-12);padding:14px 0 14px 28px;font-size:18px;line-height:1.5;position:relative}.case-bullets li:before{content:"";background:var(--sun);border-radius:50%;width:11px;height:11px;position:absolute;top:23px;left:0}.case-bullets strong{color:var(--ink)}.lessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.lesson__inner{flex-direction:column;align-items:flex-start;gap:12px;padding:30px 26px;display:flex}.lesson__title{font-family:var(--serif);color:var(--ink);margin:0;font-size:32px;font-weight:400;line-height:1}.lesson__body{margin:0;font-size:17px;line-height:1.5}.case-end{padding-top:140px}.case-end__inner{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (max-width:1100px){:root{--gutter:40px}.hero{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"main main""me pair""fish pair";gap:48px 24px}.hero__pair{margin-top:24px}.hero__fish{max-width:300px;margin:-126px 0 0}.hero__me .scrap,.hero__pair .scrap{max-width:300px}.strip{height:auto}.trees{padding:48px 0 32px;scroll-padding-inline:20px}.trees__row{gap:16px;padding-inline:20px}.trees__row:after{content:"";flex:0 0 4px}.tree-col{flex:0 0 min(72vw,420px)}.strip__fade{display:none}.only-narrow{display:inline}.only-wide,.tree__pill-anchor{display:none}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.sun--strip{width:64px;height:64px;top:20px;right:24px}.strip__hatch{display:none}.feature-wrap{margin:-20px 0 0;rotate:none}.feature{grid-template-columns:1fr;gap:22px}.feature__shot{height:190px}.feature__title{font-size:44px}}@media (max-width:760px){:root{--gutter:16px}body{font-size:16px}.nav{height:76px}.nav__links{gap:18px;font-size:15px}.hero{grid-template:"main""me""pair""fish"/minmax(0,1fr);gap:36px 12px;padding-top:104px}.hero__me .scrap{max-width:290px;margin-left:6px}.hero__pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:0;display:grid}.hero__pair-second{margin:26px 0 0}.hero__main{gap:22px}.tiles{gap:8px}.now{grid-template-columns:1fr;gap:16px}.photo-card .scrap__paper{gap:9px;padding:9px 9px 12px}.photo-card__caption,.fish__caption{font-size:22px}.tag{font-size:18px}.photo-card__tag{top:14px;left:-8px}.hero__fish{max-width:none;margin:-8px 0 0 8px}.hero__fish-row{flex-direction:row;align-items:center;gap:22px}.fish__notes{margin:0}.fish{width:124px}.hero__stain{display:none}.sun--hero{width:40px;height:40px;bottom:-12px;right:-8px}.projects,.work,.say{padding-top:100px}.divider--crossed,.divider--single{margin-top:84px}.divider--crossed .ribbon--paper{margin-top:42px}.divider+.projects,.divider+.work{padding-top:72px}.section-head{margin-bottom:32px}.lead,.feature__text,.entry__text{font-size:16px}.trees{padding:40px 0 28px;scroll-padding-inline:16px}.trees__row{gap:14px;padding-inline:16px}.tree-col{flex-basis:72vw}.rail-nav__hint{white-space:nowrap;font-size:22px}.rail-nav__arrow,.rail-dots{display:none}.rail-nav__controls{gap:10px}.rail-nav__count{white-space:nowrap}.tree-col__name{font-size:32px}.feature-card .scrap__paper{padding:18px 18px 22px}.feature__title{font-size:36px}.timeline__line{left:15px}.entry{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"dot when""dot body"}.entry__dot-col{grid-area:dot;padding-top:0}.entry__when{text-align:left;grid-area:when;padding:2px 0 10px}.entry__body{grid-area:body;padding-bottom:48px}.entry__company{font-size:34px}.recs{grid-template-columns:1fr}.say__band{flex-direction:column;align-items:flex-start;padding:40px 24px 36px}.sun--say{width:56px;height:56px;top:-26px;right:22px}.footer{flex-direction:column;gap:6px}}@media (max-width:460px){.nav__link{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.roll__inner,.dtile,.link-arrow,.link-arrow .arrow{transition:none}}@media (max-width:1100px){.case-hero{grid-template-columns:minmax(0,1fr);gap:8px}.case-hero__tree{justify-self:start;max-width:380px}.case-facts__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow__step:nth-child(3n) .flow__line{border-top-color:var(--ink-20)}.flow__step:nth-child(2n) .flow__line{border-top-color:#0000}.lessons{grid-template-columns:minmax(0,1fr);max-width:560px}.case-shot{margin-left:0}}@media (max-width:760px){.case-hero{padding-top:112px}.case-hero__copy{padding-bottom:12px}.case-facts__scrap .scrap__paper{padding:22px 20px 20px}.case-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-cover{margin-top:48px}.case-source{text-align:left}.case-sec{padding-top:104px}.case-text p{font-size:17px}.print__caption{font-size:22px}.print__scrap .scrap__paper{gap:9px;padding:9px 9px 12px}.scatter{grid-template-columns:minmax(0,1fr);gap:18px}.scatter__mess{height:200px}.scatter__arrow{justify-self:center;rotate:90deg}.flow{grid-template-columns:minmax(0,1fr);gap:36px}.flow__step .flow__line,.flow__step:nth-child(2n) .flow__line,.flow__step:nth-child(3n) .flow__line{border-top-color:#0000}.collage{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:0}.collage__item--0,.collage__item--1,.collage__item--2{grid-area:auto/1;margin-top:0}.codecard{padding:26px 20px 12px}.codecard pre{font-size:13.5px}.case-note{margin-left:12px}.case-note__text{font-size:28px}.case-table{font-size:15px}.case-table tbody th{width:auto}.stats{grid-template-columns:minmax(0,1fr);gap:24px}}