@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-f07.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-f06.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#121110;--cream:#F1EEE9;--soft:#D6D2CB;--muted:#B5B1AA;--red:#C8102E;--paper:#E9E4D8;--paper-ink:#181713;--gutter:clamp(16px,6vw,96px);background:var(--ink);color:var(--cream);font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--ink)}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.hero{position:relative;background:var(--ink);color:var(--cream)}.hero-bar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--gutter);z-index:3}.wordmark{font-weight:600;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none}.hero-bar nav a{color:var(--soft);text-decoration:none;font-size:.95rem;padding:.4rem 0}.hero-bar nav a:hover{color:var(--cream)}.seq{position:relative}.seq-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ink)}.seq-canvas,.seq-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.seq-copy{position:absolute;left:var(--gutter);bottom:clamp(2rem,9vh,6.5rem);z-index:2;max-width:min(46rem,62vw);will-change:opacity,transform}.seq-copy h1{font-size:clamp(2.6rem,7.2vw,6.4rem);line-height:.96;letter-spacing:-.035em;font-weight:500;margin:0 0 1.1rem;text-wrap:balance}.seq-copy p{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.5;color:var(--cream);margin:0 0 1.8rem;max-width:30rem;text-wrap:pretty}.seq-captions{position:absolute;left:var(--gutter);top:clamp(5.5rem,16vh,9rem);z-index:2;width:min(26rem,calc(100% - 2*var(--gutter)))}.seq-caption{position:absolute;top:0;left:0;width:100%;margin:0;font-size:clamp(1.35rem,2.3vw,2.1rem);line-height:1.15;letter-spacing:-.02em;font-weight:500;opacity:0;will-change:opacity,transform;text-wrap:balance}.seq-caption strong{display:block;font-weight:600;font-size:1.15em;letter-spacing:-.025em;margin-bottom:.15em}.seq-captions--stack{display:grid;gap:1.1rem}.seq-captions--stack .seq-caption{position:static;width:auto}.seq-captions--bottom{top:auto;bottom:clamp(2rem,9vh,6.5rem)}.seq-captions--bottom .seq-caption{top:auto;bottom:0}.seq-copy .giant{font-size:clamp(3.5rem,11vw,11rem);line-height:.9;letter-spacing:-.05em;margin:0}.seq-rail{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);z-index:2;list-style:none;margin:0;padding:0;display:grid;gap:.9rem;font-size:.95rem;font-weight:500;color:var(--muted)}.seq-rail li{transition:color .25s,transform .25s}.seq-rail li.is-active{color:var(--cream);transform:scale(1.25)}.seq-still .seq-stage{position:relative}.seq-list{list-style:none;margin:0;padding:3rem var(--gutter);display:grid;gap:1.2rem;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.2;font-weight:500}.button{display:inline-block;background:var(--cream);color:var(--ink);padding:.95rem 1.4rem;text-decoration:none;font-weight:500;font-size:1rem}.button:hover{background:#fff}.button:active{transform:translateY(1px)}@media(max-width:800px){.hero-bar{padding:1.1rem var(--gutter)}.seq-copy{right:var(--gutter);max-width:none;bottom:2.2rem}.seq-copy h1{font-size:clamp(2.4rem,11vw,3.4rem)}.seq-copy p{font-size:1rem;max-width:100%}.seq-captions{width:calc(100% - 2*var(--gutter));top:5rem}.seq-captions--bottom{top:5rem;bottom:auto}.seq-captions--bottom .seq-caption{top:0;bottom:auto}}.hero.is-in .seq-copy>*,.hero.is-in .hero-bar>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.hero.is-in .seq-copy p{animation-delay:.08s}.hero.is-in .seq-copy .button{animation-delay:.16s}.hero.is-in .hero-bar nav{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.button,.hero-bar nav a{transition:background-color .2s,color .2s,transform .15s}@media(prefers-reduced-motion:reduce){.hero.is-in .seq-copy>*,.hero.is-in .hero-bar>*{animation:none}}.choose{position:relative;background:var(--paper);color:var(--paper-ink);padding:8rem var(--gutter) 6rem}.on-paper .hero-bar,.on-paper .hero-bar nav a,.on-paper .wordmark{color:var(--paper-ink)}.foot{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,1fr);gap:clamp(2rem,5vw,5rem);align-items:end;padding:6rem var(--gutter) 3rem}.foot-pic{display:block;margin:0}.foot-pic img{width:100%;height:auto;display:block}.foot-mark{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.9;letter-spacing:-.045em;font-weight:500;margin:0 0 1.2rem}.foot-line{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.5;margin:0 0 .6rem;color:var(--cream)}.foot-booth{font-size:1rem;line-height:1.5;margin:0 0 1.6rem;color:var(--soft);max-width:28rem}.foot-links{margin:0 0 2.4rem;font-size:1.05rem;font-weight:500}.foot-links a{color:var(--cream);text-decoration:underline;text-decoration-color:var(--soft);text-underline-offset:.25em}.foot-links a:hover{text-decoration-color:var(--cream)}.foot-small{font-size:.95rem;margin:0;color:var(--soft)}@media(max-width:800px){.foot{grid-template-columns:1fr;padding:4rem var(--gutter) 2.5rem}.foot-mark{font-size:clamp(2.4rem,11vw,3.4rem)}}.choose-head h2{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.96;letter-spacing:-.035em;font-weight:500;margin:0 0 1rem}.choose-head p{max-width:36rem;font-size:1.1rem;line-height:1.6;margin:0;color:var(--paper-ink)}.choose-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(16rem,.9fr);gap:3rem;align-items:center;margin:3rem 0 2rem}.choose-turn{width:100%;aspect-ratio:1;max-height:70vh;display:block;cursor:grab;touch-action:pan-y}.choose-turn:active{cursor:grabbing}.choose-panel h3{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1;letter-spacing:-.03em;font-weight:500;margin:0 0 .6rem}.choose-finish{font-size:1.1rem;line-height:1.5;margin:0 0 1.6rem;color:var(--paper-ink)}.choose-price{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:500;letter-spacing:-.02em;margin:0 0 1.4rem}.choose-panel .button{display:inline-block;padding:1rem 1.3rem;background:var(--paper-ink);color:var(--paper);text-decoration:none;font-size:1rem;font-weight:500}.choose-panel .button:hover{background:#2b2924}.choose-note{font-size:.95rem;margin:1.2rem 0 0;color:var(--paper-ink)}.choose-pick{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.choose-pick button{width:100%;border:0;background:#e2dccf;padding:1rem .5rem .9rem;display:grid;justify-items:center;gap:.5rem;cursor:pointer;color:var(--paper-ink);font-size:.95rem;font-weight:500;border-bottom:3px solid transparent}.choose-pick button.is-on{border-bottom-color:var(--paper-ink)}.choose-pick img{width:min(100%,160px);height:auto;display:block}@media(max-width:800px){.choose{padding:5rem var(--gutter) 4rem}.choose-stage{grid-template-columns:1fr;gap:1.5rem}.choose-turn{max-height:60vh}.choose-pick{gap:.5rem}.choose-pick button{padding:.6rem .2rem}.choose-pick span{font-size:.8rem}}.loading{min-height:100svh;display:grid;place-items:center}.inspector{min-height:100svh;background:var(--paper);color:var(--paper-ink);display:grid;grid-template-rows:auto 1fr auto}.inspector header{padding:1rem 2rem;display:flex;justify-content:space-between;font-size:.9rem}.inspector a{color:inherit}.inspector-stage{height:70vh;min-height:70vh}.inspector-panel{padding:1.2rem 2rem;display:flex;gap:2rem;align-items:center;justify-content:space-between;background:#e2dccf;font-size:.9rem}.inspector-panel span{color:#5b574f}.inspector-panel button{margin:.15rem;border:0;background:var(--paper);color:var(--paper-ink);padding:.5rem .8rem;cursor:pointer;font-size:.9rem}@media(max-width:800px){.inspector-panel{display:block}.inspector-panel div{margin-top:1rem}}
