
/* v0.36: approved festival master, contained at its original 16:9 ratio. */
.loyalty-chapter{height:235svh;background:#0b0d1f}.loyalty-pin{display:flex;flex-direction:column;justify-content:center;gap:14px;padding-block:24px;min-height:calc(100svh - var(--chrome))}.loyalty-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:50px;width:100%;max-width:1100px}.loyalty-heading .section-index{font-size:9px;letter-spacing:.14em;color:var(--gold);margin:0 0 10px}.loyalty-heading h2{font-size:clamp(26px,2.6cqw,38px);font-weight:400;line-height:1.18;letter-spacing:-.04em;margin:0}.loyalty-heading h2 strong{color:var(--gold)}.loyalty-heading>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:410px;margin:0}.loyalty-heading>p span{display:block;font-size:10px;color:var(--gold);margin-top:8px}.loyalty-media{margin:0;width:min(100%,calc((100svh - var(--chrome) - 300px)*16/9));min-width:min(100%,360px)}.loyalty-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080a12;border-radius:8px;border:1px solid #e8d1aA2a}.loyalty-media figcaption{font-size:8px;line-height:1.6;color:var(--lavender);text-align:center;letter-spacing:.08em;margin-top:8px}.loyalty-controls{display:flex;align-items:center;gap:14px;width:100%;max-width:900px}.loyalty-controls[hidden]{display:none}.loyalty-button{border:1px solid #e8d1aa55;background:#15192b;color:var(--ivory);border-radius:5px;min-height:40px;padding:9px 14px;font-size:11px;white-space:nowrap;transition:background .12s,transform .12s}.loyalty-button:hover{background:#23243b}.loyalty-button:active{transform:scale(.97)}#loyalty-seek{min-width:50px;flex:1;accent-color:var(--gold);cursor:pointer}.loyalty-controls .text-link{font-size:11px;white-space:nowrap}.loyalty-status{font-size:10px;color:var(--lavender);margin:0;min-height:16px}.reduced-motion .loyalty-chapter{height:auto}.reduced-motion .loyalty-pin{position:relative;top:auto;min-height:0;padding-block:48px}.reduced-motion #loyalty-scroll{display:none}
@container site (max-width:760px){.loyalty-chapter{height:auto}.loyalty-pin{position:relative;top:auto;min-height:0;padding-block:44px;gap:20px}.loyalty-heading{grid-template-columns:1fr;gap:18px}.loyalty-heading h2{font-size:30px}.loyalty-heading>p{font-size:12px}.loyalty-media{width:100%;min-width:0}.loyalty-controls{flex-wrap:wrap;gap:12px}.loyalty-controls .text-link{margin-left:auto}.loyalty-controls input{width:45%}#loyalty-scroll{display:none}.loyalty-media figcaption{font-size:7px}}
@media(max-height:680px){.loyalty-chapter{height:auto}.loyalty-pin{position:relative;top:auto;min-height:0;padding-block:42px}.loyalty-media{width:100%;max-width:900px}#loyalty-scroll{display:none}}
