/* ============================================================
   SEA & SUN – v2 "WOW" layer (loaded after main.css)
   ============================================================ */
:root{--gold:#C9A86A;--sea:#1E3F7A;--wave-pearl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath fill='%23FAF8F3' d='M0 40 C 240 0 480 0 720 30 S 1200 70 1440 30 V70 H0Z'/%3E%3C/svg%3E")}
body{background:var(--pearl)}
p{font-size:clamp(18px,1.12vw,20px)}
.lead-p{font-size:clamp(20px,1.4vw,24px)}
.accent{color:transparent;-webkit-text-stroke:1.4px var(--navy);font-weight:700}
.link-cta{margin-top:14px;background:none;border:0;padding:10px 0;color:var(--navy);font-weight:700;font-size:20px;border-bottom:1.5px solid var(--navy);display:inline-flex;gap:10px}
.link-cta span{transition:transform .35s var(--ease)}.link-cta:hover span{transform:translateX(-8px)}

/* reveal variants */
.reveal{transition-delay:var(--d,0s)}
.reveal-clip{clip-path:inset(12% 12% 12% 12% round 26px);transition:clip-path 1.4s var(--ease)}
.reveal-clip.in{clip-path:inset(0 0 0 0 round 18px)}
.mask{display:block;overflow:hidden;padding-bottom:.06em}
.mask>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.big-h.in .mask>span{transform:none}
.big-h.in .mask:nth-child(2)>span{transition-delay:.12s}.big-h.in .mask:nth-child(3)>span{transition-delay:.24s}
.big-h{font-size:clamp(44px,5.2vw,88px);line-height:1}

/* videos inside frames */
.vframe video,.apt-img video,.vcard video,.gal-item video,.lead-bg video{width:100%;height:100%;object-fit:cover;display:block}

/* ===================== HERO v2 ===================== */
.hero2{display:block;height:100svh;min-height:680px}
.hero2 .hero-shade{background:linear-gradient(270deg,rgba(8,20,47,.78) 0%,rgba(8,20,47,.35) 42%,rgba(8,20,47,0) 70%),linear-gradient(180deg,rgba(8,20,47,.55) 0%,transparent 26%,transparent 70%,rgba(8,20,47,.6) 100%)}
.hero2-copy{position:absolute;right:clamp(20px,7vw,130px);top:50%;transform:translateY(-38%);max-width:min(640px,88vw);text-align:right;z-index:2}
.hero2-eye{opacity:0;animation:up 1s .5s var(--ease) forwards;margin-bottom:22px}
.hero2 .hero-title{font-size:clamp(54px,6.6vw,118px);line-height:.96;margin:0 0 26px;text-shadow:none}
.hero2 .hero-title .ln{display:block;overflow:hidden;opacity:1;transform:none;animation:none;padding-bottom:.04em}
.hero2 .hero-title .ln>span{display:inline-block;transform:translateY(105%);animation:lnUp 1.2s var(--ease) forwards}
.hero2 .hero-title .ln:nth-child(1)>span{animation-delay:.7s}.hero2 .hero-title .ln:nth-child(2)>span{animation-delay:.85s}
@keyframes lnUp{to{transform:none}}
.hero2 .hero-sub{margin:0 0 34px;max-width:520px}
.hero2 .hero-ctas{justify-content:flex-start}
.hero-facts{position:absolute;z-index:2;bottom:clamp(70px,10vh,110px);right:clamp(20px,7vw,130px);display:flex;gap:0;margin:0;padding:0;list-style:none;color:#fff;opacity:0;animation:up 1s 1.9s var(--ease) forwards}
.hero-facts li{display:flex;align-items:baseline;gap:10px;padding:0 26px;border-left:1px solid rgba(255,255,255,.35)}
.hero-facts li:first-child{padding-right:0}.hero-facts li:last-child{border-left:0}
.hero-facts b{font-family:var(--lat);font-weight:200;font-size:clamp(34px,2.8vw,48px);line-height:1}
.hero-facts span{font-size:16px;opacity:.85}
.hero2 .hero-badge{top:clamp(150px,22vh,230px);bottom:auto;left:clamp(20px,5vw,90px)}
.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:clamp(40px,6vw,90px);z-index:3;fill:var(--navy)}
.hero-wave path{animation:waveDrift 9s ease-in-out infinite alternate}
@keyframes waveDrift{from{transform:translateX(0)}to{transform:translateX(-40px)}}
.hero-emblem,.hero-scroll{display:none!important}
.hero2 .hero-pause{z-index:4}

/* ticker sits under the wave */
.ticker{position:relative;z-index:3}

/* ===================== PROJECT v2 ===================== */
.p2{background:var(--pearl);overflow:hidden}
.p2 .split-text{position:relative;z-index:2}
.sun-stamp{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--navy);display:grid;place-items:center;top:-40px;left:-30px;z-index:3;box-shadow:0 30px 60px -20px rgba(14,31,77,.6);animation:spin 40s linear infinite}
.sun-stamp img{width:62%;height:auto}
.frame-small.vframe{border-color:var(--pearl)}

/* ===================== COUNTERS ===================== */
.counters{position:relative;background:var(--navy);color:#fff;padding:clamp(70px,8vw,120px) 0;overflow:hidden}
.counters::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 26px);-webkit-mask:radial-gradient(80% 120% at 50% 100%,#000,transparent);mask:radial-gradient(80% 120% at 50% 100%,#000,transparent)}
.counters::after{content:"";position:absolute;top:-1px;left:0;right:0;height:60px;background:var(--wave-pearl) top/100% 100% no-repeat;transform:scaleY(-1)}
.counters-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.cnt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 20px;position:relative}
.cnt+.cnt::before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.3),transparent)}
.cnt-sun{width:110px;height:auto;margin-bottom:6px;overflow:visible}
.cnt-sun line,.cnt-sun path{stroke:#fff;stroke-width:2.4;stroke-linecap:round;fill:none}
.cnt-sun line{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .6s var(--ease);transition-delay:calc(var(--d,0s) + var(--r,0) * 45ms)}
.cnt-sun path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s .1s var(--ease)}
.cnt-sun .hz{stroke-dasharray:120;stroke-dashoffset:120;stroke-width:1.4;opacity:.6;transition:stroke-dashoffset 1.2s var(--ease)}
.cnt.in .cnt-sun line,.cnt.in .cnt-sun path{stroke-dashoffset:0}
.cnt-num{font-family:var(--lat);font-weight:200;font-size:clamp(70px,7.6vw,128px);line-height:.9;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#b9c6e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.cnt-lbl{margin-top:14px;font-size:17px;line-height:1.35;opacity:.85}
.cnt-lbl b{display:block;font-size:24px;opacity:1}

/* ===================== BALCONIES – pinned reveal ===================== */
.balc2{position:relative;height:260vh;background:var(--pearl)}
.balc2-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}
.balc2-frame{position:absolute;inset:0;clip-path:inset(var(--ci,16%) var(--cx,22%) round var(--cr,32px));will-change:clip-path}
.balc2-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.18 - var(--p,0) * .18))}
.bv-m{display:none}
.balc2-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(8,20,47,.7),rgba(8,20,47,.15) 60%),linear-gradient(0deg,rgba(8,20,47,.5),transparent 40%);opacity:var(--p,0)}
.balc2-copy{position:relative;z-index:2;width:100%;max-width:var(--max);padding:0 var(--gut);text-align:right}
.balc2-copy .eyebrow{opacity:calc(var(--p,0) * 1.6 - .5)}
.balc2-copy .h1{font-size:clamp(46px,6vw,104px);line-height:1;max-width:900px}
.balc2-copy .w{display:inline-block;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s var(--ease)}
.balc2.t1 .w:nth-of-type(-n+4){opacity:1;transform:none}
.balc2.t2 .w{opacity:1;transform:none}
.balc2-copy .w:nth-of-type(2){transition-delay:.06s}.balc2-copy .w:nth-of-type(3){transition-delay:.12s}.balc2-copy .w:nth-of-type(4){transition-delay:.18s}
.balc2-p{font-size:clamp(19px,1.4vw,24px);max-width:520px;opacity:0;transition:opacity .8s}
.balc2.t2 .balc2-p{opacity:1}
.balc2-sun{position:absolute;z-index:2;left:clamp(20px,6vw,110px);bottom:clamp(30px,8vh,90px);width:clamp(90px,9vw,140px);opacity:calc(var(--p,0) * 1.4 - .4);transform:translateY(calc((1 - var(--p,0)) * 60px)) rotate(calc(var(--p,0) * 40deg))}
.balc2-sun img{width:100%;height:auto}
.balc-strip.v2{margin-top:-14vh}
.vcard{margin:0;border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:4/5;box-shadow:0 30px 60px -30px rgba(14,31,77,.55);background:var(--navy)}
.vcard figcaption{position:absolute;bottom:0;right:0;left:0;padding:60px 22px 20px;color:#fff;font-weight:700;font-size:24px;background:linear-gradient(transparent,rgba(8,20,47,.75));display:flex;align-items:baseline;gap:12px}
.vc-n{font-weight:200;font-size:15px;letter-spacing:.2em;opacity:.8}
.balc-strip.v2 .vcard:nth-child(2){transform:translateY(40px)}
.balc-strip.v2 .reveal:nth-child(2).in{transform:translateY(40px)}

/* ===================== APARTMENTS v2 ===================== */
.a2{background:#fff}
.apt2{background:var(--pearl);position:relative}
.apt2 .apt-img{position:relative;background:var(--navy)}
.apt2 .apt-img video{transition:transform 1.4s var(--ease)}
.apt2:hover .apt-img video{transform:scale(1.06)}
.apt2 .apt-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,20,47,.45))}
.apt-no{position:absolute;z-index:1;bottom:14px;right:18px;color:#fff;font-weight:200;font-size:44px;line-height:1}
.apt2::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--navy);opacity:0;transition:opacity .4s;pointer-events:none;z-index:2}
.apt2:hover::before{opacity:1}

/* ===================== XL – pinned scene ===================== */
.xl2{position:relative;height:calc((var(--n) + 2.4) * 85vh);background:var(--navy)}
.xl2-stage{position:sticky;top:0;height:100vh;overflow:hidden;color:#fff}
.xl2-vids,.xl2-v{position:absolute;inset:0}
.xl2-v{opacity:0;transition:opacity .9s ease}
.xl2-v.on{opacity:1}
.xl2-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xv-m{display:none}
.xl2-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(8,20,47,.82),rgba(8,20,47,.25) 55%,rgba(8,20,47,.1));opacity:var(--lp,0)}
.xl2-mask{position:absolute;inset:0;width:100%;height:100%;transform:scale(var(--xs,1));transform-origin:50% 52%;will-change:transform;opacity:var(--mo,1)}
.xl2-intro{position:absolute;inset:auto 0 9vh 0;text-align:center;opacity:var(--io,1);transform:translateY(calc((1 - var(--io,1)) * 30px))}
.xl2-intro .eyebrow{text-align:center;color:var(--gold)}
.xl2-intro-t{font-weight:700;font-size:clamp(34px,3.4vw,56px);margin:0;line-height:1}
.xl2-intro-s{font-size:18px;opacity:.8;margin:10px 0 0}
.xl2-lines{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.xl2-line{position:absolute;right:clamp(20px,8vw,150px);top:50%;transform:translateY(-40%);max-width:min(760px,86vw);display:flex;flex-direction:column;align-items:flex-start;opacity:0;pointer-events:none;transition:opacity .5s}
.xl2-line.on{opacity:1}
.xl2-no{font-weight:300;letter-spacing:.3em;font-size:14px;color:var(--gold);margin-bottom:18px;direction:ltr}
.xl2-t{font-weight:700;font-size:clamp(64px,8vw,150px);line-height:.95;display:block;transform:translateY(40px);opacity:0;transition:transform 1s var(--ease),opacity .7s}
.xl2-rule{display:block;height:2px;width:0;background:var(--gold);margin:22px 0 18px;transition:width 1s .2s var(--ease)}
.xl2-s{font-size:clamp(22px,2vw,32px);opacity:0;transition:opacity .8s .35s;max-width:640px;line-height:1.3}
.xl2-line.on .xl2-t{transform:none;opacity:1}.xl2-line.on .xl2-rule{width:180px}.xl2-line.on .xl2-s{opacity:.95}
.xl2-bar{position:absolute;left:clamp(20px,5vw,80px);top:50%;transform:translateY(-50%);width:2px;height:34vh;background:rgba(255,255,255,.18);opacity:var(--lp,0)}
.xl2-bar span{position:absolute;top:0;left:0;width:100%;height:calc(var(--lprog,0) * 100%);background:var(--gold)}
.xl2-cta{position:absolute;right:clamp(20px,8vw,150px);bottom:9vh;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s var(--ease);pointer-events:none}
.xl2.end .xl2-cta{opacity:1;transform:none;pointer-events:auto}

/* ===================== FILMS ===================== */
.films{background:radial-gradient(90% 80% at 80% 20%,#1B3270,#0E1F4D 55%,#08142f);color:#fff;overflow:hidden}
.films-waves{position:absolute;inset:auto 0 0 0;height:50%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px);-webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000)}
.films-grid{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,6vw,100px);align-items:center}
.films-copy .h1{font-size:clamp(48px,5.4vw,92px);line-height:1}
.films-copy p{font-size:clamp(19px,1.4vw,23px);opacity:.9;max-width:460px;margin-bottom:34px}
.films-phones{display:flex;gap:clamp(18px,3vw,44px);justify-content:center;align-items:flex-start}
.phone{margin:0;width:min(270px,40vw)}
.phone:nth-child(2){margin-top:70px}
.phone-screen{position:relative;aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:#000;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 0 9px rgba(255,255,255,.18),0 50px 90px -30px rgba(0,0,0,.7)}
.phone-screen video{width:100%;height:100%;object-fit:cover}
.phone-play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 0 0 12px rgba(255,255,255,.18);transition:transform .35s var(--ease),opacity .3s}
.phone-play span{position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--navy);transform:translateX(3px)}
.phone-play:hover{transform:scale(1.08)}
.phone.playing .phone-play{opacity:0;pointer-events:none}
.phone figcaption{display:flex;justify-content:space-between;margin-top:16px;font-size:18px}
.phone figcaption span{opacity:.6;font-size:14px;letter-spacing:.1em}

/* ===================== SPECS v2 ===================== */
.s2{background:var(--pearl)}
.spec-list.stagger li{opacity:0;transform:translateX(-18px);transition:opacity .6s,transform .7s var(--ease);transition-delay:var(--d,0s)}
.spec-list.stagger.in li{opacity:1;transform:none}
.spec-list li{font-size:19px}

/* ===================== GALLERY v2 ===================== */
.g2 .gal-item{background:var(--navy);aspect-ratio:4/5;height:min(64vh,620px);width:auto}
.g2 .gal-item.wide{aspect-ratio:16/10}
.g2 .gal-item img,.g2 .gal-item video{width:100%;height:100%;object-fit:cover}
.gal-badge{position:absolute;top:16px;right:16px;font-size:11px;letter-spacing:.24em;color:#fff;background:rgba(14,31,77,.55);backdrop-filter:blur(6px);padding:6px 10px;border-radius:20px}
.g2 .gal-item figcaption{opacity:1;transform:none}

/* ===================== LOCATION tweaks ===================== */
.loc-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.loc-tabs::-webkit-scrollbar{display:none}
.loc-tabs button{white-space:nowrap}
.ctx-cta{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:44px;flex-wrap:wrap}
.ctx-cta p{margin:0;font-size:22px;font-weight:700;color:var(--navy)}

/* ===================== DEVELOPER v2 ===================== */
.d2{background:#fff}
.dev-facts{list-style:none;padding:0;margin:40px auto;display:flex;justify-content:center;gap:0;max-width:720px}
.dev-facts li{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 20px}
.dev-facts li+li{border-right:1px solid rgba(14,31,77,.15)}
.dev-facts b{font-weight:200;font-size:clamp(44px,4vw,64px);line-height:1;color:var(--navy)}
.dev-facts li:last-child b{font-family:var(--he);font-weight:700}
.dev-facts span{font-size:16px;color:var(--ink-soft);margin-top:6px}

/* ===================== LEAD v2 ===================== */
.l2 .lead-bg{opacity:.38}
.l2 .lead-bg video{transform:scale(1.05)}

/* ===================== FOOTER v2 – centered ===================== */
.f2{position:relative;text-align:center;padding:clamp(110px,10vw,150px) 0 clamp(120px,9vw,140px)}
.f2-wave{position:absolute;top:-1px;left:0;width:100%;height:60px;fill:#0E1F4D}
.l2+.f2 .f2-wave,.f2-wave{fill:var(--navy)}
.f2-in{display:flex;flex-direction:column;align-items:center}
.f2-logo{width:clamp(150px,13vw,200px);height:auto;margin:0 auto 14px}
.f2-tag{font-weight:300;letter-spacing:.42em;font-size:13px;opacity:.75;margin:0 0 54px}
.f2-h{font-size:17px;opacity:.75;margin:0 0 6px}
.f2-phone{font-family:var(--lat);font-weight:200;font-size:clamp(64px,7vw,110px);line-height:1;color:#fff;text-decoration:none;direction:ltr;letter-spacing:.02em;transition:opacity .3s}
.f2-phone:hover{opacity:.8}
.f2-addr{margin:10px 0 46px;opacity:.8}
.f2-dev{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 0;margin-bottom:34px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);width:min(520px,100%)}
.f2-dev img{width:200px;height:auto}
.f2-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin-bottom:22px}
.f2-legal a,.f2-legal .linklike{color:#fff;font-size:17px}
.f2-disc{max-width:860px;margin:0 auto 34px;font-size:14px;line-height:1.6;opacity:.6}
.f2-credit{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:15px;opacity:.85}
.f2-pixel{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;letter-spacing:.06em;opacity:.85;transition:opacity .3s}
.f2-pixel:hover{opacity:1}
.f2-pixel img{width:140px;height:auto}
.ftr-waves,.ftr-grid,.ftr-legal{display:none}

/* ===================== responsive ===================== */
@media (max-width:1100px){
  .films-grid{grid-template-columns:1fr}
  .counters-grid{grid-template-columns:1fr 1fr;row-gap:40px}
  .cnt:nth-child(3)::before{display:none}
}
@media (max-width:860px){
  .hero2-copy{right:20px;left:20px;top:auto;bottom:150px;transform:none;max-width:none}
  .hero2 .hero-title{font-size:clamp(46px,12.5vw,64px)}
  .hero2 .hero-sub{font-size:17px;margin-bottom:22px}
  .hero2 .hero-ctas{gap:10px}.hero2 .hero-ctas .btn{width:auto;flex:1;justify-content:center;padding:14px 16px;font-size:18px}
  .hero2 .hero-shade{background:linear-gradient(0deg,rgba(8,20,47,.85) 0%,rgba(8,20,47,.4) 45%,rgba(8,20,47,.1) 70%,rgba(8,20,47,.4) 100%)}
  .hero-facts{right:20px;left:20px;bottom:86px;justify-content:space-between}
  .hero-facts li{padding:0 10px;flex-direction:column;gap:2px;align-items:center;flex:1}
  .hero-facts b{font-size:30px}.hero-facts span{font-size:13px}
  .hero2 .hero-badge{top:96px;bottom:auto;left:14px;width:92px}
  .sun-stamp{width:96px;height:96px;top:-24px;left:-6px}
  .bv-d,.xv-d{display:none}.bv-m,.xv-m{display:block}
  .balc2{height:220vh}
  .balc2-copy .h1{font-size:clamp(40px,11vw,60px)}
  .balc-strip.v2{margin-top:-10vh;grid-template-columns:1fr 1fr;gap:12px}
  .balc-strip.v2 .vcard:nth-child(3){display:none}
  .balc-strip.v2 .vcard:nth-child(2),.balc-strip.v2 .reveal:nth-child(2).in{transform:translateY(30px)}
  .vcard figcaption{font-size:18px;padding:40px 14px 14px}
  .xl2-line{right:20px;left:20px;top:auto;bottom:16vh;transform:none}
  .xl2-t{font-size:clamp(52px,15vw,84px)}
  .xl2-s{font-size:20px}
  .xl2-cta{right:20px;left:20px;bottom:6vh;justify-content:space-between}
  .xl2-bar{left:12px;height:24vh}
  .xl2-shade{background:linear-gradient(0deg,rgba(8,20,47,.85),rgba(8,20,47,.15) 60%)}
  .films-phones{gap:14px}.phone{width:44vw}.phone:nth-child(2){margin-top:40px}
  .dev-facts li{padding:0 8px}
  .ctx-cta{flex-direction:column;gap:14px;text-align:center}
  .g2 .gal-item{height:58vh}
  .f2-phone{font-size:64px}
}
@media (prefers-reduced-motion:reduce){
  .balc2,.xl2{height:auto}
  .balc2-stage,.xl2-stage{position:relative;height:auto;min-height:100vh}
  .balc2-frame{clip-path:none}.balc2-copy .w,.balc2-p{opacity:1;transform:none}
  .xl2-mask,.xl2-intro{display:none}.xl2-line{position:relative;opacity:1;transform:none;top:auto;right:auto;padding:30px var(--gut)}
  .xl2-line .xl2-t,.xl2-line .xl2-s{opacity:1;transform:none}.xl2-lines{position:relative;padding:12vh 0}.xl2-cta{position:relative;opacity:1;right:auto;bottom:auto;margin:0 var(--gut) 10vh}
  .mask>span,.hero2 .hero-title .ln>span{transform:none!important;animation:none!important}
  .reveal-clip{clip-path:none}
}
html.pa11y-stop-anim .balc2,html.pa11y-stop-anim .xl2{height:auto}
html.pa11y-stop-anim .balc2-stage,html.pa11y-stop-anim .xl2-stage{position:relative;height:auto;min-height:100vh}
html.pa11y-stop-anim .xl2-mask,html.pa11y-stop-anim .xl2-intro{display:none}
html.pa11y-stop-anim .xl2-line{position:relative;opacity:1!important;top:auto;transform:none;padding:24px var(--gut)}
html.pa11y-stop-anim .xl2-lines{position:relative;padding:12vh 0}
html.pa11y-stop-anim .xl2-cta{position:relative;opacity:1;margin:0 var(--gut) 10vh}

/* ===================== varied entrance animations ===================== */
[data-a]{transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease),clip-path 1.2s var(--ease),letter-spacing 1.4s var(--ease);transition-delay:var(--d,0s)}
[data-a][data-a="words"] .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
[data-a][data-a="words"] .wd>span{display:inline-block;transform:translateY(110%) rotate(4deg);transition:transform 1s var(--ease);transition-delay:calc(var(--wi,0) * 70ms)}
[data-a][data-a="words"].in-a .wd>span{transform:none}
[data-a][data-a="track"]{opacity:0;letter-spacing:.9em}
[data-a][data-a="track"].in-a{opacity:1;letter-spacing:.38em}
[data-a][data-a="blur"]{opacity:0;filter:blur(10px);transform:translateY(18px)}
[data-a][data-a="blur"].in-a{opacity:1;filter:none;transform:none}
[data-a][data-a="tilt"]{opacity:0;transform:perspective(900px) rotateX(18deg) translateY(60px)}
[data-a][data-a="tilt"].in-a{opacity:1;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
[data-a][data-a="rise"]{opacity:0;transform:translateY(70px) scale(.96)}
[data-a][data-a="rise"].in-a{opacity:1;transform:none}
[data-a][data-a="pop"]{opacity:0;transform:scale(.7)}
[data-a][data-a="pop"].in-a{opacity:1;transform:none;transition-timing-function:cubic-bezier(.34,1.56,.64,1)}
[data-a][data-a="zoom"]{opacity:0;transform:scale(1.08);filter:saturate(.4)}
[data-a][data-a="zoom"].in-a{opacity:1;transform:none;filter:none}
[data-a][data-a="swing"]{opacity:0;transform:perspective(1000px) rotateY(-28deg) translateX(-60px)}
[data-a][data-a="swing"].in-a{opacity:1;transform:none}
.phone[data-a][data-a="swing"]:nth-child(2){transform:perspective(1000px) rotateY(28deg) translateX(60px)}
.phone[data-a][data-a="swing"]:nth-child(2).in-a{transform:none}
[data-a][data-a="side"]{opacity:0;transform:translateX(-80px)}
[data-a][data-a="side"].in-a{opacity:1;transform:none}
.apt2.tilting,.vcard.tilting{transition:transform .15s linear,opacity .9s}
.vcard.tilting{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}
.balc-strip.v2 .vcard:nth-child(2).in-a:not(.tilting){transform:translateY(40px)}
.g2 .gal-item{opacity:.35;transform:scale(.94);transition:opacity .8s,transform 1s var(--ease)}
.g2 .gal-item.vis{opacity:1;transform:none}

/* ===================== micro-interactions ===================== */
.scroll-prog{position:fixed;top:0;right:0;left:0;height:3px;z-index:120;background:linear-gradient(90deg,var(--gold),#fff 50%,var(--gold));transform-origin:right;transform:scaleX(0);pointer-events:none}
.to-top{position:fixed;left:16px;bottom:44px;z-index:90;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(14,31,77,.5);opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .4s,transform .4s var(--ease)}
.to-top svg{width:22px;height:22px}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.btn-cta,.gal-btn,.phone-play{transition:transform .25s var(--ease),background .35s,color .35s,box-shadow .35s}
@media (max-width:860px){.to-top{display:none}}
@media (prefers-reduced-motion:reduce){[data-a]{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;letter-spacing:inherit}[data-a="words"] .wd>span{transform:none!important}.g2 .gal-item{opacity:1;transform:none}}
html.pa11y-stop-anim [data-a]{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
html.pa11y-stop-anim [data-a="words"] .wd>span{transform:none!important}

/* ===== round 2 fixes ===== */
.hdr-phone{display:none!important}
.hero2-copy{top:44%;transform:translateY(-50%)}
.hero-facts{bottom:clamp(64px,9vh,104px)}
@media (max-height:820px) and (min-width:861px){.hero2 .hero-title{font-size:clamp(50px,min(6.6vw,12vh),118px)}.hero2 .hero-sub{margin-bottom:24px}.hero2-eye{margin-bottom:14px}}
.xl2-mask{transform-origin:41% 44%}
.xl2-intro{bottom:7vh}
/* sticky call button – right side */
.call-fab{direction:ltr;position:fixed;right:0;top:50%;z-index:95;display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;text-decoration:none;padding:12px 16px 12px 18px;border-radius:40px 0 0 40px;box-shadow:0 18px 40px -16px rgba(8,20,47,.7);transform:translate(calc(100% - 64px),-50%);transition:transform .5s var(--ease),background .3s}
.call-fab:hover,.call-fab:focus-visible{transform:translate(0,-50%)}
.cf-ic{width:34px;height:34px;flex:none;border-radius:50%;background:#fff;position:relative;animation:ring 3.2s ease-in-out infinite}
.cf-ic::before{content:"";position:absolute;inset:8px;background:var(--navy);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes ring{0%,86%,100%{transform:none}88%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}92%{transform:rotate(-10deg)}94%{transform:rotate(6deg)}}
.cf-t{display:flex;flex-direction:column;line-height:1}
.cf-t small{font-size:13px;opacity:.75}
.cf-t b{font-family:var(--lat);font-weight:300;font-size:26px;letter-spacing:.02em}
.cf-t i{font-style:normal;font-size:.6em;vertical-align:top}
@media (max-width:860px){.call-fab{display:none}}
@media (prefers-reduced-motion:reduce){.cf-ic{animation:none}}
.f2{color:#fff;background:var(--navy-2)}.f2-disc{opacity:.7}.f2-tag{color:#fff}

/* wider text measure across the page */
.split{grid-template-columns:1.15fr 1fr}
.split-text p,.lead-p{max-width:none}
.sec-head{max-width:1100px}
.loc-head{grid-template-columns:1fr 1.2fr}
.dev-inner{max-width:1100px}
.l2 .lead-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,120px)}
.l2 .lead-copy .h1{font-size:clamp(46px,4.6vw,84px);white-space:normal}
.l2 .lead-copy p{max-width:640px}
.films-copy p{max-width:620px}
.balc2-copy .h1{max-width:none}
.balc2-p{max-width:720px}
.xl2-line{max-width:min(980px,86vw)}
@media (max-width:860px){.split,.loc-head,.l2 .lead-inner{grid-template-columns:1fr}}

/* ===================== SPECS v3 ===================== */
.s3{background:var(--pearl);overflow:hidden}
.s3-water{position:absolute;top:clamp(30px,5vw,70px);left:-2vw;font-weight:200;font-size:clamp(120px,17vw,300px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(14,31,77,.09);pointer-events:none;letter-spacing:-.02em;direction:ltr}
.s3-head{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,5vw,90px);align-items:end;margin-bottom:clamp(40px,5vw,70px)}
.s3-head .lead-p{margin:0}
.s3-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:clamp(20px,2.4vw,36px);align-items:stretch}
.s3-media{margin:0;position:relative;border-radius:24px;overflow:hidden;min-height:520px;background:var(--navy);box-shadow:0 40px 80px -40px rgba(14,31,77,.5)}
.s3-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s3-media figcaption{position:absolute;right:0;left:0;bottom:0;padding:70px 26px 24px;color:#fff;font-weight:700;font-size:24px;background:linear-gradient(transparent,rgba(8,20,47,.8))}
.s3-media figcaption .latin{display:block;font-weight:200;font-size:72px;line-height:1}
.s3-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s3-item{position:relative;background:#fff;border-radius:18px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:12px;min-height:150px;border:1px solid rgba(14,31,77,.07);transition:transform .45s var(--ease),box-shadow .45s,background .45s,color .45s}
.s3-item svg{width:38px;height:38px;fill:none;stroke:var(--navy);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s,transform .6s var(--ease)}
.s3-n{position:absolute;top:18px;left:18px;font-weight:300;font-size:13px;letter-spacing:.18em;color:var(--ink-soft);opacity:.6}
.s3-t{font-size:19px;font-weight:700;line-height:1.25;color:var(--navy);transition:color .45s}
.s3-item:hover{background:var(--navy);transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(14,31,77,.7)}
.s3-item:hover svg{stroke:#fff;transform:scale(1.08) rotate(-4deg)}.s3-item:hover .s3-t,.s3-item:hover .s3-n{color:#fff}
.s3-item:nth-child(13){grid-column:span 1}

/* ===================== GALLERY v3 – bento + lightbox ===================== */
.g3{background:#fff}
.g3-head{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,90px);align-items:end;margin-bottom:clamp(36px,4vw,60px)}
.g3-head .lead-p{margin:0}
.g3-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(180px,17vw,290px);grid-auto-flow:dense;gap:clamp(10px,1.2vw,18px)}
.g3-item.big{grid-column:span 2;grid-row:span 2}
.g3-item.wide{grid-column:span 2}
.g3-item.tall{grid-row:span 2}
.g3-btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:20px;overflow:hidden;background:var(--navy);cursor:zoom-in;text-align:right}
.g3-btn img,.g3-btn video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter .6s}
.g3-btn:hover img,.g3-btn:hover video,.g3-btn:focus-visible img{transform:scale(1.07)}
.g3-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,20,47,.75));opacity:.85;transition:opacity .5s}
.g3-cap{position:absolute;z-index:1;right:20px;left:20px;bottom:16px;color:#fff;font-weight:700;font-size:clamp(16px,1.2vw,20px);display:flex;gap:10px;align-items:baseline;transform:translateY(6px);transition:transform .5s var(--ease)}
.g3-cap .latin{font-weight:300;font-size:12px;letter-spacing:.2em;opacity:.8}
.g3-btn:hover .g3-cap{transform:none}
.g3-tag{position:absolute;z-index:1;top:14px;right:14px;font-size:10px;letter-spacing:.26em;color:#fff;background:rgba(14,31,77,.5);backdrop-filter:blur(6px);padding:6px 10px;border-radius:20px}
.g3-plus{position:absolute;z-index:1;top:14px;left:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);transform:scale(0);transition:transform .45s var(--ease)}
.g3-plus::before,.g3-plus::after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:1.6px;background:var(--navy)}.g3-plus::after{transform:rotate(90deg)}
.g3-btn:hover .g3-plus,.g3-btn:focus-visible .g3-plus{transform:scale(1)}
.lb{position:fixed;inset:0;z-index:600;background:rgba(6,14,34,.96);display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:60px 20px;animation:fade .35s}
.lb[hidden]{display:none}
.lb-stage{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0}
.lb-media{width:100%;height:calc(100% - 50px);display:flex;align-items:center;justify-content:center}
.lb-media img,.lb-media video{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 40px 90px -30px #000;animation:lbIn .6s var(--ease)}
@keyframes lbIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb-cap{color:#fff;font-size:20px}
.lb-close{position:absolute;top:16px;left:20px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:30px;line-height:1}
.lb-nav{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:24px;justify-self:center;transition:background .3s,color .3s}
.lb-nav:hover,.lb-close:hover{background:#fff;color:var(--navy)}
.lb-count{position:absolute;top:30px;right:30px;color:#fff;opacity:.7;letter-spacing:.2em;font-size:13px}
body.lb-open{overflow:hidden}

@media (max-width:1100px){.s3-list{grid-template-columns:repeat(2,minmax(0,1fr))}.s3-grid{grid-template-columns:1fr}.s3-media{min-height:360px}}
@media (max-width:860px){
  .s3-head,.g3-head{grid-template-columns:1fr;gap:10px}
  .s3-item{min-height:128px;padding:18px 16px}.s3-t{font-size:17px}.s3-item svg{width:32px;height:32px}
  .s3-media{min-height:300px}
  .g3-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:42vw}
  .g3-item.wide{grid-column:span 2}.g3-item.big{grid-column:span 2;grid-row:span 2}
  .g3-cap{font-size:15px;right:12px;left:12px;bottom:10px}
  .lb{grid-template-columns:1fr;padding:70px 10px 90px}.lb-nav{position:absolute;bottom:20px}.lb-prev{right:calc(50% + 10px)}.lb-next{left:calc(50% + 10px)}
}
/* ===== mobile pass ===== */
.xl2-mask-m{display:none}
@media (max-width:860px){
  .xl2-mask-d{display:none}.xl2-mask-m{display:block;transform-origin:34% 50%}
  .xl2-intro{bottom:20vh}
  .hero-facts{left:70px}
  .hero2 .hero-pause{top:104px;bottom:auto;right:16px;width:40px;height:40px}
  .pa11y-root{bottom:92px!important}
  .pa11y-toggle{width:46px!important;height:46px!important}
  .films-phones{margin-top:10px}
  .phone-play{width:64px;height:64px}
  .s3-water{font-size:110px;top:20px}
  .balc2-copy{padding-top:60px}
  .counters{padding:60px 0}
  .cnt-num{font-size:72px}
  .cnt-sun{width:86px}
  .loc-map{min-height:380px}
  .hdr-inner{padding:10px 14px}
}
@media (max-width:860px){.eyebrow{letter-spacing:.24em}.lead-copy .eyebrow{white-space:normal}[data-a][data-a="track"].in-a{letter-spacing:.24em}.s3-media figcaption{font-size:19px}.s3-media figcaption .latin{font-size:52px}}
@media (max-width:1100px){
  .hdr-nav{overflow-x:hidden}
  .hdr-nav .nav-foot a{transform:none!important;font-weight:400;padding:0;line-height:1.2}
  .hdr-nav .nav-phone{display:flex!important;font-size:16px!important;gap:12px}
  .hdr-nav .nav-phone b{font-size:38px}
  .hdr-nav .nav-cta{display:inline-flex!important;font-size:19px!important;font-weight:700!important;padding:16px 24px!important;color:var(--navy)!important}
  .hdr-nav li a{white-space:nowrap}
}
.f2-addr,.f2-h{opacity:.85}

/* ===== mobile: everything centered ===== */
@media (max-width:860px){
  main, .sec, .split-text, .sec-head, .loc-head, .s3-head, .g3-head, .dev-inner, .lead-copy, .films-copy, .balc2-copy, .hero2-copy, .cinema-inner{text-align:center!important}
  .eyebrow, .eyebrow.light, .xl2-intro .eyebrow{text-align:center!important;direction:ltr}
  .h1,.h2,.lead-p,.split-text p,.films-copy p,.lead-copy p,.balc2-p{margin-left:auto!important;margin-right:auto!important}
  .hero2-copy{left:16px;right:16px}
  .hero2 .hero-ctas,.hero-ctas{justify-content:center}
  .hero-facts{left:16px!important;right:16px!important;justify-content:center}
  .hero-facts li{align-items:center;text-align:center}
  .link-cta{margin-left:auto;margin-right:auto}
  .split-text{display:flex;flex-direction:column;align-items:center}
  .big-h .mask{text-align:center}
  .cnt{align-items:center}
  .balc2-copy{display:flex;flex-direction:column;align-items:center}
  .vcard figcaption{justify-content:center;text-align:center}
  .apt-body{align-items:center;text-align:center}
  .apt-link{align-self:center}
  .apt-no{right:50%;transform:translateX(50%)}
  .xl2-line{align-items:center;text-align:center;right:16px;left:16px}
  .xl2-no{text-align:center}
  .xl2-rule{margin-left:auto;margin-right:auto}
  .xl2-cta{right:16px;left:16px;justify-content:center;gap:14px}
  .films-copy{display:flex;flex-direction:column;align-items:center}
  .films-phones{justify-content:center}
  .phone figcaption{flex-direction:column;align-items:center;gap:4px}
  .s3-item{align-items:center;text-align:center}
  .s3-n{left:50%;transform:translateX(-50%);top:10px}
  .s3-item svg{margin-top:12px}
  .s3-media figcaption{text-align:center}
  .g3-cap{justify-content:center;text-align:center}
  .loc-tabs{justify-content:flex-start}
  .loc-note{text-align:center}
  .ctx-cta{text-align:center}
  .dev-facts{justify-content:center}
  .lead-copy{display:flex;flex-direction:column;align-items:center}
  .lead-badge{margin-left:auto;margin-right:auto}
  .lead-form .field label,.lead-form .field{text-align:center}
  .lead-form input,.lead-form select{text-align:center;text-align-last:center}
  .lead-form .lf-check,.lead-form .consent-row,.lead-form label.chk{justify-content:center;text-align:center}
  .lead-form .btn-cta{justify-content:center;gap:16px}
  .lead-form .lf-status{text-align:center}
  .modal-body{text-align:center}
  .consent-card{text-align:center}.consent-actions{justify-content:center}
  .f2-in{align-items:center}
  .ticker{text-align:initial}
}
@media (max-width:1100px){
  .hdr-nav li a{justify-content:center;text-align:center}
  .hdr-nav a i{min-width:0}
  .hdr-nav .nav-phone{flex-direction:column;align-items:center;text-align:center}
  .nav-foot{align-items:center;text-align:center}
  .hdr-nav .nav-cta{justify-content:center;gap:16px}
}

/* ===== project collage v3 ===== */
.p2 .split-media{min-height:clamp(560px,52vw,760px);position:relative}
.p2 .split-media::before{content:"";position:absolute;top:-26px;left:4%;width:66%;height:88%;border:1px solid rgba(14,31,77,.22);border-radius:999px 999px 28px 28px;pointer-events:none}
.p2 .split-media::after{content:"";position:absolute;right:-2%;bottom:-40px;width:46%;height:42%;background:repeating-linear-gradient(180deg,rgba(14,31,77,.13) 0 1.5px,transparent 1.5px 16px);border-radius:24px;z-index:0;-webkit-mask:linear-gradient(135deg,transparent 10%,#000 60%);mask:linear-gradient(135deg,transparent 10%,#000 60%)}
.p2 .frame-tall{position:absolute;top:0;left:10%;width:66%;height:auto;aspect-ratio:3/4;border-radius:999px 999px 28px 28px;z-index:1;box-shadow:0 60px 100px -50px rgba(14,31,77,.6)}
.p2 .frame-tall video{transform:scale(1.04)}
.p2 .frame-small{left:-2%;bottom:-6%;width:40%;aspect-ratio:4/5;border:10px solid #fff;border-radius:22px;rotate:-4deg;z-index:2;box-shadow:0 40px 70px -30px rgba(14,31,77,.6)}
.p2 .reveal-clip{clip-path:inset(18% 8% 0 8% round 999px 999px 28px 28px)}
.p2 .reveal-clip.in{clip-path:inset(0 0 0 0 round 999px 999px 28px 28px)}
.p2 .sun-stamp{top:6%;left:auto;right:4%;width:150px;height:150px;z-index:3;animation:none;background:var(--navy)}
.stamp-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 26s linear infinite}
.stamp-ring text{fill:#fff;font-family:var(--lat);font-size:15.5px;letter-spacing:3.2px;font-weight:400}
.p2 .sun-stamp img{width:46%}
.p2-chip{position:absolute;z-index:3;left:14%;top:46%;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:40px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);color:var(--navy);font-weight:700;font-size:18px;box-shadow:0 20px 40px -20px rgba(14,31,77,.5);animation:floaty 6s ease-in-out infinite}
.p2-chip i{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(201,168,106,.25)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.p2-vert{position:absolute;z-index:1;right:-10px;bottom:6%;transform:rotate(-90deg);transform-origin:right bottom;font-size:12px;letter-spacing:.42em;color:var(--ink-soft);white-space:nowrap;opacity:.7}
@media (max-width:860px){
  .p2 .split-media{min-height:118vw;margin-top:30px;width:100%}
  .p2 .frame-tall{left:8%;width:76%}
  .p2 .split-media::before{left:2%;width:76%}
  .p2 .frame-small{width:42%;bottom:-2%;left:0}
  .p2 .sun-stamp{width:104px;height:104px;right:0;top:4%}
  .stamp-ring text{font-size:16px}
  .p2-chip{left:auto;right:6%;top:auto;bottom:16%;font-size:15px;padding:10px 14px}
  .p2-vert{display:none}
}
@media (prefers-reduced-motion:reduce){.stamp-ring,.p2-chip{animation:none}}
.stamp-ring{direction:ltr;unicode-bidi:isolate}

/* ===== project collage v4 – brand language: navy panel, sun rays, sea lines, polaroid ===== */
.p2 .p3-media::before,.p2 .p3-media::after{content:none}
.p3-media{min-height:clamp(560px,50vw,740px);position:relative}
.p3-panel{position:absolute;top:12%;bottom:4%;left:0;right:14%;border-radius:28px;background:var(--navy);overflow:hidden;z-index:0}
.p3-panel::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.10) 0 2px,transparent 2px 14px);-webkit-mask:linear-gradient(transparent,#000 70%);mask:linear-gradient(transparent,#000 70%)}
.p3-rays{position:absolute;left:5%;top:7%;width:46%;height:auto;opacity:.55}
.p3-rays line{stroke:#fff;stroke-width:1.4;stroke-linecap:round}
.p2 .p3-main{position:absolute;top:0;right:0;left:auto;width:62%;aspect-ratio:4/5;border-radius:24px;z-index:1;box-shadow:0 50px 90px -40px rgba(8,20,47,.7)}
.p2 .p3-main.reveal-clip{clip-path:inset(10% 10% 10% 10% round 24px)}
.p2 .p3-main.reveal-clip.in{clip-path:inset(0 round 24px)}
.p3-polaroid{position:absolute;z-index:2;left:6%;bottom:-2%;width:40%;margin:0;background:#fff;padding:12px 12px 0;border-radius:6px;rotate:-5deg;box-shadow:0 40px 70px -30px rgba(8,20,47,.65)}
.p3-pol-img{aspect-ratio:1/1;overflow:hidden;border-radius:2px;background:var(--navy)}
.p3-pol-img video{width:100%;height:100%;object-fit:cover}
.p3-polaroid figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px 14px;font-weight:700;font-size:clamp(17px,1.3vw,22px);color:var(--navy)}
.p3-polaroid figcaption img{width:52px;height:auto}
@media (max-width:860px){
  .p3-media{min-height:120vw;width:100%;margin-top:26px}
  .p3-panel{right:10%;top:10%}
  .p2 .p3-main{width:70%}
  .p3-polaroid{width:48%;left:2%;padding:8px 8px 0}
  .p3-polaroid figcaption{font-size:15px;padding:8px 2px 10px}.p3-polaroid figcaption img{width:38px}
}

/* ===== project collage v5 – minimal luxury ===== */
.p4-media{position:relative;min-height:clamp(560px,46vw,700px)}
.p4-main{position:absolute;top:0;right:4%;width:64%;aspect-ratio:4/5;margin:0;border-radius:4px;overflow:hidden;background:var(--navy);z-index:1;box-shadow:0 50px 80px -50px rgba(14,31,77,.45)}
.p4-main video{width:100%;height:100%;object-fit:cover}
.p4-main.reveal-clip{clip-path:inset(0 0 100% 0)}
.p4-main.reveal-clip.in{clip-path:inset(0 0 0 0);transition:clip-path 1.6s var(--ease)}
.p4-line{position:absolute;top:28px;right:calc(4% - 28px);width:64%;aspect-ratio:4/5;border:1px solid rgba(14,31,77,.28);border-radius:4px;z-index:0}
.p4-small{position:absolute;left:2%;bottom:4%;width:34%;aspect-ratio:1/1;margin:0;overflow:hidden;border-radius:4px;border:8px solid var(--pearl);background:var(--navy);z-index:2;box-shadow:0 30px 60px -30px rgba(14,31,77,.5)}
.p4-small video{width:100%;height:100%;object-fit:cover}
.p4-cap{position:absolute;left:2%;bottom:calc(4% - 44px);margin:0;font-size:15px;color:var(--ink-soft);display:flex;gap:12px;align-items:baseline;letter-spacing:.02em}
.p4-cap .latin{font-weight:300;letter-spacing:.2em;font-size:12px}
.p3-media,.p3-panel{display:none}
@media (max-width:860px){
  .p4-media{min-height:118vw;width:100%;margin-top:28px}
  .p4-main{right:6%;width:72%}.p4-line{right:calc(6% - 16px);top:16px;width:72%}
  .p4-small{width:40%;left:0;bottom:6%}
  .p4-cap{left:0;right:0;justify-content:center;bottom:-6px}
}
.p2 .p4-media::before,.p2 .p4-media::after{content:none!important}
.hero2-copy{top:calc(50% + 40px)!important;transform:translateY(-50%)!important}
@media (max-width:860px){.hero2-copy{top:auto!important;bottom:auto!important;top:55%!important;transform:translateY(-50%)!important}}
/* footer: all text white */
.f2 p,.f2 span,.f2 a,.f2 .f2-h,.f2 .f2-addr,.f2 .f2-disc,.f2 .f2-tag,.f2 .linklike{color:#fff!important}
.f2 .f2-h,.f2 .f2-addr{opacity:.9}.f2 .f2-disc{opacity:.75}

/* ===== specs v4 – minimal luxury list ===== */
.s3-list{gap:0;border-top:1px solid rgba(14,31,77,.14)}
.s3-item{background:transparent;border:0;border-radius:0;border-bottom:1px solid rgba(14,31,77,.14);padding:30px 26px;min-height:0;flex-direction:row;align-items:center;gap:20px;box-shadow:none}
.s3-item:nth-child(3n+2),.s3-item:nth-child(3n+3){border-right:1px solid rgba(14,31,77,.14)}
.s3-item svg{width:30px;height:30px;flex:none;stroke-width:1;stroke:var(--navy);padding:13px;box-sizing:content-box;border:1px solid rgba(201,168,106,.7);border-radius:50%;color:var(--navy)}
.s3-t{font-weight:400;font-size:18px;line-height:1.35}
.s3-n{position:static;order:3;margin-right:auto;font-size:11px;opacity:.45}
.s3-item:hover{background:transparent;transform:none;box-shadow:none}
.s3-item:hover svg{stroke:var(--navy);background:rgba(201,168,106,.12);transform:none}
.s3-item:hover .s3-t,.s3-item:hover .s3-n{color:var(--navy)}
.s3-item::after{content:"";position:absolute;bottom:-1px;right:0;height:1px;width:0;background:var(--gold);transition:width .6s var(--ease)}
.s3-item:hover::after{width:100%}
@media (max-width:1100px){.s3-item:nth-child(n){border-right:0}.s3-item:nth-child(2n){border-right:1px solid rgba(14,31,77,.14)}}
@media (max-width:860px){.s3-list{grid-template-columns:1fr}.s3-item:nth-child(n){border-right:0}.s3-item{flex-direction:column;justify-content:center;text-align:center;padding:22px 10px;gap:12px}.s3-n{order:0;margin:0}}