/* Visual review v2: only the opening scene and its navigation chrome. */
.hero-review .preview{background:#071922;color:#d1dcd9;letter-spacing:2px}
.hero-review header{background:#061923;border-bottom-color:#d8b7792b}
.hero-review .brand img{border-radius:4px}
.hero-v2{height:calc(100svh - 122px);min-height:730px;max-height:1080px;display:block;padding:0;background:#031d2c;isolation:isolate}
.hero-v2:before{content:'';position:absolute;inset:0;opacity:1;z-index:4;background:linear-gradient(90deg,#02131eeb 0%,#021725c9 24%,#031b2a70 43%,#031b2a00 65%),linear-gradient(0deg,#041a24d9 0%,#041a2400 20%,#03162200 80%,#03162255);pointer-events:none}
.hero-v2:after{display:none}
.ocean-stage{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:0}
.ocean-picture,.ocean-art,.ship-foreground,.ship-foreground img{display:block;width:100%;height:auto}
.ocean-art{max-width:none}
.mascot{position:absolute;left:63%;top:26%;width:26%;aspect-ratio:1;z-index:1;animation:mascot-breathe 6s ease-in-out infinite;filter:drop-shadow(0 12px 8px #00141e66) brightness(.88) saturate(.9);transform-origin:55% 82%}
.mascot-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mascot-body{clip-path:polygon(0 0,68% 0,68% 44%,83% 58%,100% 58%,100% 100%,0 100%)}
.mascot-wave{clip-path:polygon(68% 0,100% 0,100% 58%,83% 58%,68% 44%);transform-origin:69% 50%;animation:tentacle-greeting 9s ease-in-out infinite}
.ship-foreground{position:absolute;inset:0;z-index:2;clip-path:polygon(0 100%,0 70%,23% 70%,31.5% 24%,36% 29%,44% 34%,56% 38%,70% 46%,72% 55%,80% 59%,91% 67%,100% 70%,100% 100%)}
.water-light{position:absolute;inset:-5%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 54%,#b9f3ed08 55%,#d4fff01a 58%,transparent 61%,transparent 70%,#dbfff50c 72%,transparent 77%);mix-blend-mode:screen;animation:underwater-light 16s ease-in-out infinite}
.water-particles{position:absolute;inset:0;pointer-events:none;z-index:5;background-image:radial-gradient(circle at 61% 23%,#d3f8f6b3 0 1px,transparent 2px),radial-gradient(circle at 40% 60%,#b3eeec80 0 1px,transparent 2px),radial-gradient(circle at 77% 49%,#c3f4f580 0 1px,transparent 2px),radial-gradient(circle at 89% 30%,#e0ffff80 0 1px,transparent 2px),radial-gradient(circle at 51% 76%,#caf8f580 0 1px,transparent 2px);background-size:380px 370px;opacity:.48;animation:particle-drift 25s ease-in-out infinite}
.living-bubbles{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.living-bubbles i{position:absolute;width:9px;height:9px;border:1px solid #d2fff059;border-radius:50%;left:58%;bottom:-25px;box-shadow:inset 1px 1px 2px #fff3;animation:ocean-bubble 15s linear infinite}
.living-bubbles i:nth-child(2){left:91%;width:15px;height:15px;animation-delay:-4s;animation-duration:18s}.living-bubbles i:nth-child(3){left:48%;width:5px;height:5px;animation-delay:-9s;animation-duration:13s}.living-bubbles i:nth-child(4){left:72%;width:7px;height:7px;animation-delay:-5s}.living-bubbles i:nth-child(5){left:20%;width:4px;height:4px;animation-delay:-10s;animation-duration:20s}.living-bubbles i:nth-child(6){left:83%;width:11px;height:11px;animation-delay:-14s;animation-duration:21s}
.hero-v2 .hero-copy{position:absolute;left:7vw;top:46%;transform:translateY(-50%);z-index:6;width:43%;max-width:610px}
.hero-v2 .eyebrow{font:650 10px/1.6 system-ui;letter-spacing:2.8px;color:#f0ce94;margin-bottom:25px}
.hero-v2 h1{font:400 clamp(43px,4.3vw,70px)/1.09 Georgia,serif;letter-spacing:-1.8px;text-shadow:0 3px 26px #0004;margin:0;color:#fff9e9}
.hero-v2 h1 em{color:#f3cf8c;white-space:nowrap}
.hero-v2 .hero-actions{gap:12px;max-width:490px;margin:35px 0 0;display:flex;align-items:center;flex-wrap:wrap}
.hero-v2 .hero-menu{padding:14px 22px;min-width:139px;border:1px solid #f7d299;background:linear-gradient(178deg,#eccb95,#c28d51);box-shadow:inset 0 0 0 3px #f5d49b33,0 6px 20px #0002;color:#172b30;font-size:13px;letter-spacing:.2px;border-radius:3px}
.hero-v2 .hero-menu:hover{background:#f2d6a2}
.hero-v2 .hero-whatsapp{background:#0426339e;border:1px solid #b9dad76b;color:#f6f1df;padding:14px 18px;gap:9px;font-size:12px;border-radius:3px;backdrop-filter:blur(6px)}
.hero-whatsapp img{filter:grayscale(.4) brightness(1.5)}
.hero-v2 .hero-whatsapp:hover{background:#0a3b47}
.hero-v2 .hero-directions{flex-basis:100%;width:max-content;max-width:125px;font:12px/1.5 system-ui;color:#e4e9df;border-bottom:1px solid #e4ce9a85;padding:12px 0 8px;margin-top:0;display:flex;gap:22px;align-items:center;min-height:44px}
.hero-v2 .scroll{left:7vw;bottom:35px;color:#e7d8b7;z-index:6;font-size:9px;letter-spacing:2.5px;display:flex;align-items:center;gap:15px}
.hero-v2 .scroll span{font-size:20px;font-weight:200}
.mascot-greeting{position:absolute;z-index:6;left:70%;bottom:10%;color:#ffe0a7;font:italic 23px Georgia,serif;text-shadow:0 2px 8px #000b;transform:rotate(-4deg);margin:0}
.mascot-greeting span{display:block;font:10px/2 system-ui;letter-spacing:1px;color:#d5eeeb;text-align:right}
.art-review-note{position:absolute;bottom:35px;right:4vw;z-index:6;font:8px/2 system-ui;letter-spacing:1.5px;color:#afc3c4}
@keyframes mascot-breathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes tentacle-greeting{0%,16%,40%,100%{transform:rotate(0)}22%,33%{transform:rotate(-7deg)}27%,37%{transform:rotate(3deg)}}
@keyframes underwater-light{50%{transform:translateX(15px) rotate(1deg);opacity:.55}}
@keyframes particle-drift{50%{transform:translate3d(-12px,-22px,0);opacity:.25}}
@keyframes ocean-bubble{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.5}85%{opacity:.35}100%{transform:translate3d(22px,-780px,0);opacity:0}}
@media(min-width:1600px){.hero-v2 .hero-copy{left:9vw}.hero-v2 .scroll{left:9vw}}
@media(min-width:721px) and (max-width:1100px) and (orientation:landscape){.hero-v2{min-height:640px}.hero-v2 .hero-copy{left:5vw;width:45%}.hero-v2 h1{font-size:46px}.hero-v2 .hero-whatsapp{padding:12px}.mascot-greeting{font-size:20px;bottom:9%}.hero-v2 .scroll{left:5vw}.art-review-note{font-size:7px}}
@media(max-width:720px),(max-width:1100px) and (orientation:portrait){
 .hero-v2{height:calc(100svh - 122px);min-height:750px;max-height:1250px;background:#032339}
 .ocean-stage{top:auto;bottom:0;transform:none;width:100%;left:0;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%)}
 .hero-v2:before{background:linear-gradient(180deg,#031a299c 0%,#031a2970 26%,#031a291a 50%,#031a2900 65%,#03192388 100%),linear-gradient(90deg,#021b2840,transparent)}
 .hero-v2 .hero-copy{top:7%;left:7vw;width:86%;max-width:700px;transform:none}
 .hero-v2 .eyebrow{margin-bottom:20px;font-size:9px;letter-spacing:2px}
 .hero-v2 h1{font-size:clamp(39px,6vw,62px);line-height:1.08;letter-spacing:-1px}
 .hero-v2 .hero-actions{margin-top:25px;gap:11px}
 .mascot{left:44%;top:48%;width:39%;animation-name:mascot-breathe}
 .ship-foreground{clip-path:polygon(0 100%,0 72%,15.5% 51%,22% 55%,32% 58%,45% 61%,62% 65%,70% 70%,84% 77%,100% 80%,100% 100%)}
 .mascot-greeting{left:auto;right:7vw;bottom:12%;font-size:24px}
 .art-review-note{display:none}
 .hero-v2 .scroll{left:7vw;bottom:22px;font-size:8px;letter-spacing:2px}
 .water-particles{opacity:.25}.water-light{animation-duration:24s}
}
@media(max-width:720px){
 .hero-review header{height:76px;padding-block:9px}.hero-review .preview{height:24px;padding:4px 8px;font-size:8px;letter-spacing:1.2px}
 .hero-review .brand img{width:52px;height:52px}.hero-review .brand span{font-size:17px}
 .hero-v2{height:calc(100svh - 100px);min-height:690px;max-height:950px}
 .hero-v2 .hero-copy{top:5%;left:6vw;width:88%}.hero-v2 .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}
 .hero-v2 h1{font-size:clamp(35px,9.7vw,48px);line-height:1.07;letter-spacing:-.7px}
 .hero-v2 .hero-actions{margin-top:21px;display:grid;grid-template-columns:1fr 1.5fr;max-width:370px;gap:10px}
 .hero-v2 .hero-menu{padding:12px 15px;min-width:0;font-size:12px}.hero-v2 .hero-whatsapp{padding:12px 10px;font-size:10px;gap:7px;justify-content:center}
 .hero-v2 .hero-directions{grid-column:1/-1;font-size:11px;min-height:36px;max-width:115px;padding-top:5px;padding-bottom:5px}
 .mascot{left:43%;top:47%;width:41%}
 .mascot-greeting{font-size:19px;bottom:10%;right:7vw}.mascot-greeting span{font-size:8px;line-height:2}
 .hero-v2 .scroll{left:6vw;bottom:16px;font-size:7px}
}
@media(max-width:360px){.hero-v2 h1{font-size:34px}.hero-v2 .hero-whatsapp{font-size:9px}.hero-v2 .hero-copy{top:4%}}
@media(prefers-reduced-motion:reduce){.hero-v2 *{animation:none!important;transition:none!important}}