@font-face{font-family:Anton;src:url('./assets/fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
:root{--paper:#f8f6ef;--ink:#191919;--muted:#77736b;--line:#d9d6ce;--orange:#f23719;--display:'Anton','Noto Sans SC',sans-serif;--nav-height:66px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Work Sans','Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-grid{position:absolute;inset:0;min-height:100%;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(80,70,52,.064) 1px,transparent 1px),linear-gradient(90deg,rgba(80,70,52,.064) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(100deg,#000,rgba(0,0,0,.5) 30%,transparent 72%)}body{position:relative;isolation:isolate}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--paper);padding:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.hero-stage{position:relative;isolation:isolate;overflow:hidden}.hero-color{position:absolute;inset:0;background:var(--orange);clip-path:polygon(85.2% 0,100% 0,100% 100%,55% 100%);z-index:-1}.hero-stage::after{content:'';position:absolute;inset:0;opacity:.045;pointer-events:none;z-index:5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.site-header{position:relative;z-index:10;width:91.5%;max-width:1600px;min-height:52px;height:5.1vw;max-height:76px;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid rgba(85,80,68,.22);gap:clamp(24px,16vw,230px)}.wordmark{font:400 clamp(17px,1.7vw,25px)/1 var(--display);white-space:nowrap;letter-spacing:-.02em}.header-nav{display:flex;align-items:stretch;gap:clamp(24px,3.7vw,56px);height:100%}.nav-tab{position:relative;flex:none;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 0;font-size:clamp(11px,1.04vw,15px);color:#74736e;transition:color .2s}.nav-tab span{display:inline-block;transition:transform .18s ease}.nav-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-tab[aria-selected=true]{color:var(--ink);font-weight:700}.nav-tab[aria-selected=true]::after{transform:scaleX(1)}@media(hover:hover){.nav-tab:hover span{transform:translateY(-2px)}.nav-tab:hover{color:var(--ink)}}.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;height:48.8vw;max-height:760px;min-height:360px}.hero-person{position:absolute;height:99%;width:auto;max-width:none;right:4.7%;bottom:0;object-fit:contain;z-index:1}.hero h1{position:absolute;inset:0;font-size:inherit;font-weight:400;z-index:2}.hero-word{position:absolute;left:7.7%;fill:var(--ink);font-family:Anton,sans-serif;font-size:1000px;font-weight:400;overflow:visible}.hero-make{top:7.3%;width:38.2%;height:37%}.hero-different{top:45.3%;width:52.2%;height:30.5%}.hero-identity{position:absolute;z-index:3;left:7.7%;top:79%;max-width:52%}.hero-name{font:400 clamp(25px,3.15vw,47px)/1.12 var(--display);letter-spacing:.005em}.hero-roles{margin-top:5px;font-size:clamp(10px,1.1vw,15px);line-height:1.4;color:#63625f;letter-spacing:-.02em}.type-char{opacity:1;animation:type-in 1ms backwards;animation-delay:calc(100ms + var(--i)*32ms)}@keyframes type-in{from{opacity:0}to{opacity:1}}.hero-shade{display:none}.scroll-cue{position:absolute;z-index:4;left:48%;bottom:0;display:grid;place-items:center;width:44px;height:40px;color:var(--orange);transform:translateX(-50%);animation:cue-in .7s 2.4s backwards}.scroll-cue svg{width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;animation:cue-drift 2.5s ease-in-out infinite}@keyframes cue-in{from{opacity:0}to{opacity:1}}@keyframes cue-drift{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
.works-shell{width:min(calc(100% - 48px),840px);margin:0 auto;padding-bottom:20px}.nav-anchor{height:0}.section-nav{position:sticky;top:0;z-index:20;min-height:var(--nav-height);margin-top:4px;border-bottom:1px solid var(--line);background:rgba(248,246,239,.97);display:flex;align-items:center;gap:26px}.nav-track{display:flex;align-self:stretch;align-items:stretch;justify-content:space-evenly;gap:25px;flex:1;min-width:0}.section-nav .nav-tab{font-size:12px;padding-top:14px;padding-bottom:14px}.section-wordmark{display:none;font-size:20px}.section-nav.is-stuck .section-wordmark{display:block}.section-nav.is-stuck .nav-track{justify-content:space-between;gap:22px}.panel{padding-block:28px 56px;container-type:inline-size}.panel:focus{outline:none}.reading-progress{position:fixed;left:18px;top:55%;width:2px;height:90px;background:#dedbd3;z-index:12;pointer-events:none;opacity:0;transition:opacity .3s}.reading-progress.is-visible{opacity:1}.reading-progress i{position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:bottom}.reading-progress span{position:absolute;top:calc(100% + 8px);left:6px;font:10px/1 monospace;color:var(--muted)}
@media(min-width:1000px){.works-shell{width:min(68%,840px)}}
@media(min-width:1600px){.hero{max-height:810px}.hero-word{left:max(7.7%,calc((100% - 1536px)/2))}.hero-identity{left:max(7.7%,calc((100% - 1536px)/2))}}
@media(min-width:601px) and (max-width:800px){.site-header{gap:30px}.header-nav{gap:24px}.site-header .nav-tab{font-size:11px}.wordmark{font-size:17px}.section-nav{gap:18px}.section-nav.is-stuck .nav-track{gap:14px}.section-wordmark{font-size:17px}.hero{min-height:0}.hero-name{font-size:24px}.hero-roles{font-size:9px}}
@media(max-width:600px){:root{--nav-height:56px}.site-header{height:58px;min-height:0;width:calc(100% - 44px);border:0;justify-content:space-between;background:var(--paper)}.wordmark{font-size:20px}.header-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:40px;padding:8px}.menu-toggle span{display:block;height:1.5px;width:20px;background:var(--ink)}.mobile-menu{display:flex;flex-direction:column;position:absolute;left:-22px;right:-22px;top:58px;padding:12px 22px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 15px #1919190a;gap:2px}.mobile-menu .nav-tab{font-size:16px;justify-content:flex-start;padding:12px 0}.mobile-menu .nav-tab::after{right:auto;width:34px}.hero-color{top:0;clip-path:polygon(65% 0,100% 0,100% 100%,95% 100%)}.hero{height:164vw;max-height:720px;min-height:0}.hero-person{height:100%;max-width:none;right:-12%;bottom:0}.hero-shade{display:block;position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#10100fe8 85%);z-index:1}.hero-word{left:6%;fill:#fffdf7}.hero-make{top:52%;width:49%;height:13%}.hero-different{top:65.2%;width:76%;height:12.5%}.hero-identity{left:6%;top:80.5%;max-width:88%;color:#fffdf7}.hero-name{font-size:clamp(26px,8.2vw,40px);line-height:1.12}.hero-roles{font-size:clamp(10px,3.2vw,13px);line-height:1.45;color:#c6c4bd;margin-top:5px;letter-spacing:-.015em}.scroll-cue{left:48%;bottom:4px;height:34px}.scroll-cue svg{width:16px;stroke-width:1.6}.works-shell{width:calc(100% - 36px)}.section-nav{min-height:56px;margin-top:0;gap:0}.section-wordmark,.section-nav.is-stuck .section-wordmark{display:none}.nav-track,.section-nav.is-stuck .nav-track{justify-content:flex-start;gap:27px;overflow-x:auto;scrollbar-width:none;padding-right:14px}.nav-track::-webkit-scrollbar{display:none}.section-nav .nav-tab{font-size:12px;padding:16px 0}.panel{padding-block:26px 42px}.reading-progress{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Match the spacing and framed proportions of the supplied boards. */
:root{--nav-height:56px}
.works-shell{min-height:100svh}
.section-nav{margin-top:0;min-height:56px}
@media(min-width:601px) and (max-width:999px){.works-shell{width:calc(100% - 70px)}}
@media(max-width:600px){.hero-person{width:112%;height:auto;right:-6%;top:-.8%;bottom:auto}.hero-shade{inset:48% 0 0;background:linear-gradient(transparent,#111110 82%)}.page-grid{opacity:.65}}

@media(max-width:600px){.site-header{height:clamp(46px,14.8vw,58px)}.wordmark{font-size:clamp(17px,5.1vw,20px)}.mobile-menu{top:clamp(46px,14.8vw,58px)}.hero-color{top:0}.hero-person{right:-1%;width:108%;top:0}.hero-shade{inset:48% 0 0;background:linear-gradient(transparent,#111110 68%)}.hero{height:164vw}.section-nav{min-height:clamp(44px,14vw,56px)}.nav-track,.section-nav.is-stuck .nav-track{gap:clamp(22px,6.9vw,27px)}.section-nav .nav-tab{padding-block:12px}}
.hero-person-extension{display:none}
@media(max-width:600px){
  .hero-person{clip-path:inset(0 0 49%)}
  .hero-person-extension{display:block;position:absolute;z-index:1;right:-22%;top:-23%;width:151%;height:123%;max-width:none;object-fit:fill;clip-path:inset(48% 0 0)}
  .hero-shade{inset:48% 0 0;background:linear-gradient(transparent,#11111188);clip-path:polygon(0 0,75% 0,96% 100%,0 100%)}
}