@font-face{font-family:'HelveticaNeueLight';font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/helveticaneuelight-300.woff2) format("woff2")}
@font-face{font-family:'Blushing Rose';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/blushing-rose-400.ttf) format("truetype")}
@font-face{font-family:'Motherland';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/motherland-400.ttf) format("truetype")}
/* Royal Mansion — giao diện mới bám file thiết kế */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');







:root{
  --green:#002011; --green-2:#001A0E; --gold:#fdf6c2; --gold-2:#C9A24B;
  --cream:#F1EAD2; --cream-dim:#C9BE97;
  --serif:'Blushing Rose','Cormorant Garamond',Georgia,serif;
  --script:'Motherland',cursive;
  --sans:'Gilroy',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(120% 85% at 50% 22%, #0B3A24 0%, #04291A 45%, #001710 100%) fixed;color:var(--cream);font-family:var(--sans);font-weight:300;line-height:1.6}
img{max-width:100%;display:block}
[data-ph]{opacity:.55;font-style:italic}
.display{font-weight:600;line-height:1.05}
.serif{font-family:var(--serif);letter-spacing:.04em}
.script{font-family:var(--script);color:var(--gold);font-weight:400}

/* ---------- NAV ---------- */
.nav{position:absolute;top:0;left:0;right:0;z-index:30}
.nav-inner{max-width:1600px;margin:0 auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold)}
.brand-mark{font-size:34px;line-height:1}
.brand-name{font-family:var(--serif);font-size:20px;letter-spacing:.18em;line-height:1.05;color:var(--gold)}
.menu{display:flex;gap:40px}
.menu a{color:var(--cream);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.08em}
.menu a:hover{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:16px;color:var(--cream)}
.nav-right .lang{border:1px solid rgba(241,234,210,.5);padding:3px 8px;font-size:13px;letter-spacing:.1em}
.nav-right .dots{font-size:20px}

/* ---------- S1 + S2: 2 nền riêng (bg-s2=skyline, bg-s1=green), gradient mép nối liền ---------- */
.s1-2{position:relative;background:transparent}

/* ---------- 1. HERO (nền skyline = bg-s2) ---------- */
.s-hero{position:relative;min-height:100vh;
  background:#001A0E url('/assets/home/04eef712dc1f.jpg') top center/cover no-repeat}
/* cột nội dung căn theo mockup: title trái, desc + nút thụt phải */
.hero-copy{position:absolute;left:6.5%;top:28%;width:33%}
/* title = ảnh thiết kế */
.hero-title{width:89%;height:auto;display:block;user-select:none}
.hero-sp{display:none}/* spacer chỉ dùng cho mobile (xem @media) — desktop ẩn, không ảnh hưởng */
/* box text mô tả — justify, thụt phải, cỡ theo mockup */
.hero-desc{margin-left:10.6%;margin-top:26px}
.hero-desc p{font-family:\'HelveticaNeueLight\',\'Helvetica Neue\',Helvetica,Arial,sans-serif;font-weight:300;font-size:18px;color:var(--cream);line-height:1.75;margin:0;text-align:justify}
.hero-actions{margin-top:26px;text-align:right}
.btn-ghost{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:9px 34px;border-radius:30px;
  text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.05em;transition:.2s}
.btn-ghost:hover{background:var(--gold);color:var(--green-2)}

/* ---------- 2. CENTER (Kiệt tác) — nền curtain tái tạo từ thiết kế ---------- */
.s-center{position:relative;text-align:center;padding:120px 24px 170px;
  background:#01200F url('/assets/home/46fc219b4fc2.jpg') top center/cover no-repeat}
.s-center .script{font-size:64px;margin-bottom:2px}
.s-center-title{font-family:var(--serif);font-weight:400;letter-spacing:.06em;
  font-size:58px;color:var(--cream);line-height:1.05}
.s-center-title-img{width:min(560px,80%);height:auto;margin:0 auto;display:block}
.s-center .diamond{color:var(--gold);font-size:20px;margin:34px 0 44px}
.center-text{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:30px;
  font-size:17px;line-height:1.85;color:var(--cream)}
.center-text p{margin:0}

/* ---------- 3-4. VIDEO ---------- */
.s-video{padding:80px 24px 120px;display:flex;justify-content:center}
.video-frame{position:relative;width:min(1500px,92vw);aspect-ratio:16/9;background:transparent;
  border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:none}
.video-frame .play{width:78px;height:78px;border-radius:50%;border:2px solid var(--gold);background:rgba(0,32,17,.5);
  color:var(--gold);font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.video-frame .video-ph{position:absolute;bottom:20px;color:var(--cream-dim)}

/* ---------- 5. LOCATION ---------- */
.s-location{display:grid;grid-template-columns:38% 62%;align-items:center;gap:30px;padding:90px 48px}
.loc-text .script{font-size:52px;margin-bottom:-4px}
.loc-text .display{font-size:52px;color:var(--cream);margin-bottom:26px}
.loc-lead{color:var(--cream);margin-bottom:14px;font-size:16px}
.views{list-style:none;display:flex;flex-direction:column;gap:14px}
.views li{position:relative;padding-left:26px;color:var(--cream);font-size:16px}
.views li::before{content:"✦";position:absolute;left:0;color:var(--gold)}
.views b{color:var(--gold);font-weight:600;letter-spacing:.05em}
.loc-map img{width:100%;border-radius:12px}

/* ---------- 5. VỊ TRÍ (map + title = ảnh thiết kế, body = box text) ---------- */
.s-loc5{position:relative;width:100%;aspect-ratio:2560/1280;
  background:url('/assets/home/9f8f4f30ce86.jpg') top center/cover no-repeat}
/* box text body phủ đúng vùng body cũ, nền green đồng màu che chữ baked */
.loc5-body{position:absolute;left:4.5%;top:49%;width:34%;min-height:31%;
  background:#03200F url('/assets/home/7f86de82c1a2.jpg') center/cover no-repeat;
  padding:1.3% 1.6%;color:var(--cream)}
.loc5-lead{font-size:clamp(11px,1.15vw,22px);line-height:1.55;margin:0 0 .8em}
.loc5-views{list-style:none;display:flex;flex-direction:column;gap:.7em}
.loc5-views li{position:relative;padding-left:1.6em;
  font-size:clamp(11px,1.15vw,22px);line-height:1.5;color:var(--cream)}
.loc5-views li::before{content:"✦";position:absolute;left:0;color:var(--gold)}
.loc5-views b{color:var(--gold);font-weight:600;letter-spacing:.03em}

/* ---------- 6. 5 LÝ DO ---------- */
.s-reasons{padding:100px 48px}
.reasons-head{text-align:center;margin-bottom:56px}
.reasons-head .display{font-size:60px;color:var(--cream);line-height:1}
.reasons-head .script.big{font-size:52px;margin:-10px 0 4px}
.reasons-head .reasons-sub{font-family:var(--serif);letter-spacing:.12em;color:var(--cream);font-size:22px}
.reasons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;max-width:1500px;margin:0 auto}
.rcard{border:1px solid rgba(227,203,118,.45);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:16px}
.rimg{aspect-ratio:3/4;background:#00160b;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--cream-dim)}
.rcap{text-align:center;display:flex;flex-direction:column;gap:2px;padding-bottom:8px}
.rcap .serif{font-size:19px;letter-spacing:.06em;color:var(--cream)}
.rcap .script{font-size:26px}

/* ---------- 7. UTILITIES ---------- */
.s-utilities{display:grid;grid-template-columns:60% 40%;align-items:center;gap:40px;padding:90px 48px}
.util-map img{width:100%;height:auto;display:block;border:none;border-radius:4px}
.util-legend .display{font-size:46px;color:var(--cream);margin-bottom:26px;line-height:1.1}
.util-legend .display .script{font-size:52px}
.legend{list-style:none;counter-reset:u;column-count:2;column-gap:36px}
.legend li{counter-increment:u;position:relative;padding:7px 0 7px 40px;font-size:14px;color:var(--cream);break-inside:avoid;border-bottom:1px solid rgba(227,203,118,.12)}
.legend li::before{content:counter(u,decimal-leading-zero);position:absolute;left:0;top:5px;width:26px;height:26px;
  border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:12px;display:flex;align-items:center;justify-content:center}

/* ---------- 8. BIG RENDER ---------- */
.s-bigrender{min-height:86vh;background:#04291a center/cover no-repeat}

/* ---------- FOOTER ---------- */
.footer{text-align:center;padding:70px 24px;background:var(--green-2)}
.foot-dev{color:var(--cream-dim);font-size:14px;letter-spacing:.1em;margin-bottom:14px}
.foot-brand .script{font-size:40px}
.foot-info{margin-top:18px;color:var(--cream-dim)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .menu,.nav-right .lang{display:none}
  .s-location,.s-utilities{grid-template-columns:1fr}
  .reasons-grid{grid-template-columns:repeat(2,1fr)}
  .hero-copy .display{font-size:44px}.hero-copy .line-script{font-size:52px}
}

/* ---------- 3. THÔNG TIN DỰ ÁN ---------- */
.s-info3{position:relative;width:100%;aspect-ratio:2880/1600;container-type:inline-size;
  background:url('/assets/home/cee9debb4e88.jpg') center/cover no-repeat}
/* panel tỉ lệ 1870/625 ~ 2.99; bố cục bám PSD Thông tin dự án */
/* Neo khung từ ĐÁY (giữ y hệt PC, laptop/macbook tự khít, không tràn section) */
.info3-panel{position:absolute;left:17.7%;bottom:3.4%;top:auto;width:65%;height:auto;
  background:rgba(4,20,12,.68);border:1px solid rgba(227,203,118,.5);border-radius:1.3vw;
  backdrop-filter:blur(2px);display:flex;align-items:center;gap:4.4%;padding:2.8% 4% 2.8% 4.7%}
.info3-title{width:19%;height:auto;flex:none}
.info3-table{position:relative;display:grid;grid-template-columns:25.6% 4.4% 70%;
  align-items:start;row-gap:1.35em;flex:1}
.info3-table::before{content:"";position:absolute;left:27.8%;top:0;bottom:0;
  width:1px;background:var(--gold)}
/* Căn giữa nhãn–sao–value theo DÒNG ĐẦU: cho cả ba cùng chiều cao line-box
   bằng line-box của value (font × 1.619). line-height = 1.619 × (fontVal/fontEl):
   nhãn .70/.83×1.619 = 1.372; sao theo tỉ lệ font = 1.866. Top-align -> tâm
   dòng đầu trùng nhau, nhãn vẫn ở dòng đầu khi value nhiều dòng. */
.info3-table .lbl{grid-column:1;font-family:'Blushing Rose','BlushingRoseVN',Georgia,serif;letter-spacing:.04em;color:var(--cream);
  text-align:left;font-size:.83cqw;line-height:1.372}
.info3-table .mk{grid-column:2;justify-self:center;color:var(--gold);
  font-size:.82em;line-height:1.866}
.info3-table .val{grid-column:3;color:var(--cream);
  font-family:'HelveticaNeueLight','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.70cqw;line-height:1.619;position:relative;top:-.12em}
/* S3: tiêu đề tùy chỉnh "Thông tin Dự án" (thay ảnh title) — chiếm đúng cột
   tiêu đề bên trái, KHÔNG flex-grow (nếu không sẽ ép bảng co lại, vỡ layout). */
.info3-panel .rm-ct{flex:0 0 19%;width:19%;margin:0;text-align:left;line-height:1.1}
.info3-panel .rm-ctl{display:block;margin:0;max-width:100%;text-align:left}

/* Section dùng thẳng ảnh thiết kế (pixel-exact) */
.s-fulldesign{padding:0;margin:0;line-height:0;background:transparent;position:relative;container-type:inline-size}
.s-fulldesign img{width:100%;display:block}
/* Section 7 — tiêu đề "Bộ sưu tập / TIỆN ÍCH ĐẲNG CẤP" (overlay góc trên-trái) */
/* 2 tiêu đề định vị riêng (mỗi dòng chỉnh vị trí độc lập trong CMS) */
.fd7-head{position:static;line-height:1.05;text-align:left}
.fd7-script{position:absolute;left:4.5%;top:5%;z-index:2;font-family:var(--script),cursive;color:#fdf6c2;font-size:clamp(28px,3cqw,62px)}
.fd7-main{position:absolute;left:4.5%;top:11%;z-index:2;font-family:'BlushingRoseVN','Blushing Rose',Georgia,serif;font-weight:400;color:#fdf6c2;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(20px,2cqw,40px)}


/* ============================================================
   MOBILE (<=768px) — reflow các section desktop cho dễ đọc
   ============================================================ */



.s-hero{position:relative;min-height:100vh;background:#001A0E;overflow:hidden}.hero-slider .hs-track{position:absolute;inset:0;z-index:0}.hero-slider .hs-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.1s ease}.hero-slider .hs-slide.is-active{opacity:1}.hero-grass{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,22,14,.86) 0%,rgba(2,22,14,.42) 38%,rgba(2,22,14,0) 70%),linear-gradient(180deg,rgba(2,22,14,0) 42%,rgba(2,22,14,.55) 100%),radial-gradient(75% 95% at 4% 108%,rgba(11,90,62,.6) 0%,rgba(11,90,62,0) 68%)}.hero-slider .hero-copy{z-index:3;transition:opacity .5s ease}.hs-dots{position:absolute;left:6.5%;bottom:7%;z-index:4;display:flex;gap:10px}.hs-dots button{width:38px;height:3px;padding:0;border:none;cursor:pointer;background:rgba(255,255,255,.35);transition:.25s}.hs-dots button.on{background:#fdf6c2}

/* S5 override */.s-loc5{background:#001f11;padding:96px 0;position:static;aspect-ratio:auto;width:auto}.s-loc5::before{display:none}.loc5-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:38% 62%;gap:44px;align-items:center}.loc5-title{width:min(360px,82%);height:auto;display:block;margin-bottom:26px}.loc5-body{position:static;left:auto;top:auto;width:auto;min-height:0;background:none;padding:0;color:#bec18b}.loc5-lead{color:#bec18b;font-weight:300;font-size:16px;line-height:1.6;margin:0 0 16px}.loc5-views{list-style:none;display:flex;flex-direction:column;gap:14px}.loc5-views li{position:relative;padding-left:24px;color:#bec18b;font-weight:300;font-size:15px;line-height:1.65}.loc5-views li::before{content:'✦';position:absolute;left:0;color:#fdf6c2}.loc5-map img{width:100%;height:auto;display:block;border-radius:10px}

/* S5 map fill top-bottom */.s-loc5{padding:0;overflow:hidden}.loc5-inner{padding:0 0 0 24px;align-items:stretch}.loc5-text{align-self:center;padding:90px 0}.loc5-map{align-self:stretch}.loc5-map img{height:100%!important;width:100%;object-fit:cover;border-radius:0}

/* S5 map: hiển thị đầy đủ như bản cũ, không cắt */.s-loc5{padding:80px 0;overflow:visible}.loc5-inner{padding:0 24px;align-items:center}.loc5-text{align-self:auto;padding:0}.loc5-map{align-self:auto}.loc5-map img{height:auto!important;width:100%;object-fit:contain;border-radius:8px}

/* S5 map lớn hơn, đầy đủ (giống bản cũ ảnh 2) */.s-loc5{padding:60px 0;overflow:visible}.loc5-inner{max-width:1340px;grid-template-columns:32% 68%;gap:36px;align-items:center;padding:0 24px}.loc5-text{align-self:center;padding:0}.loc5-map{align-self:center}.loc5-map img{height:auto!important;width:100%;object-fit:contain;border-radius:8px}.loc5-title{width:min(340px,86%);margin-bottom:22px}.loc5-lead{font-size:15px;margin:0 0 12px}.loc5-views{gap:11px}.loc5-views li{font-size:14px;padding-left:22px}

/* S5 tỷ lệ 1.8:1, map nền phủ full top-bottom */.s-loc5{position:relative;background:#001f11;aspect-ratio:1.8/1;overflow:hidden;padding:0;width:auto}.loc5-map{position:absolute;inset:0;z-index:0;align-self:auto}.loc5-map img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0}.s-loc5::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#001f11 0%,rgba(0,31,17,.95) 26%,rgba(0,31,17,.55) 46%,rgba(0,31,17,0) 64%)}.loc5-inner{position:relative;z-index:2;max-width:min(1340px,69.8vw);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center}.loc5-text{max-width:42%;align-self:center;padding:0}.loc5-title{width:min(340px,88%);margin-bottom:22px}

/* S5 cụm text: KHÔNG dịch px cố định (gây tràn/cắt lề trái trên Mac/Safari). */.loc5-text{transform:none}

/* S6 12 giá trị (slide) — tỉ lệ theo file thiết kế: section 2880x1600, khung 600x761 */
.s-values{position:relative;background:#001A0E url('/assets/home/a3823675d62a.jpg') center/cover no-repeat;aspect-ratio:2880/1600;display:block}
.sv-inner{width:100%;margin:0 auto;padding:7.9861% 3.8194% 7.1875%;display:flex;flex-direction:column;box-sizing:border-box}
.sv-title{width:min(560px,90%);height:auto;margin:0 auto;display:block}
.sv-slider{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;margin-top:7.5694%}
.sv-slider.dragging{cursor:grabbing}
.sv-track{display:flex;gap:1.5038%;transform:translateX(0);transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden;user-select:none}
.sv-card{position:relative;flex:0 0 18.57%;min-width:0;width:100%;aspect-ratio:496/761;margin:0;display:block;box-sizing:border-box;container-type:inline-size;background:url('/assets/home/s6-frame.png') center/100% 100% no-repeat;border:0;box-shadow:none;overflow:visible;-webkit-user-drag:none;user-select:none;pointer-events:none}
/* ảnh 425x438, cách lề trên khung 35px (35/759) */
.svc-ph{position:absolute;top:4.611%;left:50%;transform:translateX(-50%);width:86.032%;aspect-ratio:425/438;object-fit:cover;object-position:center;border-radius:2.6cqw;-webkit-user-drag:none}
/* số 90pt, leading 140.22pt → 1.558; box top ở đáy ảnh, leading đẩy chữ xuống ~41px ảnh / ~25px tittle */
.svc-n{position:absolute;top:62.319%;left:0;right:0;text-align:center;font-family:'BlushingRoseVN',Georgia,serif;font-weight:400;font-size:18.219cqw;line-height:1.558;color:#fdf6c2;margin:0}
/* tittle căn giữa khung, 40pt (40/494 cqw), leading 48.34pt → 1.209, box cách khung dưới 63px (63/759) */
.svc-t{position:absolute;bottom:8.300%;left:0;right:0;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:'BlushingRoseVN',Georgia,serif;font-weight:400;color:#fdf6c2;letter-spacing:.2px}
.svc-l1,.svc-l2{font-size:8.097cqw;line-height:1.209}
.sv-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:rgba(0,26,14,.7);color:var(--gold);font-size:22px;cursor:pointer;display:grid;place-items:center;z-index:3;transition:.2s}
.sv-btn:hover{background:var(--gold);color:var(--green-2)}
.sv-btn.prev{left:-16px}.sv-btn.next{right:-16px}
@media(max-width:1024px){.s-values{aspect-ratio:auto;padding:72px 0}.sv-card{flex:0 0 calc((100% - 40px)/3)}}

/* ---------- 8. CHỦ ĐẦU TƯ TUTA ---------- */
/* Section 9 (3072x1600): panel text bên trái, toà nhà bên phải */
.s-founder{position:relative;aspect-ratio:3072/1600;background:#0a1a12 url('/assets/home/bg-section-9.jpg') center/cover no-repeat;overflow:hidden;color:#e8e5d2;container-type:inline-size}.fd-panel{position:absolute;inset:0;z-index:2}
/* tittle 72.74pt (2.368cqw) leading 94.23pt (1.2954), top 429/left 257 của 3072x1600 */
.fd-title{position:absolute;left:8.3659%;top:26.8125%;margin:0;font-family:'BlushingRoseVN',Georgia,serif;font-weight:400;font-size:2.3678cqw;line-height:1.2954;color:#fdf6c2;text-align:left;white-space:nowrap}
/* logo 712x190 (23.177%), left 240, dưới tittle 59 */
.fd-logo{position:absolute;left:7.8125%;top:36.389%;width:23.177%;height:auto}
/* text 35.99pt (1.1716cqw) căn đều, left 121, dưới logo 120, phải cách 2000, đáy cách 380 */
/* font giảm còn vừa khoảng top892→đáy380 (328px), dòng thoáng */
/* box top892->đáy380; font gốc 35.99pt, autofit.js tự co cho vừa (mọi màn hình) */
.fd-text{position:absolute;left:3.939%;right:65.104%;top:55.764%;bottom:23.75%;overflow:hidden;text-align:justify;font-size:1.1716cqw}.fd-text p{font-size:1em;line-height:1.5;margin:0 0 3.6%;color:#e4e5d4;font-weight:300;text-shadow:0 1px 10px rgba(0,10,4,.5)}.fd-text p:last-child{margin-bottom:0}@media(max-width:900px){.s-founder{aspect-ratio:auto;background-position:center top}.fd-panel{position:static}.fd-logo,.fd-title,.fd-text{position:static;left:auto;right:auto;top:auto;translate:0;transform:none}.fd-panel{padding:52vw 22px 44px;box-sizing:border-box}.fd-logo{display:block;width:130px;margin:0 auto 20px}.fd-title{display:block;width:min(300px,68%);margin:0 auto 22px}.fd-text p{font-size:14px;margin-bottom:12px}}

.nav2 .nav-inner{max-width:100%;padding:20px 3.6%;border-bottom:1px solid rgba(255,246,188,.28)}
.nav2 .brand-logo{height:58px}.nav2 .nav-cluster{display:flex;align-items:center;gap:46px}.nav2 .menu{gap:38px}
.nav2 .menu a{font-size:15px;letter-spacing:.06em;color:#fdf6c2;font-weight:600}
.nav2 .lang{border:1px solid #fdf6c2;color:#fdf6c2;padding:4px 9px;font-size:12px}.nav2 .dots{color:#fdf6c2;font-size:20px}
.s-hero{background:#001A0E url('/assets/home/d992b84cde74.jpg') top center/cover no-repeat}
.s-center{background:#01200F url('/assets/home/023e64a7cc86.jpg') top center/100% 100% no-repeat}
@media(min-width:769px){ .s-hero{aspect-ratio:2880/1647;min-height:0;background-size:100% 100%} }
.hero-wordmark{position:absolute;right:2.2%;bottom:calc(7% + 150px);z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:1.68vw;pointer-events:none}
.hero-wordmark img{filter:drop-shadow(0 2px 14px rgba(0,0,0,.45))}
.wm-royal{width:30vw}.wm-mansion{width:43vw}



.rmhd{position:absolute;top:0;left:0;right:0;z-index:60;transition:background .35s,box-shadow .35s}
.rmhd::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,246,188,.22)}
.rmhd.stick{position:fixed;background:rgba(2,22,14,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(0,0,0,.42);animation:rmhdDown .45s ease}
@keyframes rmhdDown{from{transform:translateY(-100%)}to{transform:none}}
.rmhd-in{position:relative;width:100%;aspect-ratio:3072/159;container-type:inline-size}
.rmhd-logo{position:absolute;left:3.646%;top:50%;transform:translateY(-50%);height:61.006%;display:block;line-height:0}
.rmhd-logo img{height:100%;width:auto;display:block}
.rmhd-menu{position:absolute;left:43.132%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2.4cqw}
.mi{position:relative;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;color:#fdf6c2;text-decoration:none;font-size:0.8919cqw;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.mi::after{content:'';position:absolute;left:0;bottom:-0.55cqw;height:1px;width:0;background:#fdf6c2;transition:width .3s}
.mi:hover::after,.mi.active::after{width:100%}
.mi.active{color:#fff}
.rmhd-lang{position:absolute;right:2.6%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1.0cqw}
.vi-box{font-family:'Gilroy',system-ui,Arial,sans-serif;font-weight:600;color:#fdf6c2;font-size:0.7812cqw;line-height:1;letter-spacing:.06em;border:0.13cqw solid #fdf6c2;border-radius:2px;padding:.30em .44em}
.rmhd-dots{color:#fdf6c2;font-size:1.1068cqw;line-height:1;cursor:pointer}
.rmhd-burger{display:none}
@media(max-width:960px){
.rmhd-in{aspect-ratio:auto;height:auto;container-type:normal;display:flex;align-items:center;padding:14px 20px}
.rmhd-logo{position:static;height:44px}.rmhd-logo img{height:44px}
.rmhd-lang{display:none}
.rmhd-burger{display:block;margin-left:auto;background:none;border:0;color:#fdf6c2;font-size:24px;cursor:pointer}
.rmhd-menu{position:absolute;top:100%;left:0;right:0;transform:none;flex-direction:column;gap:0;background:rgba(2,22,14,.97);max-height:0;overflow:hidden;transition:max-height .4s}
.rmhd.open .rmhd-menu{max-height:75vh}
.mi{position:static;transform:none;display:block;font-size:15px;padding:15px 24px;border-top:1px solid rgba(255,246,188,.12)}
.mi::after{display:none}
}

.s-matbang{padding:80px 20px;position:relative}
.mbs-wrap{max-width:1340px;margin:0 auto}
.mbs-head{text-align:center;margin-bottom:26px}
.mbs-head .mbs-title-img{width:min(680px,90%);height:auto;display:block;margin:0 auto}
.mbs-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:16px}
.mbs-tabs button{font-family:'Gilroy',sans-serif;background:rgba(6,22,14,.55);border:1px solid rgba(217,192,122,.5);color:#efe6ce;font-size:15px;padding:9px 24px;border-radius:24px;cursor:pointer;transition:.2s}
.mbs-tabs button.on{background:var(--gold,#fdf6c2);color:#1a1206;border-color:var(--gold,#fdf6c2);font-weight:600}
.mbs-mp{position:relative;width:100%;aspect-ratio:1600/1065;overflow:hidden;background:#02160e;border-radius:10px;cursor:crosshair;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.mbs-base{position:absolute;inset:0;background:center/cover no-repeat;transition:filter .45s}
.mbs-mp.on .mbs-base{filter:brightness(.4) saturate(.72)}
.mbs-bright{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity .35s;filter:brightness(1.14) saturate(1.05) contrast(1.03);pointer-events:none;-webkit-mask:center/cover no-repeat;mask:center/cover no-repeat}
.mbs-mp.on .mbs-bright{opacity:1}.mbs-mp.on{cursor:pointer}
.mbs-names{position:absolute;inset:0;z-index:5;pointer-events:none;background:center/cover no-repeat}
.mbs-guide{position:absolute;z-index:6;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s;opacity:1}
.mbs-mp.on .mbs-guide{opacity:0}
.mbs-guide .g{display:inline-flex;align-items:center;background:rgba(255,255,255,.94);color:#1c2b22;font-family:'Gilroy',sans-serif;font-weight:600;font-size:13px;padding:9px 16px;border-radius:24px;box-shadow:0 8px 22px rgba(0,0,0,.3);white-space:nowrap;animation:mbsPulse 2.2s ease-in-out infinite}
@keyframes mbsPulse{0%,100%{transform:scale(1);box-shadow:0 8px 22px rgba(0,0,0,.3)}50%{transform:scale(1.06);box-shadow:0 10px 28px rgba(217,192,122,.5)}}
.mbs-tip{position:absolute;z-index:7;transform:translate(-50%,-100%);opacity:0;transition:opacity .25s;pointer-events:none}
.mbs-tip.on{opacity:1}
.mbs-tip .lbl{font-family:'Gilroy',sans-serif;display:block;background:var(--gold,#fdf6c2);color:#1a1206;font-size:13px;font-weight:600;padding:6px 13px;border-radius:20px;white-space:nowrap;box-shadow:0 5px 18px rgba(217,192,122,.4)}
.mbs-tip .tri{display:block;width:0;height:0;margin:2px auto 0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--gold,#fdf6c2)}
.mbs-floors{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.mbs-floors button{font-family:'Gilroy',sans-serif;background:rgba(6,22,14,.55);border:1px solid rgba(217,192,122,.4);color:#efe6ce;font-size:13px;padding:8px 15px;border-radius:22px;cursor:pointer;transition:.2s}
.mbs-floors button:hover,.mbs-floors button.on{background:var(--gold,#fdf6c2);color:#1a1206;border-color:var(--gold,#fdf6c2)}
.mbs-hint{font-family:'Gilroy',sans-serif;text-align:center;font-size:13px;color:#8fae9c;margin-top:12px}
.mbs-modal{position:fixed;inset:0;background:rgba(3,10,7,.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px;backdrop-filter:blur(4px)}
.mbs-modal.on{display:flex}
.mbs-box{position:relative;max-width:1100px;max-height:92vh;background:#0a1a12;border:1px solid rgba(217,192,122,.4);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.mbs-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(217,192,122,.25)}
.mbs-hd h3{font-family:'Gilroy',sans-serif;margin:0;font-weight:600;letter-spacing:.04em;color:var(--gold,#fdf6c2);font-size:18px}
.mbs-hd .x{background:none;border:0;color:#e9e2cd;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.mbs-bd{overflow:auto;padding:14px;background:#fff}.mbs-bd img{display:block;max-width:100%;margin:0 auto}
.mbs-modal.empty .mbs-bd{background:#0a1a12;min-width:min(70vw,760px);min-height:46vh;display:flex;align-items:center;justify-content:center}
.mbs-modal.empty .mbs-bd::after{content:"Nội dung đang cập nhật";color:#9a8f6a;font-size:15px;letter-spacing:.04em}
@media(max-width:640px){.s-matbang{padding:52px 14px}}

.ftx{background:#062018 url(/assets/home/7116154aaa72.jpg) center/cover no-repeat;margin:0;padding:0}
.ftx-in{position:relative;width:100%;max-width:1440px;margin:0 auto;aspect-ratio:1440/347;container-type:inline-size;font-family:'Gilroy',system-ui,Arial,sans-serif;color:#fdf2ae;font-weight:300}
.ftx-rm{position:absolute;left:5.139%;top:13.545%;width:13.472%;height:auto}
.ftx-div{position:absolute;left:72.431%;top:7.493%;height:70.029%;width:1px;background:rgba(255,255,255,.45)}
.ftx-tuta{position:absolute;left:77.708%;top:13.833%;width:13.194%;height:auto}
.ftx-glex{position:absolute;left:76.806%;top:45.533%;width:15.625%;height:auto}
.ftx-row{position:absolute;display:flex;align-items:flex-start;gap:0.9028cqw}
.ftx-row .ic{flex:none;width:2.3611cqw;height:2.3611cqw}
.ftx-row .ic svg{width:100%;height:100%;display:block}
.ftx-row .tx{font-family:'Gilroy',system-ui,Arial,sans-serif;font-weight:300;font-size:1.7361cqw;line-height:1.36;color:#fdf2ae}
.ftx-row .tx a{color:inherit;text-decoration:none;font:inherit}
.r-ph .tx,.r-em .tx{white-space:nowrap}
.r-ad .tx{white-space:normal}
.r-ph{left:23.194%;top:18.444%}
.r-ad{left:23.194%;top:31.7%}
.r-em{left:23.194%;top:57.349%}
.ftx-note{position:absolute;left:23.194%;top:82.709%;width:53.611%;margin:0;font-family:'Gilroy',system-ui,Arial,sans-serif;font-size:0.8333cqw;line-height:1.5;color:rgba(253,242,174,.82);font-weight:300;text-align:center}
@media(max-width:860px){
 .ftx-in{aspect-ratio:auto;container-type:normal;display:flex;flex-direction:column;align-items:center;gap:18px;padding:34px 20px}
 .ftx-rm,.ftx-div,.ftx-tuta,.ftx-glex,.ftx-row,.ftx-note{position:static}
 .ftx-rm{width:130px}
 .ftx-div{display:none}
 .ftx-row{width:100%;max-width:440px;align-items:center}
 .r-ad{align-items:flex-start}
 .ftx-row .ic{width:34px;height:34px;margin-top:0}
 .ftx-row .tx{font-size:15px;line-height:1.4;white-space:normal}
 .r-ad .tx{line-height:1.5}
 .ftx-note{width:100%;max-width:520px;font-size:12px;text-align:center}
 .ftx-tuta{width:180px}.ftx-glex{width:210px}
}

html.fx-on .rv{opacity:0;translate:0 52px;transition:opacity .95s cubic-bezier(.2,.7,.2,1),translate .95s cubic-bezier(.2,.7,.2,1);will-change:opacity,translate}
html.fx-on .rv.in{opacity:1;translate:0 0}
.nav{transition:background .35s,box-shadow .35s}
.nav.fx-stick{position:fixed;background:rgba(2,22,14,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(0,0,0,.42);animation:fxDown .45s ease}
.nav.fx-stick .nav-inner{padding-top:12px;padding-bottom:12px}
@keyframes fxDown{from{transform:translateY(-100%)}to{transform:none}}
.btn-ghost{transition:background .4s,color .4s,box-shadow .4s,transform .4s}
.btn-ghost:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 1px rgba(217,192,122,.5)}
.menu a{position:relative}
.menu a::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background:var(--gold,#fdf6c2);transition:width .35s}
.menu a:hover::after{width:100%}
@media(prefers-reduced-motion:reduce){html.fx-on .rv{opacity:1!important;translate:none!important}html.fx-on .s-fulldesign img{transform:none!important}}

/* S5 Toạ độ: 6 điểm sáng chạy 6 tuyến ngã 6 (path vẽ tay) + pin glow trắng->vàng */
.loc5-map{overflow:hidden}
.loc5-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.loc5-svg path:not(.l5trail){fill:none;stroke:none}
.loc5-glow{position:absolute;left:77.5%;top:59.5%;width:5.4%;aspect-ratio:1/1;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;z-index:3;mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,205,70,.95),rgba(255,205,70,.35) 44%,rgba(255,205,70,0) 70%);
  animation:l5GlowScale 2.4s ease-in-out infinite}
.loc5-glow::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle,#fff,rgba(255,255,255,.45) 44%,rgba(255,255,255,0) 70%);
  animation:l5GlowWhite 2.4s ease-in-out infinite}
@keyframes l5GlowScale{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}
@keyframes l5GlowWhite{0%,100%{opacity:1}55%{opacity:0}}

@media(prefers-reduced-motion:reduce){.loc5-svg,.loc5-glow{display:none}}

/* Hero: ảnh chữ Royal Mansion đặt theo editor layout (section 1) */
.s1-rm{position:absolute;left:58.1%;top:35.9%;width:38.8%;height:auto;z-index:4;pointer-events:none}


/* S5 Toạ độ: button Google Maps dưới title, căn giữa dưới title, cách 74px (2.57cqw) */
.s-loc5{container-type:inline-size}
.loc5-gmap{display:block;width:min(360px,82%);text-align:center;margin:2.57cqw 0 0;line-height:0}
.loc5-gmap img{display:inline-block;width:7.57cqw;max-width:218px;min-width:120px;height:auto;transition:transform .25s,filter .25s}
.loc5-gmap:hover img{transform:translateY(-2px);filter:brightness(1.08)}


/* Section Đối tác quốc tế (1792x347): bỏ khung, caption trắng Helvetica Neue Light, title Blushing Rose */
.pt-frame{background:none!important}
/* title top30 / lề dưới 261 → line-height cho box bottom ~86px */
.pt-title{line-height:1.244}
/* dãy logo cách title 64px → frame top 120/347 */
.pt-col{top:34.582%}
/* dãy text cách logo 42px (margin 12px=0.67cqw), màu trắng, Helvetica Neue Light */
.pt-cap{color:#fdf6c2;font-family:'HelveticaNeueLight','Helvetica Neue',Helvetica,Arial,sans-serif;margin-top:0.67cqw}

/* ===== Section 2: Cảm hứng kiến trúc (coverflow slider) ===== */
.s-insp{position:relative;width:100%;aspect-ratio:2880/1600;overflow:hidden;background:#06140d url('/assets/home/s2/bg.jpg') center/cover no-repeat;container-type:inline-size}
.s-insp .s2-title{position:absolute;left:50%;top:14.1%;transform:translateX(-50%);width:34.44%;height:auto;z-index:4;display:block}
.s-insp .s2-track{position:absolute;inset:0;z-index:2;transition:transform .8s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden}
.s-insp .s2-frame{position:absolute;top:32.14%;width:48.19%;aspect-ratio:1390/853}
.s-insp .s2-frame .ph{position:absolute;left:3.7%;top:5.04%;width:92.6%;height:89.9%;border-radius:14px;object-fit:cover}
.s-insp .s2-frame .kh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.s-insp .s2-dots{position:absolute;left:50%;top:90.23%;transform:translateX(-50%);display:flex;gap:.49cqw;z-index:5}
.s-insp .s2-dots b{width:.47cqw;height:.47cqw;min-width:7px;min-height:7px;border-radius:50%;background:#7c8a82;cursor:pointer;display:block;transition:.25s}
.s-insp .s2-dots b.on{background:#fff}


/* ===== Section 6 — lightbox phóng to ảnh ===== */
.svc-ph{cursor:zoom-in;pointer-events:auto}
.sv-lb{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh;background:rgba(2,12,8,.93);backdrop-filter:blur(2px)}
.sv-lb[hidden]{display:none}
.sv-lb-img{height:74vh;width:auto;max-width:94vw;object-fit:contain;border-radius:10px;box-shadow:0 24px 90px rgba(0,0,0,.6);user-select:none}
.sv-lb-cap{text-align:center;padding:0 6vw;color:#fdf6c2;font-family:'BlushingRoseVN',Georgia,serif;font-size:clamp(20px,2vw,34px);line-height:1.2;text-transform:uppercase;letter-spacing:.02em}
.sv-lb-cap:empty{display:none}
.sv-lb-x{position:absolute;top:2.6vh;right:2.6vw;width:48px;height:48px;border:0;background:none;color:#fdf6c2;font-size:36px;line-height:1;cursor:pointer}
.sv-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;border:1px solid rgba(227,203,118,.8);background:rgba(0,26,14,.55);color:#fdf6c2;font-size:30px;cursor:pointer;display:grid;place-items:center;transition:.2s}
.sv-lb-nav:hover{background:rgba(227,203,118,.9);color:#02160e}
.sv-lb-nav.prev{left:2.5vw}.sv-lb-nav.next{right:2.5vw}
.sv-lb-count{text-align:center;color:#fdf6c2;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;letter-spacing:.1em}


/* ===== YouTube lazy facade (video giới thiệu) ===== */
.yt-facade{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;overflow:hidden;background:transparent}
.yt-thumb{width:106%;height:106%;position:absolute;left:-3%;top:-3%;object-fit:cover;display:block}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:60px;border:0;border-radius:14px;background:rgba(2,18,10,.72);color:#fdf6c2;font-size:26px;cursor:pointer;display:grid;place-items:center;transition:.2s;padding-left:4px}
.yt-facade:hover .yt-play{background:#c0392b;color:#fff;transform:translate(-50%,-50%) scale(1.06)}

.video-frame{position:relative;overflow:hidden}

/* ===== Nền tổng trang chủ (Background.psd) — ảnh dự án S3/S9 đè lên ===== */
/* nền theo Background.png: hero tách riêng (ảnh hero); phần section 2->Đối tác dùng chung .home-canvas
   mang đúng dải nền (crop 9.4%->93%), kéo phủ khít nên band glow trùng section, không lệch theo 100vh.
   Footer nằm trên body xanh đặc (khớp màu nền) -> liền mạch. */
body[data-page="home"]{background:#001f11}
.home-canvas{position:relative;background:#001f11 url('/assets/home/bg-home.jpg') top center/100% 100% no-repeat}
/* bỏ background riêng -> lộ nền tổng (giữ aspect-ratio & layout) */
body[data-page="home"] .s-insp,
body[data-page="home"] .s-loc5,
body[data-page="home"] .s-values{background:transparent none}
/* đối tác: bỏ nền inline từ CMS */
body[data-page="home"] .s-partners{background:transparent none !important}
/* S3: ảnh dự án đè lên nền tổng, dưới khung thông tin (info3-panel là con -> nằm trên) */
body[data-page="home"] .s-info3{background:#04140c url('/assets/home/bg-section-3.jpg') center/cover no-repeat}
/* S9: ảnh dự án đè lên nền tổng, logo/chữ (fd-panel) nằm trên */
body[data-page="home"] .s-founder{background:#0a1a12 url('/assets/home/bg-section-9.jpg') center/cover no-repeat}
/* S6: tiêu đề dạng chữ (1FTV Blushing Rose ~ BlushingRoseVN) 35pt / leading 50.33pt */
.s-values{container-type:inline-size}
.s-values .sv-title{width:auto;display:block;margin:0 auto 3%;text-align:center;text-transform:uppercase;
  font-family:'BlushingRoseVN','Blushing Rose',Georgia,serif;font-weight:400;color:#fdf6c2;
  font-size:clamp(26px,1.62cqw,47px);line-height:1.438;letter-spacing:.02em}


/* ===== Title imgs: cho phép nudge vị trí (ov left/top) — y hệt tiêu đề Bộ sưu tập ===== */
.loc5-title,.info3-title,.mbs-title-img,.hero-title{position:relative}

/* ===== Section 10 (Đối tác) — slider khi >5 logo ===== */
.s-partners.pts-slider{position:relative;aspect-ratio:auto;overflow:visible;background:#04291a;padding:40px 0 46px;container-type:inline-size}
.pts-slider .pt-title{position:static;width:100%;margin:0 0 26px;font-size:clamp(22px,2.2vw,34px)}
.pts-slider .pt-stage{position:relative;max-width:1300px;margin:0 auto;padding:0 54px;display:flex;align-items:center;gap:14px}
.pts-slider .pt-track{display:flex;gap:2.4%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;padding:6px 0}
.pts-slider .pt-track::-webkit-scrollbar{display:none}
.pts-slider .pt-slide{flex:0 0 18.4%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;transform:none}
.pts-slider .pt-frame{position:relative;width:100%;aspect-ratio:216/130;background:none;display:flex;align-items:center;justify-content:center}
.pts-slider .pt-frame img{max-width:100%;max-height:100%;object-fit:contain}
.pts-slider .pt-cap{margin-top:14px;text-align:center;white-space:pre-line;line-height:1.28;font-family:'HelveticaNeueLight','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;font-size:15px;color:#fdf6c2}
.pts-slider .pt-nav{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid #fdf6c2;background:rgba(4,26,14,.55);color:#fdf6c2;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.25s}
.pts-slider .pt-nav:hover{background:#fdf6c2;color:#04291a}


/* ===== Tiêu đề tùy chỉnh nhiều dòng (custom_title / .rm-ct) ===== */
.rm-ct{position:relative;container-type:inline-size;width:100%;margin:0 auto;text-align:center;line-height:1.12}
.rm-ctl{display:block;margin:0 auto;max-width:100%;color:#fdf6c2;font-family:'BlushingRoseVN','Blushing Rose',Georgia,serif;font-size:clamp(20px,3cqw,42px)}

/* Fix: cột text loc5 là flex-item co lại khi dùng tiêu đề tùy chỉnh → ép bề rộng + bỏ dịch trái (tránh cắt chữ) */
/* KHÔNG dùng :has() (Safari cũ không hỗ trợ -> rule rớt -> title tràn lề). Home
   loc5 luôn có tiêu đề tùy chỉnh nên áp thẳng cho .loc5-text. */
.s-loc5 .loc5-text{width:44%;transform:none;padding-left:2.5%}
.s-loc5 .rm-ct{text-align:left;overflow:visible}
.s-loc5 .rm-ctl{overflow:visible}

/* Khóa cỡ chữ "box text" loc5 theo thiết kế 1920 (co giãn cùng nhịp bề ngang
   như tiêu đề -> laptop/macbook/PC hiển thị đồng nhất, không lệch). Mobile giữ nguyên. */
@media(min-width:769px){
  .s-loc5 .loc5-lead{font-size:min(15px,.781vw)}
  .s-loc5 .loc5-views li{font-size:min(14px,.729vw)}
}

/* Section 7: tiêu đề tùy chỉnh đè lên góc trên-trái ảnh (như fd7-head cũ), tránh gap */
.s-fulldesign{position:relative}
.s-fulldesign .rm-ct{position:absolute;left:5%;top:5%;z-index:2;width:auto;max-width:90%;text-align:left;line-height:1.05;white-space:nowrap}
.s-fulldesign .rm-ctl{text-align:left;margin:0;white-space:nowrap}

/* ===== Đồng bộ khoảng cách section (px cố định, chuẩn S3 Kiến trúc) =====
   Nhóm đặc biệt (12 Giá trị, Mặt bằng, Đối tác): lề trên 100px; tiêu đề→nội dung 71px; nội dung→đáy 71px */
.s-values{aspect-ratio:auto}
.s-values .sv-inner{padding:100px 3.8194% 71px}
.s-values .sv-slider{margin-top:71px}
.s-matbang{padding:100px 20px 71px}
.s-matbang .mbs-head{margin-bottom:71px}
.s-partners{padding:100px 0 71px}
.s-partners .rm-ct,.s-partners .pt-title{margin:0 auto 71px}

/* ===== Section 2 (Cảm hứng/insp): auto-height + 100px top, đồng bộ section 2 ===== */
.s-insp{aspect-ratio:auto;padding:100px 0 71px;overflow:hidden}
.s-insp .rm-ct{position:static;margin:0 auto 71px;z-index:4}
.s-insp .s2-track{position:relative;inset:auto;height:29.6cqw}
.s-insp .s2-frame{top:0}
.s-insp .s2-dots{position:static;top:auto;transform:none;margin:28px auto 0;justify-content:center}

/* ===== Section 2 MOBILE: 1 ảnh full-bleed + swipe ngang + 3 dots (khớp Figma MB2, canvas 1083x1926) ===== */


/* ===== Section 5 (loc5) MOBILE redesign per MB5 ===== */


/* ===== Section 7 (fulldesign / Bộ sưu tập tiện ích đẳng cấp) MOBILE ===== */


/* ===== Section 6 (values / 12 giá trị độc bản) MOBILE: 2x2 grid slider ===== */


/* ===== Section 8 (matbang / Mặt bằng căn hộ) MOBILE theo thiết kế ===== */


/* ===== Section 9 (founder / Bảo chứng uy tín) MOBILE theo thiết kế ===== */


/* ===== Section 10 (partners / Đối tác quốc tế) MOBILE: slider 3/màn ===== */