/* SÉLUNA LIVING · V3 · Pearl / Midnight Editorial */
:root{
 --navy:#172630;--navy-deep:#0d1921;--slate:#34424a;--ink:#202c33;
 --pearl:#f7f7f4;--ivory:#fdfcf9;--frost:#edf0ef;--smoke:#717e83;
 --champ:#c5ac87;--champ-light:#e6d8bb;--line:rgba(28,46,53,.13);
 --serif:"Noto Serif Display",Georgia,"Times New Roman",serif;
 --sans:"Be Vietnam Pro",system-ui,-apple-system,Arial,sans-serif;
 --shadow:0 28px 75px rgba(18,32,38,.065);--radius:12px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:102px}
body{margin:0;color:var(--ink);background:var(--pearl);font-family:var(--sans);font-size:14px;line-height:1.78;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a47d45;outline-offset:4px}
::selection{background:#d9c7a5;color:#12212b}
.shell{width:min(1240px,calc(100% - 88px));margin-inline:auto}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.28}
.serif em,h1 em,h2 em{font-style:italic;font-weight:400;color:var(--champ)}
.eyebrow{font:600 10px/1.6 var(--sans);letter-spacing:.22em;color:#8d7960;text-transform:uppercase;margin:0 0 22px}
.eyebrow.light{color:#d4c29c}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:51px;padding:13px 22px;font:500 12px/1.3 var(--sans);letter-spacing:.015em;border:1px solid transparent;transition:transform .2s,background .2s,color .2s,border-color .2s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button span{font-size:16px;font-weight:300;line-height:1}
.btn-navy{background:var(--navy);color:#fbf8f1;border-color:var(--navy)}
.btn-navy:hover{background:#29404c}
.btn-ivory{background:#f4efe5;color:#182a34;border-color:#f4efe5}
.btn-ivory:hover{background:white}
.btn-outline{color:var(--navy);border-color:rgba(26,42,50,.35);background:transparent}
.btn-outline:hover{background:#fff}
.skip-link{position:fixed;top:-80px;left:16px;z-index:80;background:#fff;color:#111;padding:12px;transition:top .2s}
.skip-link:focus{top:10px}
.preview-line{height:25px;display:grid;place-items:center;background:#1b2a34;color:#ced5d3;font:500 9px/1 var(--sans);letter-spacing:.13em}
.header{position:sticky;top:0;z-index:35;background:rgba(247,247,244,.89);border-bottom:1px solid rgba(24,43,51,.085);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.header-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;flex-shrink:0}
.brand-main{font:400 30px/1 var(--serif);letter-spacing:.14em;color:var(--navy)}
.brand-sub{font:600 8px/1.5 var(--sans);letter-spacing:.25em;color:#97825e;margin-top:7px;margin-left:3px}
.nav{display:flex;align-items:center;justify-content:center;gap:36px;margin-left:auto}
.nav a{font-weight:500;font-size:11px;color:#394b53;white-space:nowrap;position:relative;transition:color .2s}
.nav a:hover{color:#ad8d5d}
.nav a::after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--champ);transition:width .2s}
.nav a:hover::after{width:100%}
.header-actions{display:flex;align-items:center;gap:16px}
.lang-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid #d8dcda;background:#f8f9f6}
.lang-switch button{border:0;background:transparent;padding:4px 7px;color:#859095;font:600 11px/1 var(--sans);transition:color .2s}
.lang-switch button.active{color:#172c38}
.lang-switch i{height:11px;border-left:1px solid #aeb8b6}
.header-cta{min-height:40px;padding:10px 14px;font-size:11px}
.menu-btn{display:none;border:0;background:transparent;padding:8px;width:38px;height:38px;justify-content:center;flex-direction:column;gap:6px}
.menu-btn span{height:1px;background:var(--navy);width:23px}
.noscript{background:#fffae8;padding:20px;text-align:center}
.hero-outer{padding-top:25px}
.hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);min-height:616px;overflow:hidden;background:linear-gradient(115deg,#152633 0%,#0f202b 62%,#233645 100%);border:1px solid rgba(170,179,173,.23);box-shadow:0 18px 54px rgba(31,46,52,.11)}
.hero-panel::before{content:"";position:absolute;z-index:1;pointer-events:none;inset:0;background:linear-gradient(155deg,rgba(255,255,255,.064),transparent 32%,transparent 68%,rgba(202,183,145,.05));mix-blend-mode:screen}
.hero-copy{padding:91px 42px 60px 70px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;position:relative;z-index:2;color:#f2f4f1}
.gold-line{display:inline-block;width:25px;height:1px;background:#b9a27d;vertical-align:middle;margin-left:8px}
.hero-copy h1{font:400 clamp(56px,5.55vw,89px)/1.19 var(--serif);letter-spacing:-.052em;margin:0 0 26px;white-space:nowrap}
.hero-copy h1 em{color:#dfc9a6}
.hero-description{max-width:370px;color:#bfc9c7;font-weight:300;font-size:13px;line-height:2.15;margin:0 0 35px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-textlink{display:inline-flex;align-items:center;gap:15px;font:500 12px/1.5 var(--sans);color:#d9dace;border-bottom:1px solid rgba(217,218,206,.4);padding:10px 0}
.hero-textlink span{font-size:16px;color:#decaa5}
.hero-annotation{position:absolute;bottom:39px;left:70px;color:#9faeb1;font:500 9px/1 var(--sans);letter-spacing:.15em;display:flex;align-items:center;gap:14px}
.hero-annotation i{display:block;width:44px;height:1px;background:#a58f6b}
.hero-art{position:relative;min-height:616px;overflow:hidden}
.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111f2a55,transparent 27%),linear-gradient(180deg,transparent 65%,#0b1a25a1);z-index:1}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute}
.image-caption{position:absolute;z-index:2;right:32px;bottom:28px;color:#f8f2e7;font:600 9px/1 var(--sans);letter-spacing:.2em}
.image-caption span{color:#dfc69b}
.intro{padding-top:115px;padding-bottom:124px;display:grid;grid-template-columns:1.1fr .75fr;gap:130px;align-items:center}
.intro h2{font-size:clamp(34px,3.3vw,54px);margin:0;max-width:650px}
.intro h2 em{color:#9c8b73}
.intro-text{max-width:380px;padding-top:33px}
.intro-divider{display:block;width:64px;height:1px;background:var(--champ);margin-bottom:28px}
.intro-text p{color:#5c696f;font-size:13px;line-height:2.1;font-weight:400;margin:0}
.collection-band{background:linear-gradient(135deg,#eaeeed 0%,#f8f8f5 47%,#eef0ed 100%);border-top:1px solid #e2e7e4;border-bottom:1px solid #e0e5e2;position:relative;overflow:hidden}
.collection-band::before{content:"";pointer-events:none;position:absolute;inset:-20% -30% auto auto;width:840px;height:840px;background:radial-gradient(circle,#ffffff99,transparent 64%);filter:blur(26px)}
.collection-inner{position:relative;padding-top:111px;padding-bottom:120px}
.section-title-row{display:grid;grid-template-columns:1fr minmax(270px,410px);gap:60px;align-items:end}
.section-title-row h2{font-size:clamp(37px,3.6vw,56px);margin:0}
.section-title-row h2 em{color:#ac9270}
.section-copy{font-size:13px;color:#657178;line-height:2.02;margin:0 0 5px}
.category-tabs{margin-top:60px;margin-bottom:35px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ced6d3}
.category-tab{min-height:72px;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;border-bottom:2px solid transparent;color:#869094;padding:12px 13px 15px;position:relative;transition:color .2s}
.category-tab.selected{border-bottom-color:#a98c5d;color:var(--navy)}
.category-tab strong{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:-.02em}
.category-tab small{font-size:10px;white-space:nowrap;align-self:center;opacity:.85;margin-left:3px}
.tab-no{font:600 10px var(--sans);color:#ae997b;letter-spacing:.08em;margin-right:6px}
.building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.building-card{background:#fff;border:1px solid rgba(20,42,49,.1);box-shadow:0 16px 50px rgba(25,42,49,.048);display:block;transition:transform .28s,box-shadow .28s;overflow:hidden}
.building-card:hover{transform:translateY(-5px);box-shadow:0 28px 65px rgba(25,42,49,.09)}
.building-cover{height:388px;position:relative;overflow:hidden;background:#dcdeda}
.cover-img{width:100%;height:100%;object-fit:cover;transition:transform .75s}
.building-cover .cover-img{object-position:center 42%}
.building-card:nth-child(2) .building-cover .cover-img{object-position:center 60%}
.building-card:hover .cover-img,.unit-card:hover .cover-img{transform:scale(1.035)}
.building-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101f2a21,transparent 25%,transparent 80%,#0d1f2825);pointer-events:none}
.building-index{position:absolute;left:24px;top:22px;color:#fff;font:500 10px var(--sans);letter-spacing:.18em;z-index:1;text-shadow:0 1px 5px #0008}
.building-info{padding:30px 31px 33px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.building-status{font:600 9px var(--sans);letter-spacing:.17em;color:#ac9370;display:flex;align-items:center;gap:8px}
.building-status .dot{width:5px;height:5px;background:#c5b18f;border-radius:50%}
.building-info h3{font-size:34px;margin:9px 0 7px;white-space:nowrap}
.building-info p{margin:0;font:400 12px var(--sans);color:#7c8689}
.round-arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #d5dbd9;flex-shrink:0;font-size:19px;transition:background .2s}
.building-card:hover .round-arrow{background:#172630;color:#fff;border-color:#172630}
.empty-collection{border:1px solid #cbd5d1;background:#ffffffaa;padding:65px 25px;text-align:center;min-height:370px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.empty-mark{font:50px/1 var(--serif);color:#a4a998;margin-bottom:20px}
.empty-collection h3{font-size:29px;margin:0 0 10px}.empty-collection p{max-width:460px;font-size:13px;color:#657178;margin:0 0 30px}
.promise{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:120px;margin-bottom:120px;min-height:560px;background:#f0efeb;border:1px solid #e5e5de;box-shadow:0 20px 60px #24313d08}
.promise-photo{position:relative;overflow:hidden;min-height:560px}
.promise-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#14232b80);z-index:1}
.promise-photo .cover-img{object-position:center 42%}
.promise-photo-label{position:absolute;bottom:25px;left:30px;z-index:2;color:#fff;font:500 10px var(--sans);letter-spacing:.2em}
.promise-photo-label span{color:#e3c99b}
.promise-copy{padding:70px 65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;background:linear-gradient(145deg,#fafaf7,#e9ece9)}
.promise-copy::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,#fff5,transparent 38%,#ffffff28)}
.promise-copy>*{position:relative}
.promise-copy h2{font-size:clamp(33px,3vw,49px);margin:0 0 25px}
.promise-copy h2 em{color:#9b886e}
.promise-copy>p:not(.eyebrow){font-size:13px;color:#6b787b;line-height:2;max-width:480px;margin:0}
.promise-tags{margin:28px 0 32px;border-top:1px solid #d2d8d4;width:100%}
.promise-tags span{display:block;border-bottom:1px solid #d2d8d4;padding:10px 0;font-size:11px;letter-spacing:.02em;color:#495d63}
.contact-section{background:linear-gradient(120deg,#12232e,#223643 62%,#152632);color:#eef2ef;padding:110px 0 115px;position:relative;overflow:hidden}
.contact-section::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 8% 0%,#ffffff12,transparent 56%),linear-gradient(105deg,transparent 60%,#e1c69809)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.05fr;gap:105px;position:relative;align-items:start}
.contact-side h2{font-size:clamp(37px,3.3vw,54px);margin:0 0 26px}
.contact-side h2 em{color:#dfc49b}
.contact-side>p:not(.eyebrow){font-size:13px;max-width:390px;line-height:2.08;color:#c1cbca}
.contact-divider{height:1px;max-width:370px;background:#ffffff2c;margin:48px 0 31px}
.contact-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:425px}
.contact-methods a{height:47px;display:flex;align-items:center;justify-content:space-between;border:1px solid #b2bdbd4b;padding:0 15px;color:#dcdedb;font:600 13px var(--sans);transition:background .2s}
.contact-methods a span{margin-right:auto;font-weight:400;font-size:12px;margin-left:13px}
.contact-methods a:hover{background:#ffffff15}
.phone-display{font-family:var(--serif);font-size:25px!important;letter-spacing:.06em;margin-top:28px!important;color:#e7dbc7!important}
.lead-card{background:linear-gradient(140deg,rgba(251,250,247,.99),rgba(231,233,229,.98));box-shadow:0 30px 80px #020b1229;color:var(--navy);padding:32px 37px 32px;border:1px solid rgba(255,255,255,.8)}
.lead-kind{display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px;border-bottom:1px solid #cfd7d3;gap:18px}
.lead-kind button{border:0;border-bottom:2px solid transparent;text-align:left;padding:0 0 15px;background:none;color:#858f91;font:600 11px/1.6 var(--sans)}
.lead-kind button.selected{color:#283a43;border-color:#bda67d}
.lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lead-form label{display:flex;flex-direction:column;gap:8px;font:500 11px var(--sans);color:#4c5d61}
.lead-form .form-full,.lead-form .submit-btn,.lead-form .form-disclaimer,.lead-form .form-status{grid-column:1/-1}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #cbd2cf;background:#fdfdfa;color:var(--navy);font:400 12px var(--sans);padding:12px 13px;border-radius:0;outline:none;min-height:45px}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#b4a07d;box-shadow:0 0 0 2px #b4a07d18}
.lead-form textarea{resize:vertical;min-height:83px}
.lead-form .optional{color:#9ba3a3;font-weight:400}
.lead-form .submit-btn{margin-top:2px;min-height:54px;width:100%}
.form-disclaimer{font:400 10px/1.8 var(--sans);color:#818e8e;margin:0}
.form-status{font:500 11px/1.8 var(--sans);color:#3f674f;margin:0}
.footer{background:#0d1b24;color:#a7b4b6;padding:65px 0 21px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:60px}
.footer-brand{font:400 36px/1 var(--serif);letter-spacing:.12em;color:#e7dfd0}
.footer-brand-sub{font:500 9px var(--sans);letter-spacing:.28em;color:#c1a778;margin:9px 0 25px}
.footer-grid p{font-size:12px;line-height:2;color:#9baaaa;max-width:330px}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:12px;line-height:1.5;width:max-content}
.footer-links a:hover{color:#e4cda9}
.footer-title{display:block;color:#c5ae8f;font:600 10px/1.6 var(--sans);letter-spacing:.17em;margin-bottom:14px}
.footer-quiet{font-size:11px!important;color:#6d7d82!important}
.foot-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff1c;padding-top:21px;margin-top:50px;font:500 9px var(--sans);letter-spacing:.12em;color:#6d858c}
.inner-breadcrumb{padding-top:31px;padding-bottom:26px;font-size:11px;display:flex;gap:13px;color:#879395;align-items:center}
.inner-breadcrumb a{color:#43555c}.inner-breadcrumb a:hover{color:#a18866}
.building-hero{height:460px;position:relative;background:#2a3940;overflow:hidden}
.building-hero-img,.building-hero-img img{height:100%;width:100%;position:absolute;inset:0}
.building-hero-img img{object-fit:cover;object-position:center 48%}
.inner-image-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b1823bf 0%,#0c1c2d80 38%,transparent 80%),linear-gradient(0deg,#0b1a24aa,transparent 60%)}
.building-hero-copy{position:absolute;left:65px;right:65px;bottom:57px;z-index:1;color:#fff}
.building-hero-copy h1{font-size:clamp(40px,5vw,74px);margin:0 0 16px;line-height:1.18;color:#fff}
.building-hero-status{font:500 11px var(--sans);letter-spacing:.16em;color:#e5d3b6}
.building-summary{display:grid;grid-template-columns:1fr 1fr;gap:105px;padding-top:90px;padding-bottom:84px}
.building-summary h2{font-size:clamp(34px,3vw,45px);margin:0}
.building-summary>div:last-child>p{font-size:14px;line-height:2;color:#556870;margin:0 0 28px}
.summary-address{font-size:11px;font-weight:500;letter-spacing:.025em;color:#8e8068}
.building-traits{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d3dad7;border-bottom:1px solid #d3dad7;padding-top:21px;padding-bottom:21px;font-size:12px;color:#6b797a}
.amenities-band{background:#edf0ee;border-top:1px solid #e3e8e5;border-bottom:1px solid #e3e8e5;padding:100px 0 105px;position:relative;overflow:hidden}
.amenities-band::before{content:"";position:absolute;inset:-50% -10% auto auto;width:800px;height:800px;pointer-events:none;background:radial-gradient(ellipse,#ffffff98,transparent 69%)}
.amenities-band>.shell{position:relative}
.amenities-heading{margin-bottom:45px}
.amenities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.amenity{background:#fff;box-shadow:0 15px 40px #18313a0a;overflow:hidden;min-width:0}
.amenity-image{height:224px;overflow:hidden;background:#bec6c2}
.amenity-image img{object-fit:cover;width:100%;height:100%}
.amenity:nth-child(1) .amenity-image img{object-position:center 75%}
.amenity:nth-child(2) .amenity-image img{object-position:center 45%}
.amenity:nth-child(3) .amenity-image img{object-position:center 54%}
.amenity-text{padding:22px 22px 25px}
.amenity-count{font:600 10px var(--sans);color:#b5a283;letter-spacing:.14em}
.amenity h3{font-size:23px;letter-spacing:-.03em;margin:9px 0 9px}
.amenity p{font-size:11px;line-height:1.9;margin:0;color:#6d7b7d}
.amenity-icon-art{height:224px;display:grid;place-items:center;background:linear-gradient(140deg,#e0e5e0,#f7f7f2 48%,#d6dfde);color:#a38c6b}
.amenity-icon-art span{font:100px/1 var(--serif)}
.location-strip{margin-top:23px;display:flex;gap:15px;align-items:center;padding:19px 24px;border:1px solid #cfd9d3;background:#ffffff8c}
.location-strip span{font-size:22px;color:#a68e6b}.location-strip p{margin:0;font-size:12px;color:#52636a}
.units-section{padding-top:112px;padding-bottom:114px}
.units-heading{margin-bottom:42px}
.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.unit-card{display:block;border:1px solid #d9dfdb;background:#fff;box-shadow:0 12px 36px #172c360c;overflow:hidden;transition:transform .25s}
.unit-card:hover{transform:translateY(-4px)}
.unit-cover{height:280px;overflow:hidden;position:relative;background:#d5d6d1}
.unit-cover img{height:100%;width:100%;object-fit:cover;object-position:center 48%}
.unit-number{position:absolute;top:15px;left:17px;font:600 9px var(--sans);letter-spacing:.12em;color:#fff;text-shadow:0 1px 6px #0008}
.unit-info{padding:25px 23px 15px;display:flex;justify-content:space-between;gap:10px;min-height:145px}
.unit-info h3{font-size:25px;line-height:1.28;margin:0 0 11px}
.unit-info p{margin:0;font-size:11px;color:#6e7c80;line-height:1.85}
.unit-arrow{font-size:20px;color:#b29d7f;flex-shrink:0}
.unit-link{display:flex;justify-content:space-between;padding:15px 23px 18px;border-top:1px solid #e6e9e6;font-size:11px;font-weight:600;color:#54666d}
.unit-link span{font-size:16px}
.building-cta{margin-bottom:105px;padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#192c38,#2b414c);color:white}
.building-cta h2{font-size:clamp(22px,2.5vw,32px);line-height:1.5;max-width:650px;margin:0}
.room-heading{padding-top:35px;padding-bottom:39px;display:flex;justify-content:space-between;gap:40px;align-items:end}
.room-heading h1{font-size:clamp(39px,4.4vw,66px);margin:0 0 13px}
.room-heading p:not(.eyebrow){font-size:13px;color:#67777a;margin:0;max-width:600px}
.room-heading>.button{margin-bottom:9px}
.room-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.gallery-main{background:#edf0ed;position:relative;border:1px solid #dce1dd}
.gallery-open{width:100%;height:560px;background:linear-gradient(145deg,#dce0da,#f8f8f5);border:none;padding:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.gallery-open .full-img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-zoom{position:absolute;right:19px;bottom:19px;background:#142630e3;color:white;padding:13px 16px;font:600 11px var(--sans);box-shadow:0 5px 20px #0002}
.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 21px;font-size:11px;color:#69777b}
.gallery-caption span:last-child{font:600 10px var(--sans);color:#a08765;white-space:nowrap}
.gallery-filmstrip{display:flex;overflow-x:auto;gap:11px;padding:1px 1px 10px;scrollbar-width:thin}
.thumb{padding:0;border:2px solid transparent;background:#eef1ee;flex:0 0 152px;height:114px;overflow:hidden;opacity:.7;transition:opacity .2s}
.thumb.active{border-color:#bba17d;opacity:1}
.thumb:hover{opacity:1}
.thumb img{width:100%;height:100%;object-fit:cover}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:25px}
.gallery-controls button{width:43px;height:43px;border:1px solid #d4dad5;background:#fff;color:#24333c;font-size:18px}
.gallery-controls span{font:600 11px var(--sans);letter-spacing:.14em;color:#a18a6b}
.room-detail{display:grid;grid-template-columns:.82fr 1.18fr;gap:96px;padding-top:115px;padding-bottom:100px}
.room-detail h2{font-size:clamp(34px,3vw,47px);margin:0 0 22px}
.room-blurb{font-size:13px;color:#65757b;line-height:2;max-width:400px;margin:0 0 24px}
.photo-note{font-size:11px;line-height:1.95;color:#6a7a7c;border-left:2px solid #baa57d;padding:10px 0 10px 16px;margin:15px 0}
.muted-note{font:400 10px/1.8 var(--sans);color:#9a9e9d}
.feature-chips{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce1dc}
.feature-chip{min-height:60px;padding:16px 12px 16px 0;border-bottom:1px solid #dce1dc;display:flex;align-items:center;gap:10px;color:#43565c;font-size:12px;line-height:1.6}
.feature-icon{color:#ad9065;font:25px/1 var(--serif)}
.note-and-cta{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.note-and-cta p{font-size:11px;color:#738287;line-height:1.8;max-width:250px}
.next-space{margin-bottom:95px;background:#edf1ef;padding:40px 48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}
.next-space h2{font-size:33px;margin:0}
.next-list{display:flex;flex-direction:column}
.next-list a{display:flex;justify-content:space-between;border-bottom:1px solid #cbd5d1;padding:12px 0;font-size:12px;color:#4b6067}
.next-list a:hover{color:#a1845c}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(10,17,23,.97);display:grid;grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;justify-items:center;color:white}
.lightbox-center{width:100%;height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding-top:20px}
.lightbox-center img{width:100%;height:calc(90vh - 55px);object-fit:contain}
#lightbox-label{color:#ced3d0;font:400 12px var(--sans);text-align:center}
.lightbox-close{position:absolute;z-index:2;top:15px;right:20px;color:white;background:#fff1;border:1px solid #ffffff4a;width:46px;height:46px;font-size:30px;font-weight:300}
.lightbox-dir{width:53px;height:53px;background:#fff1;color:#fff;border:1px solid #ffffff4a;font-size:22px}
body.dialog-open{overflow:hidden}
.mobile-room-bar{display:none}
@media (max-width:1100px){
 .shell{width:min(1240px,calc(100% - 56px))}
 .nav{gap:22px}
 .header-inner{gap:20px}
 .hero-copy{padding-left:48px}
 .hero-annotation{left:48px}
 .hero-copy h1{font-size:clamp(52px,5vw,75px)}
 .intro{gap:80px}
 .promise-copy{padding:52px 42px}
 .contact-layout{gap:65px}
 .category-tab small{display:none}
 .building-info h3{font-size:30px}
 .amenities-grid{grid-template-columns:repeat(2,1fr)}
 .amenity-image,.amenity-icon-art{height:240px}
}
@media (max-width:760px){
 html{scroll-padding-top:76px}
 body{font-size:13px;line-height:1.75}
 .shell{width:calc(100% - 36px)}
 .preview-line{height:23px;font-size:7px;letter-spacing:.08em;padding:0 8px;text-align:center}
 .header-inner{height:69px;gap:10px}
 .brand-main{font-size:25px;letter-spacing:.12em}
 .brand-sub{font-size:7px;margin-top:5px}
 .header-actions{gap:10px}
 .header-cta{display:none}
 .menu-btn{display:flex}
 .lang-switch{margin-left:auto}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(247,247,244,.99);border-top:1px solid #dbe0dc;border-bottom:1px solid #dbe0dc;margin:0;padding:14px 18px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #1c313d12}
 body.menu-open .nav{display:flex}
 .nav a{display:block;padding:15px 5px;border-bottom:1px solid #e6e9e6;font-size:13px}
 .nav a::after{display:none}
 .hero-outer{padding-top:13px}
 .hero-panel{grid-template-columns:1fr;min-height:unset;display:flex;flex-direction:column}
 .hero-art{height:235px;min-height:235px;order:1}
 .hero-copy{order:2;padding:33px 25px 50px}
 .hero-copy h1{font-size:clamp(42px,12vw,59px);margin:0 0 16px;white-space:normal;line-height:1.2}
 .hero-copy .eyebrow{margin-bottom:14px}
 .hero-description{font-size:12px;max-width:100%;line-height:1.85;margin:0 0 24px}
 .hero-actions{gap:16px}
 .hero-actions .button{min-height:48px;padding:13px 17px}
 .hero-textlink{font-size:11px}
 .hero-annotation{position:static;margin-top:36px;font-size:8px;gap:10px}
 .hero-annotation i{width:23px}
 .image-caption{bottom:14px;right:14px;font-size:8px}
 .intro{padding-top:75px;padding-bottom:78px;grid-template-columns:1fr;gap:25px}
 .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:15px}
 .intro h2{font-size:clamp(30px,8.5vw,44px)}
 .intro-text{padding:0;max-width:100%}
 .intro-divider{margin-bottom:18px}
 .intro-text p{font-size:12px;line-height:1.95}
 .collection-inner{padding-top:73px;padding-bottom:74px}
 .section-title-row{grid-template-columns:1fr;gap:20px}
 .section-title-row h2{font-size:clamp(32px,8.8vw,45px)}
 .section-copy{font-size:12px;line-height:1.85}
 .category-tabs{margin-top:32px;margin-bottom:24px;gap:4px}
 .category-tab{min-height:59px;padding:10px 4px 13px;justify-content:center;gap:0;flex-direction:column}
 .category-tab strong{font-size:23px}
 .tab-no{font-size:8px;margin:0 0 4px}
 .building-grid{grid-template-columns:1fr;gap:20px}
 .building-cover{height:275px}
 .building-card:nth-child(2) .building-cover{height:300px}
 .building-info{padding:22px 20px 25px}
 .building-info h3{font-size:29px;white-space:normal;line-height:1.3;margin-top:10px}
 .building-info p{font-size:11px}
 .round-arrow{width:42px;height:42px}
 .empty-collection{min-height:300px;padding:35px 20px}
 .empty-collection h3{font-size:25px}
 .promise{grid-template-columns:1fr;min-height:unset;margin-top:74px;margin-bottom:76px}
 .promise-photo{height:250px;min-height:250px}
 .promise-copy{padding:40px 26px 45px}
 .promise-copy h2{font-size:34px}
 .promise-copy>p:not(.eyebrow){font-size:12px}
 .promise-tags{margin:23px 0 27px}
 .contact-section{padding:73px 0 75px}
 .contact-layout{grid-template-columns:1fr;gap:39px}
 .contact-side h2{font-size:clamp(35px,9vw,46px)}
 .contact-side>p:not(.eyebrow){font-size:12px}
 .contact-divider{margin:27px 0 22px}
 .phone-display{font-size:22px!important;margin-top:18px!important}
 .contact-methods{gap:9px}
 .contact-methods a{height:45px;padding:0 10px;font-size:12px}
 .contact-methods a span{margin-left:10px;font-size:11px}
 .lead-card{padding:25px 20px}
 .lead-kind{gap:10px;margin-bottom:23px}
 .lead-kind button{font-size:10px}
 .lead-form{grid-template-columns:1fr;gap:15px}
 .lead-form label{font-size:10px}
 .lead-form .form-full,.lead-form .submit-btn,.lead-form .form-disclaimer,.lead-form .form-status{grid-column:auto}
 .footer{padding-top:52px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer-brand{font-size:32px}
 .footer-grid p{font-size:11px}
 .foot-bottom{flex-direction:column;font-size:8px;line-height:1.6;margin-top:40px}
 .inner-breadcrumb{padding-top:22px;padding-bottom:18px;font-size:10px;gap:8px}
 .building-hero{height:365px}
 .building-hero-copy{left:25px;right:25px;bottom:31px}
 .building-hero-copy h1{font-size:42px;line-height:1.17;margin-bottom:10px}
 .building-hero .eyebrow{font-size:8px}
 .building-hero-status{font-size:9px}
 .building-summary{grid-template-columns:1fr;gap:18px;padding-top:63px;padding-bottom:55px}
 .building-summary h2{font-size:34px}
 .building-summary>div:last-child>p{font-size:12px;line-height:1.9;margin-bottom:15px}
 .summary-address{font-size:10px}
 .building-traits{flex-direction:column;gap:11px;padding-top:19px;padding-bottom:19px;font-size:11px}
 .amenities-band{padding:67px 0 72px}
 .amenities-heading{margin-bottom:27px}
 .amenities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .amenity-image,.amenity-icon-art{height:160px}
 .amenity-text{padding:15px 13px 19px}
 .amenity h3{font-size:21px;margin:5px 0 7px}
 .amenity p{font-size:10px;line-height:1.75}
 .amenity-count{font-size:9px}
 .amenity-icon-art span{font-size:75px}
 .location-strip{padding:14px;gap:10px}
 .location-strip p{font-size:11px}
 .units-section{padding-top:76px;padding-bottom:78px}
 .units-heading{margin-bottom:29px}
 .unit-grid{grid-template-columns:1fr;gap:16px}
 .unit-cover{height:267px}
 .unit-info{min-height:unset;padding:21px 20px 16px}
 .unit-info h3{font-size:28px;margin-bottom:6px}
 .unit-info p{font-size:11px}
 .unit-link{padding:12px 20px 15px}
 .building-cta{padding:33px 25px;margin-bottom:75px;align-items:flex-start;flex-direction:column;gap:22px}
 .building-cta h2{font-size:25px}
 .room-heading{padding-top:25px;padding-bottom:25px;display:block}
 .room-heading h1{font-size:clamp(36px,10vw,48px)}
 .room-heading p:not(.eyebrow){font-size:12px}
 .room-heading>.button{margin-top:20px;margin-bottom:0}
 .room-gallery{gap:12px}
 .gallery-open{height:340px}
 .gallery-caption{font-size:10px;padding:12px 13px}
 .gallery-zoom{right:12px;bottom:12px;padding:9px 11px;font-size:10px}
 .gallery-filmstrip{gap:8px;padding-bottom:5px}
 .thumb{flex-basis:93px;height:75px}
 .gallery-controls{gap:18px}
 .gallery-controls button{width:39px;height:39px}
 .room-detail{padding-top:77px;padding-bottom:73px;grid-template-columns:1fr;gap:29px}
 .room-detail h2{font-size:37px}
 .room-blurb{font-size:12px}
 .feature-chip{font-size:11px;padding:13px 8px 13px 0;min-height:56px}
 .feature-icon{font-size:19px}
 .note-and-cta{align-items:flex-start;flex-direction:column;gap:13px}
 .note-and-cta p{margin:0}
 .next-space{grid-template-columns:1fr;gap:24px;padding:30px 25px;margin-bottom:82px}
 .next-space h2{font-size:28px}
 .lightbox{grid-template-columns:54px minmax(0,1fr) 54px}
 .lightbox-center{height:88vh;padding-top:30px}
 .lightbox-center img{height:calc(88vh - 65px)}
 .lightbox-dir{width:39px;height:45px;font-size:18px}
 .lightbox-close{right:12px;top:10px;width:39px;height:39px}
 #lightbox-label{font-size:10px}
 .mobile-room-bar{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;background:rgba(251,251,248,.96);border-top:1px solid #dfe3de;padding:9px max(15px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -8px 26px #0f29310c;backdrop-filter:blur(12px)}
 .mobile-room-bar a{display:grid;place-items:center;height:45px;font-size:11px;font-weight:600;border:1px solid #bbc7c6}
 .mobile-room-bar a:first-child{flex:0 0 28%;color:#1d3641}
 .mobile-room-bar a:last-child{flex:1;background:#192e3b;color:#fff;border-color:#192e3b}
 .footer{padding-bottom:95px}
}
@media (max-width:370px){
 .shell{width:calc(100% - 26px)}
 .hero-copy{padding:28px 20px 43px}
 .hero-copy h1{font-size:40px}
 .hero-actions{flex-direction:column;align-items:flex-start}
 .building-info h3{font-size:27px}
 .amenities-grid{grid-template-columns:1fr 1fr}
 .amenity-image,.amenity-icon-art{height:133px}
 .amenity-text{padding:12px 10px 15px}
 .amenity h3{font-size:18px}
 .amenity p{font-size:9px}
 .lang-switch button{padding:5px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* SÉLUNA LIVING · V4 · Midnight Pearl / quiet hospitality */
:root{
 --navy:#132734;--navy-deep:#0b1b25;--ink:#23313a;
 --pearl:#f3f2ee;--ivory:#fbfaf7;--frost:#ecefe9;
 --champ:#c5ac87;--champ-light:#e2d4b8;
 --shadow:0 25px 65px rgba(25,43,48,.09);
}
body{
 background: radial-gradient(ellipse 85% 28% at 75% 4%,rgba(255,255,255,.88),transparent 78%),
 linear-gradient(160deg,#f7f6f2 0%,#eef0ed 57%,#f8f7f4 100%);
}
.header{
 background:rgba(250,250,247,.91);
 box-shadow:0 8px 30px rgba(18,35,43,.045);
}
.building-card,.unit-card,.amenity,.lead-card{
 box-shadow:0 12px 44px rgba(18,40,46,.065),inset 0 1px rgba(255,255,255,.63);
 border-color:rgba(42,62,64,.10);
}
.building-card:hover,.unit-card:hover{box-shadow:0 24px 55px rgba(20,35,42,.12)}
.eyebrow{letter-spacing:.18em}
.hero-v4{
 display:flex;
 align-items:center;
 min-height:628px;
 overflow:hidden;
 background:#0f1f2b;
 box-shadow:0 26px 70px rgba(14,27,38,.18);
}
.hero-v4 .hero-backdrop{position:absolute;inset:0;z-index:0}
.hero-v4 .hero-original-image{
 width:100%;height:100%;object-fit:cover;object-position:center center;
 filter:saturate(.92) contrast(1.035);
}
.hero-v4::after{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(6,18,30,.84) 0%,rgba(6,18,30,.72) 35%,rgba(7,17,29,.18) 77%,rgba(5,14,24,.07) 100%),
 linear-gradient(0deg,rgba(10,20,28,.23),transparent 32%);
}
.hero-v4 .hero-copy{
 width:min(880px,84%);
 padding:100px 30px 100px 74px;
 min-height:628px;
 color:#f9f7f1;
 justify-content:center;
}
.hero-v4 .hero-copy h1{
 font-size:clamp(42px,4.9vw,71px);
 line-height:1.23;
 letter-spacing:-.049em;
 white-space:normal;
 margin-bottom:26px;
 text-shadow:0 3px 24px rgba(0,0,0,.15);
}
.hero-v4 .hero-copy h1 em{color:#dec499}
.hero-v4 .hero-description{max-width:390px;font-size:13px;line-height:1.9;color:#dbe0dd;font-weight:400}
.hero-v4 .hero-annotation{bottom:34px;left:74px;color:#ccd1cf}
.hero-v4 .hero-actions .btn-ivory{
 background:linear-gradient(135deg,#f4e9d2,#e4cfab);
 border:1px solid rgba(255,255,255,.28);
 color:#263742;
 box-shadow:0 8px 22px #0002,inset 0 1px 1px #fff9;
}
.hero-v4 .hero-textlink{color:#f0f2ed}
.house-collection{grid-template-columns:1fr}
.house-card{display:grid;grid-template-columns:.42fr .58fr;min-height:460px}
.house-card .building-cover{height:460px}
.house-card .building-cover .cover-img{object-position:center 54%}
.house-card .building-info{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 padding:52px 62px;gap:24px;
 background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(243,244,239,.95));
}
.house-card .building-info h3{font-size:clamp(36px,3.4vw,49px);line-height:1.22}
.house-card .building-info p{font-size:13px;max-width:360px;line-height:1.9}
.house-card .round-arrow{border:1px solid rgba(45,67,71,.25);border-radius:50%;width:48px;height:48px}

.house-detail-hero{
 height:595px;
 background:linear-gradient(115deg,#213644,#0d1c27);
 box-shadow:0 22px 55px rgba(20,35,40,.15);
}
.house-detail-hero .building-hero-img{
 left:0;right:auto;width:53%;height:100%;
}
.house-detail-hero .building-hero-img img{
 width:100%;height:100%;object-fit:cover;object-position:center 52%;
}
.house-detail-hero .inner-image-overlay{background:linear-gradient(90deg,transparent 75%,rgba(11,24,33,.18))}
.house-detail-hero .building-hero-copy{
 top:50%;bottom:auto;left:58%;right:38px;
 transform:translateY(-50%);
}
.house-detail-hero .building-hero-copy h1{font-size:clamp(43px,4vw,65px);max-width:460px}
.house-detail-hero .building-hero-copy .eyebrow{color:#cbb995}
.house-detail-hero .building-hero-status{font-size:10px;line-height:1.8;display:block}

.house-intro{display:grid;grid-template-columns:1.04fr .96fr;gap:95px;align-items:start;padding-top:90px;padding-bottom:88px}
.house-intro h2{font-size:clamp(36px,3.5vw,54px);margin:0;max-width:580px}
.house-intro-copy>p{font-size:14px;line-height:2;color:#617176;margin:6px 0 35px;max-width:480px}
.house-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:22px;border-top:1px solid #d9dfd9}
.house-numbers div{display:flex;flex-direction:column;gap:4px}
.house-numbers strong{font:400 41px/1.2 var(--serif);color:#283d47}
.house-numbers span{font:500 10px/1.6 var(--sans);color:#7e8b88;letter-spacing:.04em}
.house-journey{padding-top:10px;padding-bottom:99px}
.house-journey .section-title-row{margin-bottom:35px}
.house-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.house-chapter{
 min-width:0; padding:0;border:1px solid rgba(44,64,66,.12);
 background:rgba(255,255,255,.82);text-align:left;
 box-shadow:0 14px 30px rgba(15,34,41,.055);
 transition:transform .28s,box-shadow .28s;
}
.house-chapter:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(20,34,42,.1)}
.house-chapter-img{height:210px;overflow:hidden;background:#e4e7e2}
.house-chapter-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.house-chapter:hover img{transform:scale(1.035)}
.house-chapter-meta{padding:20px 18px 23px;display:flex;align-items:flex-start;gap:10px}
.house-chapter-meta>span:first-child{font:600 10px var(--sans);color:#ac926f;margin-top:7px}
.house-chapter-meta>div{flex:1}
.house-chapter h3{font-size:20px;line-height:1.4;margin:0 0 10px}
.house-chapter p{font:400 11px/1.7 var(--sans);color:#6c797a;margin:0}
.house-chapter-arrow{font-size:16px;color:#a89065}

.house-gallery-shell{padding:94px 0 100px;background:linear-gradient(165deg,#edf0ee,#f9f9f6 58%,#eef0eb);border-top:1px solid #e1e6e1;border-bottom:1px solid #e1e5e1}
.gallery-heading{margin-bottom:42px}
.house-room-gallery{gap:15px}
.house-room-gallery .gallery-open{height:690px;background:#e7eae7}
.house-room-gallery .gallery-open img{object-fit:contain}
.house-room-gallery .thumb{flex-basis:127px;height:95px}
.house-gallery-hint{font-size:11px;color:#778387;margin:17px 0 0;text-align:center}
.house-feature-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:95px;padding-top:105px;padding-bottom:105px}
.house-feature-section h2{font-size:clamp(34px,3.4vw,50px);margin:0 0 20px}
.house-feature-section>div:first-child>p:last-child{color:#5f7075;font-size:13px;line-height:2}
.house-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-top:1px solid #d7dedb}
.house-feature{border-bottom:1px solid #d7dedb;padding:22px 5px;display:flex;align-items:flex-start;gap:12px;color:#41545b;font-size:12px;line-height:1.8}
.house-feature span{color:#b59b72;font-size:20px}
.house-inquiry{margin-bottom:92px}
.amenities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.amenity-photo-btn{display:block;width:100%;padding:0;border:0;cursor:zoom-in}
.amenity-image{height:420px;background:#e6e7e3}
.amenity-image img{width:100%;height:100%;object-fit:contain}
.amenity:nth-child(4){grid-column:1/-1;display:flex;align-items:stretch;min-height:145px}
.amenity:nth-child(4) .amenity-icon-art{height:auto;min-height:145px;flex:0 0 170px}
.amenity:nth-child(4) .amenity-text{align-self:center;padding:22px 30px}
.amenity-photo-btn:hover img{filter:brightness(1.045);transition:filter .2s}
.gallery-open:hover img{filter:brightness(1.015)}
@media(max-width:1100px){
 .house-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .house-detail-hero{height:520px}
 .house-intro,.house-feature-section{gap:47px}
 .amenities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .amenity:nth-child(4){grid-column:1/-1}
}
@media(max-width:760px){
 .hero-v4{display:block;min-height:635px}
 .hero-v4 .hero-backdrop{inset:0}
 .hero-v4 .hero-original-image{object-position:58% center}
 .hero-v4::after{background:linear-gradient(90deg,rgba(5,18,28,.86) 0%,rgba(6,19,29,.76) 52%,rgba(7,19,31,.48) 100%),linear-gradient(0deg,#0b1b2d60,transparent 50%)}
 .hero-v4 .hero-copy{
  width:100%;min-height:635px;
  padding:80px 25px 63px;order:unset;justify-content:center
 }
 .hero-v4 .hero-copy h1{font-size:clamp(36px,9.5vw,48px);line-height:1.25;max-width:390px}
 .hero-v4 .hero-description{font-size:12px;line-height:1.85;max-width:340px}
 .hero-v4 .hero-annotation{position:static;margin-top:31px;font-size:8px;color:#c8d0cd}
 .hero-v4 .hero-actions{align-items:stretch;gap:13px}
 .hero-v4 .hero-textlink{padding:10px 0}
 .house-card{grid-template-columns:1fr;min-height:unset}
 .house-card .building-cover{height:390px}
 .house-card .building-info{padding:27px 23px 31px;gap:18px}
 .house-card .building-info h3{font-size:34px}
 .house-card .round-arrow{width:42px;height:42px}
 .house-detail-hero{height:auto;display:flex;flex-direction:column}
 .house-detail-hero .building-hero-img{position:relative;inset:auto;width:100%;height:450px}
 .house-detail-hero .building-hero-img img{position:absolute;inset:0;object-fit:cover;object-position:center 60%}
 .house-detail-hero .inner-image-overlay{background:linear-gradient(0deg,#13263315,transparent 40%)}
 .house-detail-hero .building-hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;padding:33px 26px 38px}
 .house-detail-hero .building-hero-copy h1{font-size:40px;margin-bottom:15px}
 .house-intro{grid-template-columns:1fr;gap:21px;padding-top:58px;padding-bottom:59px}
 .house-intro h2{font-size:35px}
 .house-intro-copy>p{font-size:12px;line-height:1.9;margin:0 0 24px}
 .house-numbers strong{font-size:35px}
 .house-journey{padding-top:10px;padding-bottom:66px}
 .house-journey .section-title-row{margin-bottom:25px}
 .house-chapters{grid-template-columns:1fr;gap:12px}
 .house-chapter{display:grid;grid-template-columns:38% 62%;min-height:130px}
 .house-chapter-img{height:100%}
 .house-chapter-meta{padding:16px 12px;gap:7px;align-items:center}
 .house-chapter-meta>span:first-child{display:none}
 .house-chapter h3{font-size:17px;line-height:1.3;margin:0 0 5px}
 .house-chapter p{font-size:10px;line-height:1.65}
 .house-chapter-arrow{display:none}
 .house-gallery-shell{padding:65px 0 70px}
 .gallery-heading{margin-bottom:25px}
 .house-room-gallery .gallery-open{height:440px}
 .house-room-gallery .thumb{flex-basis:91px;height:74px}
 .house-gallery-hint{font-size:10px}
 .house-feature-section{grid-template-columns:1fr;gap:22px;padding-top:74px;padding-bottom:74px}
 .house-feature-section h2{font-size:36px}
 .house-feature-grid{grid-template-columns:1fr}
 .house-feature{padding:15px 1px;font-size:11px}
 .amenities-grid{grid-template-columns:1fr;gap:16px}
 .amenity-image{height:450px}
 .amenity-text{padding:20px 21px 25px}
 .amenity p{font-size:12px}
 .amenity h3{font-size:24px}
 .amenity:nth-child(4){grid-column:1/-1;display:flex;min-height:135px}
 .amenity:nth-child(4) .amenity-icon-art{min-height:135px;flex:0 0 82px}
 .amenity:nth-child(4) .amenity-text{padding:15px 17px}
 .amenity:nth-child(4) .amenity-icon-art span{font-size:50px}
}
@media(max-width:370px){
 .hero-v4 .hero-copy{padding:70px 19px 52px;min-height:600px}
 .hero-v4 .hero-copy h1{font-size:35px}
 .hero-v4{min-height:600px}
 .house-detail-hero .building-hero-img{height:398px}
 .house-room-gallery .gallery-open{height:375px}
 .amenity-image{height:410px}
}


/* V4.1 — Bất động sản nổi bật hiển thị ngay sau trang chào */
.instant-residences{padding-top:72px;padding-bottom:78px}
.instant-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.instant-top .eyebrow{margin-bottom:12px}
.instant-top h2{font-size:clamp(31px,3.2vw,45px);margin:0}
.instant-top h2 em{font-weight:400}
.instant-top>p{max-width:340px;color:#667379;font-size:12px;line-height:1.85;margin:0 0 4px}
.instant-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.instant-property{display:grid;grid-template-columns:43% 57%;min-height:228px;overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(247,247,244,.85));border:1px solid rgba(29,46,55,.12);box-shadow:0 12px 36px rgba(28,40,49,.055);transition:transform .28s,box-shadow .28s}
.instant-property:hover{transform:translateY(-3px);box-shadow:0 17px 45px rgba(28,40,49,.11)}
.instant-media{position:relative;min-height:228px;overflow:hidden;background:#c9d0ce}
.instant-photo{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.instant-property:hover .instant-photo{transform:scale(1.035)}
.instant-copy{padding:25px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.instant-type{font-size:9px;font-weight:600;letter-spacing:.13em;color:#89775d}
.instant-copy h3{font-size:clamp(21px,2vw,28px);line-height:1.3;margin:12px 0 10px;color:var(--navy)}
.instant-copy p{font-size:11px;line-height:1.7;color:#5b686e;margin:0 0 22px}
.instant-more{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--navy);font-weight:600;border-top:1px solid rgba(23,38,48,.13);padding-top:12px}
.instant-more>span{font-size:16px;font-weight:400}
@media(max-width:880px){
  .instant-residences{padding-top:52px;padding-bottom:58px}
  .instant-top{align-items:start;flex-direction:column;gap:8px;margin-bottom:22px}
  .instant-top h2{font-size:35px}
  .instant-top>p{font-size:11px;max-width:420px}
  .instant-grid{grid-template-columns:1fr;gap:13px}
  .instant-property{grid-template-columns:41% 59%;min-height:176px}
  .instant-media{min-height:176px}
  .instant-copy{padding:19px}
  .instant-copy h3{font-size:24px;margin:8px 0}
  .instant-copy p{margin-bottom:10px}
}
@media(max-width:520px){
  .instant-residences{padding-top:45px;padding-bottom:49px}
  .instant-top h2{font-size:31px}
  .instant-grid{gap:11px}
  .instant-property{grid-template-columns:38% 62%;min-height:168px}
  .instant-media{min-height:168px}
  .instant-copy{padding:13px 13px}
  .instant-type{font-size:8px;letter-spacing:.07em}
  .instant-copy h3{font-size:20px;margin:7px 0}
  .instant-copy p{font-size:10px;line-height:1.65;margin-bottom:7px}
  .instant-more{font-size:9px;padding-top:8px}
}