/* Mobile art direction; the desktop hero keeps its existing composition. */
.hero-title-mobile,.hero-mobile-price{display:none}
/* Vector arrows keep their thin strokes across iOS and other platforms. */
.cta-arrow{display:inline-block;width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter;vertical-align:middle}
.hero-actions .button-gold .cta-arrow{width:28px;height:28px}
.location-map-label .map-expand-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.location-map-label .location-map-text{font-size:12px}
.floor-request{gap:12px}
@media(max-width:767px){
 .location-map-label .location-map-text{display:none}
 .location-map-button .location-map-label{top:6px;right:6px;min-height:44px;width:44px;padding:11px;gap:0;background:#193d3ce8}
}
@media(max-width:767px){
 .header{background:#062c29;border-bottom:1px solid #d8bb7a88}
 .header-inner{height:76px;width:calc(100% - 48px);gap:24px}
 .header .brand,.header .brand img{width:172px}
 .header nav{top:76px;background:#062c29}
 .header .menu-toggle{display:block;position:relative;width:44px;height:44px;flex-shrink:0;padding:0;border:0;background:transparent;font-size:0;color:#e4c18a}
 .header .menu-toggle span{display:none}
 .header .menu-toggle::before{content:"";position:absolute;width:28px;height:1px;left:8px;top:14px;background:currentColor;box-shadow:0 8px currentColor,0 16px currentColor}
 .header .menu-toggle[aria-expanded=true]::before{top:22px;transform:rotate(45deg);box-shadow:none}
 .header .menu-toggle[aria-expanded=true]::after{content:"";position:absolute;width:28px;height:1px;left:8px;top:22px;background:currentColor;transform:rotate(-45deg)}
 .hero--immersive{background:#062c29}
 .hero--immersive .hero-visual{background:#062c29}
 .hero--immersive .hero-visual img{height:auto;aspect-ratio: .88;object-fit:cover;object-position:50% center;max-height:none}
 .hero--immersive .hero-visual::before{content:"";position:absolute;inset:8px 8px 30px;border:22px solid transparent;border-bottom:0;border-image:url("media/hero-line.png") 90 90 0 90 stretch;z-index:1;pointer-events:none}
 .hero--immersive .hero-visual::after{content:"";position:absolute;inset:65% 0 -1px;background:linear-gradient(transparent,#062c29);z-index:2;pointer-events:none}
 .hero--immersive .hero-visual figcaption{display:none}
 .hero--immersive .hero-copy{padding:24px 28px 32px;min-height:0;background:radial-gradient(ellipse at 100% 50%,#12403966,transparent 70%),#062c29}
 .hero--immersive .hero-copy::before{content:"";display:block;align-self:stretch;height:9px;margin:-20px 0 22px;background:linear-gradient(90deg,#d8bb7a88,#d8bb7a88) left center/calc(50% - 10px) 1px no-repeat,linear-gradient(90deg,#d8bb7a88,#d8bb7a88) right center/calc(50% - 10px) 1px no-repeat}
 .hero--immersive .hero-copy::after{content:"";position:absolute;top:7px;left:calc(50% - 3px);width:6px;height:6px;border:1px solid #e4c18a;transform:rotate(45deg)}
 .hero--immersive .eyebrow{font-size:9px;letter-spacing:.19em;line-height:1.7;margin:0 0 14px;color:#e4c18a}
 .hero-title-desktop{display:none}
 .hero-title-mobile{display:block}
 .hero--immersive h1{font-size:clamp(38px,10.6vw,72px);line-height:1.08;letter-spacing:-.035em;color:#fffaf1;max-width:none}
 .hero-title-mobile em{font-weight:400;color:#e4c18a}
 .hero--immersive .hero-intro{font-size:14px;line-height:1.65;margin:18px 0 0;max-width:none;color:#e8eee8}
 .hero--immersive .hero-project,.hero--immersive .fine-rule,.hero--immersive .hero-facts{display:none}
 .hero-mobile-price{display:block;margin-top:18px;color:#e4c18a}
 .hero-mobile-price::before{content:"";display:block;width:42px;height:1px;background:#e4c18a;margin-bottom:12px}
 .hero-mobile-price>p{font-size:10px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}
 .hero-mobile-price>div{display:flex;align-items:baseline;gap:12px}
 .hero-mobile-price strong{font:400 clamp(60px,18vw,90px)/1.05 var(--serif);letter-spacing:-.05em}
 .hero-mobile-price>div>span{font:400 clamp(18px,4.8vw,29px)/1.2 var(--serif)}
 .hero-mobile-price small{display:block;font-size:12px;line-height:1.6;color:#bfccc4;margin-top:4px}
 .hero--immersive .hero-actions{margin-top:20px;width:100%;gap:10px;align-items:center}
 .hero--immersive .hero-actions .button-gold{width:100%;min-height:54px;justify-content:space-between;padding:12px 16px;font-size:14px;font-weight:500;background:linear-gradient(115deg,#efdaa5,#c8a56b);border:1px solid #f1dfb5;color:#0a302c;border-radius:3px;box-shadow:inset 0 0 0 2px #fff3cf22}
 .hero--immersive .hero-actions .button-gold>span{font-size:28px;font-weight:300}
 .hero--immersive .hero-actions .button-outline{width:auto;min-height:44px;padding:8px 0;gap:12px;border:0;border-bottom:1px solid #d8bb7a;background:transparent;border-radius:0;color:#f5f3eb;font-size:13px;letter-spacing:0;text-transform:none}
 .hero--immersive .hero-actions .button-gold:hover{background:#efd6a4}
 .hero--immersive .hero-actions .button-outline:hover{color:#e4c18a}
}
@media(max-width:360px){.hero--immersive .hero-copy{padding-inline:24px}.hero--immersive .hero-actions .button-gold{font-size:13px;padding-inline:12px;gap:8px}.hero--immersive .eyebrow{font-size:8px}}
