html{scroll-snap-type:y mandatory}.bar{color:#fff;mix-blend-mode:difference}.bar .name{opacity:0}.track{height:170svh;position:relative}.stop{scroll-snap-align:start;scroll-snap-stop:always;width:1px;height:1px;position:absolute;left:0}.stop:first-of-type{top:0}.stop:nth-of-type(2){top:70svh}.hero{background:var(--paper);height:100svh;position:sticky;top:0;overflow:hidden}.hero>canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero>#glass{z-index:0}.under{z-index:4;left:var(--gutter);right:var(--gutter);height:22px;color:var(--grey);will-change:opacity;justify-content:space-between;align-items:flex-end;gap:16px;font-size:clamp(13px,1.1vw,15px);font-weight:500;display:flex;position:absolute;bottom:16px}.under .right{flex:1;justify-content:flex-end;display:flex;position:relative}.under button{color:var(--ink);border-bottom:2px solid;padding-bottom:2px;font-size:14px;font-weight:700}.under button:hover{color:var(--narrative)}.under .says{font:inherit;white-space:nowrap;opacity:0;pointer-events:none;position:absolute;bottom:0;right:0}.cells{z-index:1;will-change:transform;left:var(--gutter);right:var(--gutter);pointer-events:none;gap:5px;display:flex;position:absolute;top:58px;bottom:42px}.cells.live{pointer-events:auto}.cell{flex-direction:column;flex:1 1 0;min-width:0;transition:flex-grow .6s cubic-bezier(.2,.7,.2,1);display:flex}.cells.open .cell{flex-grow:.25}.cells.open .cell.open{flex-grow:5}.door{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.hit{display:block;position:absolute;inset:0}.pic{position:absolute;inset:0;overflow:hidden}.hit:after{content:"";opacity:var(--ui,1);pointer-events:none;background:linear-gradient(#0e0f0e00 76%,#0e0f0e24 88%,#0e0f0e75);position:absolute;inset:0}.hit:before{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#0e0f0e6b,#0e0f0e00 16%);transition:opacity .3s;position:absolute;inset:0}.cell.open .hit:before{opacity:1}.pic img{object-fit:cover;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.pic canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pic:after{content:"";background:var(--af);opacity:0;pointer-events:none;transition:opacity .3s .3s;position:absolute;inset:8px}.cell.open .pic:after{opacity:1}.label{color:var(--paper);white-space:nowrap;pointer-events:none;opacity:var(--ui,1);font-size:clamp(19px,2.3vw,36px);line-height:1;transition:opacity .25s;position:absolute;bottom:12px;left:14px}.side{color:var(--paper);white-space:nowrap;writing-mode:vertical-rl;opacity:0;pointer-events:none;font-size:clamp(17px,1.7vw,26px);line-height:1;transition:opacity .25s;position:absolute;bottom:14px;left:10px;transform:rotate(180deg)}.cells.open .cell:not(.open) .label{opacity:0}.cells.open .cell:not(.open) .side{opacity:1}.cap{z-index:2;color:var(--paper);opacity:0;pointer-events:none;justify-content:space-between;align-items:baseline;gap:16px;transition:opacity .25s;display:flex;position:absolute;top:20px;left:22px;right:22px}.cell.open .cap{opacity:1;transition-delay:.25s}.cell.open .cap .title{pointer-events:auto}.title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(17px,1.9vw,30px);line-height:1.05;overflow:hidden}.title:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.count{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.sill{touch-action:pan-y;cursor:ew-resize;opacity:0;flex:0 0 30px;padding-top:7px;position:relative}.ribbon{height:9px;transition:height .3s;position:relative}.cell.open .ribbon{height:20px}.ribbon .sharp{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.ph{background:var(--ink);pointer-events:none;width:1.5px;position:absolute;top:-2px;bottom:-2px;left:0}@media (max-width:720px){.cells{flex-direction:column;gap:3px;top:54px;bottom:44px}.cell{flex-grow:1!important}.label{font-size:22px;bottom:9px;left:10px}.side{display:none}.sill{flex-basis:24px;padding-top:5px}.ribbon{height:8px}.scrub .ribbon{height:14px}.pic:after{display:none}.cap{opacity:0;inset:auto 10px 9px}.scrub .cap{opacity:1}.scrub .label{opacity:0}.title{font-size:15px}.under{font-size:12px}}html.flat{scroll-snap-type:none}html.flat .track{height:100svh}html.flat .stop,html.flat .hero>canvas{display:none}html.reduce *{transition:none!important}