/* Casa Oito: launch feature on the VHX homepage */
.launch-teaser{position:relative;isolation:isolate;min-height:700px;overflow:hidden;background:#0d2c3e;color:#fff}
.launch-teaser-image,.launch-teaser-shade{position:absolute;inset:0;width:100%;height:100%}
.launch-teaser-image{object-fit:cover;object-position:center 48%;z-index:-2}
.launch-teaser-shade{z-index:-1;background:linear-gradient(90deg,#071d31d9 0%,#071d3185 48%,#071d3130 100%),linear-gradient(0deg,#061c2dc2 0%,transparent 55%)}
.launch-teaser-inner{min-height:700px;display:flex;flex-direction:column;justify-content:space-between;padding:63px 0 42px}
.launch-teaser-kicker,.launch-teaser-foot{font-size:11px;letter-spacing:.16em;font-weight:700;color:#e2edf4}
.launch-teaser-kicker{border-top:1px solid #ffffff8a;padding-top:18px;align-self:flex-start}
.launch-teaser-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(40px,8vw,140px);align-items:end;margin-top:110px}
.launch-teaser h2{font-size:clamp(48px,5.8vw,96px);font-weight:300;letter-spacing:-.05em;line-height:1.06;margin-top:18px;text-wrap:balance}
.launch-teaser h2 em{color:#d3e4ef}
.launch-teaser-action{padding-bottom:7px}
.launch-teaser-action p{font-size:17px;line-height:1.62;color:#eef4f7;max-width:430px}
.launch-teaser-action a{display:inline-flex;align-items:center;gap:34px;margin-top:28px;padding:17px 20px;background:#fff;color:#053863;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:background .2s,transform .2s}
.launch-teaser-action a:hover{background:#e1edf5;transform:translateY(-2px)}
.launch-teaser-foot{display:flex;justify-content:space-between;gap:16px;margin-top:86px;color:#d0e1ec}

/* Dedicated Casa Oito experience */
.experience-hero{position:relative;height:min(900px,100svh);min-height:680px;isolation:isolate;color:#fff;background:#153b4c}
.experience-hero-image,.experience-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.experience-hero-image{z-index:-2;object-fit:cover;object-position:center}
.experience-hero-shade{z-index:-1;background:linear-gradient(90deg,#061b2ac9 0%,#061b2a7c 42%,#061b2a13 88%),linear-gradient(0deg,#041827a8 0%,transparent 38%)}
.experience-hero-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:126px 0 36px}
.experience-hero-top,.experience-hero-bottom{font-size:11px;font-weight:700;letter-spacing:.18em;color:#e6eef2}
.experience-hero-top span{margin:0 8px}
.experience-hero-content{max-width:920px;margin-top:auto;margin-bottom:50px}
.experience-hero h1{font-size:clamp(57px,7vw,116px);font-weight:300;letter-spacing:-.055em;line-height:1.01;margin:25px 0 27px;text-wrap:balance}
.experience-hero h1 em{color:#d7e7f0}
.experience-hero-content>p:not(.eyebrow){font-size:19px;line-height:1.6;max-width:590px;color:#edf3f5}
.experience-hero-content>a{display:inline-flex;align-items:center;gap:42px;padding:16px 20px;margin-top:37px;background:#fff;color:#053863;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,transform .2s}
.experience-hero-content>a:hover{background:#deebf3;transform:translateY(-2px)}

.experience-intro{background:#fff}
.experience-intro-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr);gap:48px}
.experience-intro h2,.experience-gallery h2{font-size:clamp(40px,4.6vw,76px);font-weight:300;letter-spacing:-.045em;line-height:1.13;margin-top:21px;max-width:1000px}
.experience-concept-copy{font-size:19px;line-height:1.7;color:#4f6170;max-width:710px;margin-top:36px}
.experience-points{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:104px}
.experience-points article{border-top:1px solid #b6c4cf;padding-top:21px}
.experience-points article>span{font-size:11px;letter-spacing:.16em;color:#6b8192;font-weight:700}
.experience-points h3{font-size:26px;line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:28px 0 14px}
.experience-points p{font-size:16px;line-height:1.65;color:#586b78;max-width:330px}
.experience-panorama{height:min(720px,70vw);min-height:420px;position:relative;margin:0;overflow:hidden;background:#153d4c}
.experience-panorama img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.experience-panorama:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(0deg,#061c2d96,transparent);pointer-events:none}
.experience-panorama figcaption{position:absolute;z-index:1;bottom:30px;left:0;right:0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.15em}
.experience-panorama figcaption span{margin:0 9px}

.experience-gallery{background:#edf2f5}
.experience-gallery-head{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2fr) minmax(190px,1fr);gap:48px;align-items:end;margin-bottom:50px}
.experience-gallery-head>p{font-size:16px;line-height:1.6;color:#526878;max-width:260px}
.experience-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.experience-gallery-card{position:relative;display:block;overflow:hidden;aspect-ratio:1.52;padding:0;border:0;background:#6b8590;color:#fff;text-align:left}
.experience-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.experience-gallery-card:hover img{transform:scale(1.04)}
.experience-gallery-card:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#041828b8,transparent);pointer-events:none}
.experience-gallery-card>span{position:absolute;z-index:1;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;align-items:end;font-size:12px;letter-spacing:.12em;font-weight:700}
.experience-gallery-card b{font-size:26px;font-weight:400;line-height:1}
.experience-gallery-wide{grid-column:1/-1;aspect-ratio:2.08}

.experience-contact{background:#053863;color:#fff;padding:112px 0 46px}
.experience-contact-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px}
.experience-contact h2{font-size:clamp(48px,5.7vw,88px);font-weight:300;letter-spacing:-.048em;line-height:1.1;margin-top:20px;max-width:910px}
.experience-contact h2 em{color:#b7ccda}
.experience-contact-grid>div:last-child>p{font-size:17px;line-height:1.65;color:#d9e6ee;max-width:390px}
.experience-contact-grid a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;color:#053863;padding:17px 20px;margin-top:29px;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:700;transition:background .2s}
.experience-contact-grid a:hover{background:#e1edf4}
.experience-disclaimer{border-top:1px solid #ffffff6b;padding-top:25px;margin-top:100px;color:#c3d5e0;font-size:11px;line-height:1.6;letter-spacing:.04em}
.experience-footer{background:#032a46;color:#c5d6e1}
.experience-footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;letter-spacing:.13em}
.experience-footer-brand{width:145px;flex:none}.experience-footer-brand img{width:100%;height:auto;object-fit:contain}
.experience-footer-back{font-weight:700}.experience-footer-back:hover{text-decoration:underline}

html[data-theme="dark"] .experience-intro{background:#081f30;color:#edf4f8}
html[data-theme="dark"] .experience-gallery{background:#102b40;color:#edf4f8}
html[data-theme="dark"] .experience-concept-copy,html[data-theme="dark"] .experience-points p,html[data-theme="dark"] .experience-gallery-head>p{color:#c3d2dd}
html[data-theme="dark"] .experience-points article{border-color:#587386}
html[data-theme="dark"] .experience-points article>span{color:#a5bdcd}

@media(max-width:1000px){.launch-teaser-content{grid-template-columns:1fr 340px;gap:35px}.experience-gallery-head{grid-template-columns:1fr 2fr}.experience-gallery-head>p{grid-column:2;max-width:480px}.experience-contact-grid{grid-template-columns:1fr 300px;gap:38px}}
@media(max-width:760px){
  .launch-teaser,.launch-teaser-inner{min-height:740px}.launch-teaser-image{object-position:57% center}.launch-teaser-shade{background:linear-gradient(0deg,#061a2be8 0%,#061a2b8a 58%,#061a2b45 100%)}
  .launch-teaser-inner{padding:44px 0 28px}.launch-teaser-content{display:block;margin-top:auto}.launch-teaser h2{font-size:clamp(48px,10vw,66px)}.launch-teaser-action{margin-top:32px}.launch-teaser-action p{font-size:16px}.launch-teaser-foot{margin-top:55px;flex-direction:column;gap:6px;font-size:10px}
  .experience-hero{height:760px;max-height:none;min-height:670px}.experience-hero-image{object-position:55% center}.experience-hero-shade{background:linear-gradient(0deg,#061b2ae8 0%,#061b2a8c 64%,#061b2a4d 100%)}.experience-hero-inner{padding:106px 0 26px}.experience-hero-content{margin-bottom:35px}.experience-hero h1{font-size:clamp(56px,12vw,80px)}.experience-hero-content>p:not(.eyebrow){font-size:16px}
  .experience-intro-grid{grid-template-columns:1fr;gap:30px}.experience-intro h2,.experience-gallery h2{font-size:clamp(40px,8vw,56px)}.experience-concept-copy{font-size:17px;margin-top:28px}.experience-points{grid-template-columns:1fr;gap:28px;margin-top:64px}.experience-points h3{margin:18px 0 9px}.experience-points p{max-width:none}
  .experience-panorama{height:460px;min-height:0}.experience-panorama img{object-position:55% center}.experience-panorama figcaption{font-size:10px;bottom:20px}
  .experience-gallery-head{display:block;margin-bottom:30px}.experience-gallery-head>div:nth-child(2){margin-top:30px}.experience-gallery-head>p{margin-top:18px;max-width:520px}.experience-gallery-grid{gap:10px}.experience-gallery-card{aspect-ratio:.92}.experience-gallery-wide{aspect-ratio:1.6}.experience-gallery-card>span{left:13px;right:13px;bottom:13px;font-size:10px}.experience-gallery-card b{font-size:20px}
  .experience-contact{padding:80px 0 33px}.experience-contact-grid{grid-template-columns:1fr;gap:32px}.experience-contact h2{font-size:clamp(48px,10vw,66px)}.experience-disclaimer{margin-top:70px}.experience-footer-inner{min-height:100px}.experience-footer-brand{width:110px}
}
@media(max-width:420px){.launch-teaser-kicker,.launch-teaser-foot{font-size:9px}.launch-teaser h2{font-size:45px}.experience-hero h1{font-size:52px}.experience-hero-top,.experience-hero-bottom{font-size:9px}.experience-gallery-card>span{font-size:9px}.experience-footer-inner{gap:18px;flex-wrap:wrap;padding:22px 0}.experience-footer-back{width:100%}}