/* Velar: a cinematic night world. */
body[data-page=velar]{--ink:#dfe9ed;--deep:#03080c;--paper:#040b10;--muted:#94a5af;--line:#c6eaff26;--gold:#b8e6f2;background:#03080c;color:#f2f4f5}
body[data-page=velar] .header{position:absolute;padding-left:5vw;padding-right:5vw}
.v-hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#02060b}
.v-hero-poster,.v-cover-film,.v-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-cover-film{opacity:0;transition:opacity 1s}.v-cover-film.is-playing{opacity:1}
.v-hero-shade{background:linear-gradient(180deg,#02060b40,transparent 28%,#01050b30 52%,#02060bf2)}
.v-hero-title{position:absolute;bottom:17%;left:50%;transform:translateX(-50%);width:min(70%,540px);text-align:center}
.v-hero-title .eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:27px}
.v-hero-title h1 img{width:100%;height:auto}
.v-byline{font-size:11px;letter-spacing:5px;margin-top:22px!important}
.v-coming{font-size:8px;letter-spacing:3px;display:block;margin-top:26px;color:#d1e6ed}
.v-hero-title .outline-link{margin-top:25px;min-width:270px;justify-content:center;font-size:9px;border-color:#fff6;background:#07121930;backdrop-filter:blur(6px)}
.v-hero-bottom{position:absolute;bottom:26px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:2px}
.v-hero-bottom>a span{padding-left:24px;font-size:18px}.v-hero-bottom>span{color:#a7b5bf}
.v-film-toggle{font-size:8px;letter-spacing:1.7px;display:flex;align-items:center;gap:14px;padding:10px 0}.v-pause{font-size:15px}
.v-intro{text-align:center;background:radial-gradient(ellipse at top,#0c1b25,#03080c 65%);padding-top:130px;padding-bottom:130px}
.v-intro .eyebrow{color:#b5ccd7}.v-intro h2{font-size:clamp(58px,6.7vw,104px);line-height:1.04;letter-spacing:-2px;font-weight:100}.v-intro>p{font-size:15px;line-height:1.9;color:#9cabb3;margin:35px auto 0;max-width:650px}.v-intro-rule{height:65px;width:1px;background:linear-gradient(#9fe5ff66,transparent);margin:38px auto 18px}.v-caption{font-size:8px;letter-spacing:2.5px;color:#b4c5cf}
.v-image-story{height:92svh;min-height:620px;position:relative;overflow:hidden}.v-image-story>img{width:100%;height:100%;object-fit:cover}.v-image-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02070bd9,transparent 70%)}.v-story-copy{position:absolute;z-index:1;left:7vw;top:50%;transform:translateY(-50%)}.v-story-copy h2{font-size:clamp(47px,5.5vw,85px);font-weight:100}.v-story-copy p{font-size:14px;line-height:1.8;margin-top:30px;color:#aebfc9}.v-image-index{position:absolute;bottom:30px;left:7vw;z-index:1;font-size:8px;letter-spacing:3px;color:#adbfcb}
.v-pool-story{display:grid;grid-template-columns:1.5fr 1fr;min-height:700px;background:#040b11}.v-pool-image{min-height:700px;overflow:hidden}.v-pool-image img{width:100%;height:100%;object-fit:cover;object-position:38%}.v-pool-copy{padding:90px 5vw;align-self:center}.v-pool-copy h2{font-size:clamp(45px,4.3vw,70px)}.v-pool-copy>p{font-size:14px;line-height:1.95;margin-top:30px;color:#93a6b1}.v-fine-list{display:flex;flex-direction:column;margin-top:35px}.v-fine-list span{border-top:1px solid var(--line);padding:15px 0;font-size:8px;letter-spacing:2px}
.v-care{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:#03080c}.v-care h2{font-size:clamp(45px,4.7vw,74px)}.v-care-items article{position:relative;border-top:1px solid var(--line);padding:25px 0 25px 40px}.v-care-items article>span{position:absolute;left:0;top:29px;font-size:8px;color:#7e99a7}.v-care-items h3{font-size:29px}.v-care-items p{font-size:13px;line-height:1.85;color:#91a5b1;margin-top:14px;max-width:410px}
body[data-page=velar] .residences,body[data-page=velar] .amenities,body[data-page=velar] .gallery,body[data-page=velar] .contact,body[data-page=velar] .footer{background:#050d13;color:#eef4f7}
body[data-page=velar] .residences{padding:70px 5vw 100px;background:#050b10}.v-residences .residence-image{height:700px;object-position:63%}.v-residence-note{font-size:12px;color:#91a5b0;margin-top:25px;max-width:310px}
body[data-page=velar] .unit-tab{color:#869ba7}body[data-page=velar] .unit-tab[aria-selected=true]{color:#ecf5f8}body[data-page=velar] .unit-tab[aria-selected=true]:after{background:#b8e7fa}
body[data-page=velar] .unit-panel h3{font-size:30px}body[data-page=velar] .unit-panel p,body[data-page=velar] .unit-spec small{color:#8fa4af}body[data-page=velar] .unit-tabs{border-color:#b7d4e330}
body[data-page=velar] .outline-link:hover{color:#05121b;background:#e7f6fc}body[data-page=velar] .amenities{background:#02080d}.v-gallery{padding-bottom:100px!important}.v-gallery .section-head p,body[data-page=velar] .gallery .eyebrow{color:#9ab1bd}.v-gallery .gallery-grid{gap:5px}.v-gallery .gallery-item img{height:470px}
.v-address{text-align:center;background:radial-gradient(ellipse at center,#0c1d28,#03080c 72%);padding-top:120px;padding-bottom:120px}.v-address h2{font-size:clamp(46px,5.5vw,80px)}.v-address>p{margin-top:28px;color:#93a7b3;font-size:14px;line-height:1.9}.v-address-links{display:flex;gap:42px;justify-content:center;margin-top:15px}.v-address .text-link{font-size:8px}
body[data-page=velar] .contact{border-top:1px solid #a3d9ef20;padding-top:110px;padding-bottom:110px;background:#050d13}
body[data-page=velar] .contact h2{font-size:clamp(44px,4.3vw,67px)}body[data-page=velar] .contact-copy>p,body[data-page=velar] .form-note{color:#97adb8}
body[data-page=velar] .field select option,body[data-page=velar] dialog{background:#07131c}
.v-next-logo{width:330px;max-width:65vw;height:auto;margin:auto}body[data-page=velar] .footer{background:#02070b}body[data-page=velar] .footer-bottom{color:#7b929e}
@media(max-width:1000px){.v-pool-story{grid-template-columns:1.2fr 1fr}.v-pool-copy{padding:60px 35px}.v-care{gap:7vw}.v-residences .residence-image{height:580px}.v-gallery .gallery-item img{height:350px}}
@media(max-width:700px){.v-hero{min-height:680px}.v-hero-title{width:77%;bottom:18%}.v-hero-title .eyebrow{font-size:7px}.v-hero-title .outline-link{min-width:240px}.v-hero-bottom{left:24px;right:24px;font-size:7px;gap:10px}.v-hero-bottom>span{display:none}.v-film-toggle{font-size:7px}.v-hero-poster,.v-cover-film{object-position:54% center}.v-intro{padding:85px 25px}.v-intro h2{font-size:62px}.v-intro>p{font-size:13px}.v-caption{font-size:7px;letter-spacing:1.3px}.v-image-story{height:80svh;min-height:580px}.v-image-story>img{object-position:65% center}.v-image-story:after{background:linear-gradient(0deg,#02070bed,transparent 95%)}.v-story-copy{top:auto;bottom:65px;transform:none;left:25px}.v-story-copy h2{font-size:49px}.v-story-copy p{font-size:12px}.v-image-index{left:25px;bottom:25px;font-size:7px}.v-pool-story{display:block}.v-pool-image{min-height:0;height:430px}.v-pool-copy{padding:65px 25px}.v-pool-copy h2{font-size:52px}.v-care{display:block;padding:75px 25px}.v-care h2{font-size:50px}.v-care-items{margin-top:45px}.v-care-items h3{font-size:28px}.v-care-items article{padding-left:35px}.v-residences .residence-image{height:470px}.v-residences .residence-copy{padding-top:30px}body[data-page=velar] .residences{padding:30px 25px 70px}.v-gallery .gallery-grid{grid-template-columns:1fr}.v-gallery .gallery-item img{height:370px}.v-gallery{padding-bottom:60px!important}.v-address{padding:80px 25px}.v-address h2{font-size:49px}.v-address-links{flex-direction:column;gap:0;align-items:center}.v-address .text-link{margin-top:22px}body[data-page=velar] .contact{padding:75px 25px}.v-hero-title h1{font-size:0}}


/* Shared AYA header on the Velar page. */
body[data-page="velar"]{--aya-header-height:92px;--aya-header-shrink:8px;--aya-header-gutter:clamp(32px,4.5vw,88px);--aya-nav-ease:cubic-bezier(.22,.61,.24,1)}
body[data-page="velar"] section[id]{scroll-margin-top:calc(var(--aya-header-height) + 16px)}
@media(max-width:1100px){body[data-page="velar"]{--aya-header-gutter:32px}}
@media(min-width:761px) and (max-height:760px){body[data-page="velar"]{--aya-header-height:76px}}
@media(max-width:760px){body[data-page="velar"]{--aya-header-height:72px;--aya-header-gutter:24px}}
@media(max-width:360px){body[data-page="velar"]{--aya-header-gutter:14px}}