/* Mobile-first editorial refinement. Content and business data are unchanged. */
:root{--surface-shadow:0 2px 5px #27262b05,0 20px 48px -24px #27262b40;--surface-edge:#d9cdbb}
.section-kicker{padding-bottom:18px;border-bottom:1px solid #b7a78d55}
.section-kicker.light{border-bottom-color:#d9c4a233}
.story{background:radial-gradient(ellipse at 90% 12%,#fffefa 0,transparent 65%),#f7f3ec}
.numbers{border:1px solid var(--surface-edge);background:linear-gradient(125deg,#fffdf8,#eee6d9);box-shadow:var(--surface-shadow);padding:28px 32px;border-radius:16px}
.hero-shot{border-radius:5px}
.collection-card{border-radius:12px;border:1px solid #d7c9b566}
.space-main-image,.plan-drawing{border-radius:14px}
.spaces .space-main-image{box-shadow:0 4px 8px #28282c08,0 28px 46px -22px #28282c55}
.gallery-card img{border-radius:8px}
.plan-drawing{box-shadow:var(--surface-shadow);border:1px solid #e2d9cb;background:linear-gradient(145deg,#fffdfa,#f1ebe1)}
.price-block{background:linear-gradient(125deg,#e9ddc8,#f8f3e9);border:1px solid #cdbb9b;border-radius:12px;padding:22px 24px;margin:22px 0;box-shadow:inset 0 1px #fff8,0 12px 25px -20px #61533c80}
.destination-feature,.hana-feature,.rail-feature,.medical-feature,.arex-feature{border-radius:16px;overflow:hidden;box-shadow:0 3px 6px #0001,0 28px 55px -22px #0006}
.visit-form{border-radius:16px;background:linear-gradient(140deg,#fffdfa,#f1e9dc);box-shadow:0 2px 5px #28282c07,0 30px 60px -28px #28282c40}
.visit-form input,.visit-form select,.visit-form textarea{border-radius:7px}
.button{border-radius:6px}
.faq details{padding-left:20px;padding-right:20px;border:1px solid #ddd3c5;border-radius:10px;margin-bottom:12px;background:#fffdf780;box-shadow:0 5px 16px -12px #28282c30}
.faq details[open]{background:#fffdf8;border-color:#b6a17e}
@media(max-width:800px){
 html{scroll-padding-top:90px;scroll-padding-bottom:110px}
 .section-pad{padding-top:64px;padding-bottom:64px}
 .section-kicker{margin-bottom:28px;padding-bottom:14px;letter-spacing:1px}
 .hero--immersive .hero-image{filter:none;opacity:.15}
 .hero--immersive .hero-content{animation:none}
 .hero--immersive .hero-shade{background:radial-gradient(ellipse at 85% 55%,#b28d4b26,transparent 60%),linear-gradient(115deg,#16181ff5,#242630c9)}
 .hero-shot--back{transform:rotate(-6deg);filter:brightness(.95)}
 .hero-shot--main{transform:rotate(2deg)}
 .hero-shot--front{transform:rotate(-4deg)}
 .numbers{padding:22px 20px;border-radius:12px;gap:20px}
 .numbers>div{min-width:0}
 .numbers strong{font-size:42px}
 .numbers>div:last-child strong{font-size:36px;letter-spacing:-1px}
 .numbers p{margin-top:6px}
 .space-tabs{border:1px solid #d1c1aa;padding:5px;border-radius:12px;box-shadow:0 6px 16px #28282c10;background:#f3ece0;gap:4px}
 .space-tabs button{border:0!important;border-radius:8px;min-width:0;min-height:66px}
 .space-tabs button[aria-selected=true]{background:linear-gradient(130deg,#3b3b42,#24262d);color:#f4e6cc;box-shadow:0 3px 8px #1c1e2440}
 .space-tabs button[aria-selected=true] span{color:#f4e6cc}
 .plan-info{padding:23px 20px;border:1px solid #ddd0bd;border-radius:14px;background:#fffaf2;box-shadow:var(--surface-shadow)}
 .price-block{padding:18px 16px;margin:22px 0}
 .plan-info>.button{width:100%;gap:12px}
 .price-details tr{border-radius:12px;box-shadow:var(--surface-shadow)}
 .mobile-plan-picker select{border-radius:8px;background:#fffaf2}
 .momentum-index a{border-radius:6px;background:#ffffff06;min-height:46px}
 .mobile-cta{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));height:64px;padding:0;border:1px solid #d8c5a7;border-radius:14px;overflow:hidden;box-shadow:0 4px 8px #0002,0 12px 32px #0004}
 .mobile-cta>a{min-width:0;min-height:62px}
 .footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
 .toast{bottom:calc(94px + env(safe-area-inset-bottom))}
 .faq details{padding-left:16px;padding-right:16px}
 .faq summary{gap:12px}
}
@media(max-width:580px){
 .site-header,.site-header.scrolled{padding-left:18px;padding-right:12px}
 .brand{gap:8px}.brand-mark{width:30px}.brand>span{font-size:17px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1px}
 .header-phone{font-size:18px;letter-spacing:0;gap:4px}
 .hero--immersive{display:flex;flex-direction:column;min-height:0}
 .hero--immersive .hero-content{max-width:none;padding:108px 24px 0}
 .hero--immersive h1{font-size:clamp(37px,10.8vw,47px);line-height:1.25;letter-spacing:-.055em}
 .hero--immersive .eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:15px}
 .hero--immersive .hero-property{font-size:14px;margin-bottom:12px}
 .hero--immersive .hero-sub{font-size:14px;line-height:1.8;margin-top:20px}
 .hero--immersive .hero-actions--floating{order:1;position:static;margin:23px 0 0;padding:0 24px;gap:7px}
 .hero--immersive .hero-actions .button{max-width:none;width:100%;min-height:50px}
 .hero--immersive .hero-text-link{font-size:13px;min-height:44px}
 .hero-deck{order:2;position:relative;top:auto;right:auto;width:80%;height:280px;margin:24px auto 18px}
 .hero-shot--back{top:0;left:13%;width:76%}
 .hero-shot--main{top:65px;right:-3%;width:100%}
 .hero-shot--front{bottom:0;left:-9%;width:52%}
 .deck-word{bottom:-17px;right:-4%;font-size:21px}
 .hero--immersive .hero-bottom{order:3;position:relative;left:auto;right:auto;bottom:auto;margin:15px 0 0;padding:20px 24px 28px}
 .collection-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .collection-card,.collection-card:nth-child(2),.collection-card:nth-child(3){margin:0;transform:none;grid-column:auto}
 .collection-card img,.collection-card:first-child img,.collection-card:nth-child(2) img,.collection-card:nth-child(3) img{aspect-ratio:1.25;object-position:center}
 .collection-copy{left:22px;right:22px;bottom:20px}
 .collection-copy>strong,.collection-card:first-child .collection-copy>strong{font-size:28px;line-height:1.35;margin:12px 0 17px}
 .collection-copy small{font-size:10px;letter-spacing:1px}
 .collection-copy>span{font-size:14px;padding-top:12px}
 .collection-card:after{background:linear-gradient(0deg,#15171bf5,#15171b35 72%,transparent)}
 .collection-note{font-size:12px;line-height:1.85}
 .section-title-row h2,.story-heading h2{font-size:clamp(28px,8vw,36px)}
 .visit-form{padding:25px 20px}
 .price-block strong{font-size:clamp(25px,7vw,32px);letter-spacing:-1.1px}
}
@media(max-width:360px){.hero-deck{height:255px}.hero--immersive .hero-content{padding-left:20px;padding-right:20px}.hero--immersive .hero-actions--floating{padding-left:20px;padding-right:20px}.brand>span{font-size:15px}.header-phone{font-size:17px}.space-tabs button span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.will-reveal{opacity:1;transform:none}}
/* Prevent intrinsic HTML height (1067px) from reserving a tall mobile image box. */
.space-main-image img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Visit guidance stays with the named consultant rather than a general map search. */
.visit-guidance-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.visit-guidance-actions .button{min-height:52px;justify-content:space-between}
@media(max-width:800px){.visit-guidance-actions{width:100%;min-width:0}.visit-guidance-actions .button{width:100%;gap:12px;font-size:14px}.location-bottom>div:first-child{min-width:0}}
