:root{box-sizing:border-box;--paper:#f6f6f4;--ink:#17181b;--ink-soft:#55585f;--line:#cdcfd3;--line-soft:#e2e3e6;--fill:#e7e8ea;--fill-deep:#d7d9dc;--accent:#5a6b8c;--accent-soft:#aeb8cb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141518;--ink:#ededef;--ink-soft:#a4a7ae;--line:#35373c;--line-soft:#2a2c31;--fill:#1e1f23;--fill-deep:#27292e;--accent:#9aa7c4;--accent-soft:#565e70}}*{box-sizing:border-box}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.65,0,.35,1)}::view-transition-old(*){object-fit:cover}::view-transition-new(*){object-fit:cover}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:1ms}}.reveal{opacity:0;transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);transform:translateY(64px)scale(.97)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}html,body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,-apple-system,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Archivo,Inter,sans-serif}a{color:inherit;text-decoration:none}.scroll-space{width:100%;position:relative}.sticky-view{height:100svh;position:sticky;top:0;overflow:hidden}.track{will-change:transform;height:100%;display:flex}.panel{border-right:1px solid var(--line-soft);flex-direction:column;flex:none;justify-content:center;height:100%;display:flex;position:relative}.panel-tag{color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-size:12px;display:flex;position:absolute;bottom:48px;left:7vw}.panel-tag b{color:var(--ink);font-weight:600}.hero.panel{width:100vw}.featured-bento.panel{width:94vw}.list-panel.panel{width:100vw}.footer-panel.panel{width:56vw;min-width:460px}.hint{color:var(--ink-soft);z-index:50;pointer-events:none;align-items:center;gap:8px;font-size:12px;transition:opacity .5s;display:flex;position:fixed;bottom:56px;left:50%;transform:translate(-50%)}.hint svg{width:14px;height:14px}.hint.hide{opacity:0}.chrome-bottom{z-index:50;justify-content:space-between;align-items:center;padding:0 36px 22px;display:flex;position:fixed;bottom:0;left:0;right:0}.seq{color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:54px;font-size:12px}.track-bar{background:var(--line);flex:1;height:1px;margin:0 20px;position:relative}.track-bar-fill{background:var(--ink);width:0%;transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.dots{gap:10px;display:flex}.dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,transform .2s}.dot.active{background:var(--ink);transform:scale(1.3)}@media (max-width:760px){.sticky-view{height:auto;position:static;overflow:visible}.track{height:auto;display:block}.scroll-space{height:auto!important}.hint,.chrome-bottom{display:none}.panel,.hero.panel,.featured-bento.panel,.list-panel.panel,.footer-panel.panel{border-right:none;border-bottom:1px solid var(--line-soft);height:auto;min-height:100vh;width:100%!important;min-width:0!important}.panel-tag{margin-top:36px;padding:0 7vw;position:static}}.chrome-top{z-index:50;justify-content:space-between;align-items:center;padding:28px 7vw;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.02em;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-family:Archivo,sans-serif;font-size:15px;font-weight:700}.logo span{color:var(--ink-soft);font-weight:500}.top-nav{gap:28px;display:flex}.top-nav a{color:var(--ink-soft);border-bottom:1px solid #0000;padding-bottom:6px;font-size:13px;font-weight:500;transition:color .2s,border-color .2s}.top-nav a:hover{color:var(--ink);border-color:var(--accent)}.ph-image{background:var(--fill);border:1px solid var(--line);border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ph-image:after{content:attr(data-ratio);color:var(--ink-soft);letter-spacing:.03em;font-size:10px;position:absolute;top:10px;right:12px}.ph-image:before{content:attr(data-label);color:var(--ink-soft);letter-spacing:.03em;font-size:10px;position:absolute;bottom:10px;left:12px}.hero{max-width:760px;margin:0 auto 0 0;padding:60px 7vw 90px}.hero-eyebrow{color:var(--ink-soft);margin-bottom:22px;font-size:13px}.hero h1{margin-bottom:26px;font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.08}.hero p{color:var(--ink-soft);max-width:460px;margin-bottom:32px;font-size:16px;line-height:1.6}.hero-meta{border-top:1px solid var(--line);flex-wrap:wrap;gap:36px;padding-top:18px;display:flex}.hero-meta div{color:var(--ink-soft);font-size:12px;line-height:1.5}.hero-meta b{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.featured-bento{padding:0 7vw 90px}.section-eyebrow{color:var(--ink-soft);margin-bottom:24px;font-size:13px}.bento-grid{grid-template-rows:3fr 2fr;grid-template-columns:1.35fr 1fr;gap:20px;width:100%;height:72vh;min-height:480px;display:grid}.bento-tile{border:1px solid var(--line);cursor:pointer;border-radius:3px;display:block;position:relative;overflow:hidden}.bento-tile--lg{grid-area:1/1/3}.bento-tile--top{grid-area:1/2}.bento-tile--bottom{grid-area:2/2}.bento-tile .tile-image{width:100%;height:100%;transform:translateX(var(--px,0px)) scale(1);background-position:50%;background-size:cover;border:none;border-radius:0;transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .3s;position:absolute;inset:0}.bento-tile:hover .tile-image{transform:translateX(var(--px,0px)) scale(1.035);filter:brightness(.95)}.bento-cap{background:linear-gradient(#0000 30%,#0a0a0c9e);flex-direction:column;gap:6px;padding:22px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.bento-num{color:#ffffffbf;font-size:12px}.bento-cat{color:#ffffffd9;font-size:12px}.bento-tile h2{color:#fff;margin:0;font-size:clamp(16px,1.6vw,22px);font-weight:600}.bento-tile--lg h2{font-size:clamp(24px,3vw,38px)}.bento-tile--lg .bento-cap{padding:32px 34px}@media (max-width:760px){.bento-grid{grid-template-rows:none;grid-template-columns:1fr;gap:16px;height:auto}.bento-tile--lg,.bento-tile--top,.bento-tile--bottom{grid-area:auto}.bento-tile{aspect-ratio:4/3}}.list-panel{max-width:980px;padding:0 7vw 90px}.list-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.list-head h2{font-size:clamp(24px,3vw,34px);font-weight:600}.list-head span{color:var(--ink-soft);font-size:13px}.proj-row{border-top:1px solid var(--line-soft);cursor:pointer;grid-template-columns:128px 1fr auto auto;align-items:center;gap:28px;padding:22px 4px;transition:background .15s;display:grid}.proj-row:last-child{border-bottom:1px solid var(--line-soft)}.proj-row:hover{background:var(--fill)}.proj-thumb{flex-shrink:0;width:128px;height:80px}.proj-name{font-size:16px;font-weight:500}.proj-cat{color:var(--ink-soft);font-size:13px}.proj-year{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:44px;font-size:13px}@media (max-width:760px){.proj-row{grid-template-columns:76px 1fr auto;gap:16px}.proj-thumb{width:76px;height:48px}.proj-cat{display:none}}.footer-panel{padding:70px 7vw 90px}.footer-panel h3{max-width:420px;margin-bottom:26px;font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.25}.foot-row{flex-direction:column;gap:6px;margin-bottom:26px;display:flex}.foot-row a,.foot-row span{color:var(--ink-soft);font-size:14px}.foot-socials{flex-wrap:wrap;gap:18px;margin-bottom:40px;display:flex}.foot-socials a{color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:2px;font-size:13px}.foot-note{color:var(--ink-soft);border-top:1px solid var(--line);max-width:480px;padding-top:16px;font-size:11.5px}.cs-wrap{max-width:920px;margin:0 auto;padding:48px 7vw 140px}.cs-back{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:56px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.cs-back svg{width:13px;height:13px}.cs-back:hover{color:var(--ink)}.cs-head{margin-bottom:44px}.cs-eyebrow{color:var(--accent);letter-spacing:.02em;margin-bottom:18px;font-size:13px}.cs-head h1{margin-bottom:20px;font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.05}.cs-tagline{color:var(--ink-soft);max-width:620px;font-size:17px;line-height:1.6}.cs-cover{border-left:none;border-right:none;border-radius:0;width:100vw;height:100vh;margin-bottom:64px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.cs-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:76px;padding:24px 0;display:grid}.cs-facts div{flex-direction:column;gap:7px;display:flex}.cs-facts b{color:var(--ink-soft);font-size:12px;font-weight:500}.cs-facts span{font-size:14px;font-weight:500;line-height:1.4}.cs-section{margin-bottom:76px}.cs-section-grid{grid-template-columns:.5fr 1fr;gap:48px;display:grid}.cs-section h2{font-size:clamp(22px,2.4vw,28px);font-weight:600}.cs-section p{color:var(--ink-soft);max-width:560px;font-size:15px;line-height:1.75}.cs-quote{border-left:2px solid var(--ink);max-width:740px;margin:0 0 76px;padding-left:28px;font-family:Archivo,sans-serif;font-size:clamp(20px,2.6vw,30px);font-style:normal;font-weight:600;line-height:1.4}.cs-process-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;display:grid}.cs-process-card{flex-direction:column;gap:14px;display:flex}.cs-process-card .ph-image{aspect-ratio:4/3;width:100%}.cs-process-card span{color:var(--ink-soft);font-size:13px}.cs-showcase{grid-template-columns:1fr .6fr;align-items:center;gap:40px;margin-top:28px;margin-bottom:44px;display:grid}.cs-showcase.reverse{grid-template-columns:.6fr 1fr}.cs-showcase.reverse .cs-showcase-image{order:-1}.cs-showcase-image{aspect-ratio:16/10;width:100%}.cs-showcase-cap b{margin-bottom:8px;font-size:16px;font-weight:600;display:block}.cs-showcase-cap span{color:var(--ink-soft);font-size:13.5px;line-height:1.6}.cs-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;display:grid}.cs-stat{border-top:1px solid var(--line);padding-top:18px}.cs-stat b{margin-bottom:8px;font-family:Archivo,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:700;display:block}.cs-stat span{color:var(--ink-soft);font-size:13px}.cs-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:32px;display:flex}.cs-next-label{color:var(--ink-soft);flex-shrink:0;font-size:12px}.cs-next-link{text-align:right;color:var(--ink);align-items:center;gap:10px;font-family:Archivo,sans-serif;font-size:clamp(20px,2.6vw,30px);font-weight:600;display:inline-flex}.cs-next-link:hover{color:var(--accent)}.cs-next-link svg{flex-shrink:0;width:18px;height:18px}@media (max-width:760px){.cs-facts{grid-template-columns:repeat(2,1fr);row-gap:20px}.cs-section-grid{grid-template-columns:1fr;gap:20px}.cs-process-grid{grid-template-columns:1fr}.cs-showcase,.cs-showcase.reverse{grid-template-columns:1fr;gap:20px}.cs-showcase.reverse .cs-showcase-image{order:0}.cs-stats{grid-template-columns:1fr}.cs-next{flex-direction:column;align-items:flex-start;gap:14px}.cs-next-link{text-align:left}}