/* V3 refines the existing V2 scene; all rules are confined to its cover/chrome. */
.hero-review .preview{font-size:11px;line-height:18px;padding:4px 16px;letter-spacing:1.5px;color:#ebeee6}
.hero-review header{height:116px;padding-block:10px}
.hero-review .brand{gap:18px;font-size:23px}
.hero-review .brand img{width:96px;height:96px;object-fit:contain;border-radius:0}
.hero-review .brand small{font-size:11px;letter-spacing:1.6px;color:#d6e4e2}
.hero-review nav{font-size:14px}
.hero-v3{height:calc(100svh - 142px);min-height:730px}
.hero-v3 .hero-copy{width:47%;max-width:660px;top:47%}
.hero-v3 .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:22px;color:#f5d5a0}
.hero-v3 h1{font-size:clamp(43px,4.15vw,66px);line-height:1.08}
.hero-v3 .hero-actions{display:grid;grid-template-columns:.95fr 1.45fr 1fr;max-width:620px;gap:12px;margin-top:30px}
.hero-v3 .hero-actions>a{font-size:14px;line-height:1.3;font-weight:650;min-height:56px;max-width:none;width:auto;border-radius:4px;justify-content:center;gap:12px;padding:14px 12px;text-align:center;white-space:nowrap;box-shadow:0 5px 14px #00101850}
.hero-v3 .hero-menu{min-width:0;color:#102630;background:linear-gradient(#efd4a2,#d6ad70);border:1px solid #ffe4b8}
.hero-v3 .hero-whatsapp{color:#f9fff9;background:#093440;border:1px solid #b4d8cf;backdrop-filter:none}
.hero-v3 .hero-whatsapp img{filter:none;width:20px;height:20px}
.hero-v3 .hero-directions{flex-basis:auto;margin:0;background:#0c2937;color:#f9f4e9;border:1px solid #c4d3cc;display:flex;align-items:center;letter-spacing:0}
.hero-v3 .hero-directions:hover,.hero-v3 .hero-whatsapp:hover{background:#164756;color:#fff}
.hero-v3 .hero-menu:hover{background:#ffe5b8}
.hero-v3 .hero-actions>a:focus-visible,.hero-specialty:focus-visible{outline:3px solid #fff1c8;outline-offset:5px}
.hero-v3 .mascot{filter:drop-shadow(5px 13px 6px #00121ddb) drop-shadow(-2px -2px 2px #9ce3e94d) brightness(.85) saturate(.88);animation-name:mascot-breathe-v3;transform-origin:55% 82%}
/* Original RGB image is displayed unchanged. V2's alpha is only a browser mask. */
.hero-v3 .mascot-piece{-webkit-mask-image:url('/assets/pulpin-cutout-v2.webp');mask-image:url('/assets/pulpin-cutout-v2.webp');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero-v3 .mascot-wave{animation-name:tentacle-greeting-v3;transform-origin:70% 53%;animation-duration:10s}
.boat-contact-shadow{position:absolute;z-index:3;left:70%;top:59%;width:20%;height:4%;background:radial-gradient(ellipse,#00121d9c 0%,#00121d4d 36%,transparent 72%);transform:rotate(18deg);pointer-events:none;mix-blend-mode:multiply}
.hero-specialty{margin-top:26px;display:flex;align-items:center;gap:14px;max-width:355px;width:max-content;border-block:1px solid #c9b48a5c;padding:11px 0;color:#fff4de;text-shadow:0 2px 8px #001018;transition:border-color .2s}
.hero-specialty:hover{border-color:#f1d19a}
.hero-specialty>img{display:block;width:94px;height:72px;object-fit:cover;object-position:50% 50%;border:1px solid #d5b78066;border-radius:3px}
.hero-specialty small{font:650 11px/1.5 system-ui;letter-spacing:1.2px;color:#e8c997;display:block;margin-bottom:4px}
.hero-specialty strong{font:normal 20px/1.2 Georgia,serif;display:block}
.specialty-arrow{font-size:20px;color:#ebcb91;padding-left:3px}
.hero-v3 .mascot-greeting{bottom:10%;font-size:24px}
.hero-v3 .mascot-greeting span{font-size:12px;color:#e7f2ed;letter-spacing:.5px}
.hero-v3 .scroll{font-size:11px;letter-spacing:1.5px;bottom:25px}
.hero-v3 .art-review-note{display:none}
@keyframes mascot-breathe-v3{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-3px) rotate(.25deg)}}
@keyframes tentacle-greeting-v3{0%,15%,42%,100%{transform:rotate(0)}22%,33%{transform:rotate(-4deg)}27%,38%{transform:rotate(2deg)}}
@media(min-width:721px) and (max-width:1100px) and (orientation:landscape){
 .hero-review .brand span{font-size:18px}.hero-review .brand small{font-size:10px}.hero-review nav{gap:12px;font-size:12px}.hero-review .brand{gap:12px}
 .hero-v3 .hero-copy{width:49%;left:5vw}.hero-v3 h1{font-size:43px}.hero-v3 .hero-actions{grid-template-columns:1fr 1.5fr;gap:12px;max-width:430px}.hero-v3 .hero-directions{grid-column:1/-1}.hero-v3 .hero-actions>a{font-size:13px;min-height:48px}.hero-v3 .hero-specialty{margin-top:20px}.hero-v3 .eyebrow{font-size:11px}.hero-v3{min-height:780px}
}
@media(max-width:1100px) and (min-width:721px) and (orientation:portrait){
 .hero-v3{height:calc(100svh - 142px);min-height:900px}.hero-v3 .hero-copy{top:5%;width:86%;max-width:680px;transform:none}
 .hero-v3 .hero-actions{max-width:640px}.hero-v3 .hero-specialty{margin-top:22px}.hero-v3 .mascot-greeting{left:auto;right:7vw;bottom:8%}
 .hero-v3 .boat-contact-shadow{left:51%;top:66%;width:28%;height:3%}
}
@media(max-width:720px){
 .hero-review .preview{height:26px;font-size:11px;line-height:18px;padding:4px 6px;letter-spacing:.7px}
 .hero-review header{height:104px;padding:10px 5vw}.hero-review .brand{gap:12px}.hero-review .brand img{width:84px;height:84px}.hero-review .brand span{font-size:18px;letter-spacing:1px}.hero-review .brand small{font-size:10px;letter-spacing:.6px;line-height:1.7}
 .hero-review .nav-toggle{font-size:13px;min-height:44px;padding:9px 12px}
 .hero-v3{height:calc(100svh - 130px);min-height:680px;max-height:980px}
 .hero-v3 .hero-copy{left:6vw;top:3.5%;width:88%;max-width:none;transform:none;position:absolute}
 .hero-v3 .eyebrow{font-size:11px;letter-spacing:1px;line-height:1.5;margin-bottom:13px}
 .hero-v3 h1{font-size:clamp(33px,9.3vw,43px);line-height:1.04;letter-spacing:-.5px}
 .hero-v3 .hero-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:22px;max-width:none}
 .hero-v3 .hero-actions>a{font-size:13px;min-height:50px;padding:12px 10px;gap:8px;max-width:none}
 .hero-v3 .hero-whatsapp img{width:18px;height:18px}.hero-v3 .hero-directions{grid-column:1/-1;min-height:46px}
 .hero-v3 .ocean-stage{width:120%;left:-10%;bottom:35px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 19%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 19%,#000 93%,transparent 100%)}
 .hero-v3 .mascot{left:43%;top:47%;width:41%}.hero-v3 .boat-contact-shadow{left:51%;top:67%;width:28%;height:3%}
 .hero-v3 .hero-specialty{position:absolute;top:calc(100svh - 130px - 132px - 25px);left:0;max-width:290px;margin:0;padding:8px 11px 8px 0;gap:11px;border-top:1px solid #c9b48a7a;border-bottom:1px solid #c9b48a7a;background:linear-gradient(90deg,#04202ee8,#04202ea3);border-radius:4px}
 .hero-v3 .hero-specialty>img{width:62px;height:55px}.hero-v3 .hero-specialty strong{font-size:18px}.hero-v3 .hero-specialty small{font-size:11px;letter-spacing:.7px;margin-bottom:4px}
 .hero-v3 .mascot-greeting{display:none}.hero-v3 .scroll{font-size:11px;letter-spacing:1px;bottom:18px;left:6vw}
}
@media(max-width:380px){.hero-review .brand span{font-size:16px}.hero-review .brand small{font-size:9px}.hero-review .brand{gap:9px}.hero-review .nav-toggle{padding:9px}.hero-v3 .hero-actions>a{font-size:12px}.hero-v3 .eyebrow{font-size:10px}.hero-v3 .hero-specialty strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-v3 *{animation:none!important;transition:none!important}}