/* Scroll-driven product presentation. Original packaging is never redrawn. */
.cinema{position:relative;height:240svh;margin:0 -4vw 36px;background:#050505;color:#f5f5f7;isolation:isolate}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 33% 65%,#32203d66,transparent 48%),radial-gradient(ellipse at 76% 58%,#c5cdd322,transparent 44%),#050505}
.cinema-heading{position:absolute;z-index:3;top:5%;left:5%;width:90%;text-align:center;transform:translateY(var(--heading-y,0px));opacity:var(--heading-opacity,1)}
.cinema-heading>p:first-child{font-size:.875rem;font-weight:600;letter-spacing:.17em;color:#b4c2b8;margin:0 0 12px}
.cinema-heading h1{font:750 clamp(2rem,4.3vw,4.3rem)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:0;color:#f5f5f7}
.cinema-subtitle{font-size:clamp(1rem,1.8vw,1.4rem);color:#b4b4bb;margin:12px 0 0}
.cinema-word{position:absolute;z-index:-1;top:33%;left:0;width:100%;text-align:center;font:800 clamp(6rem,24vw,28rem)/1 'Manrope',Arial,sans-serif;letter-spacing:-.07em;color:#403346;transform:scale(var(--word-scale,1));opacity:var(--word-opacity,.7);user-select:none}
.cinema-scene{position:absolute;inset:23% 0 20%;perspective:1200px;pointer-events:none}
.cinema-entry{position:absolute;left:50%;height:100%;width:min(33vw,340px);will-change:transform}
.cinema-entry-bor{margin-left:min(-30vw,-190px)}
.cinema-entry-zinc{margin-left:min(4vw,50px)}
.cinema-bottle{display:block;width:100%;height:100%;object-fit:contain;max-width:none;filter:drop-shadow(0 30px 25px #0009);will-change:transform}
.cinema-bor{transform:translate3d(var(--bor-x,-25px),var(--bor-y,12px),0) rotate(var(--bor-rotate,-17deg)) scale(var(--bor-scale,1.05))}
.cinema-zinc{transform:translate3d(var(--zinc-x,25px),var(--zinc-y,-8px),0) rotate(var(--zinc-rotate,17deg)) scale(var(--zinc-scale,1.05))}
.cinema-controls{position:absolute;z-index:4;bottom:3.5%;left:5%;width:90%;text-align:center}
.cinema-product-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.cinema-product-actions button{border:1px solid #a4a4af;border-radius:999px;padding:11px 23px;min-height:46px;color:#fff;background:#ffffff0c;font-size:1rem;backdrop-filter:blur(14px);transition:background .25s,border-color .25s}
.cinema-product-actions button:first-child{background:#7452a4;border-color:#7452a4}
.cinema-product-actions button:hover{background:#fff;color:#17131c;border-color:#fff}
.cinema .cinema-consult{display:inline-flex;margin-top:9px;padding:8px 14px;min-height:40px;color:#bfdbb3;background:none;border:0;text-decoration:none;font-size:.875rem}
.cinema .cinema-consult:hover{text-decoration:underline}
.cinema-hint{font-size:.875rem;color:#a6a6ae;margin:9px 0;opacity:var(--hint-opacity,1)}
.cinema-progress{height:2px;width:100px;margin:auto;background:#ffffff25;overflow:hidden}.cinema-progress i{display:block;width:100%;height:100%;transform-origin:left;background:#c6afd9;transform:scaleX(var(--progress,0))}
.cinema a:focus-visible,.cinema button:focus-visible{outline:3px solid #d5c3ee;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.cinema-entry-bor{animation:cinema-enter-bor 1.8s cubic-bezier(.16,1,.3,1) both}.cinema-entry-zinc{animation:cinema-enter-zinc 1.8s .1s cubic-bezier(.16,1,.3,1) both}@keyframes cinema-enter-bor{from{opacity:0;transform:translate(-180px,100px) rotate(-16deg) scale(.6)}to{opacity:1;transform:none}}@keyframes cinema-enter-zinc{from{opacity:0;transform:translate(180px,100px) rotate(16deg) scale(.6)}to{opacity:1;transform:none}}}
@media(max-width:760px){.cinema{margin:0 -18px 28px;height:210svh}.cinema-stage{min-height:580px}.cinema-heading{top:5%}.cinema-heading>p:first-child{font-size:.875rem;letter-spacing:.08em}.cinema-heading h1{font-size:clamp(1.9rem,7vw,3rem)}.cinema-scene{inset:25% 0 25%}.cinema-entry{width:43vw}.cinema-entry-bor{margin-left:-43vw}.cinema-entry-zinc{margin-left:0}.cinema-word{top:38%;font-size:25vw}.cinema-product-actions{gap:10px;flex-wrap:nowrap}.cinema-product-actions button{padding:11px 14px;font-size:.875rem}.cinema-controls{bottom:4%}}
@media(max-height:650px) and (min-width:761px){.cinema-stage{min-height:540px}.cinema-heading{top:3%}.cinema-heading h1{font-size:2.4rem}.cinema-scene{inset:24% 0 27%}.cinema-controls{bottom:2%}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-stage{position:relative;height:850px;max-height:none}.cinema-entry,.cinema-bottle{animation:none;will-change:auto}.cinema-bottle{transform:none}.cinema-heading{transform:none;opacity:1}.cinema-hint,.cinema-progress{display:none}}
html:not(.cinema-ready) .cinema{height:auto}
/* Original logo takes the place of the opening brand text. */
.cinema-heading{top:2%}.cinema-logo{display:block;position:relative;width:140px;aspect-ratio:900/400;overflow:hidden;mix-blend-mode:screen;margin:0 auto 12px}.cinema-logo img{position:absolute;left:-10%;top:-105%;width:120%;height:auto;max-width:none}.cinema-scene{top:27%}
@media(max-width:760px){.cinema-logo{width:125px;margin-bottom:10px}.cinema-heading{top:2%}.cinema-scene{top:29%}}
@media(max-height:650px) and (min-width:761px){.cinema-logo{width:110px;margin-bottom:6px}.cinema-heading{top:1%}.cinema-scene{top:30%}}
/* Touch devices animate the two product layers only. */
@media(max-width:760px),(pointer:coarse){
 .cinema-stage{background:#08070b}
 .cinema-scene{perspective:none}
 .cinema-entry{animation:none!important;will-change:auto}
 .cinema-bottle{filter:none;transition:none;backface-visibility:hidden}
 .cinema-product-actions button{backdrop-filter:none;-webkit-backdrop-filter:none;background:#232127}
 .cinema-product-actions button:first-child{background:#7452a4}
 .cinema-logo{mix-blend-mode:normal}
 .cinema-heading{transform:none;opacity:1}
 .cinema-word{transform:none;opacity:.55}
}
/* Stable touch layout. Desktop keeps the approved scroll presentation. */
@media(max-width:760px),(pointer:coarse){
 html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
 @supports(overflow:clip){html,body{overflow-x:clip}}
 main,.view,.workspace,.form-card,.result-card{min-width:0}
 .cinema,html.cinema-ready .cinema{height:auto}
 .cinema-stage{position:relative;top:auto;height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:26px 18px 30px;gap:16px;overflow:hidden}
 .cinema-heading{position:relative;top:auto;left:auto;width:100%;transform:none!important;opacity:1!important}
 .cinema-scene{position:relative;inset:auto;flex:none;width:100%;height:clamp(260px,44svh,390px);perspective:none}
 .cinema-entry{top:0;left:0;width:50%;height:100%;margin:0;animation:none!important;transform:none!important;will-change:auto}
 .cinema-entry-zinc{left:50%}
 .cinema-bottle,.cinema-bor,.cinema-zinc{width:100%;max-width:100%;height:100%;object-fit:contain;transform:none!important;translate:none!important;animation:none!important;transition:none!important;filter:none;will-change:auto}
 .cinema-word{top:40%;transform:none!important;opacity:.4!important}
 .cinema-controls{position:relative;bottom:auto;left:auto;width:100%}
 .cinema-product-actions{flex-wrap:wrap;gap:10px}
 .cinema-product-actions button{flex:1 1 135px;max-width:260px}
 .cinema-hint,.cinema-progress,.scroll-progress{display:none!important}
 /* Avoid touch hover sticking and entrance animations shifting content. */
 *,*::before,*::after{animation:none!important;transition:none!important}
 .product-photo img,.phase-landscape img,.text-button,.goals label span,.whatsapp-contact{translate:none!important}
 .product-card:hover .product-photo img,.product-card:focus-within .product-photo img,.line-card:hover .product-photo img{transform:none!important}
 .line-gallery,.phase-products,.phase-tabs,.label-table,.compare-scroll{max-width:100%;overscroll-behavior-x:contain}
}
@media(max-width:760px){body>header{flex-wrap:wrap}header nav{min-width:0;margin-left:0}.cinema-heading h1{font-size:clamp(1.75rem,7vw,3rem)}}