:root{--ink:#0e0c0a;--ink-2:#16130f;--line:#2e281f;--gold:#c9a227;--gold-soft:#e0c46a;--ember:#b8452c;--ember-soft:#dd7a5f;--text:#e9e0cd;--muted:#a2947c;--font-display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-body:"Spectral", "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--gutter:22px;--band-h:30vh}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.6}body.is-locked{touch-action:none;overflow:hidden}.track{position:relative}.stage{background:var(--ink);height:100svh;position:relative;overflow:hidden}.panel{padding:max(env(safe-area-inset-top), 26px) var(--gutter) max(env(safe-area-inset-bottom), 26px);background-color:var(--ink);will-change:clip-path;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.panel:before{content:"";background:linear-gradient(to bottom, rgba(14, 12, 10, calc(var(--veil,.72) + .12)) 0%, rgba(14, 12, 10, var(--veil,.72)) 34%, rgba(14, 12, 10, calc(var(--veil,.72) + .1)) 100%);pointer-events:none;position:absolute;inset:0}.panel__inner{z-index:1;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:34rem;max-height:100%;margin:0 auto;padding-block:4px;position:relative;overflow-y:auto}.panel__inner::-webkit-scrollbar{display:none}.panel__eyebrow{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:0 0 10px;font-size:.62rem;display:flex}.panel__eyebrow:after{content:"";background:var(--line);flex:1;height:1px}.panel__numeral{color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:2px 6px;font-size:.62rem}.panel__title{font-family:var(--font-display);color:var(--gold-soft);text-wrap:balance;margin:0 0 20px;font-size:clamp(2rem,9vw,2.9rem);font-weight:700;line-height:1.06}.panel--grave .panel__title{color:var(--ember-soft)}.panel__clauses{flex-direction:column;gap:16px;display:flex}.clause{border-left:1px solid var(--line);padding-left:15px}.clause--grave{border-left-color:#b8452c80}.clause__body{margin:0;font-size:.97rem}.clause__name{color:var(--gold-soft);font-weight:600}.clause--grave .clause__name{color:var(--ember-soft)}.clause__level{font-family:var(--font-mono);letter-spacing:.1em;color:var(--gold-soft);vertical-align:1px;border:1px solid #c9a22780;border-radius:2px;margin-left:6px;padding:1px 6px;font-size:.58rem;display:inline-block}.clause__sub{border-left:1px solid var(--line);color:var(--muted);margin:9px 0 0;padding-left:13px;font-size:.9rem}.panel--intro{justify-content:flex-end;padding:0}.panel--intro:before{display:none}.intro__media{position:absolute;inset:0}.intro__image,.intro__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.intro__image{background-position:50%;background-repeat:no-repeat;background-size:cover}.intro__video{opacity:0;background:#000;transition:opacity .5s}.intro__video.is-on{opacity:1}.intro__veil{background:linear-gradient(to bottom, #0e0c0a8c 0%, #0e0c0a26 35%, #0e0c0ad9 82%, var(--ink) 100%);transition:opacity .5s;position:absolute;inset:0}.intro__copy{padding:0 var(--gutter) 128px;text-align:center;position:relative}.intro__kicker{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:.6rem}.intro__title{font-family:var(--font-display);color:var(--gold-soft);text-wrap:balance;margin:0;font-size:clamp(2.3rem,12vw,3.4rem);font-weight:700;line-height:1.02}.intro__epigraph{max-width:22rem;font-family:var(--font-display);color:var(--muted);text-wrap:balance;margin:14px auto 0;font-size:1.1rem;font-style:italic}.intro__veil.is-clear{opacity:.12}.intro__yt{opacity:0;pointer-events:none;background:#000;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.intro__yt.is-on{opacity:1;pointer-events:auto}.intro__yt>div,.intro__yt iframe{border:0;display:block}.intro__yt--contain>div,.intro__yt--contain iframe{width:100vw;max-width:177.778vh;height:56.25vw;max-height:100%}.intro__yt--cover>div,.intro__yt--cover iframe{width:max(100vw,177.778vh);height:max(100vh,56.25vw)}.intro__copy{transition:opacity .45s}.intro__copy.is-hidden{opacity:0;pointer-events:none}.stalled{left:0;right:0;bottom:max(env(safe-area-inset-bottom), 26px);padding:0 var(--gutter);z-index:6;text-align:center;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.62rem;position:absolute}.playbtn{color:var(--gold-soft);cursor:pointer;z-index:4;background:0 0;border:none;flex-direction:column;align-items:center;gap:14px;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-112%)}.playbtn__disc{border:1px solid var(--gold);background:#0e0c0a8c;border-radius:50%;place-items:center;width:78px;height:78px;transition:transform .22s,background .22s;display:grid;box-shadow:0 0 0 6px #c9a22717,0 0 26px #0009}.playbtn:hover .playbtn__disc,.playbtn:focus-visible .playbtn__disc{background:#c9a22729;transform:scale(1.06)}.playbtn__tri{border-left:20px solid var(--gold-soft);border-top:12px solid #0000;border-bottom:12px solid #0000;width:0;height:0;margin-left:5px}.playbtn__label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;font-size:.6rem}.skip{top:max(env(safe-area-inset-top), 18px);z-index:6;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0e0c0a99;border-radius:2px;padding:7px 13px;font-size:.6rem;position:absolute;right:18px}.skip:hover,.skip:focus-visible{color:var(--gold-soft);border-color:var(--gold)}.hint{left:0;right:0;bottom:max(env(safe-area-inset-bottom), 30px);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:10px;transition:opacity .9s,transform .9s;display:flex;position:absolute;transform:translateY(6px)}.hint--on{opacity:1;transform:none}.hint__label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft);font-size:.6rem}.hint__arrow{border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);width:11px;height:11px;animation:2.1s ease-in-out infinite nudge;transform:rotate(45deg)}@keyframes nudge{0%,to{opacity:.45;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(4px,4px)}}.band{height:var(--band-h);opacity:0;pointer-events:none;will-change:transform;z-index:5;position:absolute;top:0;left:0;right:0}.band__image{background-color:var(--ink-2,#16130f);background-position:50%;background-size:cover;position:absolute;inset:0}.band__edge{background:linear-gradient(90deg, transparent, var(--gold) 22%, var(--gold) 78%, transparent);height:1px;position:absolute;left:0;right:0;box-shadow:0 0 14px #c9a22773}.band__edge--top{top:0}.band__edge--bottom{bottom:0}.progress{background:var(--line);z-index:6;width:1px;position:absolute;top:18%;bottom:18%;right:9px}.progress__fill{background:var(--gold);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(0)}.panel--finale .panel__clauses{gap:20px}.panel--finale .clause{border-left:none;padding-left:0}.panel--finale .clause__body{font-family:var(--font-display);text-align:center;color:var(--text);text-wrap:balance;font-size:1.35rem;line-height:1.35}.panel--finale .panel__title{text-align:center}.panel--finale .panel__eyebrow{justify-content:center}.panel--finale .panel__eyebrow:after{display:none}@media (prefers-reduced-motion:reduce){.hint__arrow{animation:none}}@media (height>=780px){.clause__body{font-size:1.02rem}}