:root{--paper: #F7F6F4;--paper-200: #EFEDE8;--ink: #1C2428;--ink-600: #3A3F44;--hairline: rgba(28, 36, 40, .1)}.preview-root{min-height:100vh;background:var(--paper);color:var(--ink);overflow-x:hidden}.serif-italic{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-style:italic;font-weight:400}.preroll{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--paper);display:grid;place-items:center}.preroll__inner{text-align:center;padding:0 24px}.preroll__meta{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.32em;color:#f7f6f48c;margin:0;opacity:0;animation:prerollFade .4s ease .05s forwards}.preroll__title{margin-top:18px;font-size:clamp(2.5rem,8vw,6rem);line-height:1;letter-spacing:-.04em;font-weight:500}.preroll__word{display:inline-block;opacity:0;transform:translateY(40%);animation:prerollWord .55s cubic-bezier(.22,1,.36,1) forwards}.preroll__word:nth-child(1){animation-delay:.15s}.preroll__word:nth-child(2){animation-delay:.27s;margin-left:.3em}.preroll__bars{margin-top:28px;display:flex;justify-content:center;gap:6px}.preroll__bars span{width:24px;height:2px;background:#f7f6f480;transform:scaleX(0);transform-origin:left;animation:prerollBar .4s ease-out forwards}.preroll__bars span:nth-child(1){animation-delay:.42s}.preroll__bars span:nth-child(2){animation-delay:.5s}.preroll__bars span:nth-child(3){animation-delay:.58s}.preroll__bars span:nth-child(4){animation-delay:.66s}.preroll__bars span:nth-child(5){animation-delay:.74s}.preroll[data-state=out]{animation:prerollOut .5s cubic-bezier(.65,0,.35,1) forwards;pointer-events:none}@keyframes prerollFade{to{opacity:1}}@keyframes prerollWord{to{opacity:1;transform:translateY(0)}}@keyframes prerollBar{to{transform:scaleX(1)}}@keyframes prerollOut{to{transform:translateY(-100%)}}.cursor-dot{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--paper);pointer-events:none;z-index:90;mix-blend-mode:difference;transform:translate3d(-100px,-100px,0);opacity:0;transition:opacity .3s ease,width .2s ease,height .2s ease}.cursor-dot[data-active=true]{opacity:1}.cursor-dot[data-mode=grow]{width:56px;height:56px;opacity:.7}@media(hover:none),(pointer:coarse){.cursor-dot{display:none}}.hero{min-height:100svh;display:grid;place-items:center;padding:clamp(32px,6vw,80px);position:relative}.hero__inner{max-width:1100px;width:100%}.hero__meta{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-600);margin:0}.hero__h1{margin-top:24px;font-size:clamp(2.5rem,7.5vw,6rem);line-height:.96;letter-spacing:-.04em;font-weight:500;color:var(--ink)}.hero__h1 .line{display:block;overflow:hidden}.hero__h1 .word{display:inline-block;opacity:0;transform:translateY(110%);will-change:transform,opacity;animation:heroWord .55s cubic-bezier(.22,1,.36,1) var(--w-delay, 0ms) forwards}.hero__h1 .word:nth-child(1){--w-delay: .25s}.hero__h1 .line:nth-child(1) .word:nth-child(3){--w-delay: .38s}.hero__h1 .line:nth-child(2) .word:nth-child(1){--w-delay: .52s}.hero__h1 .line:nth-child(2) .word:nth-child(3){--w-delay: .66s}@keyframes heroWord{to{opacity:1;transform:translateY(0)}}.hero__lede{margin-top:36px;max-width:44rem;color:var(--ink-600);font-size:clamp(15px,1.4vw,18px);line-height:1.55}.hero__pillars{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}.pillar{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--hairline);border-radius:9999px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:#fbfaf8}.pillar__dot{width:8px;height:8px;border-radius:50%;background:var(--swatch)}.hero__cue{margin-top:56px;display:inline-flex;align-items:center;gap:14px;color:#7c7975;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.cue-line{width:48px;height:1px;background:#7c7975;animation:cueLine 2.4s ease-in-out infinite}@keyframes cueLine{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(1.4);opacity:1}}.act{position:relative;background:var(--swatch)}.act__pin{height:100svh;width:100%;overflow:hidden;display:grid;place-items:center;padding:clamp(20px,3.5vw,48px);padding-top:clamp(64px,9vh,96px);padding-bottom:clamp(72px,8vh,96px)}.act__wash{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,var(--swatch),color-mix(in srgb,var(--swatch) 55%,#000) 60%,color-mix(in srgb,var(--swatch) 18%,#000) 100%);opacity:0;transform:scale(1.04);z-index:0;will-change:opacity,transform}.act__chrome{position:absolute;top:clamp(20px,3vw,36px);left:clamp(24px,5vw,64px);display:inline-flex;align-items:center;gap:14px;color:#f7f6f4b3;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;z-index:5;opacity:0}.chapter-num{font-size:14px;color:#f7f6f4f2;letter-spacing:0}.chapter-divider{width:24px;height:1px;background:#f7f6f480}.frame{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:clamp(20px,3.5vw,48px);padding-top:clamp(64px,9vh,96px);padding-bottom:clamp(72px,8vh,96px);pointer-events:none;opacity:0}.frame__inner{max-width:1100px;width:100%;color:var(--paper)}.act__eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(11px,1.1vw,13px);letter-spacing:.32em;text-transform:uppercase;color:#f7f6f4e6;margin:0}.act__eyebrow span{display:inline-block;opacity:0;transform:translateY(8px)}.act__eyebrow .spc{opacity:1;transform:none;width:.5em}.act__headline{margin-top:clamp(14px,2vw,28px);font-size:clamp(2.25rem,7vw,5.5rem);line-height:.96;letter-spacing:-.04em;font-weight:500;color:#fbfaf8}.act__headline .line{display:block;overflow:hidden}.act__headline .word{display:inline-block;opacity:0;transform:translateY(110%);will-change:transform,opacity}.act__lede{margin-top:clamp(18px,2.4vw,28px);max-width:36rem;font-size:clamp(14px,1.2vw,16px);line-height:1.55;color:#f7f6f4d1;opacity:0;transform:translateY(16px)}.frame-b__label,.frame-c__label{position:absolute;top:clamp(56px,8vh,84px);left:50%;transform:translate(-50%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#f7f6f4b3;white-space:nowrap;margin:0;z-index:2}.hstrip{width:100vw;overflow:visible}.hstrip__track{display:flex;gap:clamp(20px,2.4vw,40px);will-change:transform;padding-left:max(8vw,calc(50vw - 140px));padding-right:8vw}.hcard{flex:0 0 clamp(200px,18vw,280px);aspect-ratio:5 / 6;background:#f7f6f414;border:1px solid rgba(247,246,244,.2);border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(4px);max-height:56vh}.hcard__n{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:#f7f6f499}.hcard p{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-style:italic;font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.05;color:#fbfaf8;margin:0}.frame-c{align-items:start;padding-top:clamp(160px,22vh,280px)}.receipts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,48px);max-width:1000px}.receipt{border-top:1px solid rgba(247,246,244,.25);padding-top:18px}.receipt__stat{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.02em;color:#fbfaf8;margin:0;font-variant-numeric:tabular-nums}.receipt__caption{margin-top:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#f7f6f4eb;line-height:1.4}.marquee{position:absolute;bottom:0;left:0;right:0;height:44px;overflow:hidden;border-top:1px solid rgba(247,246,244,.15);z-index:4;display:flex;align-items:center;opacity:0}.marquee__track{display:flex;align-items:center;white-space:nowrap;animation:marquee 28s linear infinite;font-family:"Instrument Serif",ui-serif,Georgia,serif;font-style:italic;font-size:18px;color:#f7f6f4c7}.marquee__track span{padding:0 18px}.marquee__track .dot{padding:0;color:#f7f6f466}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.wipe{position:relative;height:50vh;background:var(--paper);overflow:hidden}.wipe__sheet{position:absolute;inset:0;transform-origin:top}.finale{min-height:90svh;display:grid;place-items:center;padding:clamp(32px,6vw,80px);background:var(--paper)}.finale__inner{max-width:880px}.finale__h2{margin-top:18px;font-size:clamp(2.5rem,6.5vw,5rem);line-height:1.02;letter-spacing:-.035em;font-weight:500}.finale__lede{margin-top:28px;max-width:36rem;color:var(--ink-600);font-size:17px;line-height:1.55}.finale__cta{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.finale__chips{margin-top:40px;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--hairline);border-radius:9999px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:#fbfaf8;transition:background .2s ease,border-color .2s ease}.chip:hover{background:var(--paper-200)}.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--swatch)}.eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-600)}[data-fade-in]{opacity:0;transform:translateY(18px);animation:fadeUp .55s cubic-bezier(.22,1,.36,1) var(--delay, 0ms) both}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.btn-ghost,.btn-solid{display:inline-flex;align-items:center;padding:12px 22px;border-radius:9999px;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease}.btn-solid{background:#004229;color:var(--paper)}.btn-solid:hover{background:#002b1a}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--hairline)}.btn-ghost:hover{background:#1c24280f}@media(min-width:901px)and (max-height:800px){.act__headline{font-size:clamp(1.875rem,5vw,3.5rem)}.act__lede{font-size:14px;margin-top:14px;max-width:32rem}.hcard{flex:0 0 clamp(180px,16vw,240px);max-height:44vh}.hcard p{font-size:clamp(1.125rem,1.6vw,1.5rem)}.receipt__stat{font-size:clamp(2rem,4vw,3.5rem)}.receipts{gap:clamp(16px,1.8vw,32px)}.marquee{height:36px}.marquee__track{font-size:15px}.act__pin,.frame{padding-top:52px;padding-bottom:56px}.frame-b__label,.frame-c__label{top:38px}}@media(max-width:900px){.preview-root{overflow-x:hidden}.act{height:auto}.act__pin{position:relative;top:auto;height:auto;min-height:100svh;padding-block:96px;display:block;overflow:visible}.act__wash{opacity:1;transform:none}.act__chrome,.frame,.marquee{opacity:1}.frame{position:relative;inset:auto;padding-block:64px;display:block;pointer-events:auto}.frame-b__label,.frame-c__label{position:relative;top:auto;left:auto;transform:none;margin-bottom:24px}.act__eyebrow span,.act__headline .word,.act__lede{opacity:1;transform:none}.receipts{grid-template-columns:1fr}.hstrip{display:block;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;white-space:nowrap}.hstrip::-webkit-scrollbar{display:none}.hstrip__track{display:inline-flex;transform:none;padding:0 20px;gap:14px}.hcard{flex:0 0 auto;width:62vw;max-width:260px;max-height:none;aspect-ratio:4 / 5;scroll-snap-align:center;padding:18px;white-space:normal}.marquee{position:relative}.wipe{display:none}.hero__h1 .word{opacity:1;transform:none;animation:none}.hero__h1 .line,.act__headline .line{overflow:visible}.frame-b__label,.frame-c__label{white-space:normal;text-align:center}.chapter-divider,.chapter-of{display:none}}@media(prefers-reduced-motion:reduce){.preroll{display:none}.act{height:auto}.act__pin{position:relative;top:auto;height:auto;min-height:100svh;padding-block:96px}.act__wash{opacity:1;transform:none}.act__chrome,.frame,.marquee{opacity:1!important}.frame{position:relative;inset:auto;padding-block:64px}.frame-b__label,.frame-c__label{position:relative;top:auto;left:auto;transform:none;margin-bottom:24px}.act__eyebrow span,.act__headline .word,.act__lede,.receipt{opacity:1!important;transform:none!important}.hstrip__track{transform:none}.marquee__track{animation:none}[data-fade-in],.hero__h1 .word{animation:none;opacity:1;transform:none}.cue-line{animation:none}.cursor-dot{display:none}}
