.cinematic{border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:#100c06;color:#fff;overflow:auto}.cinematic::backdrop{background:#090806e8;backdrop-filter:blur(12px)}.cinematic-stage{min-height:100%;padding:8vh 7vw;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;isolation:isolate}.cinematic-stage:before{content:'';position:absolute;width:80vmax;height:80vmax;background:conic-gradient(from 0deg,transparent,#e4a23440,transparent,#ffc85a25,transparent);border-radius:50%;z-index:-1;animation:orbit 16s linear infinite;filter:blur(22px)}.cinematic-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,transparent,#090806f0 75%)}.cinematic-kicker{font:12px/1.6 system-ui;letter-spacing:6px;color:#ffc85a;text-align:center;animation:arrive .5s both}.cinematic-words{width:min(1200px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:35px 0}.cinematic-word{padding:30px 22px;border-top:1px solid #e4a23466;border-bottom:1px solid #e4a23433;background:linear-gradient(135deg,#e4a23418,transparent);animation:arrive .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.28s + .15s);min-width:0}.cinematic-word span{font:11px system-ui;letter-spacing:3px;color:#d6b779;display:block;margin-bottom:15px}.cinematic-word strong{font:600 clamp(22px,3.1vw,42px)/1.35 system-ui;letter-spacing:-1px;overflow-wrap:anywhere;display:block;text-shadow:0 0 32px #e4a23455}.cinematic-sub{font:14px/1.7 system-ui;color:#c4b292;text-align:center;animation:arrive .7s 1.4s both}.cinematic-close{background:#e4a234;color:#090806;border:0;border-radius:30px;padding:12px 32px;margin-top:22px;font:15px system-ui;cursor:pointer}.cinematic-close:focus-visible{outline:2px solid #fff;outline-offset:5px}@keyframes arrive{from{opacity:0;transform:translateY(40px) scale(.93);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:650px){.cinematic-words{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.cinematic-word{padding:18px 13px}.cinematic-word strong{font-size:23px}.cinematic-stage{padding:6vh 6vw}.cinematic-kicker{letter-spacing:3px}}@media(prefers-reduced-motion:reduce){.cinematic *,.cinematic-stage:before{animation:none!important}}