:root{--paper:#121110;--ink:#f2efe9;--muted:#8b867d;--body:#b3ada3;--frame-pad:clamp(1.5rem, 3vw, 2.75rem);--font-serif:"Instrument Serif", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);overscroll-behavior:none;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}.scene{height:100dvh;position:relative;overflow:hidden}.stack-image{aspect-ratio:3/1.7;object-fit:cover;opacity:0;will-change:transform;border-radius:1rem;width:min(38rem,50vw);transition:filter .35s;position:absolute;top:50%;left:50%;box-shadow:0 2.5rem 5rem -1.5rem #000000d9,0 .75rem 1.5rem #0006}.stack-image.is-active{cursor:pointer}.stack-image.is-active:hover{filter:brightness(.94)}.frame{z-index:200;pointer-events:none;padding:var(--frame-pad);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.frame-row{justify-content:space-between;align-items:baseline;display:flex}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:.625rem;font-weight:500}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:.75rem;font-weight:500}.brand sup{font-size:.6em}.side{flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side--left{left:var(--frame-pad);gap:1.1rem;width:clamp(11rem,16vw,17rem)}.mask{display:block;overflow:hidden}.swap{will-change:transform;display:inline-block}.project-title{font-family:var(--font-serif);letter-spacing:.01em;color:var(--ink);white-space:nowrap;pointer-events:auto;cursor:pointer;width:max-content;max-width:none;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.02}.project-title:hover .swap{font-style:italic}.project-cat .swap{color:var(--muted)}.counter{align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.counter-current .swap{font-family:var(--font-serif);color:var(--ink);font-size:1.15rem;line-height:1}.counter-line{background:#f2efe940;width:2.5rem;height:1px}.counter-total{letter-spacing:.1em;color:var(--muted);font-size:.65rem}.side--right{right:var(--frame-pad);gap:2.25rem;width:clamp(12rem,16vw,17rem)}.project-desc{color:var(--body);font-size:.8rem;line-height:1.7}@media (width<=900px){.side{display:none}.stack-image{width:70vw}}