*,*:before,*:after{box-sizing:border-box}body{margin:0}img{max-width:100%}:root{--bg: #F4F5F2;--fg: #141614;--muted: #5B5F5A;--line: #D4D7D0;--panel: #E3E5DF;--field: #FFFFFF;--display: "Syne", "Helvetica Neue", Arial, sans-serif;--dw: 600;--lw: 600;--dls: -.045em;--dcase: none;--text: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gap: 20px;--gutter-l: max(20px, env(safe-area-inset-left, 0px));--gutter-r: max(20px, env(safe-area-inset-right, 0px));--bar: 68px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #242524;--fg: #ECEEE9;--muted: #ABAFA9;--line: #3C3F3C;--panel: #303230;--field: #1C1D1C;color-scheme:dark}}:root[data-theme=dark]{--bg: #242524;--fg: #ECEEE9;--muted: #ABAFA9;--line: #3C3F3C;--panel: #303230;--field: #1C1D1C;color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--text);font-size:16px;line-height:1.45;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bar{position:fixed;inset:env(safe-area-inset-top,0px) 0 auto 0;z-index:30;height:var(--bar);padding-left:var(--gutter-l);padding-right:var(--gutter-r);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background-color .3s}.bar.solid{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px)}.logo{display:block;width:92px;height:56px;background:var(--fg);-webkit-mask:url(/img/logo.png) left center / contain no-repeat;mask:url(/img/logo.png) left center / contain no-repeat;opacity:0;transition:opacity .35s}.bar.past .logo{opacity:1}.nav{display:flex;align-items:center;gap:2px}.nav a{font-size:15px;font-weight:500;text-decoration:none;padding:12px 10px}.nav a:hover{text-decoration:underline;text-underline-offset:4px}.pill{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:15px;font-weight:600;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}.nav .pill{margin-left:8px;padding:0 20px}.nav .pill:hover{text-decoration:none;opacity:.86}.intro{height:190vh;position:relative}.intro-pin{position:sticky;top:0;height:100vh;overflow:hidden}.wordmark{position:absolute;left:var(--gutter-l);right:var(--gutter-r);top:0;margin:0;font-family:var(--display);font-weight:var(--dw);font-size:20vw;line-height:1;letter-spacing:var(--dls);text-transform:var(--dcase);white-space:nowrap;text-align:center;will-change:transform}.hero{position:absolute;left:50%;top:50%;width:min(86vw,calc((100vh - 120px)*1.5));max-width:none;aspect-ratio:3 / 2;margin:0;transform-origin:center;will-change:transform;overflow:hidden;background:var(--panel)}.hero img{width:100%;height:100%;object-fit:cover;display:block}.strip{position:absolute;left:var(--gutter-l);right:var(--gutter-r);bottom:max(18px,env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;font-size:14px;font-weight:500}.strip p{margin:0}.strip .mid{flex:1 1 260px;max-width:460px;text-align:center;font-size:15px;font-weight:600;line-height:1.3}.strip .side{flex:1 1 140px}.strip .side.r{text-align:right}.wall{position:relative}.wall-pin{position:sticky;top:0;height:100vh;overflow:hidden}.track{--rows: 3;--th: max(72px, calc((100vh - var(--bar) - 200px - var(--gap) * (var(--rows) - 1)) / var(--rows)));position:absolute;left:0;top:calc(var(--bar) + 12px);display:flex;gap:110px;will-change:transform}.group{display:flex;flex-direction:column;opacity:.2;filter:grayscale(1);transition:opacity .55s ease,filter .55s ease}.group.on{opacity:1;filter:none}.glabel{display:none}.cols{display:flex;gap:var(--gap)}.col{display:flex;flex-direction:column;gap:var(--gap);will-change:transform}.thumb{display:block;height:var(--th);aspect-ratio:3 / 2;padding:0;border:0;background:var(--panel);overflow:hidden;cursor:zoom-in}.thumb img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.thumb:hover img,.thumb:focus-visible img{transform:scale(1.045)}.wall-foot{position:absolute;left:var(--gutter-l);right:var(--gutter-r);bottom:max(16px,env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;font-size:14px;font-weight:500}.wall-foot a{padding:12px 0;justify-self:start}.cat{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-top:6px}.cat-name{margin:0;font-family:var(--display);font-weight:var(--dw);font-size:clamp(40px,6.4vw,96px);line-height:1;letter-spacing:var(--dls);white-space:nowrap}.wordmark,.cat-name,.big,.glabel,.lede{font-stretch:var(--dst, 100%)}.cat-name sup{font-family:var(--text);font-size:15px;font-weight:500;letter-spacing:.02em;vertical-align:top;position:relative;top:.5em;margin-left:8px;font-variant-numeric:tabular-nums}.cat-total{margin:4px 0 0}.hint{justify-self:end;display:flex;align-items:center;gap:12px;color:var(--muted);padding:12px 0}.jump{display:flex;gap:4px}.jump button,.skip{height:36px;min-width:36px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--fg);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.jump button:hover,.skip:hover{border-color:var(--fg)}.jump button:disabled{opacity:.35;cursor:default;border-color:var(--line)}.meter{width:96px;height:2px;background:var(--line);position:relative;overflow:hidden}.meter i{position:absolute;inset:0;background:var(--fg);transform-origin:left;transform:scaleX(0)}.about{display:flex;flex-wrap:wrap;align-items:flex-start;border-top:1px solid var(--line)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.portrait{overflow:hidden;flex:1 1 380px;min-width:0;position:sticky;top:var(--bar);aspect-ratio:4 / 5;max-height:calc(100vh - var(--bar));background:var(--panel);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.copy{flex:1.3 1 480px;min-width:0;box-sizing:border-box;padding-block:88px 120px;padding-left:clamp(20px,7vw,110px);padding-right:var(--gutter-r);display:flex;flex-direction:column;gap:76px}.block{max-width:620px;display:flex;flex-direction:column;gap:22px}.block h2.tag,.block p.tag{margin:0;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.lede-body{display:flex;flex-direction:column;gap:14px}.lede-sub{margin:0;max-width:58ch;font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--muted)}.lede{margin:0;font-family:var(--display);font-weight:var(--lw);font-size:clamp(26px,2.9vw,38px);line-height:1.14;letter-spacing:-.02em;text-wrap:balance}dl.rows{margin:0;display:grid;grid-template-columns:136px minmax(0,1fr);gap:8px 0;font-weight:500}dl.rows dd{margin:0}dl.rows dt{color:var(--muted)}.big{margin:0;font-family:var(--display);font-weight:var(--dw);font-size:clamp(44px,5.4vw,76px);line-height:.98;letter-spacing:var(--dls);text-wrap:balance}form.quote{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px 16px}.f{display:flex;flex-direction:column;gap:6px;min-width:0}.f.wide{grid-column:1 / -1}.f label{font-size:13px;font-weight:600}.f input,.f select,.f textarea{font:inherit;color:var(--fg);background:var(--field);border:1px solid var(--muted);border-radius:4px;padding:0 12px;height:48px;box-sizing:border-box;width:100%}.f textarea{height:auto;padding:10px 12px;resize:vertical}.formnote{grid-column:1 / -1;margin:0;font-size:14px;color:var(--muted)}.rise{transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s ease}.rise.wait{transform:translateY(26px);opacity:.25}.viewer{position:fixed;inset:0;z-index:60;background:var(--bg)}.viewer .ui{transition:opacity .3s ease}.viewer.opening .ui{opacity:0}.v-top{position:absolute;inset:env(safe-area-inset-top,0px) 0 auto 0;height:var(--bar);padding-left:var(--gutter-l);padding-right:var(--gutter-r);display:flex;align-items:center;justify-content:space-between}.v-top .logo{opacity:1}.v-close{background:none;border:0;font-size:15px;font-weight:600;padding:12px 8px;cursor:pointer}.v-stage{position:absolute;inset:calc(var(--bar) + 20px) 150px 104px 200px;display:flex;align-items:center;justify-content:center}.v-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform-origin:top left}.v-meta{position:absolute;left:var(--gutter-l);top:50%;transform:translateY(-50%);margin:0;display:grid;grid-template-columns:78px auto;gap:6px 0;font-size:12px;font-weight:600;letter-spacing:.03em;max-width:170px}.v-meta dt{color:var(--muted)}.v-meta dd{margin:0}.v-strip{position:absolute;right:var(--gutter-r);top:calc(var(--bar) + 20px);bottom:104px;width:76px;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:auto;padding:4px}.v-strip button{flex:none;width:68px;height:45px;padding:0;border:0;background:var(--panel);cursor:pointer;opacity:.45;transition:opacity .25s;overflow:hidden}.v-strip button[aria-current=true]{opacity:1;outline:2px solid var(--fg);outline-offset:2px}.v-strip button:hover{opacity:1}.v-strip img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}.v-foot{position:absolute;left:var(--gutter-l);right:var(--gutter-r);bottom:max(18px,env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:14px;font-weight:500}.v-foot p{margin:0}.v-count{font-variant-numeric:tabular-nums}.v-foot .pill{justify-self:end}@media(max-width:899px){:root{--bar: 60px }.nav a:not(.pill){padding:12px 6px;font-size:14px}.nav .pill{height:40px;padding:0 14px;font-size:14px}.strip .side{display:none}.wordmark{top:var(--bar)}.wall-pin{position:static;height:auto;overflow:visible;padding-left:var(--gutter-l);padding-right:var(--gutter-r);padding-block:8px 56px}.track{position:static;flex-direction:column;gap:44px;transform:none!important}.group{opacity:1;filter:none}.glabel{display:flex;align-items:baseline;gap:8px;position:sticky;top:var(--bar);z-index:2;margin:0;padding:10px 0;background:var(--bg);font-family:var(--display);font-weight:var(--dw);font-size:34px;letter-spacing:var(--dls)}.glabel sup{font-family:var(--text);font-size:13px;font-weight:500}.cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.col{display:contents}.thumb{height:auto;width:100%}.wall-foot{display:none}.portrait{position:static;flex-basis:100%;aspect-ratio:4 / 3}.copy{padding-block:56px 88px;padding-left:var(--gutter-l);gap:56px}dl.rows{grid-template-columns:112px minmax(0,1fr)}.v-stage{inset:calc(var(--bar) + 44px) 16px 176px 16px}.v-meta{top:calc(var(--bar) + 4px);transform:none;display:flex;gap:6px 14px;flex-wrap:wrap;max-width:none}.v-meta dt{display:none}.v-strip{left:var(--gutter-l);right:var(--gutter-r);top:auto;bottom:96px;width:auto;height:56px;flex-direction:row;justify-content:flex-start}.v-foot{grid-template-columns:auto 1fr}.v-foot .ask{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.group,.thumb img,.rise,.viewer .ui{transition:none}.rise.wait{transform:none;opacity:1}}:root{interpolate-size:allow-keywords}.faq{max-width:58ch;border-top:1px solid var(--line)}.qa{border-bottom:1px solid var(--line)}.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:16px;font-weight:600}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font-size:22px;font-weight:400;line-height:1;flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.qa[open] summary:after{transform:rotate(45deg)}.qa::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease,content-visibility .4s allow-discrete}.qa[open]::details-content{block-size:auto;opacity:1}.qa p{margin:0 0 18px;color:var(--muted);line-height:1.55}@media(prefers-reduced-motion:reduce){.qa::details-content,.qa summary:after{transition:none}}