:root{
  --navy:#071526;
  --navy-2:#0c2035;
  --charcoal:#141414;
  --gold:#c9a968;
  --gold-2:#e2c98e;
  --ivory:#f7f1e7;
  --ivory-2:#fffaf1;
  --muted:#8e8a82;
  --line:rgba(201,169,104,.28);
  --glass:rgba(7,21,38,.72);
  --shadow:0 30px 80px rgba(0,0,0,.28);
  --radius:26px;
  --font-serif:'Cormorant Garamond', Georgia, serif;
  --font-sans:'Be Vietnam Pro', Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);background:var(--ivory);color:var(--charcoal);line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
button,input,select,textarea{font-family:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{padding:110px 0;position:relative;overflow:hidden}
.dark-section{background:linear-gradient(145deg,var(--navy),#08101b 60%,#06111d);color:var(--ivory)}
.dark-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(201,169,104,.13),transparent 35%),radial-gradient(circle at bottom right,rgba(255,255,255,.08),transparent 28%);pointer-events:none}
.dark-section>.container{position:relative;z-index:1}.center{text-align:center;margin-inline:auto}.lead{font-size:1.05rem;color:#575249}.dark-section .lead,.dark-section p{color:rgba(247,241,231,.78)}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:.76rem;font-weight:700;margin:0 0 14px}
h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.04;margin:0;color:inherit}
h1{font-size:clamp(4rem,10vw,9.5rem);letter-spacing:.08em;text-transform:uppercase}
h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.035em;margin-bottom:22px}h3{font-size:clamp(1.55rem,2.4vw,2.25rem)}
.section-heading{max-width:860px;margin-bottom:54px}.section-heading.center{margin-left:auto;margin-right:auto}.section-heading p{max-width:760px}.section-copy{max-width:640px}.note{font-size:.92rem;color:var(--gold)!important;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 24px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:.9rem;transition:.35s ease;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#101010;border-color:transparent;box-shadow:0 18px 40px rgba(201,169,104,.22)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(201,169,104,.36)}.btn-ghost{color:var(--ivory);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}.btn-ghost:hover{background:rgba(255,255,255,.13);border-color:var(--gold)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 34px;transition:.35s ease;color:var(--ivory)}.site-header.scrolled{background:rgba(7,21,38,.88);backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(0,0,0,.18);padding-block:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;font-family:var(--font-serif);font-size:1.55rem;color:var(--gold)}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase}.brand-text em{font-size:.66rem;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,241,231,.72)}
.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{font-size:.83rem;font-weight:600;color:rgba(247,241,231,.82);transition:.25s}.main-nav a:hover{color:var(--gold)}.nav-cta{padding:11px 16px;border:1px solid var(--gold);border-radius:999px;color:var(--gold)!important}.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;position:relative}.nav-toggle span{display:block;height:2px;background:var(--ivory);margin:7px 0;transition:.3s}
.hero{min-height:100vh;position:relative;display:grid;align-items:center;color:var(--ivory);padding:160px 0 96px;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('assets/images/hero.webp') center/cover no-repeat;transform:scale(1.04);animation:heroZoom 16s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,17,.88),rgba(7,21,38,.56) 48%,rgba(0,0,0,.25)),linear-gradient(0deg,rgba(7,21,38,.78),transparent 36%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ivory));opacity:.88}.hero-content{width:min(1180px,calc(100% - 40px));margin-inline:auto;position:relative;z-index:2;max-width:860px}.hero-subtitle{font-family:var(--font-serif);font-size:clamp(1.65rem,3.8vw,3.45rem);margin:2px 0 24px;color:var(--gold-2)}.hero-copy{font-size:1.06rem;max-width:620px;color:rgba(247,241,231,.82);margin-bottom:34px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-stats{position:absolute;z-index:3;right:34px;bottom:34px;display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);border-radius:22px;overflow:hidden}.hero-stats div{padding:18px;background:rgba(7,21,38,.62)}.hero-stats strong{display:block;color:var(--gold-2);font-family:var(--font-serif);font-size:1.2rem}.hero-stats span{font-size:.76rem;color:rgba(247,241,231,.72)}.scroll-cue{position:absolute;left:34px;bottom:40px;z-index:3;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,241,231,.7)}@keyframes heroZoom{to{transform:scale(1.1)}}
.split-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}.image-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#ddd}.image-card img{height:100%;object-fit:cover;min-height:390px}.image-card figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:18px;background:rgba(7,21,38,.68);color:var(--ivory);backdrop-filter:blur(14px);font-size:.86rem}.image-card.large img{min-height:520px}.keyword-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.keyword-row span,.amenity-tags span{border:1px solid var(--line);padding:11px 16px;border-radius:999px;color:var(--navy);background:rgba(255,255,255,.45);font-weight:600;font-size:.86rem}.dark-section .amenity-tags span{color:var(--ivory);background:rgba(255,255,255,.08)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{padding:30px;border:1px solid rgba(201,169,104,.22);border-radius:24px;background:rgba(255,255,255,.055);min-height:245px;transition:.35s}.value-card:hover{transform:translateY(-7px);border-color:var(--gold);background:rgba(255,255,255,.09)}.value-card span{font-family:var(--font-serif);font-size:2rem;color:var(--gold);opacity:.88}.value-card h3{margin:38px 0 12px;font-size:1.65rem}.value-card p{font-size:.92rem}
.reverse-mobile{}.visual-stack{position:relative}.floating-note{position:absolute;right:-20px;bottom:28px;width:min(300px,75%);padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,241,.84);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.16)}.floating-note strong{display:block;font-family:var(--font-serif);font-size:1.55rem;color:var(--navy)}.floating-note span{font-size:.85rem;color:#5b554b}.icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:32px}.icon-grid div{padding:20px;border:1px solid rgba(7,21,38,.1);border-radius:22px;background:rgba(255,255,255,.55)}.icon-grid span{display:block;font-family:var(--font-serif);font-size:2.6rem;line-height:1;color:var(--gold)}.icon-grid p{margin:8px 0 0;font-weight:600;color:#453f36}
.design-section{background:linear-gradient(180deg,var(--ivory),#f2eadc)}.design-grid{display:grid;grid-template-columns:.8fr 1.05fr .8fr;gap:22px;align-items:stretch}.tower-card,.feature-list{border-radius:var(--radius);border:1px solid rgba(7,21,38,.11);background:rgba(255,255,255,.65);box-shadow:0 16px 50px rgba(7,21,38,.08);padding:28px}.tower-line{display:flex;flex-direction:column-reverse;gap:14px;height:100%;justify-content:space-between}.tower-line div{padding:20px;border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(201,169,104,.12),transparent);border-radius:0 18px 18px 0}.tower-line strong{display:block;font-family:var(--font-serif);font-size:1.35rem;color:var(--navy)}.tower-line span{font-size:.86rem;color:#5e574e}.feature-list h3{margin-bottom:18px}.feature-list ul,.product-highlights ul{padding-left:18px;margin:0}.feature-list li,.product-highlights li{margin-bottom:12px}

.amenity-video-block{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:center;margin:0 auto 40px;padding:28px;border-radius:32px;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,104,.24);box-shadow:0 24px 70px rgba(0,0,0,.18)}.amenity-video-copy h3{font-size:2.45rem;color:var(--gold-2);margin-bottom:12px}.amenity-video-copy p{color:rgba(247,241,231,.76);margin-bottom:0}.amenity-video-wrap{border-radius:26px;overflow:hidden;background:#071526;border:1px solid rgba(201,169,104,.25);box-shadow:0 20px 58px rgba(0,0,0,.25)}.amenity-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071526}.amenity-living-gallery{margin-top:46px;padding-top:42px;border-top:1px solid rgba(201,169,104,.22)}.amenity-gallery-heading{max-width:820px;margin:0 auto 26px;text-align:center}.amenity-gallery-heading h3{font-size:2.45rem;color:var(--gold-2);margin-bottom:10px}.amenity-gallery-heading p{color:rgba(247,241,231,.76);margin:0}.amenity-gallery-grid{margin-top:0}.amenity-gallery-grid .gallery-item{border:1px solid rgba(201,169,104,.18);box-shadow:0 18px 48px rgba(0,0,0,.16)}
.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.amenity-card{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,104,.22);transition:.35s}.amenity-card:hover{transform:translateY(-7px);border-color:var(--gold)}.amenity-card img{height:240px;object-fit:cover;transition:.55s}.amenity-card:hover img{transform:scale(1.06)}.amenity-card h3{font-size:1.55rem;padding:22px 22px 0}.amenity-card p{padding:0 22px 24px;margin:8px 0 0;font-size:.92rem}.amenity-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.products-section{background:#fffaf1}.product-tabs,.layout-tabs,.gallery-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.product-tabs button,.layout-tabs button,.gallery-filter button{border:1px solid rgba(7,21,38,.12);background:#fff;border-radius:999px;padding:11px 17px;cursor:pointer;font-weight:700;color:#514b43;transition:.25s}.product-tabs button.active,.layout-tabs button.active,.gallery-filter button.active,.product-tabs button:hover,.layout-tabs button:hover,.gallery-filter button:hover{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.product-showcase{display:grid;grid-template-columns:1fr 360px;gap:22px}.product-panel{display:none;border-radius:var(--radius);padding:44px;background:linear-gradient(145deg,#fff,#f5ead8);border:1px solid rgba(7,21,38,.09);min-height:320px}.product-panel.active{display:block}.product-size{display:inline-block;color:var(--gold);font-weight:800;margin-bottom:20px;letter-spacing:.06em;text-transform:uppercase}.product-panel h3{font-size:3rem;margin-bottom:18px;color:var(--navy)}.product-panel p{max-width:720px}.product-highlights{border-radius:var(--radius);padding:34px;background:var(--navy);color:var(--ivory)}.product-highlights h4{font-family:var(--font-serif);font-size:1.8rem;margin:0 0 18px;color:var(--gold-2)}
.layout-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.layout-item{display:none;margin:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(7,21,38,.1);box-shadow:0 16px 45px rgba(7,21,38,.08);cursor:zoom-in}.layout-item.active{display:block}.layout-item img{height:420px;object-fit:contain;background:#fff}.layout-item figcaption{padding:14px 18px;font-weight:700;color:var(--navy)}.center-action{text-align:center;margin-top:28px}
.handover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.handover-grid span{padding:18px;border:1px solid rgba(201,169,104,.25);border-radius:16px;background:rgba(255,255,255,.07);font-weight:700;color:var(--ivory)}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.partner-grid article{padding:42px 28px;border:1px solid rgba(7,21,38,.11);border-radius:24px;background:linear-gradient(145deg,#fff,#f6eddf);text-align:center;box-shadow:0 16px 50px rgba(7,21,38,.07)}.partner-grid strong{font-family:var(--font-serif);font-size:3rem;color:var(--navy);display:block}.partner-grid span{color:#6b6258;font-weight:700}

.international-video-section{background:linear-gradient(180deg,#fffaf1 0%,#f3e7d6 55%,#fffaf1 100%)}
.partner-video-wrap{max-width:1040px;margin:0 auto 30px;border-radius:32px;overflow:hidden;border:1px solid rgba(201,169,104,.25);box-shadow:0 28px 80px rgba(7,21,38,.16);background:#071526;position:relative}.partner-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071526}.international-video-section .partner-grid{margin-top:28px}.international-video-section .partner-grid article{background:rgba(255,255,255,.75)}
.gallery-section{background:#f5ecdd}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}.gallery-item{border:0;padding:0;border-radius:22px;overflow:hidden;cursor:zoom-in;background:#ddd;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.55s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item.is-hidden{display:none}

.apartment-views-section{background:linear-gradient(180deg,#fffaf1 0%,#f3e7d6 52%,#fffaf1 100%)}
.views-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.view-card{border:1px solid rgba(7,21,38,.1);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(7,21,38,.08);cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease;border:0;padding:0;text-align:left;color:inherit}.view-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(7,21,38,.12)}.view-card-media{aspect-ratio:9/16;background:#ddd;overflow:hidden}.view-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.view-card:hover .view-card-media img{transform:scale(1.03)}.view-card-body{padding:18px 18px 20px}.view-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.view-card-top strong{font-family:var(--font-serif);font-size:1.6rem;color:var(--navy)}.view-card-top span{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:rgba(201,169,104,.16);color:#6b541d;font-weight:800;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase}.view-card-meta{display:grid;gap:10px}.view-card-meta p{margin:0;display:flex;justify-content:space-between;gap:16px;padding-top:10px;border-top:1px solid rgba(7,21,38,.08);font-size:.96rem;color:#5d554c}.view-card-meta span{font-weight:600;color:#8a8178}.view-card-meta strong{font-weight:800;color:var(--navy);text-align:right}.view-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.contact-section{background:linear-gradient(135deg,var(--navy),#0a1d31);color:var(--ivory)}.contact-grid{display:grid;grid-template-columns:.9fr 1fr;gap:54px;align-items:start}.contact-copy p{color:rgba(247,241,231,.78)}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.contact-cards a{padding:22px;border-radius:20px;border:1px solid rgba(201,169,104,.24);background:rgba(255,255,255,.07);transition:.25s}.contact-cards a:hover{border-color:var(--gold);transform:translateY(-3px)}.contact-cards span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}.contact-cards strong{font-family:var(--font-serif);font-size:1.55rem}.lead-form{padding:34px;border-radius:var(--radius);background:rgba(255,255,255,.08);border:1px solid rgba(201,169,104,.24);backdrop-filter:blur(18px)}.lead-form label{display:block;font-weight:700;margin-bottom:16px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08);color:var(--ivory);padding:14px 15px;outline:0}.lead-form input::placeholder,.lead-form textarea::placeholder{color:rgba(247,241,231,.45)}.lead-form select option{color:#111}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,104,.12)}.lead-form .btn{width:100%;border:0}.form-message{min-height:22px;margin:12px 0 0;color:var(--gold-2);font-weight:700}
.site-footer{background:#050b13;color:rgba(247,241,231,.72);padding:54px 0 74px}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.footer-brand{margin-bottom:18px}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.site-footer a:hover{color:var(--gold)}
.floating-cta{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:10px}.floating-cta a{padding:12px 14px;border-radius:999px;background:rgba(7,21,38,.86);color:var(--ivory);border:1px solid var(--line);backdrop-filter:blur(12px);font-size:.82rem;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18)}.floating-cta a:hover{background:var(--gold);color:#111}.mobile-contact-bar{display:none}.back-to-top{position:fixed;right:22px;bottom:24px;z-index:997;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--navy);color:var(--gold);font-size:1.25rem;cursor:pointer;opacity:0;pointer-events:none;transition:.25s}.back-to-top.show{opacity:1;pointer-events:auto}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:2000;display:none;align-items:center;justify-content:center;padding:26px}.lightbox.open{display:flex}.lightbox img{max-width:min(1100px,96vw);max-height:88vh;object-fit:contain;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:2rem;cursor:pointer}.page-loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:var(--navy);transition:.6s}.page-loader.hide{opacity:0;visibility:hidden}.loader-mark{width:72px;height:72px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:var(--font-serif);font-size:3rem;animation:pulse 1.4s infinite alternate}@keyframes pulse{to{transform:scale(1.08);opacity:.72}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
@media (max-width:1100px){.main-nav{gap:13px}.main-nav a{font-size:.78rem}.hero-stats{position:relative;right:auto;bottom:auto;width:min(900px,calc(100% - 40px));margin:44px auto 0}.design-grid{grid-template-columns:1fr 1fr}.feature-list{grid-column:1/-1}.floating-cta{display:none}}
@media (max-width:860px){.site-header{padding:12px 18px}.nav-toggle{display:block;z-index:1002}.main-nav{position:fixed;inset:0 0 auto 0;top:0;min-height:100vh;background:rgba(7,21,38,.98);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:84px 34px;transform:translateX(100%);transition:.35s}.main-nav.open{transform:translateX(0)}.main-nav a{font-size:1.1rem}.nav-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.brand-text em{display:none}.section{padding:78px 0}.split-grid,.contact-grid,.footer-grid{grid-template-columns:1fr;gap:36px}.reverse-mobile .visual-stack{order:2}.value-grid,.amenity-grid,.partner-grid,.amenity-video-block{grid-template-columns:1fr}.hero{padding-top:130px}.hero-stats{grid-template-columns:1fr}.hero-stats div{padding:15px}.scroll-cue{display:none}.icon-grid,.contact-cards{grid-template-columns:1fr}.design-grid,.product-showcase{grid-template-columns:1fr}.layout-gallery{grid-template-columns:1fr}.layout-item img{height:auto;max-height:520px}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.gallery-item.wide{grid-column:span 2}.views-grid{grid-template-columns:repeat(2,1fr)}.floating-note{position:relative;right:auto;bottom:auto;width:100%;margin-top:-24px}.mobile-contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:998;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(7,21,38,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.mobile-contact-bar a{padding:13px 8px;text-align:center;color:var(--ivory);font-size:.82rem;font-weight:800}.mobile-contact-bar a:nth-child(2){background:var(--gold);color:#111}.back-to-top{bottom:68px}.site-footer{padding-bottom:105px}.product-panel{padding:30px}.product-panel h3{font-size:2.25rem}}
@media (max-width:520px){.container{width:min(100% - 28px,1180px)}h1{font-size:3.15rem}.hero-subtitle{font-size:1.5rem}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-item.wide,.gallery-item.tall{grid-column:auto;grid-row:auto}.handover-grid{grid-template-columns:1fr}.site-footer nav{grid-template-columns:1fr}.keyword-row span{width:100%;text-align:center}}

/* Enhanced detailed sections */
.overview-deep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.overview-deep-grid article{padding:22px;border-radius:22px;background:rgba(255,255,255,.58);border:1px solid rgba(7,21,38,.09);box-shadow:0 18px 44px rgba(7,21,38,.06)}.overview-deep-grid b,.nearby-grid span,.layout-advisory-grid span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(201,169,104,.18);color:var(--gold);font-family:var(--font-serif);font-size:1.15rem;margin-bottom:14px}.overview-deep-grid h3{font-size:1.35rem;color:var(--navy);margin-bottom:10px}.overview-deep-grid p{font-size:.88rem;margin:0;color:#5d574e}.value-card ul{margin:18px 0 0;padding-left:18px;color:rgba(247,241,231,.68);font-size:.84rem}.value-card li{margin-bottom:7px}.sales-angle{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;margin-top:30px;padding:32px;border-radius:26px;border:1px solid rgba(201,169,104,.25);background:rgba(255,255,255,.07)}.sales-angle h3{color:var(--gold-2);font-size:2rem}.sales-angle ul{margin:0;padding-left:20px}.sales-angle li{margin-bottom:12px;color:rgba(247,241,231,.78)}
.bridge-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.bridge-grid article{padding:18px 20px;border-radius:20px;border:1px solid rgba(7,21,38,.1);background:rgba(255,255,255,.52)}.bridge-grid strong{display:block;color:var(--navy);font-family:var(--font-serif);font-size:1.35rem;margin-bottom:5px}.bridge-grid span{display:block;color:#625a50;font-size:.88rem}.nearby-wrap{margin-top:54px}.nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nearby-grid article{padding:28px;border-radius:24px;background:linear-gradient(145deg,#fff,#f5eadb);border:1px solid rgba(7,21,38,.09);box-shadow:0 18px 50px rgba(7,21,38,.07)}.nearby-grid h3{font-size:1.55rem;color:var(--navy);margin-bottom:12px}.nearby-grid p{margin:0;color:#5d574e}.arrival-journey{margin-top:42px;padding:34px;border-radius:28px;background:rgba(255,255,255,.58);border:1px solid rgba(7,21,38,.1);box-shadow:0 18px 54px rgba(7,21,38,.07)}.journey-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.journey-heading h3{max-width:680px;color:var(--navy);font-size:2.35rem}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.journey-steps article{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(7,21,38,.08)}.journey-steps span{color:var(--gold);font-family:var(--font-serif);font-size:1.7rem}.journey-steps strong{display:block;color:var(--navy);font-family:var(--font-serif);font-size:1.42rem;margin:6px 0}.journey-steps p{margin:0;font-size:.88rem;color:#60584d}.height-spec-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.height-spec-grid article{padding:18px 12px;border-radius:18px;text-align:center;background:var(--navy);color:var(--ivory);border:1px solid var(--line)}.height-spec-grid strong{display:block;font-family:var(--font-serif);font-size:1.5rem;color:var(--gold-2)}.height-spec-grid span{font-size:.78rem;color:rgba(247,241,231,.72)}
.amenity-experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.amenity-experience-grid article{padding:28px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,104,.22)}.amenity-experience-grid h3{font-size:1.7rem;color:var(--gold-2);margin-bottom:12px}.amenity-experience-grid p{margin:0;color:rgba(247,241,231,.76)}.product-detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 0;padding:0;list-style:none}.product-detail-list li{padding:16px;border-radius:16px;background:rgba(7,21,38,.06);border:1px solid rgba(7,21,38,.08);font-size:.88rem;color:#5a5349}.product-matrix{margin-top:30px;border-radius:24px;overflow:hidden;border:1px solid rgba(7,21,38,.1);box-shadow:0 18px 54px rgba(7,21,38,.07)}.matrix-row{display:grid;grid-template-columns:.8fr 1fr 1.3fr}.matrix-row span{padding:16px 18px;background:#fff;border-bottom:1px solid rgba(7,21,38,.08);border-right:1px solid rgba(7,21,38,.08);font-size:.92rem;color:#554e45}.matrix-row span:first-child{font-weight:800;color:var(--navy)}.matrix-row.matrix-head span{background:var(--navy);color:var(--gold-2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.layout-advisory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.layout-advisory-grid article{padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(7,21,38,.1);box-shadow:0 16px 44px rgba(7,21,38,.06)}.layout-advisory-grid h3{font-size:1.35rem;color:var(--navy);margin-bottom:10px}.layout-advisory-grid p{font-size:.88rem;color:#5d574e;margin:0}.handover-detail-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.handover-detail-grid article{padding:24px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,104,.22)}.handover-detail-grid h3{font-size:1.45rem;color:var(--gold-2);margin-bottom:10px}.handover-detail-grid p{margin:0;font-size:.88rem;color:rgba(247,241,231,.75)}.partner-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.partner-note-grid article{padding:24px;border-radius:22px;border:1px solid rgba(7,21,38,.1);background:#fff;box-shadow:0 14px 40px rgba(7,21,38,.06)}.partner-note-grid h3{font-size:1.42rem;color:var(--navy);margin-bottom:8px}.partner-note-grid p{font-size:.88rem;color:#5d574e;margin:0}.consult-pack{margin-top:24px;padding:24px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,104,.24)}.consult-pack h3{font-size:1.55rem;color:var(--gold-2);margin-bottom:12px}.consult-pack ul{margin:0;padding-left:18px;color:rgba(247,241,231,.76)}.consult-pack li{margin-bottom:8px}
@media (max-width:1100px){.overview-deep-grid,.nearby-grid,.amenity-experience-grid,.partner-note-grid{grid-template-columns:1fr 1fr}.journey-steps,.layout-advisory-grid{grid-template-columns:repeat(2,1fr)}.height-spec-grid{grid-template-columns:repeat(3,1fr)}.product-detail-list{grid-template-columns:1fr}.handover-detail-grid{grid-template-columns:1fr 1fr}.matrix-row{grid-template-columns:1fr}}
@media (max-width:860px){.overview-deep-grid,.sales-angle,.nearby-grid,.journey-heading,.amenity-experience-grid,.partner-note-grid,.handover-detail-grid{grid-template-columns:1fr;display:grid}.journey-heading{align-items:start}.bridge-grid,.layout-advisory-grid{grid-template-columns:1fr}.height-spec-grid{grid-template-columns:repeat(2,1fr)}.journey-steps{grid-template-columns:1fr}.matrix-row span{border-right:0}.sales-angle{padding:24px}.arrival-journey{padding:24px}.journey-heading h3{font-size:1.9rem}}
@media (max-width:520px){.height-spec-grid{grid-template-columns:1fr}.nearby-wrap{margin-top:28px}.overview-deep-grid article,.nearby-grid article,.layout-advisory-grid article{padding:20px}.matrix-row span{font-size:.86rem;padding:13px}}

/* Detailed layout section */
.layout-detail-section{background:linear-gradient(180deg,#fffaf1 0%,#f1e4d0 54%,#fffaf1 100%)}
.layout-overview-card{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch;margin:10px 0 28px}.layout-overview-media{margin:0;border-radius:30px;overflow:hidden;background:#fff;border:1px solid rgba(7,21,38,.12);box-shadow:0 24px 70px rgba(7,21,38,.12);cursor:zoom-in}.layout-overview-media img{height:100%;min-height:560px;object-fit:cover}.layout-overview-media figcaption{padding:16px 20px;font-weight:800;color:var(--navy);background:#fff}.layout-overview-copy{border-radius:30px;padding:34px;background:var(--navy);color:var(--ivory);border:1px solid rgba(201,169,104,.25);box-shadow:0 24px 70px rgba(7,21,38,.12)}.layout-overview-copy h3{font-size:2.65rem;color:var(--gold-2);margin-bottom:16px}.layout-overview-copy p{color:rgba(247,241,231,.78)}.layout-reading-steps{display:grid;gap:12px;margin-top:22px}.layout-reading-steps article{display:grid;grid-template-columns:46px 1fr;gap:6px 14px;align-items:start;padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,104,.18)}.layout-reading-steps span{grid-row:1/3;color:var(--gold-2);font-family:var(--font-serif);font-size:1.55rem}.layout-reading-steps strong{font-family:var(--font-serif);font-size:1.32rem;color:#fff}.layout-reading-steps em{font-style:normal;color:rgba(247,241,231,.72);font-size:.86rem}.layout-key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.layout-key-grid article{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(7,21,38,.1);box-shadow:0 16px 48px rgba(7,21,38,.07)}.layout-key-grid span{display:inline-block;margin-bottom:8px;color:var(--gold);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.layout-key-grid strong{display:block;font-family:var(--font-serif);font-size:2rem;color:var(--navy);margin-bottom:8px}.layout-key-grid p{margin:0;color:#5d574e;font-size:.9rem}.layout-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 34px}.layout-guide-grid article{padding:24px;border-radius:24px;background:linear-gradient(145deg,#fff,#f7eddc);border:1px solid rgba(7,21,38,.09)}.layout-guide-grid h3{font-size:1.55rem;color:var(--navy);margin-bottom:10px}.layout-guide-grid p{margin:0;color:#5d574e;font-size:.9rem}.layout-gallery-detail{align-items:stretch}.layout-gallery-detail .layout-item{position:relative;background:#fff}.layout-gallery-detail .layout-item.layout-featured{grid-column:span 2}.layout-gallery-detail .layout-item img{height:390px;object-fit:contain;padding:8px;background:#fff}.layout-gallery-detail .layout-featured img{height:460px}.layout-gallery-detail .layout-item figcaption{display:grid;gap:5px;padding:16px 18px;background:linear-gradient(180deg,#fff,#fbf4e9)}.layout-gallery-detail .layout-item figcaption strong{font-family:var(--font-serif);font-size:1.25rem;color:var(--navy)}.layout-gallery-detail .layout-item figcaption span{font-weight:500;color:#625a50;font-size:.86rem;line-height:1.5}.layout-gallery-detail .layout-item:after,.zoomable-layout:after{content:'Click để phóng to';position:absolute;top:14px;right:14px;padding:8px 10px;border-radius:999px;background:rgba(7,21,38,.78);color:#fff;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(-4px);transition:.25s}.layout-gallery-detail .layout-item:hover:after,.zoomable-layout:hover:after{opacity:1;transform:translateY(0)}.layout-compare-wrap{margin-top:36px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid rgba(7,21,38,.1);box-shadow:0 22px 65px rgba(7,21,38,.08)}.layout-compare-heading{padding:30px 32px;background:var(--navy);color:var(--ivory)}.layout-compare-heading h3{font-size:2.25rem;color:var(--gold-2)}.layout-compare-table{display:grid}.compare-row{display:grid;grid-template-columns:1fr 1fr 1.55fr}.compare-row span{padding:18px 20px;border-right:1px solid rgba(7,21,38,.08);border-bottom:1px solid rgba(7,21,38,.08);color:#554e45}.compare-row span:first-child{font-weight:800;color:var(--navy)}.compare-head span{background:#f2e4d0!important;color:var(--navy)!important;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;font-weight:900!important}.layout-note-banner{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:30px;padding:32px;border-radius:30px;background:linear-gradient(135deg,var(--navy),#0c2a48);color:var(--ivory);border:1px solid rgba(201,169,104,.25);box-shadow:0 24px 70px rgba(7,21,38,.14)}.layout-note-banner h3{font-size:2.2rem;color:var(--gold-2);margin-bottom:10px}.layout-note-banner p{color:rgba(247,241,231,.78);margin:0;max-width:860px}
@media (max-width:1100px){.layout-overview-card{grid-template-columns:1fr}.layout-key-grid,.layout-guide-grid{grid-template-columns:repeat(2,1fr)}.layout-gallery-detail .layout-item.layout-featured{grid-column:span 1}.compare-row{grid-template-columns:1fr}.compare-row span{border-right:0}.layout-note-banner{grid-template-columns:1fr}.layout-overview-media img{min-height:auto;height:auto}.layout-gallery-detail .layout-item img,.layout-gallery-detail .layout-featured img{height:360px}}
@media (max-width:680px){.layout-overview-copy{padding:24px}.layout-overview-copy h3,.layout-compare-heading h3,.layout-note-banner h3{font-size:1.85rem}.layout-key-grid,.layout-guide-grid{grid-template-columns:1fr}.layout-gallery-detail .layout-item img,.layout-gallery-detail .layout-featured img{height:auto;max-height:520px}.layout-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.layout-tabs button{white-space:nowrap}.layout-note-banner{padding:24px}.layout-overview-media figcaption{font-size:.86rem}.layout-reading-steps article{grid-template-columns:38px 1fr}}
.layout-overview-media{position:relative}.zoomable-layout{position:relative}

/* Lead form states */
.lead-form button:disabled{
  opacity:.72;
  cursor:not-allowed;
  filter:saturate(.75);
}
.form-message.error{
  color:#ffb4a8;
}

/* Extra polish for deeper layout/library section */
.layout-detail-section .section-heading p{max-width:880px;margin-left:auto;margin-right:auto}.layout-gallery-detail{grid-template-columns:repeat(3,1fr)}.layout-gallery-detail .layout-item{border:1px solid rgba(7,21,38,.1);box-shadow:0 16px 42px rgba(7,21,38,.07)}.layout-gallery-detail .layout-item:not(.active){display:none}.layout-tabs button{cursor:pointer}.layout-tabs button:focus-visible,.gallery-filter button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.compare-row span:last-child{border-right:0}.layout-advisory-grid{margin-top:30px}.layout-advisory-grid article span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(201,169,104,.18);color:var(--gold);font-family:var(--font-serif);font-size:1.15rem;margin-bottom:14px}.layout-overview-copy .eyebrow{color:var(--gold-2)}
@media(max-width:1100px){.layout-gallery-detail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.layout-gallery-detail{grid-template-columns:1fr}.layout-gallery-detail .layout-item img{padding:6px}.layout-key-grid strong{font-size:1.65rem}.compare-row span{padding:14px 16px}.layout-overview-card{gap:18px}.layout-overview-copy p{font-size:.92rem}}


/* Banner mới + hotline/Zalo đầu trang */
.hero-media{
  background-image:url('assets/images/banner-the-magnolia-main.webp');
  background-position:center center;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(2,9,17,.9),rgba(7,21,38,.55) 46%,rgba(0,0,0,.18)),
    linear-gradient(0deg,rgba(7,21,38,.78),transparent 42%);
}
.header-contact{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.header-contact a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-weight:900;
  border:1px solid rgba(201,169,104,.38);
  background:rgba(7,21,38,.52);
  color:var(--ivory);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.header-hotline{
  padding:8px 16px;
  flex-direction:column;
  align-items:flex-start!important;
  gap:1px;
  line-height:1.05;
}
.header-hotline span{
  font-size:.63rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold-2);
}
.header-hotline strong{
  font-size:.95rem;
  letter-spacing:.02em;
}
.header-zalo{
  padding:8px 17px;
  background:linear-gradient(135deg,var(--gold),var(--gold-2))!important;
  color:#111!important;
  border-color:transparent!important;
}
.hero-contact-card{
  width:min(620px,100%);
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.hero-contact-item{
  display:block;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(201,169,104,.36);
  background:rgba(7,21,38,.62);
  color:var(--ivory);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  transition:.25s ease;
}
.hero-contact-item:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
}
.hero-contact-item span{
  display:block;
  margin-bottom:4px;
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  font-weight:800;
}
.hero-contact-item strong{
  display:block;
  font-family:var(--font-serif);
  font-size:1.65rem;
  line-height:1.05;
}
.hero-contact-zalo{
  background:linear-gradient(135deg,rgba(201,169,104,.95),rgba(226,201,142,.95));
  color:#111;
}
.hero-contact-zalo span{color:#2b210f}.hero-contact-zalo strong{font-family:var(--font-sans);font-size:1.05rem;font-weight:900;line-height:1.25}
@media (max-width:1240px){.header-contact{display:none}}
@media (max-width:860px){.hero-media{background-position:center top}.hero-contact-card{grid-template-columns:1fr}.hero-contact-item strong{font-size:1.45rem}}
@media (max-width:520px){.hero-contact-card{margin-top:16px}.hero-contact-item{padding:14px 16px}}

@media (max-width:1180px){.views-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.views-grid{grid-template-columns:1fr}.view-card-body{padding:16px}.view-card-top strong{font-size:1.45rem}.view-card-meta p{font-size:.92rem}}

@media (max-width:640px){.partner-video-wrap{border-radius:20px}.international-video-section .section-heading h2{font-size:2.15rem}}

@media (max-width:640px){.amenity-video-block{padding:18px;border-radius:22px}.amenity-video-copy h3,.amenity-gallery-heading h3{font-size:1.9rem}.amenity-video-wrap{border-radius:18px}}


/* Compact layout: tiện ích, không gian sống và view căn hộ */
.amenities-section{padding:82px 0}.amenities-section .section-heading{margin-bottom:34px}.amenity-video-block{max-width:980px;margin:0 auto 30px;padding:20px;grid-template-columns:.72fr 1fr;gap:20px;border-radius:26px}.amenity-video-copy h3{font-size:2rem}.amenity-video-copy p{font-size:.92rem}.amenity-video-wrap{border-radius:20px}.amenity-video{max-height:380px;object-fit:cover}.amenity-grid{grid-template-columns:repeat(3,1fr);gap:14px}.amenity-card{border-radius:20px}.amenity-card img{height:168px}.amenity-card h3{font-size:1.32rem;padding:16px 16px 0}.amenity-card p{font-size:.84rem;padding:0 16px 18px;margin-top:6px}.amenity-tags{margin-top:18px}.amenity-tags span{padding:8px 12px;font-size:.78rem}.amenity-living-gallery{margin-top:28px;padding-top:26px}.amenity-gallery-heading{margin-bottom:16px}.amenity-gallery-heading h3{font-size:2rem}.amenity-gallery-heading p{font-size:.92rem}.amenity-gallery-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,270px);grid-template-columns:none;grid-auto-rows:170px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:2px 4px 16px;margin-inline:-4px}.amenity-gallery-grid .gallery-item{grid-column:auto!important;grid-row:auto!important;min-height:170px;scroll-snap-align:start;border-radius:18px}.amenity-gallery-grid .gallery-item img{height:100%;object-fit:cover}.apartment-views-section{padding:82px 0}.apartment-views-section .section-heading{margin-bottom:30px}.views-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,235px);grid-template-columns:none;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 4px 18px;margin-inline:-4px}.view-card{scroll-snap-align:start;border-radius:20px;box-shadow:0 12px 34px rgba(7,21,38,.08)}.view-card-media{aspect-ratio:3/4}.view-card-media img{object-fit:cover;object-position:top center}.view-card-body{padding:12px 13px 14px}.view-card-top{margin-bottom:8px}.view-card-top strong{font-size:1.28rem}.view-card-top span{font-size:.72rem;padding:5px 9px}.view-card-meta{gap:6px}.view-card-meta p{font-size:.78rem;padding-top:6px}.views-grid::-webkit-scrollbar,.amenity-gallery-grid::-webkit-scrollbar{height:8px}.views-grid::-webkit-scrollbar-track,.amenity-gallery-grid::-webkit-scrollbar-track{background:rgba(7,21,38,.08);border-radius:999px}.views-grid::-webkit-scrollbar-thumb,.amenity-gallery-grid::-webkit-scrollbar-thumb{background:rgba(201,169,104,.72);border-radius:999px}.dark-section .amenity-gallery-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}
@media(max-width:980px){.amenity-video-block{grid-template-columns:1fr}.amenity-video{max-height:none}.amenity-grid{grid-template-columns:repeat(2,1fr)}.views-grid{grid-auto-columns:minmax(200px,42vw)}.amenity-gallery-grid{grid-auto-columns:minmax(220px,46vw)}}
@media(max-width:640px){.amenities-section,.apartment-views-section{padding:64px 0}.amenity-grid{grid-template-columns:1fr 1fr;gap:10px}.amenity-card img{height:120px}.amenity-card h3{font-size:1.08rem;padding:12px 12px 0}.amenity-card p{display:none}.amenity-tags{display:none}.amenity-video-block{padding:14px;border-radius:18px;margin-bottom:22px}.amenity-video-copy h3,.amenity-gallery-heading h3{font-size:1.55rem}.amenity-video-copy p,.amenity-gallery-heading p{font-size:.86rem}.amenity-gallery-grid{grid-auto-columns:78vw;grid-auto-rows:165px}.views-grid{grid-auto-columns:72vw}.view-card-media{aspect-ratio:4/5}.view-card-body{padding:11px 12px}.view-card-meta p{font-size:.76rem}.view-card-top strong{font-size:1.22rem}}


/* 2026-06-18: tinh chỉnh mục vị trí và hotline banner lớn hơn */
.location-section .split-grid{grid-template-columns:1.28fr .82fr;gap:54px;align-items:start}
.location-section .image-card.large{border-radius:30px;overflow:hidden}
.location-section .image-card.large img{min-height:650px;object-fit:cover}
.location-section .floating-note{right:18px;bottom:18px;width:min(360px,72%)}
.location-section .section-copy{padding-top:10px}

.header-hotline{padding:10px 20px;gap:3px}
.header-hotline span{font-size:.68rem}
.header-hotline strong{font-size:1.12rem;font-weight:800}

.hero-contact-card{width:min(760px,100%);gap:14px}
.hero-contact-item{padding:18px 20px}
.hero-contact-item:first-child{background:linear-gradient(135deg,rgba(201,169,104,.24),rgba(7,21,38,.9));border-color:rgba(226,201,142,.68);box-shadow:0 22px 54px rgba(0,0,0,.22)}
.hero-contact-item:first-child span{font-size:.78rem}
.hero-contact-item:first-child strong{font-size:2.15rem;letter-spacing:.02em}

@media (max-width:1040px){
  .location-section .split-grid{grid-template-columns:1.1fr .9fr;gap:34px}
  .location-section .image-card.large img{min-height:580px}
}
@media (max-width:860px){
  .location-section .image-card.large img{min-height:460px}
  .hero-contact-item:first-child strong{font-size:1.75rem}
}
@media (max-width:520px){
  .header-hotline strong{font-size:1rem}
  .hero-contact-item:first-child strong{font-size:1.55rem}
}


/* 2026-06-18: hotline nháy nhẹ + nút gọi nổi cố định */
@keyframes hotlineSoftPulse{
  0%,100%{transform:translateZ(0) scale(1);box-shadow:0 0 0 0 rgba(201,169,104,.16),0 10px 26px rgba(0,0,0,.16);}
  50%{transform:translateZ(0) scale(1.025);box-shadow:0 0 0 8px rgba(201,169,104,.08),0 14px 34px rgba(0,0,0,.22);}
}
.hotline-attention{animation:hotlineSoftPulse 2.2s ease-in-out infinite;will-change:transform,box-shadow}
.header-hotline.hotline-attention:hover,.hero-contact-item.hotline-attention:hover,.floating-call-button.hotline-attention:hover{animation-play-state:paused}

.floating-call-button{position:fixed;right:22px;bottom:22px;z-index:999;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 44px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.floating-call-button .call-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.28);font-size:1.2rem;font-weight:900;line-height:1}
.floating-call-button .call-copy{display:flex;flex-direction:column;line-height:1.04}
.floating-call-button .call-copy em{font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.72)}
.floating-call-button .call-copy strong{font-size:1.05rem;font-weight:900}
.floating-call-button:hover{transform:translateY(-2px);color:#111}
.back-to-top{bottom:92px}

@media (max-width:860px){
  .floating-call-button{display:none}
}


/* 2026-06-18: chỉnh hotline đầu header hiển thị số ngang */
.header-hotline{
  min-width:210px;
  padding:12px 22px;
  flex-direction:row;
  align-items:center!important;
  justify-content:center;
  gap:10px;
  line-height:1;
}
.header-hotline span{
  font-size:.76rem;
  white-space:nowrap;
  margin:0;
}
.header-hotline strong{
  display:block;
  font-size:1.16rem;
  font-weight:900;
  white-space:nowrap;
  letter-spacing:.01em;
}


/* 2026-06-18: hiển thị trọn vẹn ảnh vị trí dự án, không cắt ảnh */
.location-section .split-grid{grid-template-columns:1.42fr .78fr;gap:48px;align-items:start}
.location-section .visual-stack{display:block}
.location-section .image-card.large{background:#eef2f5;border-radius:28px;padding:12px}
.location-section .image-card.large img{width:100%;height:auto;min-height:0;object-fit:contain;display:block;border-radius:20px}
.location-section .floating-note{position:relative;right:auto;bottom:auto;width:100%;margin-top:14px}

@media (max-width:1040px){
  .location-section .split-grid{grid-template-columns:1.18fr .82fr;gap:30px}
}
@media (max-width:860px){
  .location-section .image-card.large{padding:8px}
  .location-section .image-card.large img{min-height:0}
}


/* 2026-06-18: Bản phân bổ gọn hơn để tiết kiệm chiều dài trang */
:root{scroll-padding-top:92px}

/* Header hotline nhìn gọn ngang, không dính chữ */
.header-contact{gap:14px!important}
.header-hotline{
  min-width:250px!important;
  padding:11px 22px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.header-hotline span{
  display:inline-block!important;
  font-size:.74rem!important;
  letter-spacing:.15em!important;
  margin:0!important;
  white-space:nowrap!important;
}
.header-hotline strong{
  display:inline-block!important;
  font-size:1.18rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Ảnh vị trí: hiện đủ ảnh, không kéo quá cao */
.location-section{padding:72px 0!important}
.location-section .split-grid{
  grid-template-columns:1.2fr .8fr!important;
  gap:36px!important;
  align-items:center!important;
}
.location-section .image-card.large{
  padding:10px!important;
  border-radius:26px!important;
  background:#eef2f5!important;
}
.location-section .image-card.large img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:520px!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:18px!important;
}
.location-section .floating-note{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin-top:12px!important;
  padding:16px 18px!important;
}

/* Tiện ích: video và ảnh chia gọn trong một màn hình hơn */
.amenities-section{padding:58px 0!important}
.amenities-section .section-heading{
  margin-bottom:24px!important;
  max-width:780px!important;
}
.amenities-section .section-heading h2{font-size:clamp(2.1rem,3.2vw,3.45rem)!important}
.amenities-section .section-heading p{font-size:.95rem!important}

.amenity-video-block{
  max-width:1080px!important;
  margin:0 auto 22px!important;
  padding:16px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:.95fr 1.05fr!important;
  gap:18px!important;
  align-items:center!important;
}
.amenity-video-copy h3{font-size:1.7rem!important;margin-bottom:8px!important}
.amenity-video-copy p{font-size:.86rem!important;line-height:1.55!important;margin-bottom:8px!important}
.amenity-video-wrap{border-radius:18px!important}
.amenity-video{
  width:100%!important;
  height:260px!important;
  max-height:260px!important;
  object-fit:cover!important;
  display:block!important;
}

.amenity-grid{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:10px!important;
}
.amenity-card{
  border-radius:16px!important;
  min-height:0!important;
}
.amenity-card img{
  height:92px!important;
  width:100%!important;
  object-fit:cover!important;
}
.amenity-card h3{
  font-size:.96rem!important;
  line-height:1.15!important;
  padding:10px 10px 0!important;
  margin:0!important;
}
.amenity-card p{
  display:none!important;
}
.amenity-tags{display:none!important}

/* Không gian sống: chỉ là dải kéo ngang thấp */
.amenity-living-gallery{
  margin-top:20px!important;
  padding-top:20px!important;
}
.amenity-gallery-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:12px!important;
}
.amenity-gallery-heading h3{
  font-size:1.7rem!important;
  margin:0!important;
}
.amenity-gallery-heading p{
  max-width:540px!important;
  font-size:.86rem!important;
  margin:0!important;
}
.amenity-gallery-grid{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:190px!important;
  grid-auto-rows:124px!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  padding:2px 4px 12px!important;
  margin-inline:-4px!important;
}
.amenity-gallery-grid .gallery-item{
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:124px!important;
  height:124px!important;
  border-radius:14px!important;
  scroll-snap-align:start!important;
}
.amenity-gallery-grid .gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* View căn hộ: dải card mini, không xổ dài trang */
.apartment-views-section{
  padding:56px 0!important;
}
.apartment-views-section .section-heading{
  max-width:820px!important;
  margin-bottom:22px!important;
}
.apartment-views-section .section-heading h2{
  font-size:clamp(2.15rem,3.6vw,3.8rem)!important;
  line-height:1.02!important;
}
.apartment-views-section .section-heading p{
  font-size:.95rem!important;
  max-width:720px!important;
}
.views-grid{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:158px!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  padding:4px 4px 14px!important;
  margin-inline:-4px!important;
  max-height:312px!important;
}
.view-card{
  width:158px!important;
  min-width:158px!important;
  border-radius:16px!important;
  scroll-snap-align:start!important;
  box-shadow:0 10px 24px rgba(7,21,38,.08)!important;
}
.view-card-media{
  height:214px!important;
  aspect-ratio:auto!important;
}
.view-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}
.view-card-body{
  padding:8px 9px 10px!important;
}
.view-card-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin-bottom:0!important;
}
.view-card-top strong{
  font-size:1.05rem!important;
  line-height:1!important;
}
.view-card-top span{
  font-size:.62rem!important;
  padding:4px 6px!important;
  white-space:nowrap!important;
}
.view-card-meta{
  display:none!important;
}
.views-grid::-webkit-scrollbar,.amenity-gallery-grid::-webkit-scrollbar{height:7px!important}
.views-grid::-webkit-scrollbar-track,.amenity-gallery-grid::-webkit-scrollbar-track{background:rgba(7,21,38,.08)!important;border-radius:999px!important}
.views-grid::-webkit-scrollbar-thumb,.amenity-gallery-grid::-webkit-scrollbar-thumb{background:rgba(201,169,104,.78)!important;border-radius:999px!important}

/* Giảm khoảng cách các section sau khi đã gộp */
.products-section,.layout-detail-section,.handover-section,.contact-section{padding-top:72px!important;padding-bottom:72px!important}

@media(max-width:1180px){
  .amenity-grid{grid-template-columns:repeat(3,1fr)!important}
  .amenity-card img{height:120px!important}
  .location-section .split-grid{grid-template-columns:1fr!important}
}
@media(max-width:860px){
  .location-section,.amenities-section,.apartment-views-section{padding:52px 0!important}
  .amenity-video-block{grid-template-columns:1fr!important}
  .amenity-video{height:220px!important;max-height:220px!important}
  .amenity-grid{grid-template-columns:repeat(2,1fr)!important}
  .amenity-card img{height:108px!important}
  .amenity-gallery-heading{display:block!important}
  .amenity-gallery-heading p{margin-top:6px!important}
  .amenity-gallery-grid{grid-auto-columns:70vw!important;grid-auto-rows:150px!important}
  .amenity-gallery-grid .gallery-item{height:150px!important}
  .views-grid{grid-auto-columns:42vw!important;max-height:310px!important}
  .view-card{width:42vw!important;min-width:42vw!important}
  .view-card-media{height:230px!important}
  .floating-call-button{display:none!important}
}
@media(max-width:520px){
  .header-hotline{min-width:auto!important;padding:9px 14px!important}
  .header-hotline strong{font-size:1rem!important}
  .views-grid{grid-auto-columns:62vw!important}
  .view-card{width:62vw!important;min-width:62vw!important}
  .view-card-media{height:220px!important}
}


/* ===== Fix media: video nét hơn, có tiếng + layout gọn hơn ===== */
.music-toggle{position:fixed;right:18px;bottom:150px;z-index:1000;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;border:1px solid rgba(201,169,104,.6);background:rgba(7,21,38,.92);color:#fff;font-weight:800;box-shadow:0 16px 40px rgba(7,21,38,.18);backdrop-filter:blur(12px);cursor:pointer;transition:.25s}
.music-toggle:hover{transform:translateY(-2px)}
.music-toggle.playing{background:linear-gradient(135deg,#d8b36a,#b98e3e);color:#071526;border-color:rgba(255,255,255,.35)}
.partner-video,.amenity-video{background:#071526;border-radius:inherit}
.partner-video-wrap,.amenity-video-wrap{overflow:hidden}
.views-grid{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 4px 14px!important;margin-inline:-4px!important;scroll-snap-type:x proximity!important;max-height:none!important}
.view-card{flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important}
.view-card-media{height:228px!important;overflow:hidden!important}
.view-card-body{min-height:auto!important}
.amenity-gallery-grid{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 4px 12px!important;margin-inline:-4px!important;scroll-snap-type:x proximity!important}
.amenity-gallery-grid .gallery-item{flex:0 0 190px!important;min-width:190px!important;max-width:190px!important;height:124px!important}
.amenity-grid{grid-template-columns:repeat(4,1fr)!important}
.amenity-card img{height:110px!important}
.amenity-video{height:300px!important;max-height:300px!important;object-fit:cover!important}
@media(max-width:1180px){.amenity-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:860px){.music-toggle{bottom:86px!important;right:14px!important;padding:10px 14px!important;font-size:.9rem!important}.amenity-grid{grid-template-columns:repeat(2,1fr)!important}.views-grid{gap:10px!important}.view-card{flex-basis:42vw!important;width:42vw!important;min-width:42vw!important;max-width:42vw!important}.view-card-media{height:230px!important}.amenity-gallery-grid .gallery-item{flex-basis:70vw!important;min-width:70vw!important;max-width:70vw!important;height:150px!important}.amenity-video{height:220px!important;max-height:220px!important}}
@media(max-width:520px){.view-card{flex-basis:62vw!important;width:62vw!important;min-width:62vw!important;max-width:62vw!important}.view-card-media{height:220px!important}.music-toggle{bottom:82px!important}}