.carousel-hero{grid-template-columns:41% 59%;isolation:isolate}.carousel-hero h1{font-size:clamp(100px,11.5vw,180px)}.carousel-hero h1 .serif{font-size:clamp(130px,13.3vw,204px)}.glass-showcase{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:18px 0 0;z-index:4;align-self:stretch}.showcase-label{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.11em;color:#bdc6ac;position:relative;z-index:2;margin:0 6% 10px}.showcase-label .live-dot{background:var(--lime)}.panel-stage{position:relative;height:clamp(370px,39vw,585px);perspective:1400px;touch-action:pan-y;user-select:none;flex:1;min-height:380px;isolation:isolate}.showcase-aura{position:absolute;inset:5% -5% 5%;background:radial-gradient(ellipse at 50% 55%,#c4ee5129,transparent 60%);pointer-events:none}.stage-floor{position:absolute;bottom:-2%;left:-5%;right:-5%;height:30%;background:radial-gradient(ellipse at center,#d4f35c14,transparent 68%);transform:rotateX(60deg);border-top:1px solid #d4f35c12;pointer-events:none}.glass-panel{--x:0%;--z:0px;--ry:0deg;--rz:0deg;--scale:1;position:absolute;left:50%;top:47%;width:47%;height:82%;max-height:480px;padding:7px;border-radius:15px;background:linear-gradient(140deg,#e8efd329,#ecf7da08 45%,#d4f35c18);border:1px solid #e7f3d34a;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #d4f35c22,0 22px 50px #0005;color:var(--paper);transform:translate(-50%,-50%) translateX(var(--x)) translateZ(var(--z)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--scale));transition:transform 900ms cubic-bezier(.22,.8,.2,1),opacity 700ms,filter 700ms,box-shadow .4s;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;text-align:left;will-change:transform}.glass-panel[data-position="0"]{--x:0%;--z:45px;z-index:5;border-color:#f0f6dfa8;box-shadow:inset 0 1px 0 #fff9,0 25px 70px #0007,0 0 35px #d4f35c12}.glass-panel[data-position="1"]{--x:67%;--z:-120px;--ry:-35deg;--rz:5deg;--scale:.91;z-index:3;filter:brightness(.73)}.glass-panel[data-position="-1"]{--x:-67%;--z:-120px;--ry:35deg;--rz:-5deg;--scale:.91;z-index:3;filter:brightness(.73)}.glass-panel[data-position="2"]{--x:106%;--z:-250px;--ry:-48deg;--rz:9deg;--scale:.8;z-index:1;filter:brightness(.48)}.glass-panel[data-position="-2"]{--x:-106%;--z:-250px;--ry:48deg;--rz:-9deg;--scale:.8;z-index:1;filter:brightness(.48)}.glass-panel[data-position="hidden"]{--z:-380px;--scale:.6;opacity:0;pointer-events:none;z-index:0}.panel-photo{position:relative;display:block;height:100%;border-radius:10px;overflow:hidden;background:#2c3128}.panel-photo>img{height:100%;width:100%;object-fit:cover;pointer-events:none}.panel-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0003,transparent 26%,transparent 45%,#000a)}.panel-glaze{position:absolute;inset:0;z-index:2;border-radius:14px;overflow:hidden;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff1c;background:linear-gradient(125deg,#ffffff30 0%,transparent 23%,transparent 74%,#ffffff15)}.panel-glaze:after{content:'';position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 43%,#fff2 48%,#fff4 49%,transparent 54%);transform:translateX(-30%)}.glass-panel[data-position="0"] .panel-glaze:after{animation:panel-light 7s ease-in-out infinite}.panel-top{position:absolute;top:20px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.14em;color:white;z-index:3}.panel-top>span:first-child{padding:5px 8px;border:1px solid #ffffff50;border-radius:30px;background:#161d144a}.panel-caption{position:absolute;left:20px;right:20px;bottom:22px;display:block;z-index:3}.panel-caption strong{font:500 clamp(22px,2.6vw,39px)/1.13 var(--display);display:block;letter-spacing:-.02em;margin-bottom:5px}.panel-caption small{display:block;font-size:8px;color:#d9ddcf;letter-spacing:.02em;line-height:1.5}.panel-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);height:62px;width:62px;border:1px solid #ffffff9c;box-shadow:inset 0 1px #fff8,0 10px 35px #0004;border-radius:50%;display:grid;place-items:center;z-index:3;background:#e8f4d124;backdrop-filter:blur(14px);color:white;font-size:16px;transition:background .3s,opacity .4s,transform .4s}.glass-panel[data-position="0"]:hover .panel-play{background:var(--lime);color:var(--ink);transform:translate(-50%,-50%) scale(1.12)}.glass-panel:not([data-position="0"]) .panel-play{opacity:0}.panel-reflection{position:absolute;top:calc(100% + 12px);left:7px;right:7px;height:24%;display:block;transform:scaleY(-1);background-image:var(--reflection);background-size:100% auto;background-position:center bottom;opacity:.22;mask-image:linear-gradient(transparent,#0008);border-radius:10px;pointer-events:none}.showcase-controls{position:relative;z-index:8;display:flex;justify-content:center;align-items:center;gap:28px;margin-top:5px}.deck-arrow{width:47px;height:47px;border:1px solid #e9f0d93d;background:#e8f4d108;border-radius:50%;font-size:22px;flex-shrink:0;transition:background .3s}.deck-arrow:hover{background:var(--lime);color:var(--ink)}.deck-info{text-align:center;min-width:210px}.deck-info>span:first-child{font-size:8px;color:var(--lime);letter-spacing:.13em}.deck-info p{font-size:14px;margin:2px 0 5px;line-height:1.4}.deck-hint{font-size:7px;letter-spacing:.1em;color:#9fa991}.deck-bottom{display:flex;justify-content:center;gap:26px;align-items:center;margin-top:13px;position:relative;z-index:7}.deck-dots{display:flex;gap:0}.deck-dot{width:27px;height:32px;display:grid;place-items:center;padding:0}.deck-dot:after{content:'';width:5px;height:5px;border-radius:10px;background:#616b56;transition:width .4s,background .3s}.deck-dot[aria-current=true]:after{width:17px;background:var(--lime)}#deck-motion{font-size:10px;color:#bcc5ad;min-height:36px;padding:4px 8px;white-space:nowrap}#deck-motion span{font-size:8px;margin-left:5px}.glass-showcase:focus-visible{outline:1px solid var(--lime)}.glass-panel:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.carousel-hero .hero-bottom{gap:38px}.carousel-hero .hero-footer{font-size:7px}.reduced-motion .glass-panel,.reduced-motion .panel-play{transition:none!important}.reduced-motion .panel-glaze:after{animation:none!important}
@keyframes panel-light{0%,12%{transform:translateX(-30%)}75%,100%{transform:translateX(30%)}}
@media(min-width:1650px){.panel-stage{max-height:650px}.glass-panel{width:44%;max-height:560px}.glass-showcase{padding-bottom:15px}.deck-info p{font-size:17px}}
@media(max-width:1100px) and (min-width:761px){.carousel-hero{grid-template-columns:40% 60%}.glass-panel{width:48%;height:75%}.panel-stage{min-height:400px}.showcase-label{font-size:6px;margin:0 3%}.deck-info{min-width:150px}.showcase-controls{gap:17px}.panel-play{width:50px;height:50px}.deck-bottom{gap:6px}.deck-dot{width:23px}}
@media(max-width:760px){.carousel-hero{height:auto!important;min-height:690px!important;max-height:none;padding:22px 5% 42px;display:flex;flex-direction:column;overflow:hidden}.carousel-hero .hero-copy{height:auto;flex-shrink:0;pointer-events:auto;z-index:3}.carousel-hero .eyebrow{font-size:7px}.carousel-hero h1{font-size:14.5vw;line-height:.96;margin:17px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;max-width:100%;letter-spacing:-.025em;text-shadow:none}.carousel-hero .word-line{overflow:visible;padding:0;margin:0}.carousel-hero .word-line>span{display:inline-block}.carousel-hero h1 .serif{font-size:20vw;line-height:.9;letter-spacing:-.085em;padding:0 .05em .08em 0;margin:0}.carousel-hero .inline-star{width:.34em;height:.34em;margin-left:0}.carousel-hero .hero-bottom{display:none}.carousel-hero .glass-showcase{padding:0;margin-top:18px;min-width:0;width:100%;flex:1;align-self:auto}.showcase-label{margin:0 0 6px;font-size:6px;letter-spacing:.05em;gap:10px}.showcase-label>span:last-child{font-size:5px;align-self:center}.panel-stage{height:340px;min-height:340px;flex:none;perspective:900px;overflow:visible}.glass-panel{width:57%;height:84%;padding:5px;border-radius:12px;max-height:none;top:46%}.glass-panel[data-position="1"]{--x:65%;--z:-90px;--ry:-32deg;--rz:5deg;--scale:.94}.glass-panel[data-position="-1"]{--x:-65%;--z:-90px;--ry:32deg;--rz:-5deg;--scale:.94}.glass-panel[data-position="2"]{--x:104%;--z:-180px;--ry:-42deg;--rz:9deg}.glass-panel[data-position="-2"]{--x:-104%;--z:-180px;--ry:42deg;--rz:-9deg}.glass-panel[data-position="0"]{--z:22px}.panel-photo{border-radius:8px}.panel-top{left:13px;right:13px;top:14px;font-size:6px;letter-spacing:.08em}.panel-top>span:first-child{padding:4px 6px}.panel-caption{left:14px;right:14px;bottom:17px}.panel-caption strong{font-size:24px}.panel-caption small{font-size:7px}.panel-play{height:50px;width:50px;font-size:13px}.panel-reflection{height:20%;top:calc(100% + 8px)}.showcase-controls{gap:20px;margin-top:2px}.deck-info{min-width:185px}.deck-info p{font-size:12px}.deck-info>span:first-child{font-size:7px}.deck-hint{font-size:6px}.deck-arrow{height:44px;width:44px;font-size:20px}.deck-bottom{gap:12px;margin-top:9px}.deck-dot{width:25px;height:34px}#deck-motion{font-size:10px;padding:5px 0}#deck-motion span{font-size:7px;margin-left:4px}.carousel-hero .hero-footer{font-size:5px;bottom:13px;gap:10px}.showcase-aura{inset:-5% -30% 0}.carousel-hero h1 .word-line:nth-child(2){margin-left:0}.glass-showcase .live-dot{width:5px;height:5px;margin-right:3px}}
@media(max-width:380px){.carousel-hero{min-height:635px!important}.carousel-hero h1{font-size:14vw;gap:0 8px}.carousel-hero h1 .serif{font-size:19vw}.panel-stage{height:305px;min-height:305px}.deck-info{min-width:160px}.showcase-controls{gap:12px}.deck-dot{width:23px}.deck-bottom{gap:9px}.panel-caption strong{font-size:21px}}
/* Fill the mobile landing viewport: larger previews above the strip behind WhatsApp. */
@media(max-width:760px){
  .carousel-hero{height:calc(100svh - 134px)!important;min-height:360px!important;padding:22px 5% 8px;}
  .carousel-hero .glass-showcase{margin-top:18px;min-height:0;flex:1;}
  .carousel-hero .panel-stage{height:auto;min-height:0;flex:1;}
  .carousel-hero .glass-panel{width:60%;}
  .carousel-hero .hero-footer{display:none;}
  .carousel-hero + .marquee{height:56px;padding:0;display:flex;align-items:center;}
}
/* One compact headline, without changing the carousel stage or image dimensions. */
.carousel-hero h1{display:flex;flex-wrap:nowrap;align-items:baseline;gap:.12em;font-size:clamp(30px,4.7vw,78px);line-height:1.1;max-width:100%;white-space:nowrap;}
.carousel-hero h1 .word-line{display:inline-flex;margin:0;padding:0;overflow:visible;}
.carousel-hero h1 .serif{font-size:1.2em;line-height:1;letter-spacing:-.07em;margin:0;padding:0 .03em 0 0;}
.carousel-hero h1 .inline-star{width:.28em;height:.28em;margin-left:.04em;}
@media(max-width:760px){.carousel-hero h1{font-size:13vw;gap:.12em;margin:17px 0 0;}.carousel-hero h1 .serif{font-size:1.2em;}}
/* Anchor play to its caption so it stays below faces, including wrapped titles. */
.carousel-hero .glass-panel .panel-caption .panel-play{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:0 auto 12px;transform:none!important;}
@media(prefers-reduced-motion:reduce){.glass-panel,.panel-play{transition:none!important}.panel-glaze:after{animation:none!important}}