
/* V3 — Liquid Glass + identidade Destino Digital */
:root{--glass:rgba(255,255,255,.17);--glass-edge:rgba(255,255,255,.43)}
html{scroll-snap-type:none}
body{overflow-x:hidden}
.site-header,.site-header.scrolled{top:12px;left:clamp(12px,3vw,48px);right:clamp(12px,3vw,48px);width:auto;inset-inline:clamp(12px,3vw,48px);height:72px;padding:0 clamp(16px,2.5vw,34px);border:1px solid #ffffff60;border-radius:24px;background:linear-gradient(110deg,#ffffff30,#ffffff0c 46%,#ffffff25);backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);box-shadow:inset 0 1px #ffffff66,0 12px 55px #071b2c24}
.site-header.scrolled{background:linear-gradient(120deg,#082a42d9,#123c58c2);border-color:#ffffff42}
.hero-title{font-size:clamp(76px,14.3vw,220px);letter-spacing:-.095em;position:relative;z-index:1;white-space:nowrap}
.hero-title-wrap{position:relative;isolation:isolate;max-width:max-content}
.hero-digital{display:block;font:italic 500 clamp(66px,9vw,146px)/.94 'Playfair Display',serif;letter-spacing:-.06em;margin:-.02em 0 0 30%;color:#e6f6ff;text-shadow:0 8px 35px #001b3266;position:relative;z-index:3}
.hero-balloon{position:absolute;z-index:2;width:clamp(105px,16vw,270px);height:clamp(140px,21vw,340px);object-fit:contain;top:-17%;left:59%;filter:drop-shadow(0 28px 25px #061c3180);animation:balloon-float 6.5s ease-in-out infinite;pointer-events:none;transform-origin:50% 80%}
@keyframes balloon-float{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(14px,-24px,0) rotate(4deg)}}
.hero .hero-bottom,.hero-kicker{position:relative;z-index:5}
.hero-title .title-dot{color:#82dfff}
.hero-digital::after{content:'';display:block;width:35%;height:1px;background:#ffffff80;margin:16px 0 0 12%}
.hero-photo{background-position:center 46%}
.feature-card .image-shell,.story-image{border-radius:21px;transform:translateZ(0)}
.feature-card img,.story-image img{transition:transform 1.25s cubic-bezier(.2,.85,.2,1),filter .85s;will-change:transform}
.feature-card:hover img{transform:scale(1.075)}
.story-image img{filter:grayscale(.9) sepia(.12) hue-rotate(168deg)}
.story-card:hover .story-image img{filter:grayscale(0);transform:scale(1.055)}
.glass-experience{background:radial-gradient(ellipse at 15% 20%,#b9e4f6 0%,transparent 35%),radial-gradient(ellipse at 90% 70%,#cbd8ff 0%,transparent 33%),#e5edf3;overflow:hidden}
.glass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.glass-card{min-height:500px;border-radius:32px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:end;color:#fff;box-shadow:0 18px 40px #17476626;transform-style:preserve-3d;transition:box-shadow .4s,transform .18s ease-out}
.glass-card:hover{box-shadow:0 30px 80px #1747665c}
.glass-card-photo,.glass-card-photo::after{position:absolute;inset:0}
.glass-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.glass-card:hover img{transform:scale(1.09)}
.glass-card-photo::after{content:'';background:linear-gradient(0deg,#061e37e6,#06203822 80%)}
.glass-card-content{z-index:1;position:relative;margin:14px;padding:24px;border-radius:25px;border:1px solid var(--glass-edge);background:linear-gradient(140deg,#ffffff30,#ffffff10);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1px #ffffff80,0 10px 45px #001a2333;transform:translateZ(28px)}
.glass-chip{font-size:10px;letter-spacing:.16em;font-weight:700}
.glass-card-content h3{font:800 clamp(27px,2.4vw,42px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:19px 0 13px}
.glass-card-content h3 i{font:italic 500 1.15em 'Playfair Display',serif}
.glass-card-content p{font-size:13px;line-height:1.65;color:#eff6fb}
.glass-action{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin-top:23px}
.glass-action b{width:36px;height:36px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:19px}
.gallery-section{background:#071b2c;color:#fff;overflow:hidden}
.gallery-section .section-eyebrow{color:#a9c9d9;border-color:#ffffff25}
.gallery-section .section-heading-row h2{color:#fff}
.gallery-section .section-heading-row p{color:#bfd1dc}
.gallery-track{display:flex;gap:18px;padding:8px max(19px,calc((100vw - 1400px)/2)) 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-item{flex:0 0 clamp(280px,40vw,610px);height:clamp(390px,48vw,610px);scroll-snap-align:center;border-radius:30px;overflow:hidden;position:relative;background:#193b53}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s,filter 1.1s;filter:saturate(.68)}
.gallery-item:hover img{transform:scale(1.09);filter:saturate(1.08)}
.gallery-item::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#03192cca);pointer-events:none}
.gallery-item>div{position:absolute;z-index:1;left:26px;right:26px;bottom:24px;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:6px}
.gallery-item>div>span:first-child{width:100%;font-size:10px;letter-spacing:.18em}
.gallery-item h3{font:700 clamp(36px,4vw,58px) 'Playfair Display',serif;margin:0}
.gallery-item>div>span:last-child{padding:12px 15px;background:#ffffff2a;border:1px solid #ffffff50;backdrop-filter:blur(18px);border-radius:40px;font-size:12px}
.gallery-buttons{display:flex;align-items:center;gap:12px;margin-top:20px}
.gallery-buttons button{height:48px;width:48px;border-radius:50%;border:1px solid #ffffff70;color:white;background:#ffffff20;backdrop-filter:blur(10px);font-size:20px}
.gallery-buttons span{margin-left:15px;font-size:10px;letter-spacing:.17em;color:#a4c5d8}
.page-transition{position:fixed;z-index:1000;inset:0;background:#092a40;display:grid;place-items:center;color:#fff;transform:translateY(105%);pointer-events:none;transition:transform .65s cubic-bezier(.76,0,.24,1)}
.page-transition span{font:800 clamp(32px,6vw,80px) Manrope,sans-serif;letter-spacing:-.07em}
.page-transition i{font:italic 500 1.2em 'Playfair Display',serif;color:#bce8ff}
body.page-leaving .page-transition{transform:translateY(0);pointer-events:auto}
body.page-entering .page-transition{transform:translateY(-105%)}
.liquid-reveal{clip-path:inset(0 0 0 0 round 22px)}
@supports(animation-timeline:view()){.parallax-bg{animation:parallax-native linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes parallax-native{from{transform:scale(1.18) translateY(-4%)}to{transform:scale(1.18) translateY(4%)}}}
@media(max-width:900px){.glass-grid{grid-template-columns:1fr 1fr}.glass-card:last-child{grid-column:span 2;min-height:360px}.glass-card{min-height:460px}.hero-title{font-size:14.7vw}.hero-digital{margin-left:25%}}
@media(max-width:760px){.site-header,.site-header.scrolled{top:10px;inset-inline:12px;height:64px;padding-inline:13px;border-radius:20px}.hero{height:100svh;min-height:640px;max-height:none}.hero-title-wrap{max-width:100%;width:100%;margin-top:30px}.hero-title{font-size:14.9vw;margin-left:-3px;letter-spacing:-.095em}.hero-digital{font-size:clamp(65px,14.5vw,115px);margin-left:18%;margin-top:4px}.hero-balloon{width:33vw;height:45vw;left:60%;top:-44%}.hero-pretitle{font-size:13px}.glass-grid{grid-template-columns:1fr;gap:18px}.glass-card,.glass-card:last-child{grid-column:auto;min-height:480px}.glass-card-content{padding:22px}.gallery-item{flex-basis:82vw;height:480px}.hero-bottom>p{max-width:180px}.site-header .brand-name{font-size:17px}}
@media(max-width:390px){.hero-title{font-size:14.3vw}.hero-digital{font-size:64px}.hero-balloon{left:58%;top:-48%}.glass-card{min-height:430px}}
@media(prefers-reduced-motion:reduce){.hero-balloon{animation:none}.page-transition{display:none}.glass-card{transform:none!important}.parallax-bg{animation:none!important}}

/* Distorção aquosa SVG opcional em uma galeria: fallback natural se não suportado. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.water-effect:hover img{filter:url(#water-ripple) saturate(1.15)}}

/* Banner responsivo: cortes independentes para vertical e horizontal. */
.hero-photo{background-position:center 47%;background-repeat:no-repeat;background-color:#14354b}
.hero-controls[hidden]{display:none!important}
@media(max-width:760px){.hero-photo{background-position:center center}}
