:root{color:#1d1d1f;font-synthesis:none;-webkit-font-smoothing:antialiased;--paper:#fafaf8;--ink:#1d1d1f;--muted:#66666b;--line:#dededb;--accent:#315d77;--gutter:clamp(24px, 5vw, 80px);--section-space:clamp(80px, 10vw, 144px);--ease:cubic-bezier(.22, .61, .36, 1);scroll-behavior:smooth;background:#fafaf8;scroll-padding-top:96px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3,figure,dl,dd{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}h1{letter-spacing:-.05em;font-size:clamp(56px,7vw,96px);line-height:1.04}h2{letter-spacing:-.045em;font-size:clamp(36px,4vw,56px);line-height:1.12}h3{letter-spacing:-.04em;font-size:clamp(28px,3vw,42px);line-height:1.14}p{text-wrap:pretty;line-height:1.6}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}main[tabindex="-1"]:focus,h1[tabindex="-1"]:focus{outline:none}::selection{color:var(--ink);background:#d8e3e9}.container{width:min(1120px, calc(100% - var(--gutter) * 2));margin-inline:auto}.section{padding-block:var(--section-space)}.eyebrow{letter-spacing:.02em;font-size:13px;font-weight:500;line-height:1.5}.secondary{color:var(--muted)}.muted-heading{color:#7c7c80}.text-link{min-height:44px;color:var(--accent);align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex}.text-link .arrow-icon{transition:transform .2s var(--ease);display:inline-block}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.text-link:hover .arrow-icon{transform:translate(2px,-2px)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;height:calc(96px + env(safe-area-inset-top));position:relative}.nav-inner{min-height:72px;padding-top:env(safe-area-inset-top);align-items:center;display:flex}.wordmark{letter-spacing:-.06em;min-height:44px;animation:identity-enter .6s var(--ease);align-items:center;font-size:22px;font-weight:600;display:inline-flex}.island-position{z-index:40;top:calc(12px + env(safe-area-inset-top));animation:.7s cubic-bezier(.16,1,.3,1) island-arrive;position:fixed;left:50%;transform:translate(-50%)}.section-island{contain:layout style;border-radius:28px;width:136px;height:52px}.section-island[data-long-label=true]{width:184px}.section-island.is-travelling{width:152px;height:50px}.section-island.is-expanded{border-radius:30px;width:424px;height:58px}.island-surface{border-radius:inherit;isolation:isolate;color:#fafaf8;-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);width:100%;height:100%;transition:background .22s var(--ease), border-color .22s, box-shadow .22s, transform .18s var(--ease);background:#17181be0;border:1px solid #ffffff21;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 7px 24px #00000029,0 1px 3px #0000001f}.island-surface:before{content:"";pointer-events:none;transform:translate(var(--reflection-x,0px), var(--reflection-y,0px));transition:transform .18s var(--ease);background:radial-gradient(at 50% 0,#ffffff26,#0000 58%);position:absolute;inset:-30px -60px}[data-material=dark-scene] .island-surface{background:#35373ce0;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff2b,0 7px 28px #00000038}.is-scrolled .island-surface{box-shadow:inset 0 1px #ffffff26,0 9px 28px #0003,0 1px 3px #0000001f}.island-toggle{z-index:2;width:calc(100% - 6px);height:44px;color:inherit;transition:width .36s cubic-bezier(.16,1,.3,1), top .36s var(--ease), right .36s var(--ease);background:0 0;border:0;border-radius:24px;padding:0;position:absolute;top:3px;right:3px}.island-label{white-space:nowrap;place-items:center;height:44px;font-size:13px;font-weight:500;transition:opacity .16s .16s,visibility 0s .16s;display:grid;position:absolute;top:0;left:14px;right:34px}.island-label>span{animation:.24s cubic-bezier(.16,1,.3,1) label-change}.island-glyph{opacity:.65;width:16px;height:16px;position:absolute;top:14px;right:13px}.island-glyph span{width:7px;height:1.4px;transition:width .24s var(--ease), transform .24s var(--ease), left .24s var(--ease);background:currentColor;border-radius:1px;position:absolute;top:7px}.island-glyph span:first-child{left:2px;transform:rotate(42deg)}.island-glyph span:last-child{left:7px;transform:rotate(-42deg)}.is-expanded .island-toggle{width:44px;top:calc(50% - 22px);right:5px}.is-expanded .island-label{opacity:0;visibility:hidden;transition:opacity 90ms,visibility 0s 90ms}.is-expanded .island-glyph span{width:14px;left:1px}.is-expanded .island-glyph span:first-child{transform:rotate(45deg)}.is-expanded .island-glyph span:last-child{transform:rotate(-45deg)}.is-travelling .island-glyph{opacity:.3}.island-links{z-index:1;opacity:0;visibility:hidden;height:44px;transition:opacity 90ms, transform .18s var(--ease), visibility 0s 90ms;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;top:6px;left:7px;right:57px;transform:scale(.97)}.is-expanded .island-links{opacity:1;visibility:visible;transition:opacity .18s .19s, transform .24s .17s var(--ease), visibility 0s;transform:scale(1)}.is-expanded .island-links:focus-within{opacity:1;transition:none;transform:none}.island-links a{color:#c6c6cb;white-space:nowrap;min-height:44px;transition:color .16s, transform .18s var(--ease);justify-content:center;align-items:center;font-size:13px;display:flex}.island-links a:hover,.island-links a[aria-current]{color:#fff}.island-links a[aria-current]{text-underline-offset:7px;-webkit-text-decoration:underline #aaaab2;text-decoration:underline #aaaab2;text-decoration-thickness:1px}.island-toggle:focus-visible,.island-links a:focus-visible{outline-offset:-4px;border-radius:12px;outline:2px solid #b9d5e3}.island-surface:has(.island-toggle:active){transform:scale(.982)}@media (hover:hover) and (pointer:fine){.island-surface:hover{border-color:#ffffff4d}.island-links a:hover{transform:translateY(-1px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.island-surface,.is-scrolled .island-surface,[data-material=dark-scene] .island-surface{background:#242528}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.island-surface,.is-scrolled .island-surface,[data-material=dark-scene] .island-surface{-webkit-backdrop-filter:none;backdrop-filter:none;background:#242528}}@media (forced-colors:active){.island-surface,.is-scrolled .island-surface,[data-material=dark-scene] .island-surface{color:canvastext;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}.island-surface:before{display:none}.island-links a,.island-links a[aria-current]{color:linktext}.island-glyph span{background:buttontext}}.hero{padding-block:clamp(56px,5vw,80px) 48px}.hero-eyebrow{margin-bottom:32px}.hero-eyebrow span{color:#9e9e9e;padding-inline:10px}.hero-layout{grid-template-columns:1.65fr 1fr;align-items:end;gap:64px;display:grid}.hero-introduction{padding-bottom:5px}.hero-lead{letter-spacing:-.025em;font-size:clamp(19px,1.8vw,25px);line-height:1.4}.hero-introduction .secondary{margin-top:16px;font-size:15px;line-height:1.6}.hero-introduction .text-link{margin-top:24px}.work-section{border-top:1px solid var(--line);padding-top:56px}.section-heading{margin-bottom:40px}.section-heading h2{letter-spacing:0;font-size:14px;line-height:1.5}.work-intro{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:32px;display:grid}.work-intro h3{margin-top:12px}.work-intro>p{color:var(--muted);max-width:440px;font-size:17px}.record-types li:first-child{padding-top:0}.record-types li:last-child{border:0;padding-bottom:0}.work-caption a{flex-shrink:0}.work-notes{grid-template-columns:1fr 1fr;gap:80px;margin-top:88px;display:grid}.work-note{border-top:1px solid var(--line);padding-top:28px}.work-note h3{margin:20px 0;font-size:clamp(26px,2.7vw,36px)}.work-note>p:not(.eyebrow){color:var(--muted);max-width:400px;font-size:16px}.work-note .text-link{margin-top:20px}.about-section{background:#efefec}.about-layout{grid-template-columns:.9fr 1.25fr;align-items:start;gap:48px clamp(48px,7vw,100px);display:grid}.about-photo img{aspect-ratio:1;object-fit:cover;object-position:center;width:100%;height:auto}.about-photo p{color:var(--muted);margin-top:16px;font-size:12px}.about-copy .eyebrow{margin-bottom:24px}.about-copy h2{font-size:clamp(32px,3.3vw,46px)}.about-prose{color:#4c4c50;max-width:48ch;margin-top:32px;font-size:17px}.about-prose p+p{margin-top:20px}.background-list{border-top:1px solid #d2d2cf;grid-column:1/-1;margin-top:0}.background-list>div{border-bottom:1px solid #d2d2cf;grid-template-columns:160px 1fr;gap:20px;padding-block:20px;font-size:14px;line-height:1.6;display:grid}.background-list dt{color:var(--muted)}.background-list dd{max-width:72ch}.background-list dd span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.thinking-layout{grid-template-columns:1fr 1.4fr;gap:100px;display:grid}.thinking-layout h2{margin-top:20px}.question-list{border-top:1px solid var(--line)}.question{border-bottom:1px solid var(--line)}.question summary{letter-spacing:-.015em;cursor:pointer;justify-content:space-between;align-items:center;gap:28px;min-height:84px;padding-block:22px;font-size:17px;line-height:1.45;list-style:none;display:flex}.question summary::-webkit-details-marker{display:none}.question summary:hover{color:var(--accent)}.question-toggle{width:16px;height:16px;color:var(--muted);flex:0 0 16px;position:relative}.question-toggle:before,.question-toggle:after{content:"";background:currentColor;width:12px;height:1px;position:absolute;top:8px;left:2px}.question-toggle:after{transition:transform .18s;transform:rotate(90deg)}.question[open] .question-toggle:after{transform:rotate(0)}.question>p{color:var(--muted);padding-bottom:24px;padding-right:32px;font-size:15px;line-height:1.7}.writing-preview{margin-top:96px}.writing-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.writing-preview-link{border-top:1px solid var(--line);letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:32px;padding-block:24px;font-size:20px;transition:color .2s;display:flex}.writing-preview-link:last-child{border-bottom:1px solid var(--line)}.writing-preview-link:hover{color:var(--accent)}.writing-preview-link>.secondary{letter-spacing:0;flex-shrink:0;font-size:13px}.writing-preview-link .arrow-icon{margin-left:28px}.contact-section{background:#efefec}.contact-layout{grid-template-columns:1.3fr 1fr;align-items:end;gap:72px;display:grid}.contact-layout h2{margin-block:20px 24px;font-size:clamp(34px,3.7vw,50px)}.contact-details{padding-bottom:6px}.contact-email{letter-spacing:-.025em;overflow-wrap:anywhere;align-items:baseline;gap:12px;padding-block:10px;font-size:clamp(18px,1.6vw,22px);display:flex}.contact-email .arrow-icon{flex-shrink:0}.contact-email:hover{color:var(--accent)}.alternate-email{min-height:44px;color:var(--muted);align-items:center;font-size:13px;display:inline-flex}.alternate-email:hover{text-underline-offset:4px;text-decoration:underline}.social-links{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.social-links a{align-items:center;gap:5px;min-height:44px;font-size:13px;display:inline-flex}.social-links a:hover{color:var(--accent)}.site-footer{min-height:104px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex}.site-footer a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.site-footer a:hover{color:var(--ink)}.arrow-icon{vertical-align:middle;flex-shrink:0;width:18px;height:18px;display:inline-block}.arrow-down{transform:rotate(135deg)}.arrow-left{transform:rotate(225deg)}.text-link:hover .arrow-down{transform:rotate(135deg)translate(2px,-2px)}.text-link:hover .arrow-left{transform:rotate(225deg)translate(2px,-2px)}.articles-home{padding-block:clamp(64px, 8vw, 120px) var(--section-space);min-height:calc(100svh - 180px)}.writing-intro{margin-bottom:80px}.writing-intro h1{font-size:clamp(48px,6.5vw,88px)}.writing-intro>p:last-child{max-width:28ch;color:var(--muted);margin-top:28px;font-size:clamp(18px,2vw,24px);line-height:1.5}.articles-list{border-top:1px solid var(--line)}.article-row{border-bottom:1px solid var(--line)}.article-row-link{grid-template-columns:180px 1fr 28px;align-items:start;gap:40px;padding-block:40px;display:grid}.article-list-meta{color:var(--muted);flex-direction:column;gap:6px;padding-top:6px;font-size:13px;display:flex}.article-row-copy h2{font-size:clamp(24px,2.7vw,36px);line-height:1.22}.article-row-copy p{max-width:600px;color:var(--muted);margin-top:12px;font-size:15px}.article-row-arrow{transition:transform .2s var(--ease);font-size:25px}.article-row-link:hover h2{color:var(--accent)}.article-row-link:hover .article-row-arrow{transform:translate(3px,-3px)}.article-detail{max-width:760px;padding-block:48px var(--section-space)}.article-back{margin-bottom:48px}.article-header{border-bottom:1px solid var(--line);margin-bottom:48px;padding-bottom:36px}.article-header .eyebrow{margin-bottom:24px}.article-header h1{letter-spacing:-.05em;font-size:clamp(40px,5vw,64px);line-height:1.1}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;font-size:14px;display:flex}.article-prose{color:#38383c;max-width:680px;font-size:clamp(17px,1.5vw,20px);line-height:1.8}.article-prose p{line-height:inherit;margin-bottom:24px}.article-prose a{text-underline-offset:4px;-webkit-text-decoration:underline #a0a0a0;text-decoration:underline #a0a0a0}.article-prose a:hover{color:var(--accent)}.article-next{border-top:1px solid var(--line);margin-top:64px;padding-top:32px}.article-next-link{letter-spacing:-.025em;flex-direction:column;gap:14px;padding-block:8px 28px;font-size:24px;line-height:1.3;display:flex}.article-next-link:hover{color:var(--accent)}.not-found{min-height:calc(100svh - 180px);padding-block:var(--section-space)}.not-found h1{margin-block:24px;font-size:clamp(42px,6vw,80px)}.not-found>p:not(.eyebrow){color:var(--muted);max-width:440px;font-size:18px}.not-found .text-link{margin-top:32px}[data-scene]{--enter:1;--exit:0;--story:1;--depart:0;--detail-one:1;--detail-two:1;--detail-three:1}.hero{flex-direction:column;justify-content:center;min-height:min(800px,88svh - 96px);padding-bottom:80px;display:flex}.hero-line-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:clip}.hero-line{transform-origin:0 100%;animation:.74s cubic-bezier(.16,1,.3,1) both type-unfold;display:block}.hero-line-mask:nth-child(2) .hero-line{animation-delay:90ms}.hero-line-mask:nth-child(3) .hero-line{animation-delay:.18s}.hero-introduction>*{animation:.68s cubic-bezier(.16,1,.3,1) .24s both support-unfold}.hero-introduction .secondary{animation-delay:.31s}.hero-introduction .text-link{animation-delay:.38s}[data-motion=full] .hero-heading-motion{transform:translateY(calc(var(--exit) * -68px)) scale(calc(1 - var(--exit) * .09));opacity:calc(1 - var(--exit) * .35);transform-origin:0}[data-motion=full] .hero-line-mask:nth-child(2){transform:translateY(calc(var(--exit) * -6px))}[data-motion=full] .hero-line-mask:nth-child(3){transform:translate(calc(var(--exit) * 24px), calc(var(--exit) * -13px))}[data-motion=full] .hero-line.muted-heading{color:color-mix(in srgb, #7c7c80, #1d1d1f calc(var(--exit) * 100%))}[data-motion=full] .hero-introduction{transform:translateY(calc(var(--exit) * -24px));opacity:calc(1 - var(--exit) * .05)}.work-heading{padding-top:0}.work-intro h3{letter-spacing:-.055em;font-size:clamp(40px,5.3vw,76px)}[data-motion] .work-heading .section-heading{transform:translateY(calc((1 - var(--enter)) * 22px));opacity:calc(.8 + var(--enter) * .2)}[data-motion] .work-intro h3{transform:translateX(calc((1 - var(--enter)) * -32px))}[data-motion] .work-intro>p{transform:translateY(calc((1 - var(--enter)) * 16px))}.product-scene{height:calc(100svh + 320px);position:relative}.product-pin{top:calc(88px + env(safe-area-inset-top));align-items:stretch;height:min(660px,100svh - 128px);min-height:400px;padding-inline:clamp(24px,3vw,56px);display:flex;position:sticky}.product-shell{color:#f5f5f3;transform-origin:50%;background:#202124;flex-direction:column;justify-content:space-between;width:100%;padding:clamp(32px,5vw,80px);display:flex}.work-visual{background:0 0;flex:1;grid-template-columns:1.6fr 1fr;align-items:center;gap:clamp(32px,7vw,112px);min-height:0;padding:0;display:grid}.visual-statement p{letter-spacing:-.04em;text-wrap:balance;max-width:17ch;font-size:clamp(40px,4.7vw,72px);font-weight:500;line-height:1.14}.record-types{color:#d0d0d2;margin:0;padding:0;font-size:clamp(16px,1.4vw,20px);list-style:none}.record-types li{border-bottom:1px solid #515257;padding-block:22px}.work-caption{border-top:1px solid #515257;justify-content:space-between;align-items:baseline;gap:40px;margin-top:32px;padding-top:36px;display:flex}.work-caption p{color:#c1c1c6;max-width:47ch}.work-caption .text-link{color:#f5f5f3}[data-motion] .product-shell{transform:scale(calc(.94 + var(--enter) * .06 - var(--depart) * .035));opacity:calc(.94 + var(--enter) * .06 - var(--depart) * .04)}[data-motion=full] .visual-statement{transform:translateY(calc(var(--story) * -32px)) scale(calc(1.06 - var(--story) * .1));transform-origin:0}[data-motion] .record-types li{--detail:var(--detail-one);opacity:calc(.7 + var(--detail) * .3);transform:translateX(calc((1 - var(--detail)) * 32px)) scale(calc(.96 + var(--detail) * .04));transform-origin:0}[data-motion] .record-types li:nth-child(2){--detail:var(--detail-two)}[data-motion] .record-types li:nth-child(3){--detail:var(--detail-three)}[data-motion] .work-caption{opacity:calc(.85 + var(--story) * .15);transform:translateY(calc((1 - var(--story)) * 16px))}[data-motion] .work-note{--stagger:var(--enter);transform:translateY(calc((1 - var(--stagger)) * 32px));position:relative}[data-motion] .work-note:nth-child(2){--stagger:clamp(0, calc(var(--enter) * 1.3 - .3), 1)}.work-note:before{content:"";height:1px;transform:scaleX(var(--enter,1));transform-origin:0;background:#7a7a80;position:absolute;top:-1px;left:0;right:0}[data-motion] .portrait-viewport{clip-path:inset(calc((1 - var(--enter)) * 10%) calc((1 - var(--enter)) * 5%) 0)}[data-motion] .about-photo img{transform:scale(calc(1.08 - var(--enter) * .08))}[data-motion=full] .about-photo{transform:translateY(calc(var(--exit) * -24px))}[data-motion] .about-copy h2{transform:translateX(calc((1 - var(--enter)) * 28px))}[data-motion] .about-prose{opacity:calc(.9 + var(--enter) * .1);transform:translateY(calc((1 - var(--enter)) * 18px))}[data-motion] .background-list{clip-path:inset(0 calc((1 - var(--enter)) * 18%) 0 0)}.thinking-heading{align-self:start;position:sticky;top:144px}[data-motion] .thinking-heading h2{transform:translateX(calc((1 - var(--enter)) * -20px))}.question summary{transition:color .18s, padding-inline .22s var(--ease)}.question[open] summary{color:var(--accent)}@supports (interpolate-size:allow-keywords){.question{interpolate-size:allow-keywords}.question::details-content{block-size:0;transition:block-size .24s var(--ease), content-visibility .24s allow-discrete;overflow:clip}.question[open]::details-content{block-size:auto}}.writing-preview{border-top:1px solid var(--line);padding-top:40px}.writing-heading h3{font-size:clamp(30px,3.5vw,48px)}.writing-preview-link{position:relative}.writing-preview-link>span:first-child,.writing-preview-link .arrow-icon{transition:transform .24s cubic-bezier(.16,1,.3,1)}[data-motion] .writing-preview-link{transform:translateX(calc((1 - var(--enter)) * 18px));opacity:1}[data-motion] .writing-preview-link:nth-child(3){transform:translateX(calc((1 - var(--enter)) * 32px))}.contact-section{padding-block:clamp(104px,12vw,180px)}.contact-layout h2{letter-spacing:-.055em;margin-bottom:12px;padding-bottom:.12em;font-size:clamp(56px,7vw,104px);overflow:clip}.contact-layout h2 span{display:block}[data-motion] .contact-layout h2 span{transform:translateY(calc((1 - var(--enter)) * 35%))}[data-motion] .contact-details{opacity:1}.portfolio-page+.site-footer{border-top:1px solid var(--line);transform:translateY(calc((1 - var(--enter,1)) * 6px))}@media (hover:hover) and (pointer:fine){.product-shell .visual-statement p{transition:translate .26s var(--ease)}.product-shell:hover .visual-statement p{translate:2px -1px}.work-note:hover h3{color:#45454a}.question summary:hover{padding-inline:4px}.writing-preview-link:hover>span:first-child{transform:translate(4px)}.writing-preview-link:hover .arrow-icon{transform:translate(2px,-2px)}.contact-email .arrow-icon{transition:transform .22s var(--ease)}.contact-email:hover .arrow-icon{transform:translate(2px,-2px)}}.portrait-viewport{aspect-ratio:1;background:var(--line);overflow:hidden}@keyframes identity-enter{0%{opacity:.65;letter-spacing:-.02em}to{opacity:1;letter-spacing:-.06em}}@keyframes island-arrive{0%{opacity:0;translate:0 -10px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes label-change{0%{opacity:.1;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes type-unfold{0%{opacity:.2;filter:blur(5px);transform:translateY(95%)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes support-unfold{0%{opacity:0;filter:blur(3px);transform:translate(8px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes page-enter{0%{opacity:.8;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .32s var(--ease)}@media (width<=1050px){.hero-layout{grid-template-columns:1.5fr 1fr;gap:32px}.hero h1{font-size:clamp(60px,8vw,84px)}.hero-lead{font-size:20px}.work-intro{gap:48px}.about-layout{column-gap:40px}.background-list>div{grid-template-columns:140px 1fr;gap:24px}.thinking-layout{gap:48px}.contact-layout{grid-template-columns:1fr 1fr;gap:36px}.contact-layout h2{font-size:36px}}@media (width<=760px){:root{--gutter:24px;--section-space:80px;scroll-padding-top:calc(104px + env(safe-area-inset-top))}.section-island{border-radius:25px;width:116px;height:48px}.section-island[data-long-label=true]{width:168px}.section-island.is-travelling{width:140px}.section-island.is-expanded{border-radius:30px;width:min(304px,100vw - 32px);height:112px}.island-toggle{width:calc(100% - 2px);top:1px;right:1px}.island-label{font-size:13px;left:10px;right:30px}.island-glyph{right:10px}.is-expanded .island-toggle{top:calc(50% - 22px);right:5px}.island-links{grid-template-columns:repeat(2,1fr);gap:4px;height:96px;top:7px;left:7px;right:57px}.wordmark{opacity:1;transition:visibility 0s .34s}.site-header:has(.section-island.is-expanded) .wordmark{opacity:0;visibility:hidden;transition:none}.nav-inner{min-height:calc(72px + env(safe-area-inset-top))}.hero{padding-block:56px 36px}.hero-eyebrow{margin-bottom:36px}.hero-layout{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(52px,10.8vw,76px)}.hero-introduction{max-width:440px}.hero-lead{font-size:21px}.hero-introduction .secondary{margin-top:20px}.hero-introduction .text-link{margin-top:12px}.work-section{padding-top:48px}.section-heading{margin-bottom:32px}.work-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.work-intro>p{font-size:16px}.work-caption{flex-direction:column;gap:6px}.work-notes{grid-template-columns:1fr;gap:40px;margin-top:56px}.work-note{padding-top:24px}.work-note h3{margin-block:16px}.work-note>p:not(.eyebrow){max-width:480px}.about-layout{grid-template-columns:1fr;gap:40px}.about-photo{max-width:460px}.about-photo img{aspect-ratio:1}.about-copy h2{font-size:clamp(30px,6vw,42px)}.about-prose{margin-top:24px;font-size:16px}.background-list>div{grid-template-columns:1fr;gap:8px;padding-block:20px}.thinking-layout{grid-template-columns:1fr;gap:40px}.question summary{gap:20px;min-height:76px;font-size:17px}.question>p{padding-right:0}.writing-preview{margin-top:56px}.writing-heading{align-items:baseline}.writing-heading h3{font-size:24px}.writing-preview-link{flex-direction:column;gap:10px;font-size:20px}.writing-preview-link>.secondary{justify-content:space-between;width:100%;display:flex}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-layout h2{font-size:clamp(32px,6.5vw,46px)}.contact-email{font-size:clamp(17px,4.7vw,22px)}.social-links{gap:24px;margin-top:20px}.site-footer{flex-wrap:wrap;gap:4px 20px;min-height:100px;padding-block:24px}.site-footer>a{margin-left:auto}.articles-home{padding-top:56px}.writing-intro{margin-bottom:48px}.writing-intro h1{font-size:clamp(44px,9vw,68px)}.writing-intro>p:last-child{margin-top:24px}.article-row-link{grid-template-columns:1fr 24px;gap:16px;padding-block:32px}.article-list-meta{flex-flow:wrap;grid-column:1;gap:16px;padding:0}.article-row-copy{grid-area:2/1}.article-row-arrow{grid-area:2/2}.article-row-copy h2{font-size:26px}.article-row-copy p{font-size:15px}.article-detail{padding-top:28px}.article-back{margin-bottom:32px}.article-header{margin-bottom:32px;padding-bottom:28px}.article-header h1{font-size:clamp(36px,8.5vw,56px)}.article-meta{margin-top:24px;font-size:13px}.article-prose{font-size:18px;line-height:1.75}.article-next{margin-top:48px}.desktop-break{display:none}}@media (width<=359px){:root{--gutter:20px}.hero h1{font-size:47px}.wordmark{font-size:18px}.hero-lead{font-size:19px}.visual-statement p{font-size:28px}.writing-heading{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.island-surface:has(.island-toggle:active){transform:none}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1050px) and (width>=761px){[data-motion=tablet] .hero-heading-motion{transform:translateY(calc(var(--exit) * -36px)) scale(calc(1 - var(--exit) * .05));transform-origin:0}[data-motion=tablet] .hero-introduction{transform:translateY(calc(var(--exit) * -12px))}[data-motion=tablet] .visual-statement{transform:translateY(calc(var(--story) * -20px)) scale(calc(1.03 - var(--story) * .06));transform-origin:0}.product-pin{min-height:430px}.work-visual{grid-template-columns:1.4fr 1fr;gap:36px}.visual-statement p{font-size:46px}.product-shell{padding:40px}.contact-layout h2{font-size:68px}}@media (width<=760px){.hero{min-height:calc(88svh - 96px);padding-block:48px 64px}[data-motion=compact] .hero-heading-motion{transform:translateY(calc(var(--exit) * -20px)) scale(calc(1 - var(--exit) * .035));transform-origin:0}[data-motion=compact] .hero-introduction{opacity:calc(1 - var(--exit) * .05)}.work-intro h3{font-size:clamp(38px,10vw,54px)}[data-motion] .about-copy h2{transform:translateX(calc((1 - var(--enter)) * 12px))}[data-motion] .writing-preview-link{transform:translateX(calc((1 - var(--enter)) * -12px))}[data-motion] .writing-preview-link:nth-child(3){transform:translateX(calc((1 - var(--enter)) * -20px))}.product-scene{height:calc(100svh + 120px)}.product-pin{top:calc(92px + env(safe-area-inset-top));height:min(560px,100svh - 132px);min-height:480px;padding-inline:16px}.product-shell{padding:28px 24px}.work-visual{grid-template-columns:1fr;align-content:center;gap:28px;padding:0}.visual-statement p{font-size:clamp(29px,8vw,44px)}.record-types{font-size:15px}.record-types li{padding-block:13px}.work-caption{gap:6px;margin-top:24px;padding-top:20px}.work-caption p{font-size:13px}.work-caption .text-link{font-size:14px}[data-motion] .record-types li{transform:translateX(calc((1 - var(--detail)) * 10px))}[data-motion] .work-caption{transform:translateY(calc((1 - var(--story)) * 7px))}.thinking-heading{position:static}.writing-preview{margin-top:72px;padding-top:32px}.writing-heading h3{font-size:28px}.contact-layout h2{font-size:clamp(56px,14vw,72px)}.contact-section{padding-block:104px 80px}}@media (height<=650px){.product-scene{height:auto}.product-pin{height:auto;min-height:420px;position:relative;top:auto}}@media (prefers-reduced-motion:reduce){.product-scene{height:auto}.product-pin{height:auto;min-height:0;position:relative;top:auto}.product-shell{min-height:420px}[data-motion] :is(.hero-heading-motion,.hero-introduction,.section-heading,.work-intro h3,.work-intro>p,.product-shell,.visual-statement,.record-types li,.work-caption,.work-note,.about-photo,.about-photo img,.about-copy h2,.about-prose,.thinking-heading h2,.writing-preview-link,.contact-layout h2 span,.contact-details){opacity:1;transform:none}[data-motion] :is(.portrait-viewport,.background-list){clip-path:none}.product-shell:hover .visual-statement p{translate:none}}