:root {
  --yellow:#ffc72c;
  --green:#08cf76;
  --orange:#ff5b1a;
  --purple:#b452e8;
  --navy:#071022;
  --cream:#fff6dd;
  --paper:#fffaf0;
  --ink:#070707;
  --white:#fff;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050505;color:var(--ink);font-family:Impact,Haettenschweiler,"Arial Black",system-ui,sans-serif}
.player{position:relative;width:100vw;height:100vh;overflow:hidden;background:#050505}
.slide{position:absolute;inset:0;display:grid;width:100%;height:100%;padding:3.8vh 4vw;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform .7s ease;background:var(--yellow);overflow:hidden}
.slide.is-active{opacity:1;transform:scale(1);z-index:2}
.slide-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,0) 42%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.35),transparent 25%)}
.slide-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:44px 44px;mix-blend-mode:multiply}
.theme-cream{background:#fff3d3}.theme-green{background:linear-gradient(135deg,#eaffe6,#08cf76)}.theme-purple{background:linear-gradient(135deg,#fff1ff,#b452e8)}.theme-dark{background:#071022;color:#fff}.theme-dark .slide-bg{background:radial-gradient(circle at 20% 20%,rgba(255,199,44,.25),transparent 28%),linear-gradient(135deg,#111b33,#050812)}
.topbar{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;height:12vh}
.brand strong{display:block;font-size:clamp(54px,6vw,130px);line-height:.78;text-shadow:.26vw .26vw 0 rgba(255,255,255,.8)}
.theme-dark .brand strong{text-shadow:.25vw .25vw 0 rgba(255,199,44,.45)}
.brand span{display:block;margin-top:1vh;font:900 clamp(18px,1.35vw,30px) Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.clock{padding:1vh 1.3vw;background:#fff;border:.22vw solid currentColor;box-shadow:.55vw .55vw 0 currentColor;font-size:clamp(28px,2.3vw,52px);line-height:1}
.slide-content{position:relative;z-index:2;display:grid;gap:2.2vw;height:calc(100vh - 20vh);align-items:center}
.copy-block{min-width:0}.badge{display:inline-block;margin:0 0 1.5vh;padding:.5vh 1vw;background:var(--navy);color:#fff;font-size:clamp(25px,2.4vw,56px);line-height:1;text-transform:uppercase;transform:rotate(-1deg);box-shadow:.35vw .35vw 0 rgba(0,0,0,.25)}
.theme-green .badge{background:#fff;color:#071022}.theme-purple .badge{background:#08cf76}.theme-dark .badge{background:#ffc72c;color:#071022}
h1{margin:0;font-size:clamp(72px,8vw,176px);line-height:.86;text-transform:uppercase;letter-spacing:0;max-width:13ch}
.subtitle{margin:2vh 0 0;font:900 clamp(26px,2.4vw,56px)/1.05 Arial,sans-serif;text-transform:uppercase;max-width:34ch}
.body-copy{margin:2vh 0 0;font:800 clamp(22px,1.7vw,38px)/1.25 Arial,sans-serif;max-width:38ch}
.big-price{margin:2vh 0 0;font-size:clamp(82px,10vw,220px);line-height:.8;color:var(--green);-webkit-text-stroke:.08vw #fff;text-shadow:.35vw .35vw 0 #071022}
.theme-dark .big-price{color:#ffc72c}
.items{display:grid;gap:1.1vw}.item-card{display:flex;align-items:center;justify-content:space-between;gap:1.5vw;padding:1.7vh 1.7vw;background:rgba(255,255,255,.92);border:.2vw solid rgba(0,0,0,.92);box-shadow:.45vw .45vw 0 rgba(0,0,0,.92)}
.theme-dark .item-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.8);box-shadow:.45vw .45vw 0 rgba(255,199,44,.55)}
.item-card h2{margin:0;font-size:clamp(28px,2.7vw,62px);line-height:.92;text-transform:uppercase}
.item-card p{margin:.6vh 0 0;font:800 clamp(17px,1.25vw,30px)/1.15 Arial,sans-serif}.item-card strong{font-size:clamp(34px,3.1vw,72px);white-space:nowrap}
.media-frame{margin:0;min-width:0;height:100%;max-height:64vh;overflow:hidden;border:.25vw solid currentColor;box-shadow:.7vw .7vw 0 currentColor;background:#fff}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;display:block}
.layout-video{padding:0;background:#000}.layout-video .slide-bg{display:none}.fullscreen-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.layout-hero .slide-content{grid-template-columns:1fr minmax(26vw,38vw)}.layout-hero.no-media .slide-content{grid-template-columns:1fr}.layout-hero.no-media h1{max-width:15ch}
.layout-combo .slide-content{grid-template-columns:.9fr 1.2fr}.layout-combo .items{grid-template-columns:1fr 1fr}.layout-combo .item-card{min-height:21vh;align-items:flex-end}.layout-combo .item-card h2{font-size:clamp(38px,3.8vw,82px)}
.layout-menu-grid .slide-content{grid-template-columns:.8fr 1.45fr}.layout-menu-grid .items{grid-template-columns:repeat(2,1fr)}.layout-menu-grid .item-card{min-height:15vh}
.layout-list .slide-content{grid-template-columns:.75fr 1.25fr}.layout-list .items{grid-template-columns:1fr}.layout-list .item-card{padding:1.25vh 1.5vw}
.layout-split .slide-content{grid-template-columns:.82fr 1fr .68fr}.layout-split .items{grid-template-columns:1fr}.layout-split .media-frame{max-height:58vh}
.anim-float.is-active .item-card{animation:rise .7s ease both}.anim-float.is-active .item-card:nth-child(2){animation-delay:.08s}.anim-float.is-active .item-card:nth-child(3){animation-delay:.16s}.anim-float.is-active .item-card:nth-child(4){animation-delay:.24s}.anim-spotlight.is-active .badge{animation:pop .8s ease both}.anim-pulse.is-active .big-price{animation:pulse 1.8s ease-in-out infinite}.anim-slide.is-active .item-card{animation:slideIn .65s ease both}.anim-slide.is-active .item-card:nth-child(2){animation-delay:.07s}.anim-slide.is-active .item-card:nth-child(3){animation-delay:.14s}.anim-slide.is-active .item-card:nth-child(4){animation-delay:.21s}
@keyframes rise{from{opacity:0;transform:translateY(2.5vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(4vw)}to{opacity:1;transform:translateX(0)}}@keyframes pop{0%{transform:scale(.8) rotate(-4deg)}70%{transform:scale(1.06) rotate(1deg)}100%{transform:scale(1) rotate(-1deg)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media (max-aspect-ratio:16/9){.slide{width:100vw;height:calc(100vw * 9 / 16);top:50%;transform:translateY(-50%) scale(1.02)}.slide.is-active{transform:translateY(-50%) scale(1)}}@media (min-aspect-ratio:16/9){.slide{width:calc(100vh * 16 / 9);height:100vh;left:50%;transform:translateX(-50%) scale(1.02)}.slide.is-active{transform:translateX(-50%) scale(1)}}