@font-face{font-family:XZ Serif;src:url(/fonts/serif-600.woff2)format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:XZ Serif;src:url(/fonts/serif-900.woff2)format("woff2");font-weight:800 900;font-display:swap}@font-face{font-family:XZ Sans;src:url(/fonts/sans-400.woff2)format("woff2");font-weight:300 450;font-display:swap}@font-face{font-family:XZ Sans;src:url(/fonts/sans-500.woff2)format("woff2");font-weight:451 700;font-display:swap}@font-face{font-family:XZ Mono;src:url(/fonts/mono-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--ink:#0e0e0d;--gallery:#121110;--charcoal:#1c1b19;--charcoal-2:#161513;--dusk:#3a3631;--paper:#f3efe7;--paper-deep:#e9e3d8;--text-on-ink:#f3efe7;--soft-on-ink:#d8d1c4;--muted-on-ink:#a7a29a;--faint-on-ink:#77726a;--line-on-ink:#34322e;--text-on-paper:#1b1a17;--muted-on-paper:#5e5a52;--line-on-paper:#d6cfc2;--accent:#c2562b;--accent-on-ink:#e07a4f;--accent-on-paper:#b04a22;--serif:"XZ Serif", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--sans:"XZ Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--mono:"XZ Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--fs-display:clamp(2.75rem, 1.6rem + 4.9vw, 6rem);--fs-h1:clamp(2rem, 1.3rem + 3vw, 3.5rem);--fs-h2:clamp(1.5rem, 1.28rem + .94vw, 2.125rem);--fs-h3:clamp(1.1875rem, 1.12rem + .3vw, 1.375rem);--fs-body:clamp(1.0625rem, 1.04rem + .1vw, 1.125rem);--fs-small:clamp(.875rem, .86rem + .06vw, .9375rem);--fs-mono:clamp(.75rem, .74rem + .05vw, .8125rem);--gutter:clamp(20px, 4.4vw, 64px);--col-gap:clamp(16px, 1.7vw, 24px);--maxw:1440px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--t-short:.16s;--t-mid:.42s;--t-long:.9s;--stagger:70ms;--header-h:96px}@media (width<=767px){:root{--header-h:72px}}.g-ink{--fg:var(--text-on-ink);--soft:var(--soft-on-ink);--muted:var(--muted-on-ink);--faint:var(--faint-on-ink);--line:var(--line-on-ink);--acc:var(--accent-on-ink);color:var(--fg)}.g-paper{--fg:var(--text-on-paper);--soft:var(--text-on-paper);--muted:var(--muted-on-paper);--faint:#8b867c;--line:var(--line-on-paper);--acc:var(--accent-on-paper);color:var(--fg)}.g-ink .link,.g-paper .link{color:var(--acc)}@property --fg{syntax:"<color>";inherits:true;initial-value:#1b1a17}@property --soft{syntax:"<color>";inherits:true;initial-value:#1b1a17}@property --muted{syntax:"<color>";inherits:true;initial-value:#5e5a52}@property --faint{syntax:"<color>";inherits:true;initial-value:#8b867c}@property --line{syntax:"<color>";inherits:true;initial-value:#d6cfc2}@property --acc{syntax:"<color>";inherits:true;initial-value:#b04a22}.js-ground main [data-ground]{transition:--fg var(--t-long) var(--ease-in-out), --soft var(--t-long) var(--ease-in-out), --muted var(--t-long) var(--ease-in-out), --faint var(--t-long) var(--ease-in-out), --line var(--t-long) var(--ease-in-out), --acc var(--t-long) var(--ease-in-out)}html.js-ground[data-ground-now=ink] main [data-ground]{--fg:var(--text-on-ink);--soft:var(--soft-on-ink);--muted:var(--muted-on-ink);--faint:var(--faint-on-ink);--line:var(--line-on-ink);--acc:var(--accent-on-ink)}html.js-ground[data-ground-now=paper] main [data-ground]{--fg:var(--text-on-paper);--soft:var(--text-on-paper);--muted:var(--muted-on-paper);--faint:#8b867c;--line:var(--line-on-paper);--acc:var(--accent-on-paper)}.backdrop{z-index:-1;background:var(--ink);opacity:0;pointer-events:none;transition:opacity var(--t-long) var(--ease-in-out);position:fixed;inset:0}.backdrop[data-on=true]{opacity:1}body[data-page=trip]{background:var(--paper)}body[data-page=trip] main{z-index:0;position:relative}.plate{--reg-c:var(--faint,#77726a);position:relative}.plate.pick{--reg-c:var(--acc,var(--accent))}.plate-box{background:var(--c,var(--charcoal));position:relative}.plate-img{cursor:zoom-in;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}div.plate-img{cursor:default}.plate-img img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform var(--t-long) var(--ease-out)}button.plate-img:hover img{transform:scale(1.015)}.reg b{border:0 solid var(--reg-c);width:14px;height:14px;transition:transform var(--t-long) var(--ease-out), opacity var(--t-long) var(--ease-out);position:absolute}.reg b:first-child{border-top-width:1px;border-left-width:1px;top:-10px;left:-10px}.reg b:nth-child(2){border-top-width:1px;border-right-width:1px;top:-10px;right:-10px}.reg b:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:-10px;left:-10px}.reg b:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:-10px;right:-10px}.rail{letter-spacing:.08em;color:var(--muted,var(--muted-on-paper));flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-top:16px;font-size:11px;display:flex}.rail .id{color:var(--fg)}.rail .id em{color:var(--acc);margin-left:10px;font-style:normal}.rail .x{white-space:pre;margin-left:auto}.note-btn{border:1px dashed var(--acc);min-height:28px;color:var(--acc);font:inherit;letter-spacing:inherit;border-radius:999px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.note-btn i{width:8px;height:8px;position:relative}.note-btn i:before,.note-btn i:after{content:"";width:8px;height:1px;transition:transform var(--t-mid) var(--ease-out);background:currentColor;position:absolute;top:3.5px;left:0}.note-btn i:after{transform:rotate(90deg)}.note-btn[aria-expanded=true] i:after{transform:rotate(0)}.note-btn:hover{background:color-mix(in srgb, var(--acc) 14%, transparent)}.mark{pointer-events:none;z-index:2;border:1px dashed var(--accent-on-ink);clip-path:inset(0 100% 100% 0);opacity:0;transition:clip-path var(--t-long) var(--ease-in-out), opacity var(--t-mid) linear;background:repeating-linear-gradient(135deg,#0e0e0d47 0 1px,#0000 1px 7px);position:absolute}.mark i{background:var(--accent);color:#fff;padding:2px 7px;font-size:10px;font-style:normal;position:absolute;top:-1px;left:-1px}.notes-open .mark{clip-path:inset(-24px);opacity:1}.notes{border-top:1px solid var(--line);margin-top:18px}.notes li{gap:4px var(--col-gap);border-bottom:1px solid var(--line);animation:note-in var(--t-long) var(--ease-out) both;grid-template-columns:minmax(120px,200px) minmax(0,1fr);padding:14px 0;display:grid}.notes li .mono{color:var(--acc)}.notes li p{font-size:var(--fs-small);color:var(--soft);line-height:1.9}.notes li small{color:var(--muted);grid-column:2}@keyframes note-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=767px){.notes li{grid-template-columns:1fr}.notes li small{grid-column:1}}.js [data-plate] .plate-img{clip-path:inset(0 0 100%)}.js [data-plate] .plate-img img{transform:scale(1.06)}.js [data-plate] .reg b{opacity:0}.js [data-plate] .reg b:first-child{transform:translate(-10px,-10px)}.js [data-plate] .reg b:nth-child(2){transform:translate(10px,-10px)}.js [data-plate] .reg b:nth-child(3){transform:translate(-10px,10px)}.js [data-plate] .reg b:nth-child(4){transform:translate(10px,10px)}.js [data-plate] .rail{opacity:0;transform:translateY(8px)}.js [data-plate].is-in .plate-img{clip-path:inset(0);transition:clip-path 1.1s var(--ease-in-out)}.js [data-plate].is-in .plate-img img{transition:transform 1.4s var(--ease-out);transform:none}.js [data-plate].is-in .reg b{opacity:1;transition-delay:.5s;transform:none}.js [data-plate].is-in .rail{opacity:1;transition:opacity var(--t-long) var(--ease-out) .65s, transform var(--t-long) var(--ease-out) .65s;transform:none}.plate.natural .plate-img{height:auto;position:relative}.plate.natural .plate-img img{height:auto}.schematic .plate-box{color:var(--text-on-ink);padding:clamp(28px,4vw,56px) clamp(24px,5vw,72px)}.flow{flex-direction:column;gap:0;max-width:40em;display:flex}.flow li{font-size:clamp(16px,.9rem + .5vw,21px);font-family:var(--serif);grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding:14px 0;font-weight:600;line-height:1.5;display:grid;position:relative}.flow li .mono{color:var(--accent-on-ink);font-family:var(--mono);font-size:11px;font-weight:400}.flow li+li:before{content:"↓";font-family:var(--mono);color:var(--faint-on-ink);font-size:12px;position:absolute;top:-11px;left:2px}.js .schematic[data-plate] .flow li{opacity:0;transform:translateY(10px)}.js .schematic[data-plate].is-in .flow li{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--i) * .11s + .3s);transform:none}.counter{left:var(--gutter);z-index:50;pointer-events:none;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity var(--t-mid) linear, transform var(--t-mid) var(--ease-out);font-size:12px;position:fixed;bottom:22px;transform:translateY(8px)}.counter[data-on=true]{opacity:1;transform:none}.counter b{letter-spacing:0;margin:0 4px;font-size:22px;font-weight:400}.lb-open .counter{opacity:0}.roll{border-top:1px solid var(--line);padding-block:clamp(36px,4vw,56px)}.roll-meta{gap:8px var(--col-gap);grid-template-columns:96px minmax(0,1fr) auto;align-items:baseline;display:grid}.roll-meta .id{color:var(--acc);font-size:13px}.roll-meta h2{font-family:var(--serif);font-size:clamp(26px,1.2rem + 1.6vw,46px);font-weight:600;line-height:1.2}.roll-meta h2 a{transition:background-size var(--t-mid) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.roll-meta h2 a:hover{background-size:100% 1px}.roll-meta .facts{color:var(--muted);text-align:right}.roll-meta .facts b{color:var(--fg);font-weight:400}.strip{scrollbar-width:none;overscroll-behavior-x:contain;margin-top:24px;overflow:auto hidden}.strip::-webkit-scrollbar{display:none}.film{width:max-content;padding:22px var(--gutter) 30px;will-change:transform;background:#090908;gap:8px;display:flex;position:relative}.film:before,.film:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 9px,#f3efe721 9px 17px);height:6px;position:absolute;left:0;right:0}.film:before{top:7px}.film:after{bottom:7px}.fr{height:clamp(92px,9vw,138px);aspect-ratio:var(--ar);background:var(--c);flex:none;position:relative}.fr img{object-fit:cover;width:100%;height:100%;transition:opacity var(--t-mid) linear, transform var(--t-mid) var(--ease-out)}.film:hover .fr img{opacity:.45}.film:hover .fr:hover img,.film .fr:focus-visible img{opacity:1;transform:scale(1.06)}.fr .no{color:var(--faint-on-ink);letter-spacing:.1em;font-size:10px;position:absolute;bottom:-20px;left:0}.fr.pick .no{color:var(--accent-on-ink)}.fr.pick:after{content:"";border:1.5px solid var(--accent-on-ink);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-in-out);transition-delay:calc(min(var(--i,0), 12) * 60ms + .3s);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;position:absolute;inset:-7px -9px}.is-in .fr.pick:after,.no-js .fr.pick:after{clip-path:inset(0)}.fr .tip{z-index:3;white-space:nowrap;background:var(--paper);color:var(--text-on-paper);letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity var(--t-short) linear, translate var(--t-mid) var(--ease-out);padding:5px 9px;font-size:10px;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 4px}.fr:hover .tip,.fr:focus-visible .tip{opacity:1;translate:-50%}.fr:first-child .tip{left:0;translate:0 4px}.fr:first-child:hover .tip{translate:0}@media (width<=767px){.roll-meta{grid-template-columns:1fr}.roll-meta .facts{text-align:left}}.sheet{grid-template-columns:repeat(auto-fill,minmax(clamp(120px,12vw,170px),1fr));gap:34px 12px;display:grid}.cell{position:relative}.cell button{aspect-ratio:3/2;cursor:zoom-in;background:#090908;width:100%;display:block}.cell img{object-fit:contain;width:100%;height:100%;transition:transform var(--t-mid) var(--ease-out), opacity var(--t-mid) linear}.sheet:hover .cell img{opacity:.5}.sheet .cell:hover img,.sheet .cell button:focus-visible img{opacity:1;transform:scale(1.04)}.cell .no{color:var(--muted);letter-spacing:.1em;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.cell.pick .no b{color:var(--acc);font-weight:400}.cell.pick button:after{content:"";border:1.5px solid var(--acc);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-in-out) calc(var(--i,0) * 18ms + .4s);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;position:absolute;inset:-6px -8px}.cell.pick button{position:relative}.js [data-print] .cell{opacity:0;transform:translateY(10px)}.js [data-print].is-in .cell{opacity:1;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transition-delay:calc(var(--i,0) * 18ms);transform:none}[data-print].is-in .cell.pick button:after,html:not(.js) .cell.pick button:after{clip-path:inset(0)}.tl{height:340vh;position:relative}.tl-stage{background:var(--ink);height:100svh;position:sticky;top:0;overflow:hidden}.tl canvas{width:100%;height:100%;position:absolute;inset:0}.tl .tl-cap{left:var(--gutter);right:var(--gutter);color:var(--soft-on-ink);text-shadow:0 1px 12px #0006;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:28px}.tl .tl-cap h3{font-family:var(--serif);font-weight:600;font-size:var(--fs-h2);color:var(--text-on-ink)}.tl .tl-bar{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tl .tl-wait{color:var(--muted-on-ink);transition:opacity var(--t-mid) linear;place-items:center;display:grid;position:absolute;inset:0}.tl[data-ready=true] .tl-wait{opacity:0}.pano{height:300vh;position:relative}.pano-stage{grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.pano-kicker{padding:0 var(--gutter) 18px;color:var(--muted);align-self:end;font-size:11px}.pano-kicker span{color:var(--acc);margin-right:14px}.pano-track{height:min(64vh,64svh);width:calc(min(64vh, 64svh) * var(--ar));will-change:transform;cursor:zoom-in;transform:translate3d(var(--gutter), 0, 0);justify-self:start;display:block}.pano-track img{object-fit:cover;background:var(--c);width:100%;max-width:none;height:100%}.pano-foot{padding:0 var(--gutter);align-self:start;align-items:flex-start;gap:32px;display:flex}.pano-foot .rail{flex:1}.pano.pick .rail .id em{color:var(--acc)}.pano-map{flex:none;width:clamp(140px,18vw,260px);margin-top:16px;position:relative;overflow:hidden}.pano-map img{opacity:.7;width:100%;height:auto}.pano-map i{border:1px solid var(--accent-on-ink);width:30%;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 999px #0a0a098c}@media (width<=767px){.pano-foot{flex-direction:column;gap:0}.pano-map{align-self:flex-end;width:58%}}.lightbox{z-index:90;transition:background var(--t-mid) linear;background:#0e0e0d00;position:fixed;inset:0}.lightbox.open{background:#0a0a09f7}.lightbox img{transform-origin:0 0;object-fit:contain;max-width:none;transition:transform var(--t-mid) var(--ease-in-out);position:absolute}.lightbox .bar{left:var(--gutter);right:var(--gutter);color:var(--soft-on-ink);white-space:pre;opacity:0;transition:opacity var(--t-mid) linear;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:22px}.lightbox.open .bar{opacity:1}.lightbox .lb-nav{align-items:center;gap:10px;display:flex}.lightbox button{min-width:44px;min-height:44px;color:var(--text-on-ink);border:1px solid #f3efe752;border-radius:999px;padding:0 16px}.lightbox button:hover{background:var(--text-on-ink);color:var(--ink)}.lb-open,.lb-open body{overflow:hidden}@media (prefers-reduced-motion:reduce){.js [data-plate] .plate-img,.js [data-plate] .rail,.js [data-print] .cell,.js [data-plate] .reg b{clip-path:none!important;opacity:1!important;transform:none!important}.fr.pick:after,.cell.pick button:after{clip-path:none!important}.js .schematic[data-plate] .flow li{opacity:1!important;transform:none!important}.tl{height:auto}.pano{height:auto!important}.pano-stage{height:auto;padding-block:64px;position:relative;overflow-x:auto}.pano-track{transform:none!important}.tl-stage{height:70vh;position:relative}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--sans);font-size:var(--fs-body);font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper);color:var(--text-on-paper);margin:0;line-height:1.85}body[data-ground=ink]{background:var(--ink);color:var(--text-on-ink)}img,video,svg{max-width:100%;display:block}img{height:auto}figure,h1,h2,h3,h4,p,ul,ol{margin:0}h1,h2,h3{text-wrap:balance}p,dd,li{text-wrap:pretty}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}[data-tone=ink] :focus-visible,body[data-ground=ink] :focus-visible{outline-color:var(--accent-on-ink)}.serif{font-family:var(--serif);font-weight:600}.mono{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;font-feature-settings:"zero" 0, "calt" 0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:200;background:var(--paper);color:var(--text-on-paper);transition:transform var(--t-mid) var(--ease-out);border-radius:999px;padding:10px 16px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.wrap{width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.grid12{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.link{--ul:currentColor;color:var(--accent-on-paper);background:linear-gradient(var(--ul), var(--ul)) left 100% / 0% 1px no-repeat;transition:background-size var(--t-mid) var(--ease-out), color var(--t-short) linear;align-items:baseline;gap:.4em;padding-bottom:2px;display:inline-flex;position:relative}.link:hover,.link:focus-visible{background-size:100% 1px}.link .arrow{transition:transform var(--t-mid) var(--ease-out);display:inline-block}.link:hover .arrow{transform:translate(4px)}[data-tone=ink] .link,.on-ink .link{color:var(--accent-on-ink)}.pill{border:1px solid color-mix(in srgb, currentColor 42%, transparent);letter-spacing:.02em;white-space:nowrap;min-height:44px;transition:background-color var(--t-mid) var(--ease-out), color var(--t-mid) var(--ease-out), border-color var(--t-mid) var(--ease-out);border-radius:999px;align-items:center;gap:.5em;padding:0 20px;font-size:.8125rem;display:inline-flex}.pill .arrow{transition:transform var(--t-mid) var(--ease-out)}.pill:hover{background:var(--text-on-ink);color:var(--ink);border-color:var(--text-on-ink)}.pill:hover .arrow{transform:translate(3px)}[data-tone=paper] .pill:hover{background:var(--text-on-paper);color:var(--paper);border-color:var(--text-on-paper)}.site-header{z-index:60;height:var(--header-h);padding-inline:var(--gutter);color:var(--text-on-ink);transition:transform var(--t-mid) var(--ease-out), color var(--t-mid) linear;view-transition-name:site-header;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header[data-tone=paper]{color:var(--text-on-paper)}.site-header[data-hidden=true]:not(:focus-within){transform:translateY(-110%)}.site-header:before{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity var(--t-mid) linear;position:absolute;inset:0}.site-header[data-solid=true][data-tone=paper]:before{opacity:1;background:var(--paper);border-bottom:1px solid var(--line-on-paper)}.site-header[data-solid=true][data-tone=ink]:before{opacity:1;background:var(--ink);border-bottom:1px solid var(--line-on-ink)}.wordmark{flex-direction:column;gap:7px;line-height:1;display:inline-flex}.wordmark b{font-family:var(--serif);letter-spacing:.01em;font-size:22px;font-weight:600}.wordmark small{font-family:var(--mono);letter-spacing:.16em;opacity:.62;text-transform:uppercase;font-size:10px}.nav{align-items:center;gap:30px;font-size:14px;display:flex}.nav ol,.nav li{align-items:center;gap:22px;display:flex}.nav li+li:before{content:"/";opacity:.38;font-size:13px}.nav a.navlink{opacity:.86;transition:opacity var(--t-short) linear;padding-block:10px;position:relative}.nav a.navlink:after{content:"";transform-origin:100%;height:1px;transition:transform var(--t-mid) var(--ease-out);background:currentColor;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.nav a.navlink:hover{opacity:1}.nav a.navlink:hover:after{transform-origin:0;transform:scaleX(1)}.nav a.navlink[aria-current=page]{opacity:1}.nav a.navlink[aria-current=page]:after{background:var(--accent);height:1.5px;transform:scaleX(1)}.menu-btn{display:none}@media (width<=767px){.nav ol,.nav .pill{display:none}.wordmark b{font-size:19px}.wordmark small{display:none}.menu-btn{border:1px solid color-mix(in srgb, currentColor 40%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:inline-flex}.menu-btn span{width:16px;height:1.5px;transition:transform var(--t-mid) var(--ease-out);background:currentColor}.menu-open .menu-btn span:first-child{transform:translateY(3.25px)rotate(45deg)}.menu-open .menu-btn span:last-child{transform:translateY(-3.25px)rotate(-45deg)}}.menu-sheet{z-index:55;background:var(--ink);color:var(--text-on-ink);padding:calc(var(--header-h) + 24px) var(--gutter) 40px;clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path var(--t-long) var(--ease-in-out), visibility 0s linear var(--t-long);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.menu-open .menu-sheet{clip-path:inset(0);visibility:visible;transition:clip-path var(--t-long) var(--ease-in-out)}.menu-open .site-header{color:var(--text-on-ink)}.menu-sheet ol{flex-direction:column;gap:6px;display:flex}.menu-sheet li{overflow:hidden}.menu-sheet a.big{font-family:var(--serif);transition:transform var(--t-long) var(--ease-out);justify-content:space-between;align-items:baseline;font-size:44px;font-weight:600;line-height:1.35;display:flex;transform:translateY(105%)}.menu-sheet a.big .mono{color:var(--muted-on-ink)}.menu-open .menu-sheet a.big{transform:none}.menu-sheet li:nth-child(2) a.big{transition-delay:var(--stagger)}.menu-sheet li:nth-child(3) a.big{transition-delay:calc(var(--stagger) * 2)}.menu-sheet li:nth-child(4) a.big{transition-delay:calc(var(--stagger) * 3)}.menu-sheet .sheet-foot{color:var(--muted-on-ink);justify-content:space-between;align-items:center;margin-top:40px;display:flex}.site-footer{background:var(--paper);color:var(--text-on-paper);padding-block:clamp(96px,12vw,176px) 40px}.site-footer .phrase{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);font-weight:600;line-height:1.45}.site-footer .phrase em{color:var(--accent-on-paper);font-style:normal}.site-footer .foot-grid{column-gap:var(--col-gap);font-size:var(--fs-small);border-top:1px solid;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:28px;margin-top:clamp(56px,7vw,96px);padding-top:22px;display:grid}.site-footer .foot-grid>*{flex-direction:column;grid-column:span 3;gap:8px;display:flex}.site-footer .foot-grid .mono{color:var(--muted-on-paper)}.site-footer .colophon{color:var(--muted-on-paper);grid-column:span 6}@media (width<=767px){.site-footer .foot-grid>*{grid-column:span 6}.site-footer .colophon{grid-column:1/-1}}.js [data-reveal]{opacity:0;transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transition:opacity var(--t-long) var(--ease-out), transform var(--t-long) var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger));transform:none}[data-mask]>picture{display:block}.js [data-mask]>*{clip-path:inset(0 50%)}.js [data-mask].is-in>*{clip-path:inset(0);transition:clip-path var(--t-long) var(--ease-in-out)}.js [data-mask] img{transform:scale(1.08)}.js [data-mask].is-in img{transition:transform var(--t-long) var(--ease-out);transform:none}.lines .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.lines .ln>span{display:inline-block}.js .lines .ln>span{transform:translateY(105%)}.js .lines.is-in .ln>span{transition:transform var(--t-long) var(--ease-out);transition-delay:calc(var(--l,0) * var(--stagger) + var(--d,0s));transform:none}.ph{font-family:var(--mono);letter-spacing:.04em;background:var(--paper-deep);color:var(--muted-on-paper);outline:1px solid color-mix(in srgb, var(--line-on-paper) 80%, transparent);outline-offset:-1px;align-items:flex-end;padding:14px;font-size:11px;display:flex}.ph.dark{background:var(--charcoal);color:var(--muted-on-ink);outline-color:var(--line-on-ink)}@view-transition{navigation:auto}::view-transition-old(root){animation:var(--t-mid) var(--ease-in) both vt-out}::view-transition-new(root){animation:var(--t-long) var(--ease-out) both vt-in}::view-transition-group(*){animation-duration:var(--t-long);animation-timing-function:var(--ease-in-out)}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important}.js [data-reveal],.js [data-mask]>*,.js .lines .ln>span{clip-path:none!important;transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
