/* V11 — focused visual refresh; existing interaction code retained. */
:root{--orange:#F58634;--rust:#D05E39;--cream:#F6F4EF;--ink:#222222;}
body{background:#fff;color:#222}
.shell,.hero-grid>*,.section-top>*,.unit-grid>*,.resource-grid>*,.v11-tour-grid>*{min-width:0}
.button,.nav-cta,.gallery-filter{border-radius:999px!important}
.section,.resource-section{scroll-margin-top:115px}
/* Dramatic but balanced hero: bright price pill, white price, stronger image. */
.hero{background:#fff!important}.hero-arc{background:#F6F4EF!important;opacity:.7}.hero .price-chip{background:#F58634!important;color:#222!important;border:0!important}.hero .price-chip strong{color:#fff!important}.hero .price-chip i{color:#27211b!important}.hero-photo{border-radius:18px!important}.hero-content>p{color:#4f504e!important}
/* The feature overview should read as a confident architectural section. */
.proof-cards{position:relative;z-index:1}.proof-cards>div{background:#fff!important;border:1px solid rgba(0,0,0,.05)}
.v11-features{background:#F58634!important;padding-top:88px!important;padding-bottom:96px!important}
.v11-features h2,.v11-features h2 em{color:#222!important}.v11-features .eyebrow,.v11-features .section-top p{color:#3b2c21!important}
.v11-features .features-grid{margin-top:36px}.v11-features .photo-feature{border-radius:18px!important;overflow:hidden}.v11-features .icon-strip>div{background:rgba(255,255,255,.95);border-radius:15px;padding:15px;min-width:0}
/* Bright photography on clean white apartment and gallery sections. */
#apartments{background:#fff!important}.unit-card{border-radius:18px!important;overflow:hidden;box-shadow:0 18px 48px rgba(25,25,25,.08)}.unit-img{overflow:hidden}.unit-img img{transition:transform .55s}.unit-card:hover .unit-img img{transform:scale(1.04)}
.gallery-section{background:#fff!important}.gallery-grid img{border-radius:12px}
/* Finance and energy use deep contrast rather than several pale panels. */
.investment{background:#222!important}.investment h2 em,.invest-stats strong{color:#F58634!important}.invest-stats>div{border-color:rgba(255,255,255,.22)!important}
.v11-green{background:#D05E39!important;color:#fff!important}.v11-green h2,.v11-green h2 em,.v11-green p,.v11-green .eyebrow{color:#fff!important}.v11-green img{border-radius:18px!important}
.location-full{background:#fff!important}
/* The video is the canvas — no colour panel or bulky framing. */
.v11-video{background:#111!important;padding:0!important}.v11-video .video-stage{height:min(90svh,860px);min-height:510px;position:relative;overflow:hidden}.v11-video .video-stage>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.67)}
.v11-video .video-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 90%);pointer-events:none}.v11-video .video-screen-content{position:relative;z-index:1}.v11-video .video-play-button{display:inline-flex;gap:14px;align-items:center;border:2px solid #fff;background:#fff;color:#222;padding:12px 28px 12px 13px;border-radius:50px;font-weight:800;cursor:pointer}.video-play-button span{display:grid;place-items:center;background:#F58634;width:48px;height:48px;border-radius:50%;font-size:17px}.v11-video iframe,.v11-video .video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
/* Main Resource Hub CTA: orange not another charcoal panel. */
.v11-resource-cta{background:#fff!important}.v11-resource-cta .hub-card{background:#F58634!important;border-radius:22px!important}.v11-resource-cta .hub-card h2,.v11-resource-cta .hub-card h2 em,.v11-resource-cta .hub-card p,.v11-resource-cta .hub-card .eyebrow{color:#252525!important}
/* Resource page editorial section rhythm. */
.resource-hero.v11-hub-hero{background:#222!important;color:#fff!important;padding:58px 0 54px!important}.resource-hero.v11-hub-hero h1,.resource-hero.v11-hub-hero h1 em{color:#fff!important;font-size:clamp(40px,4.5vw,68px)!important}.resource-hero.v11-hub-hero h1 em,.resource-hero.v11-hub-hero .eyebrow{color:#F58634!important}.resource-hero.v11-hub-hero p{color:#e4e4e4!important}
#apartments.section{background:#fff!important}.v11-finance{background:#F6F4EF!important}.v11-investor{background:#222!important;color:#fff!important}.v11-investor h2,.v11-investor h2 em{color:#fff!important}.v11-investor h2 em,.v11-investor .eyebrow{color:#F58634!important}.v11-investor p{color:#ddd!important}.v11-investor .finance-table{background:#fff;color:#222}
.v11-downloads{background:#F58634!important;color:#222!important}.v11-downloads h2,.v11-downloads h2 em,.v11-downloads p,.v11-downloads .eyebrow{color:#222!important}.v11-downloads .brochure-art{background:#fff!important;color:#222!important}
.v11-buying{background:#D05E39!important}.v11-buying h2,.v11-buying h2 em,.v11-buying .eyebrow{color:#fff!important}.v11-buying .steps article{background:#fff!important;color:#222!important;border-radius:18px}
.v11-hub-green{background:#F6F4EF!important}
.v11-tours{background:#fff!important}.v11-tours .section-top{margin-bottom:30px}.v11-tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v11-tour-card{background:#fff;border:1px solid #e7e7e7;border-radius:17px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.06)}.v11-video-thumb{position:relative;aspect-ratio:16/9;background:#222;overflow:hidden}.v11-video-thumb img{width:100%;height:100%;object-fit:cover}.v11-video-thumb button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:0;border-radius:50%;background:#F58634;color:#222;font-size:21px;display:grid;place-items:center}.v11-video-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.v11-tour-info{padding:20px;display:flex;flex-direction:column;gap:5px}.v11-tour-info span{font-size:11px;letter-spacing:.16em;color:#D05E39;font-weight:800}.v11-tour-info strong{font-size:18px}.v11-tour-info small{color:#666}
.v11-review{background:#222!important;color:#fff!important}.v11-review a.button{background:#F58634!important;color:#222!important}
/* Shared real-width safeguards, never scale the document or suppress overflow. */
img,iframe,video,svg{max-width:100%}button,input,textarea,select{max-width:100%}main,section,.shell{min-width:0}.section-top,.hero-grid,.resource-grid{min-width:0}h1,h2,h3{overflow-wrap:break-word}
@media(max-width:980px){.v11-tour-grid{gap:14px}.v11-features{padding-top:65px!important;padding-bottom:75px!important}}
@media(max-width:768px){.shell{width:calc(100% - 32px)!important;margin-inline:auto!important}.v11-tour-grid{grid-template-columns:1fr;max-width:540px}.v11-tour-card{width:100%}.v11-features{padding-top:55px!important;padding-bottom:58px!important}.v11-video .video-stage{min-height:470px;height:77svh}.v11-resource-cta .hub-card{border-radius:15px!important}.resource-hero.v11-hub-hero{padding:48px 0 44px!important}}
@media(max-width:430px){.v11-video .video-stage{height:72svh;min-height:440px}.v11-video .video-play-button{padding:9px 19px 9px 10px}.v11-video .video-play-button span{width:42px;height:42px}}
