@charset "UTF-8";
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-semibold.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-extrabold.ttf') format('truetype');font-weight:700 800;font-display:swap}
:root{
 --charcoal:oklch(19.083868% .0019827 106.58594);
 --paper:oklch(100% 0 0);--ink:var(--charcoal);--muted:oklch(46% 0 0);
 --line:oklch(89% 0 0);--pale:oklch(96% 0 0);--panel:oklch(94% 0 0);
 --dark:var(--charcoal);--on-dark:oklch(99% 0 0);--dark-muted:oklch(76% 0 0);--dark-line:oklch(32% 0 0);
 --sans:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --gutter:clamp(24px,4.5vw,64px);--container:1408px;--gap:clamp(28px,4.5vw,64px);
 --rail:220px;--header-height:84px;--radius:12px;
 --ease:cubic-bezier(.22,1,.36,1);--fast:180ms;--z-header:20;--z-progress:21;--z-skip:30;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}
p{margin:0 0 1.25em;max-width:70ch;text-wrap:pretty}h1,h2,h3,h4{font-weight:500;line-height:1.14;margin:0;text-wrap:balance}
h1{letter-spacing:-.035em}h2{letter-spacing:-.03em}h3{letter-spacing:-.025em}
::selection{background:oklch(84% 0 0);color:var(--ink)}[hidden]{display:none!important}
a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.wrap{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}
.skip{position:fixed;top:-100px;left:16px;padding:12px 22px;background:var(--ink);color:var(--paper);z-index:var(--z-skip)}.skip:focus{top:12px}
.site-header{position:sticky;top:0;background:var(--paper);z-index:var(--z-header);border-bottom:1px solid var(--line)}
.nav-wrap{height:var(--header-height);display:flex;align-items:center;gap:36px}
.brand{display:flex;gap:12px;align-items:center;font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%;font-size:23px;font-weight:800;letter-spacing:-.04em;padding-right:2px}
.brand-sub{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:5px}
.nav-location{margin-left:auto;color:var(--muted);font-size:11px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px}
.nav-links>a{padding:10px 0;position:relative}.nav-links>a:not(.nav-contact):after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.nav-links>a[aria-current=page]:after{transform:scaleX(1)}
.nav-links .nav-contact{border-radius:100px;background:var(--pale);padding:11px 18px;transition:background-color var(--fast)}
.nav-contact[aria-current=page]{background:var(--ink);color:var(--paper)}
.menu-button{display:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 15px;border-radius:100px}
.home-hero a:focus-visible,.home-hero button:focus-visible,.footer a:focus-visible{outline-color:var(--on-dark)}
.home-hero{background:var(--dark);color:var(--on-dark);padding-top:64px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center;padding-bottom:58px}
.hello{font-size:14px;color:var(--dark-muted);margin-bottom:26px}.hero-copy h1{font-size:clamp(48px,6vw,84px);font-weight:500;line-height:1.07;letter-spacing:-.04em}.hero-copy h1>span{color:var(--dark-muted)}
.hero-description{max-width:410px;font-size:15px;line-height:1.85;color:var(--dark-muted);margin:28px 0}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;padding:13px 21px;background:var(--ink);color:var(--paper);border:0;border-radius:100px;font-size:13px;font-weight:500;transition:background-color var(--fast),transform var(--fast) var(--ease)}
.hero-copy .button{background:var(--paper);color:var(--ink)}.button.secondary{background:var(--pale);color:var(--ink)}
.hero-gallery{min-width:0}.preview-tabs{display:flex;gap:8px;margin-bottom:16px}.preview-tab{background:transparent;border:0;border-radius:100px;padding:8px 16px;color:var(--dark-muted);font-size:12px;transition:background-color var(--fast),color var(--fast)}.preview-tab[aria-pressed=true]{background:oklch(28% 0 0);color:var(--on-dark)}
.hero-preview{position:relative;display:block;border-radius:var(--radius);overflow:hidden}.hero-preview .work-image{aspect-ratio:16/9;border-radius:0}.hero-preview .work-image.taxi img{object-fit:contain}.hero-preview .work-image.pocket{padding:32px}
.preview-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;background:var(--paper);color:var(--ink);border-radius:50%;font-size:21px;transition:transform 220ms var(--ease)}
.preview-caption{display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:11px;color:var(--dark-muted);margin-top:16px;min-height:36px}.preview-caption span:first-child{color:var(--on-dark)}
.hero-foot{border-top:1px solid var(--dark-line);padding:22px 0;display:flex;justify-content:space-between;gap:24px;color:var(--dark-muted);font-size:11px}.hero-foot a{color:var(--on-dark)}
.section{padding:88px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-heading h2{font-size:36px}.section-heading p{font-size:14px;color:var(--muted);margin:12px 0 0}.section-heading>p{max-width:380px}
.text-link{font-size:13px;display:inline-flex;gap:18px;align-items:center;font-weight:500;padding:6px 0;border-bottom:1px solid currentColor}.arrow{font-family:var(--sans);font-weight:400;flex:none;transition:transform 220ms var(--ease)}
.home-work-grid,.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.work-card{min-width:0}.work-card>a{display:block;border-radius:var(--radius)}.work-image{width:100%;min-width:0;aspect-ratio:8/5;position:relative;overflow:hidden;background:var(--panel);border-radius:var(--radius)}
.work-image img{width:100%;height:100%;object-fit:contain;transition:transform 450ms var(--ease)}
.work-image.vip,.work-image.terracotta{padding:28px 28px 0}.work-image.vip img,.work-image.terracotta img{object-fit:cover;object-position:top}.work-image.haolon,.work-image.pocket{padding:28px}.work-image.taxi img{object-fit:cover}
.work-card-copy{padding-top:20px}.work-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);min-height:38px}.work-card-top>span:last-child{white-space:nowrap}
.work-card h3{font-size:28px;display:flex;justify-content:space-between;align-items:start;gap:20px;min-height:2.3em}.work-card h3 a{min-width:0}.work-card h3 .arrow{font-size:22px;line-height:1.4}.work-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:10px 0 0;max-width:60ch}
.home-work-grid .work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--gap);align-items:center}.home-work-grid .work-card:first-child .work-card-copy{padding:0}.home-work-grid .work-card:first-child h3{font-size:40px;min-height:0}.home-work-grid .work-card:first-child p{font-size:16px;max-width:34ch;margin-top:22px}.home-work-grid .work-card:first-child .work-image{aspect-ratio:8/5}
.work-continuation{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px 28px;border-top:1px solid var(--line);padding-top:26px;font-size:13px}.work-continuation>span{margin-right:auto;color:var(--muted)}
.home-writing{background:var(--pale);padding:80px 0}.writing-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.essay-feature{display:block}.essay-feature>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.essay-feature-copy{padding:24px 0 0}.essay-feature h3{font-size:31px;line-height:1.2;margin:16px 0}.essay-feature p{font-size:14px;color:var(--muted)}
.short-notes>h3{font-size:24px;margin:0 0 10px}.short-notes>p{font-size:13px;color:var(--muted);margin-bottom:23px}.story-row{display:block;padding:24px 0;border-top:1px solid var(--line)}.story-meta{font-size:11px;display:flex;gap:14px;color:var(--muted)}.story-row h3{font-size:24px;line-height:1.25;margin:11px 0}.story-row p{font-size:13px;color:var(--muted);margin:0}.story-time{display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted);margin-top:15px}.story-time .arrow{font-size:18px}
.short-notes .story-meta>span:nth-child(2){display:none}.short-notes .story-row{padding:19px 0}.short-notes .story-row h3{font-size:20px;margin:8px 0 3px}.short-notes .story-row p{display:none}.short-notes .story-time{margin-top:9px}.short-notes .story-time .arrow{margin-left:auto}
.about-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:center;padding:88px 0}.about-strip h2{font-size:42px}.small-label{font-size:12px;color:var(--muted);margin-bottom:18px}.about-strip>div>p:not(.small-label){font-size:18px;line-height:1.9;color:var(--muted)}.about-strip .text-link{margin-top:8px}
.footer{background:var(--dark);color:var(--on-dark);padding:64px 0 28px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:60px}.footer-main p{font-size:13px;color:var(--dark-muted);margin-bottom:18px}.footer h2{font-size:68px;letter-spacing:-.04em}.footer-contact{display:flex;align-items:center;gap:30px;padding:16px 0;border-bottom:1px solid var(--dark-muted);font-size:15px}.footer-contact .arrow{font-size:27px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:26px;border-top:1px solid var(--dark-line);font-size:11px;color:var(--dark-muted)}.footer-bottom nav{display:flex;gap:28px}.footer-name{font-size:25px;font-weight:600;color:var(--on-dark);letter-spacing:-.03em}
.page-intro{padding:64px 0 46px}.page-intro h1{font-size:clamp(44px,5.3vw,72px);margin:12px 0 24px}.page-intro>p:not(.small-label){color:var(--muted);font-size:17px;line-height:1.85;max-width:650px}
.filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:28px;margin-bottom:36px;border-bottom:1px solid var(--line)}.filter{border:0;background:transparent;color:var(--muted);font-size:13px;padding:10px 16px;border-radius:100px;transition:background-color var(--fast),color var(--fast)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-count{margin-left:auto;font-size:12px;color:var(--muted)}
.experimental{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}.experiment{border-top:1px solid var(--line);padding:28px 0}.experiment h3{font-size:26px;margin:14px 0}.experiment p{color:var(--muted);font-size:14px}.experiment .label{font-size:11px}
.article-index{padding-bottom:96px}.article-list{display:block}.article-list .story-row{display:grid;grid-template-columns:160px minmax(0,1fr) 100px;gap:32px;align-items:start;padding:32px 0}.article-list .story-meta{flex-direction:column;gap:8px;padding-top:5px}.article-list .story-meta>span:first-child{font-size:12px;color:var(--ink);font-weight:500}.article-list .story-text h3{font-size:30px;margin:0 0 12px}.article-list .story-text p{font-size:14px;max-width:62ch}.article-list .story-time{padding-top:5px;margin-top:0;justify-content:flex-end;white-space:nowrap}.article-list .format-note .story-text h3{font-size:24px}.article-list .format-note{padding:28px 0}.article-list .story-row:first-child{border-top:0;padding-top:0}
.back-link{font-size:12px;color:var(--muted);display:inline-block;padding:5px 0;margin-bottom:32px}.article-head{padding-top:48px;margin:0;max-width:none}.article-head h1{font-size:clamp(38px,4.8vw,64px);font-weight:500;line-height:1.14;margin:24px 0;max-width:22ch}.article-head .dek{font-size:18px;line-height:1.8;color:var(--muted);max-width:780px}.article-byline{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted);padding-bottom:28px;border-bottom:1px solid var(--line)}
.article-layout,.case-content{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:var(--gap);padding:44px 0 88px}.article-body,.case-prose{max-width:720px;min-width:0}.article-side{position:sticky;top:calc(var(--header-height) + 32px);align-self:start}.label{font-size:11px;color:var(--muted)}.article-side nav{display:flex;flex-direction:column;gap:16px;margin-top:18px;font-size:12px;line-height:1.8}.article-side nav a[aria-current=true]{text-decoration:underline;text-underline-offset:5px;color:var(--ink)}.pair-link{display:block;padding-top:24px;margin-top:28px;border-top:1px solid var(--line);font-size:13px}.pair-link>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}
.article-body{font-size:18px;line-height:1.9}.article-body p{margin:0 0 26px}.article-body h2{font-size:26px;font-weight:500;margin:46px 0 20px;line-height:1.3}.article-body h2:first-child{margin-top:0}.article-body blockquote{margin:32px 0;padding:26px 30px;background:var(--pale);font-size:25px;line-height:1.65;border-radius:var(--radius)}.article-end{margin-top:44px;padding:26px 28px;background:var(--pale);border-radius:var(--radius);font-size:13px;line-height:2}.article-end a{text-decoration:underline;text-underline-offset:4px}
.reading-progress{height:2px;position:fixed;top:var(--header-height);left:0;background:var(--ink);z-index:var(--z-progress);width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}
.case-head{padding-top:48px}.eyebrow{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{display:none}.case-head h1{font-size:clamp(42px,5.7vw,76px);margin:20px 0 24px}.case-head>p{font-size:21px;color:var(--muted);max-width:850px;line-height:1.7;margin-bottom:36px}.case-meta{display:grid;grid-template-columns:1.65fr 1.1fr .7fr;gap:32px;padding:26px 0 36px;border-top:1px solid var(--line)}.case-meta p{font-size:13px;margin:9px 0 0;line-height:1.8}
.case-visual{width:100%;min-width:0;border-radius:var(--radius);background:var(--panel);padding:40px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.case-visual img{width:100%;height:100%;object-fit:contain}.case-visual.taxi{padding:0}.case-visual.pocket img{max-height:440px}.case-visual.tennis{aspect-ratio:4/3}.case-visual.tennis img{max-height:640px}
.case-content aside .small-label{margin-bottom:20px}.case-content aside .text-link{font-size:12px;gap:12px}.case-content aside p{margin:22px 0}.case-prose section{margin-bottom:42px}.case-prose section:last-child{margin-bottom:0}.case-prose h2{font-size:28px;margin-bottom:18px}.case-prose p{font-size:16px;line-height:1.9;color:var(--muted)}
.about-top,.cv-grid,.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.about-top h1{font-size:clamp(44px,5.3vw,72px);margin:12px 0 24px}.about-top .lead{font-size:24px;line-height:1.55;max-width:480px}.about-copy{padding-top:38px}.about-copy p{font-size:15px;line-height:1.95;color:var(--muted)}.cv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.cv-actions .button{padding:12px 18px;font-size:12px}.cv-grid{border-top:1px solid var(--line);padding-top:48px}.cv-grid h2{font-size:32px;margin-bottom:26px}.cv-row{padding:24px 0;border-top:1px solid var(--line)}.cv-row .date{font-size:12px;color:var(--muted)}.cv-row h3{font-size:24px;margin:12px 0}.cv-row p{font-size:14px;color:var(--muted);line-height:1.85}.cv-row strong{font-weight:600;color:var(--ink)}
.contact-layout{padding-bottom:96px;min-height:580px;align-items:center}.contact-layout h1{font-size:clamp(44px,5.3vw,72px);line-height:1.1}.contact-layout .lead{font-size:17px;color:var(--muted);line-height:1.85}.contact-panel{padding:36px;background:var(--pale);border-radius:var(--radius)}.contact-panel h2{font-size:30px;margin:16px 0 22px}.contact-panel p{font-size:15px;color:var(--muted)}.contact-panel .button{margin-top:8px}
.social-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px}.social-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px}.social-link:hover{text-decoration:underline;text-underline-offset:5px}.footer-connect .social-links{justify-content:flex-end;margin-top:12px;color:var(--dark-muted)}.contact-social{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--line);padding-top:36px;margin-top:10px;align-items:start}.contact-social h2{grid-column:1;font-size:28px;margin:0 0 14px}.contact-social>div>p{grid-column:1;font-size:14px;color:var(--muted);margin:0}.social-rows{grid-column:2;grid-row:1}.social-rows>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;border-bottom:1px solid var(--line)}.social-rows>a:first-child{padding-top:0}.social-rows>a>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;min-width:0}.social-rows strong{font-size:16px;font-weight:600;min-width:80px}.social-rows>a>span>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.social-rows>a>.arrow{font-size:22px}.social-rows>a:hover strong{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.footer-connect .social-links{justify-content:flex-start;margin-top:14px}.contact-social{display:block;padding-top:28px;margin-top:4px}.contact-social h2{font-size:27px}.contact-social>div>p{margin-bottom:26px}.social-rows>a>span:first-child{display:block}.social-rows strong{display:block;margin-bottom:7px}.social-rows>a>span>span{font-size:12px}}
.muted{color:var(--muted)}.notfound{padding:88px 0;min-height:60vh}.notfound h1{font-size:clamp(38px,5vw,60px);margin:20px 0}.print-only{display:none}
.koda-diagram{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;background:var(--panel)}.flow-title{font-size:28px;font-weight:600;letter-spacing:-.035em}.flow-title>span{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin:6px 0 22px}.flow-steps{display:flex;gap:14px;align-items:center;font-size:16px}.flow-steps>span{background:var(--paper);padding:11px 16px;border-radius:8px}.flow-steps i{font-style:normal;color:var(--muted)}.flow-caption{font-size:11px;color:var(--muted);margin-top:22px}.case-visual.koda-diagram{min-height:280px}.case-visual.koda-diagram .flow-title{font-size:44px}.case-visual.koda-diagram .flow-steps{font-size:24px;gap:24px}
/* Motion stays local to an interaction; all content is visible without JavaScript. */
@keyframes arrive{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes switch-panel{from{opacity:.75;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive 600ms var(--ease)}.hero-gallery{animation:arrive 760ms var(--ease)}.hero-panel{animation:switch-panel 240ms var(--ease)}.nav-links.open{animation:switch-panel 180ms var(--ease)}}
@media(hover:hover) and (pointer:fine){
 .nav-links>a:hover:after{transform:scaleX(1)}.nav-contact:hover,.filter:hover{background:var(--panel)}.nav-contact[aria-current=page]:hover,.filter[aria-pressed=true]:hover{background:oklch(28% 0 0)}
 .button:hover{background:oklch(30% 0 0)}.hero-copy .button:hover,.button.secondary:hover{background:oklch(89% 0 0)}
 .preview-tab:hover{background:oklch(25% 0 0);color:var(--on-dark)}.hero-preview:hover .preview-arrow{transform:translate(2px,-2px)}
 .work-card>a:hover img{transform:scale(1.02)}.text-link:hover .arrow,.footer-contact:hover .arrow,.story-row:hover .arrow{transform:translate(2px,-2px)}
 .story-row:hover h3,.work-card h3 a:hover,.work-continuation a:hover,.back-link:hover,.article-side nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
}
@media(max-width:1050px){:root{--rail:180px}.nav-location{display:none}.nav-links{margin-left:auto}.hero-copy h1{font-size:clamp(46px,6.4vw,68px)}.hero-grid{gap:32px}.hero-description{font-size:14px}.preview-caption{font-size:10px}.section{padding:68px 0}.home-work-grid .work-card:first-child h3{font-size:34px}.home-work-grid .work-card:first-child p{font-size:14px}.article-list .story-row{grid-template-columns:130px minmax(0,1fr) 86px;gap:24px}.article-list .story-text h3{font-size:27px}.article-list .story-time{font-size:10px;gap:10px}.work-card h3{font-size:26px}.flow-steps{gap:10px;font-size:14px}.flow-steps>span{padding:10px 12px}}
@media(max-width:760px){
 :root{--header-height:76px;--gutter:24px;--gap:32px}.nav-wrap{gap:20px}.brand{font-size:16px}.brand-mark{width:36px;height:36px;font-size:21px}.menu-button{display:block;margin-left:auto;font-size:12px}.nav-links{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px var(--gutter) 28px;flex-direction:column;align-items:stretch;gap:6px;font-size:17px}.nav-links.open{display:flex}.nav-links>a{padding:10px 0}.nav-links .nav-contact{align-self:flex-start;padding:10px 18px;margin-top:8px}.nav-links>a:after{right:auto;width:30px}
 .home-hero{padding-top:40px}.hero-grid{display:block;padding-bottom:30px}.hello{font-size:13px;margin-bottom:24px}.hero-copy h1{font-size:clamp(43px,12vw,72px);line-height:1.08}.hero-description{font-size:14px;max-width:420px;margin:24px 0}.hero-gallery{margin-top:40px}.preview-tabs{margin-bottom:14px}.preview-tab{font-size:12px;padding:8px 14px}.preview-caption{font-size:11px;min-height:36px}.hero-foot{font-size:10px;align-items:start;padding:20px 0}.hero-foot>span{max-width:210px}.hero-foot>a{white-space:nowrap}
 .section{padding:52px 0}.section-heading{align-items:start;gap:20px;flex-wrap:wrap;margin-bottom:28px}.section-heading h2{font-size:31px}.section-heading p{font-size:13px}.text-link{font-size:12px;gap:14px}.work-grid,.home-work-grid{grid-template-columns:1fr;gap:34px}.home-work-grid .work-card:first-child{display:block}.home-work-grid .work-card:first-child .work-card-copy,.work-card-copy{padding-top:18px}.home-work-grid .work-card:first-child h3,.work-card h3{font-size:28px;min-height:0}.home-work-grid .work-card:first-child p,.work-card p{font-size:14px;margin-top:12px;max-width:60ch}.work-card-top{font-size:11px;min-height:0;margin-bottom:10px}.work-image.vip,.work-image.terracotta{padding:22px 22px 0}.work-image.haolon,.work-image.pocket{padding:22px}.work-continuation{font-size:12px;gap:14px 22px;margin-top:30px}.work-continuation>span{width:100%}
 .home-writing{padding:50px 0}.writing-pair{grid-template-columns:1fr;gap:40px}.essay-feature h3{font-size:29px}.essay-feature p{font-size:14px}.short-notes .story-row h3{font-size:21px}.about-strip{grid-template-columns:1fr;gap:28px;padding:52px 0}.about-strip h2{font-size:36px}.about-strip>div>p:not(.small-label){font-size:17px}.small-label{font-size:12px}
 .footer{padding:44px 0 24px}.footer-main{display:block;padding-bottom:40px}.footer h2{font-size:56px}.footer-contact{display:inline-flex;font-size:14px;margin-top:24px;padding:12px 0}.footer-bottom{flex-wrap:wrap;gap:22px;font-size:10px}.footer-name{font-size:24px}.footer-bottom nav{gap:18px;margin-left:auto}.footer-bottom>span{width:100%}
 .page-intro{padding:42px 0 30px}.page-intro h1,.about-top h1{font-size:clamp(41px,10vw,60px);margin-bottom:22px}.page-intro>p:not(.small-label){font-size:16px}.filters{gap:6px;margin-bottom:28px;padding-bottom:22px}.filter{font-size:12px;padding:10px 13px}.filter-count{font-size:11px;width:100%;margin-top:10px}.experimental{grid-template-columns:1fr}.experiment h3{font-size:25px}.article-index{padding-bottom:56px}.article-list .story-row{display:block;padding:26px 0}.article-list .story-meta{flex-direction:row;gap:16px;margin-bottom:14px;padding-top:0}.article-list .story-meta>span:first-child{font-size:11px}.article-list .story-text h3{font-size:28px}.article-list .story-time{justify-content:space-between;margin-top:18px;padding-top:0;font-size:11px}.article-list .format-note .story-text h3{font-size:24px}
 .back-link{font-size:12px;margin-bottom:26px}.article-head,.case-head{padding-top:32px}.article-head h1{font-size:clamp(34px,9vw,44px);margin:22px 0}.article-head .dek{font-size:16px;line-height:1.8}.article-byline{font-size:11px;gap:10px 18px;padding-bottom:26px}.article-layout,.case-content{display:flex;flex-direction:column;gap:30px;padding:30px 0 56px}.article-body{font-size:17px;line-height:1.9}.article-body h2{font-size:24px}.article-side{position:static;order:2;width:100%}.article-side>.label,.article-side>nav{display:none}.pair-link{margin-top:0}.article-end{font-size:12px;padding:22px}
 .case-head h1{font-size:clamp(38px,10vw,52px);margin:18px 0 22px}.case-head>p{font-size:18px;margin-bottom:28px}.case-meta{grid-template-columns:1fr 1fr;gap:22px;padding-bottom:28px}.case-meta>div:first-child{grid-column:1/-1}.case-meta p{font-size:12px}.case-visual{padding:20px}.case-content aside{order:2;border-top:1px solid var(--line);padding-top:26px}.case-prose h2{font-size:25px}.case-prose p{font-size:16px}.case-prose section{margin-bottom:34px}
 .about-top,.cv-grid,.contact-layout{grid-template-columns:1fr;gap:30px}.about-top .lead{font-size:23px}.about-copy{padding-top:0}.about-copy p{font-size:15px}.cv-grid{gap:42px;padding-top:34px}.cv-grid h2{font-size:29px}.cv-row h3{font-size:24px}.contact-layout{min-height:0;padding-bottom:56px}.contact-layout h1{font-size:clamp(42px,11vw,60px)}.contact-layout .lead{font-size:16px}.contact-panel{padding:28px}.contact-panel h2{font-size:28px}.notfound{padding:56px 0}
 .work-image.koda-diagram{min-height:220px}.case-visual.koda-diagram .flow-title{font-size:30px}.case-visual.koda-diagram .flow-steps{font-size:14px;gap:10px}.flow-title{font-size:26px}.flow-title>span{font-size:12px;margin-bottom:16px}.flow-steps{font-size:14px;gap:10px}.flow-steps>span{padding:8px 10px}.flow-caption{font-size:10px;margin-top:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.footer,.cv-actions,.social-links,.reading-progress,.skip,.article-side,.back-link,.no-print{display:none!important}body{background:white;color:black;font-size:11pt}.wrap{max-width:none;padding:0}.about-top{display:block;padding:0}.about-top h1{font-size:36pt}.about-copy{padding:0}.section{padding:20px 0}.cv-grid{gap:25px}.cv-row{padding:10px 0;break-inside:avoid}.cv-grid h2{font-size:19pt}.cv-row h3{font-size:14pt}.article-layout{display:block;padding:20px 0}.article-body{font-size:12pt}.article-head h1{font-size:30pt}.print-only{display:block;font-size:10pt}.about-top .lead{font-size:15pt}.about-copy p{font-size:11pt}a{color:black;text-decoration:none}}