/* Cinematic arrival: compositor-only light choreography, no canvas/video/library. */
.hero{background:radial-gradient(ellipse at 82% 36%,#153e5859,transparent 45%),radial-gradient(ellipse at 65% 80%,#25234d24,transparent 45%),#05090e!important}
.site-header{box-shadow:0 12px 36px #0004,inset 0 1px 0 #9ae7ff14}
.header-contact{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.header-email{color:#b9d7e7;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:0}
.header-email:hover{color:#92e4ff}
@media(min-width:921px) and (max-width:1200px){.site-header{grid-template-columns:auto 1fr auto;gap:20px}.site-header nav{gap:14px}.site-header nav a,.site-header .nav-link{font-size:10px}.header-contact{gap:12px}.header-action{padding-inline:12px}}
.intro-landing{background:radial-gradient(ellipse at 50% 46%,#153d54 0%,#0a1a29 32%,#05090e 70%)!important}
.intro-landing::before{border-color:#92dcff24;box-shadow:0 0 0 55px #69cfff04,0 0 0 110px #69cfff03}
.intro-mark::after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#9de8ff80,transparent);opacity:.65;pointer-events:none}
.product-stage{isolation:isolate}
.hero-azul-stage{isolation:isolate}
.cinema-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;contain:strict}
.cinema-fx i{position:absolute;display:block;pointer-events:none;opacity:0}
.cinema-beam{inset:-30% 20% 14%;background:linear-gradient(90deg,transparent,#83dcff1a 38%,#c8f5ff44 50%,#83dcff1a 62%,transparent);transform-origin:50% 0}
.cinema-ring{left:50%;top:47%;width:min(74%,490px);aspect-ratio:1;border:1px solid #9be9ffc9;border-radius:50%;box-shadow:inset 0 0 25px #92e4ff0b,0 0 25px #92e4ff0b;transform:translate(-50%,-50%) scale(.25)}
.cinema-ring-outer{border-color:#bde9ff57;border-style:dashed}
.cinema-trail{top:0;left:18%;width:1px;height:100px;background:linear-gradient(transparent,#c0f0ff);transform:translateY(-140px)}
.cinema-trail:nth-child(5){left:32%;height:150px}.cinema-trail:nth-child(6){left:46%;height:85px}.cinema-trail:nth-child(7){left:61%;height:160px}.cinema-trail:nth-child(8){left:76%;height:110px}.cinema-trail:nth-child(9){left:87%;height:70px}
.cinema-running .cinema-beam{animation:cinema-beam 2.7s ease-out both}
.cinema-running .cinema-ring{animation:cinema-pulse 1.45s .98s cubic-bezier(.16,.7,.25,1) both}
.cinema-running .cinema-ring-outer{animation-delay:1.08s;animation-duration:1.6s}
.cinema-running .cinema-trail{animation:cinema-fall 1s .12s cubic-bezier(.55,.03,.8,.5) both}
.cinema-running .cinema-trail:nth-child(5){animation-delay:.03s}.cinema-running .cinema-trail:nth-child(6){animation-delay:.25s}.cinema-running .cinema-trail:nth-child(7){animation-delay:.08s}.cinema-running .cinema-trail:nth-child(8){animation-delay:.3s}.cinema-running .cinema-trail:nth-child(9){animation-delay:.18s}
.cinema-paused .cinema-fx i{animation-play-state:paused!important}
.cinema-replay{position:absolute;right:4%;bottom:81px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #9ee2ff25;border-radius:7px;background:#0a1923;color:#b1d7e7;font:inherit;font-size:10px;letter-spacing:.035em;cursor:pointer;z-index:3;min-height:36px;transition:color .2s,border-color .2s}
.cinema-replay svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2}
.cinema-replay:hover{border-color:#9ee2ff85;color:#ebfaff;background:#112b3b}
.hero-material-switch{z-index:3;background:#0c151ff5}
.hero-stone-label{z-index:3}
.marquee>div{animation-duration:130s}
.nav-transit{position:fixed;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#4d94d3,#a5efff 75%,#edfdff);transform-origin:left;transform:scaleX(0);opacity:0;z-index:1000;pointer-events:none}
.site-header nav a{position:relative}
.site-header nav a::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#92e4ff,transparent);transform:scaleX(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.site-header nav a.nav-current::after,.site-header nav a:hover::after{transform:scaleX(1)}
.original-config-frame{position:relative;overflow:hidden}
.viewer-image{position:relative;overflow:hidden}
.viewer-controls{display:flex;align-items:center;justify-content:center;position:relative;min-height:52px;padding:6px 90px;border-top:1px solid #9ee2ff19;background:#0b1823}
.viewer-dots{display:flex;align-items:center;justify-content:center;gap:4px}
.viewer-dots button{width:34px;height:36px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer}
.viewer-dots button::before{content:"";width:7px;height:7px;background:#7295a7;border-radius:20px;transition:width .3s,background .3s}
.viewer-dots button.active::before{width:24px;background:#92e4ff}
.viewer-dots button:hover::before{background:#d4f5ff}
.original-config-frame .viewer-ghost{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none;z-index:1}
.pricing-modal:not([hidden]) .pricing-window,.imprint-modal:not([hidden]) .imprint-window{animation:cinema-panel .35s cubic-bezier(.16,1,.3,1) both}
@keyframes cinema-panel{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cinema-fall{0%{opacity:0;transform:translateY(-150px)}25%{opacity:.65}80%{opacity:.2}100%{opacity:0;transform:translateY(420px)}}
@keyframes cinema-beam{0%{opacity:0;transform:scaleX(.12)}22%{opacity:.6;transform:scaleX(.55)}42%{opacity:.8;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.65)}}
@keyframes cinema-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}12%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}

/* Override legacy, more-specific rules for the wide card and Indian Black. */
.suite-section .suite-grid .suite-card.ice-visible,
.suite-section .suite-grid .suite-card.wide.ice-visible{background:var(--ice);color:#102d3b;border-color:#c5f1ff}
.suite-section .suite-grid .suite-card.ice-visible h3{color:#102d3b}
.suite-section .suite-grid .suite-card.ice-visible p,
.suite-section .suite-grid .suite-card.ice-visible span{color:#224455}
.stone-cards .stone-card[data-material-card="indian-black"]{background:radial-gradient(ellipse at 50% 12%,#1c3548,#0d1923 65%)}
.stone-cards .material-block.indian-black{background:transparent}
@media(max-width:600px){
 .site-header{grid-template-columns:1fr auto;row-gap:8px;padding:9px 12px}
 .site-header .brand{grid-column:1;grid-row:1}
 .site-header .menu-toggle{grid-column:2;grid-row:1}
 .header-contact{grid-column:1/-1;grid-row:2;justify-content:flex-end;border-top:1px solid #9ee2ff1c;padding-top:8px;gap:16px}
 .header-email{margin-right:auto;font-size:12px}
 .site-header.menu-open nav{grid-column:1/-1}
 html{scroll-padding-top:130px}
 .cinema-replay{right:0;bottom:72px;font-size:9px;padding:6px 9px;min-height:34px}
 .cinema-ring{top:51%;width:76%}
 .cinema-beam{inset:-25% 14% 15%}
 .intro-landing::before{box-shadow:0 0 0 28px #69cfff05,0 0 0 56px #69cfff03}
}
@media(prefers-reduced-motion:reduce){.cinema-fx,.cinema-replay{display:none}.cinema-fx i{animation:none!important}}