:root{--ink:#181b18;--forest:#101716;--forest-2:#151d1b;--paper:#f5f2ea;--white:#fff;--muted:#666862;--gold:#c79a4b;--gold-soft:#e0bd7d;--line:rgba(155,122,64,.28);--serif:"Montserrat",serif;--sans:"Plus Jakarta Sans",sans-serif;--shell:min(1320px,calc(100vw - 96px));--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:auto;background:var(--forest)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}main,.estate-footer{width:100%;max-width:100%}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{width:var(--shell);margin-inline:auto}.section-light{background:var(--paper)}.section-dark{color:#fff;background:var(--forest)}.eyebrow{margin:0 0 18px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.gold-button,.outline-button{width:max-content;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:35px;border:1px solid var(--gold);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:transform .3s var(--ease),box-shadow .3s ease,background .3s ease,color .3s ease}.gold-button{color:#171814;background:linear-gradient(135deg,#dbb66f,#b98536)}.outline-button{color:#f2dfbd;background:rgba(10,14,13,.25)}.gold-button:hover,.outline-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(165,119,46,.22)}.outline-button:hover{color:#151714;background:var(--gold)}
.estate-header{position:absolute;z-index:50;top:0;left:50%;width:min(100% - 72px,1440px);height:88px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;color:rgba(255,255,255,.82);transform:translateX(-50%);transition:height .3s ease,color .3s ease,background .3s ease,box-shadow .3s ease,transform .35s var(--ease)}.estate-header.is-fixed{position:fixed;width:100%;height:72px;padding-inline:max(36px,calc((100vw - 1440px)/2));color:#292a26;background:rgba(248,245,238,.96);box-shadow:0 7px 28px rgba(16,17,16,.1);backdrop-filter:blur(14px)}.estate-header.is-hidden{transform:translate(-50%,-110%)}.estate-brand{position:relative;z-index:3;width:176px}.estate-brand img{height:auto;filter:brightness(0) invert(1) sepia(.25) saturate(1.8)}.estate-header.is-fixed .estate-brand img{filter:none}.estate-nav{display:flex;align-items:center;justify-content:center;gap:clamp(26px,3vw,54px)}.estate-nav a{position:relative;padding:31px 0;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.estate-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:1px;background:var(--gold);transition:right .35s var(--ease)}.estate-nav a:hover:after{right:0}.header-tools{display:flex;align-items:center;gap:26px}.header-tools>span{display:flex;align-items:center;gap:8px;font-size:9px}.header-tools i{width:1px;height:12px;background:rgba(255,255,255,.35)}.header-tools b{color:var(--gold)}.header-tools>a{padding:13px 21px;border:1px solid rgba(199,154,75,.7);color:#f2d9a9;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.estate-header.is-fixed .header-tools>a{color:#785a29}.menu-toggle{position:relative;z-index:4;display:none;width:44px;height:44px;padding:0;border:1px solid rgba(199,154,75,.7);background:transparent}.menu-toggle>span{position:absolute;left:12px;width:18px;height:1px;background:currentColor;transition:transform .3s ease,opacity .3s ease}.menu-toggle>span:first-child{top:14px}.menu-toggle>span:nth-child(2){top:21px}.menu-toggle>span:nth-child(3){top:28px}
.estate-hero{position:relative;min-height:780px;height:100svh;overflow:hidden;isolation:isolate}.hero-media,.hero-glow{position:absolute;inset:0}.hero-media{z-index:-3}.hero-media img{height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.04);transform:scale(1.025);animation:hero-drift 12s ease-in-out infinite alternate}.hero-glow{z-index:-2;background:linear-gradient(90deg,rgba(8,13,12,.78) 0%,rgba(8,13,12,.36) 43%,rgba(8,13,12,.04) 73%),linear-gradient(0deg,rgba(7,10,9,.55),transparent 55%)}@keyframes hero-drift{to{transform:scale(1.06) translate3d(-.5%,-.3%,0)}}.hero-copy{height:100%;padding-top:135px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy h1{max-width:760px;margin:0;font-family:var(--serif);font-size:clamp(54px,4.7vw,72px);font-weight:500;line-height:.84;letter-spacing:-.025em;text-transform:uppercase}.hero-copy h1 span{display:block;overflow:hidden}.hero-copy h1 span+span{margin-top:8px}.hero-lead{max-width:560px;margin:28px 0 0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.75}.hero-actions{margin-top:30px;display:flex;gap:14px}.scroll-cue{position:absolute;left:50%;bottom:25px;width:26px;height:43px;border:1px solid rgba(255,255,255,.7);border-radius:16px;transform:translateX(-50%)}.scroll-cue i{position:absolute;left:50%;top:8px;width:3px;height:7px;border-radius:4px;background:#fff;transform:translateX(-50%);animation:scroll-dot 1.6s ease-in-out infinite}@keyframes scroll-dot{50%{transform:translate(-50%,13px);opacity:.2}}
.philosophy{min-height:720px;display:grid;grid-template-columns:49% 51%}.philosophy-media{padding:62px 22px 62px clamp(22px,4vw,66px);overflow:hidden}.philosophy-media img{height:100%;object-fit:cover;border-radius:6px;transition:transform 1.2s var(--ease)}.philosophy-media:hover img{transform:scale(1.035)}.philosophy-copy{position:relative;padding:82px clamp(42px,8vw,120px) 65px 62px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.philosophy-copy:after{content:"";position:absolute;right:-30px;bottom:-70px;width:390px;height:260px;opacity:.1;background:repeating-linear-gradient(90deg,transparent 0 20px,var(--gold) 21px 22px);clip-path:polygon(0 100%,50% 0,100% 100%)}.philosophy-copy h2,.section-heading h2,.project-feature h3,.contact-copy h2{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.025em}.philosophy-copy h2{font-size:clamp(50px,4.3vw,66px);line-height:.94}.philosophy-copy>p:not(.eyebrow){max-width:640px;margin:27px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.philosophy-pillars{position:relative;z-index:2;margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.philosophy-pillars article{min-height:130px;padding:24px 10px 10px;text-align:center;border-right:1px solid var(--line)}.philosophy-pillars article:last-child{border-right:0}.philosophy-pillars i{width:43px;height:43px;margin:auto;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-style:normal}.philosophy-pillars svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.philosophy-pillars span{display:block;margin-top:14px;font-size:9px;line-height:1.55}.philosophy-copy blockquote{position:relative;z-index:2;margin:25px 0 0;display:flex;gap:20px;align-items:flex-start;color:#5c564a;font-family:var(--serif)}.philosophy-copy blockquote b{color:var(--gold);font-size:70px;font-weight:500;line-height:.7}.philosophy-copy blockquote span{max-width:420px;font-size:17px;line-height:1.3}
.segments{padding:76px 0 88px;background:radial-gradient(circle at 50% 28%,rgba(48,72,62,.19),transparent 38%),#111716}.section-heading{width:var(--shell);margin:0 auto 48px;text-align:center}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{font-size:clamp(46px,4vw,62px);line-height:1}.section-heading>p:last-child{margin:15px 0 0;color:rgba(255,255,255,.52);font-size:10px}.section-heading-dark{color:var(--ink)}.section-heading-dark>p:last-child{color:var(--muted)}.segment-grid{width:var(--shell);margin:auto;display:grid;grid-template-columns:1.35fr .75fr .75fr;grid-auto-rows:270px;gap:12px}.segment-card{position:relative;overflow:hidden;border:1px solid rgba(199,154,75,.2);border-radius:7px;background:#18201e}.segment-card img{height:100%;object-fit:cover;filter:saturate(.85) brightness(.78);transition:transform .9s var(--ease),filter .5s ease}.segment-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,10,.96),rgba(7,11,10,.1) 75%)}.segment-card>div{position:absolute;z-index:2;inset:0;padding:24px 24px 62px;display:flex;flex-direction:column;justify-content:flex-end}.segment-card b{position:absolute;top:22px;left:22px;color:var(--gold-soft);font-family:var(--serif);font-size:40px;font-weight:500}.segment-card h3{max-width:260px;margin:0;font-family:var(--serif);font-size:27px;font-weight:500;line-height:.95}.segment-card p{max-width:290px;margin:12px 0 0;color:rgba(255,255,255,.64);font-size:9px;line-height:1.6}.segment-card a{position:absolute;left:22px;bottom:20px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(199,154,75,.6);border-radius:50%;color:var(--gold-soft);opacity:1;transform:none;transition:color .3s ease,background .3s ease}.segment-card:hover img{transform:scale(1.06);filter:saturate(1) brightness(.9)}.segment-card:hover a{color:#111714;background:var(--gold)}
.projects{padding:74px 0 78px}.project-feature{width:var(--shell);margin:auto;display:grid;grid-template-columns:64% 36%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-feature-media{position:relative;height:430px;overflow:hidden}.project-feature-media img{height:100%;object-fit:cover;transition:opacity .35s ease,transform .8s var(--ease)}.project-feature-media.is-changing img{opacity:.2;transform:scale(1.03)}.project-arrow{position:absolute;top:50%;width:43px;height:43px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(12,16,15,.28);transform:translateY(-50%);backdrop-filter:blur(5px)}.project-prev{left:18px}.project-next{right:18px}.project-feature-copy{padding:46px 42px;display:flex;flex-direction:column;justify-content:center}.project-feature-copy>p:first-child{margin:0;color:#9a7640;font-family:var(--serif)}.project-feature-copy>p:first-child b{font-size:58px;font-weight:500}.project-feature-copy>p:first-child span{margin-left:8px;color:#aaa499;font-size:10px}.project-feature h3{margin-top:18px;font-size:43px;line-height:1}.project-line{width:44px;height:1px;margin:20px 0;background:var(--gold)}.project-feature-copy>p[data-project-description]{min-height:48px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.project-feature-copy .gold-button{margin-top:24px}.project-thumbs{width:var(--shell);margin:13px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.project-thumb{position:relative;height:215px;padding:0;overflow:hidden;border:1px solid transparent;border-radius:5px;color:#fff;background:#151b19;text-align:left}.project-thumb img{height:100%;object-fit:cover;filter:saturate(.78) brightness(.58);transition:transform .7s var(--ease),filter .4s ease}.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,9,.97),transparent 78%)}.project-thumb span{position:absolute;z-index:2;left:13px;right:12px;bottom:13px}.project-thumb b{display:block;color:var(--gold);font-family:var(--serif);font-size:18px;font-weight:500}.project-thumb strong{display:block;margin-top:5px;font-family:var(--serif);font-size:18px;font-weight:500;line-height:1}.project-thumb small{display:block;margin-top:7px;color:rgba(255,255,255,.58);font-size:7px;line-height:1.45}.project-thumb:hover img,.project-thumb.is-active img{transform:scale(1.055);filter:saturate(1) brightness(.78)}.project-thumb.is-active{border-color:var(--gold)}
.capability{position:relative;padding:72px 0 0;overflow:hidden;background:#101716}.capability-map{position:absolute;inset:0 0 90px;opacity:.7}.capability-map img{height:100%;object-fit:cover}.capability:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent,rgba(9,13,12,.48) 68%);pointer-events:none}.capability>*:not(.capability-map){position:relative;z-index:2}.capability .section-heading{margin-bottom:30px}.capability-stats{width:min(720px,calc(100vw - 48px));margin:auto;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;text-align:center}.capability-stats>i{height:100px;background:var(--line)}.capability-stats article strong{display:block;color:var(--gold-soft);font-family:var(--serif);font-size:74px;font-weight:500;line-height:.9}.capability-stats article b{display:block;margin-top:10px;color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.capability-stats article p{margin:8px 0 0;color:rgba(255,255,255,.72);font-size:10px}.member-grid{width:min(1120px,calc(100vw - 80px));margin:36px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.member-grid div{min-height:70px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font-size:27px}.member-grid span{color:#d5b573;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.capability-note{margin:18px 20px 30px;color:rgba(255,255,255,.58);font-size:10px;text-align:center}.partner-marquee{padding:18px 0;border-top:1px solid rgba(199,154,75,.18);border-bottom:1px solid rgba(199,154,75,.18);overflow:hidden}.partner-marquee>div{width:max-content;display:flex;gap:80px;animation:marquee 25s linear infinite}.partner-marquee span{color:rgba(219,190,131,.55);font-family:var(--serif);font-size:18px;letter-spacing:.1em}@keyframes marquee{to{transform:translateX(-50%)}}
.contact{padding:42px max(28px,calc((100vw - 1320px)/2)) 58px;background:#101716}.contact-panel{min-height:580px;padding:24px;display:grid;grid-template-columns:37% 33% 30%;align-items:stretch;border:1px solid rgba(199,154,75,.48);border-radius:7px;background:rgba(11,17,16,.86);box-shadow:0 22px 60px rgba(0,0,0,.25)}.contact-copy{padding:20px 22px}.contact-copy .eyebrow{margin-bottom:12px}.contact-copy h2{font-size:42px;line-height:.93}.contact-copy>p:not(.eyebrow){margin:17px 0 20px;color:var(--gold-soft);font-size:10px}.vip-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vip-form label{display:block}.vip-form label>span{display:none}.vip-form label:nth-child(5){grid-column:1/-1}.vip-form input,.vip-form select,.vip-form textarea{width:100%;padding:10px 12px;border:1px solid rgba(199,154,75,.3);outline:0;color:#fff;background:rgba(255,255,255,.025);font-size:9px}.vip-form input,.vip-form select{height:39px}.vip-form select option{color:#222}.vip-form textarea{resize:vertical}.vip-form input:focus,.vip-form select:focus,.vip-form textarea:focus{border-color:var(--gold)}.vip-form button{grid-column:1/-1;min-height:42px;border:0;color:#171714;background:linear-gradient(135deg,#d9b36c,#b98536);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.form-status{grid-column:1/-1;min-height:13px;margin:0;color:var(--gold-soft);font-size:8px;text-align:center}.contact-map{min-width:0;overflow:hidden}.contact-map img{height:100%;object-fit:contain;mix-blend-mode:screen}.office-list{padding:10px 0;display:grid;gap:10px}.office-list article{padding:16px;display:grid;grid-template-columns:42px 1fr;gap:13px;border:1px solid rgba(199,154,75,.38);border-radius:5px}.office-list i{color:var(--gold);font-family:var(--serif);font-size:30px;font-style:normal}.office-list h3{margin:0;color:#f2dfb8;font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.05}.office-list p{margin:7px 0;color:rgba(255,255,255,.54);font-size:8px;line-height:1.55}.office-list a{display:inline-flex;padding:7px 12px;border:1px solid rgba(199,154,75,.48);color:var(--gold-soft);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.estate-footer{padding:58px max(48px,calc((100vw - 1320px)/2)) 24px;display:grid;grid-template-columns:1.45fr repeat(4,.72fr) 1.18fr;gap:38px;color:#5c5d58;border-top:1px solid var(--line)}.footer-brand img{width:180px}.footer-brand p,.footer-newsletter p{max-width:270px;margin:18px 0 0;font-size:9px;line-height:1.7}.estate-footer h3{margin:0 0 17px;color:#292a26;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.estate-footer>div:not(.footer-brand):not(.footer-bottom)>a{display:block;margin-top:11px;font-size:8px}.footer-newsletter form{margin-top:18px;display:flex;border:1px solid var(--line)}.footer-newsletter input{width:100%;min-width:0;padding:11px;border:0;outline:0;background:transparent;font-size:8px}.footer-newsletter button{width:40px;border:0;color:#fff;background:var(--gold)}.footer-bottom{grid-column:1/-1;margin-top:18px;padding-top:19px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:8px}.footer-bottom p{margin:0}
[data-reveal]{opacity:0;transition:opacity .82s var(--ease),transform .95s var(--ease);will-change:opacity,transform}[data-reveal="left"]{transform:translate3d(-42px,0,0)}[data-reveal="right"]{transform:translate3d(42px,0,0)}[data-reveal="up"]{transform:translate3d(0,34px,0)}[data-reveal].is-visible{opacity:1;transform:none}.segment-card:nth-child(2),.project-thumb:nth-child(2){transition-delay:.08s}.segment-card:nth-child(3),.project-thumb:nth-child(3){transition-delay:.16s}
@media(max-width:1050px){.estate-header{grid-template-columns:1fr auto}.estate-nav{position:fixed;inset:0;z-index:2;padding:110px 36px 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:rgba(13,19,18,.98);clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;transition:clip-path .5s var(--ease),visibility .5s}.menu-open .estate-nav{clip-path:inset(0);visibility:visible;pointer-events:auto}.menu-toggle{display:block}.header-tools{display:none}.estate-nav a{padding:10px 0;color:#fff;font-family:var(--serif);font-size:38px;font-weight:500;letter-spacing:-.02em;text-transform:none}.menu-open .menu-toggle>span:first-child{top:21px;transform:rotate(45deg)}.menu-open .menu-toggle>span:nth-child(2){opacity:0}.menu-open .menu-toggle>span:nth-child(3){top:21px;transform:rotate(-45deg)}.philosophy{grid-template-columns:1fr}.philosophy-media{min-height:620px;padding:48px 32px 20px}.philosophy-copy{padding:70px 42px 80px}.segment-grid{grid-template-columns:repeat(2,1fr)}.segment-wide{grid-column:auto}.project-feature{grid-template-columns:1fr}.project-feature-media{height:520px}.project-thumbs{grid-template-columns:repeat(3,1fr)}.contact-panel{grid-template-columns:1fr 1fr}.contact-copy{grid-column:1/-1}.estate-footer{grid-template-columns:repeat(3,1fr)}.footer-brand,.footer-newsletter{grid-column:auto}.footer-bottom{grid-column:1/-1}}
@media(max-width:620px){:root{--shell:calc(100vw - 28px)}body{font-size:13px}.estate-header{width:calc(100% - 34px);height:72px}.estate-brand{width:145px}.estate-hero{min-height:760px;height:100svh}.hero-media img{object-position:63% center}.hero-glow{background:linear-gradient(0deg,rgba(7,11,10,.96),rgba(7,11,10,.3) 72%)}.hero-copy{padding-top:270px;padding-bottom:75px;justify-content:flex-end}.hero-copy h1{font-size:43px;line-height:.86}.hero-copy h1 span+span{margin-top:5px}.hero-lead{font-size:11px}.hero-actions{width:100%;flex-direction:column}.gold-button,.outline-button{width:100%;font-size:8px}.philosophy-media{min-height:440px;padding:42px 17px 15px}.philosophy-copy{padding:60px 20px 65px}.philosophy-copy h2{font-size:42px}.philosophy-copy>p:not(.eyebrow){font-size:11px}.philosophy-pillars article{padding-inline:3px}.philosophy-copy blockquote span{font-size:15px}.segments{padding:62px 0 70px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:40px}.segment-grid{grid-template-columns:1fr;grid-auto-rows:245px}.segment-card h3{font-size:26px}.projects{padding:60px 0}.project-feature-media{height:285px}.project-feature-copy{padding:36px 20px 42px}.project-feature h3{font-size:37px}.project-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.project-thumb{flex:0 0 72%;scroll-snap-align:center}.capability{padding-top:58px}.capability-stats article strong{font-size:54px}.member-grid{width:calc(100vw - 34px);grid-template-columns:repeat(2,1fr);gap:8px}.member-grid div{min-height:62px;padding:8px;font-size:22px}.partner-marquee>div{gap:45px}.contact{padding:28px 12px 42px}.contact-panel{padding:12px;grid-template-columns:1fr}.contact-copy{padding:20px 8px}.contact-copy h2{font-size:38px}.vip-form{grid-template-columns:1fr}.vip-form label:nth-child(5),.vip-form button,.form-status{grid-column:auto}.contact-map{height:420px}.office-list article{padding:14px}.estate-footer{padding:50px 20px 22px;grid-template-columns:repeat(2,1fr);gap:34px 22px}.footer-brand,.footer-newsletter{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:20px}.footer-brand img{width:160px}}
@media(prefers-reduced-motion:reduce) and (max-width:0px){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Project changes retain scale motion without fading the image. */
.project-feature-media img { transition-property: transform !important; }
.project-feature-media.is-changing img { opacity: 1 !important; }

/* Keep real-estate photography immediately visible while retaining layout motion. */
.page-batdongsan .hero-media img,
.page-batdongsan .philosophy-media img,
.page-batdongsan .segment-card img,
.page-batdongsan .project-thumb img {
  opacity: 1 !important;
  clip-path: none !important;
  transition-property: transform !important;
}

.page-batdongsan .project-feature-media img {
  opacity: 1 !important;
  filter: none !important;
  transition: none !important;
}

/* High-contrast real-estate banner copy: keep every visible label white. */
body.page-batdongsan main > .estate-hero .hero-glow {
  background:
    linear-gradient(90deg, rgba(8, 13, 12, .82) 0%, rgba(8, 13, 12, .46) 42%, rgba(8, 13, 12, .08) 78%, transparent),
    linear-gradient(0deg, rgba(7, 10, 9, .48), transparent 58%) !important;
}

body.page-batdongsan main > .estate-hero .hero-copy,
body.page-batdongsan main > .estate-hero .hero-copy .eyebrow,
body.page-batdongsan main > .estate-hero .hero-copy #hero-title,
body.page-batdongsan main > .estate-hero .hero-copy #hero-title span,
body.page-batdongsan main > .estate-hero .hero-copy .hero-lead {
  color: #fff !important;
  text-shadow: none !important;
}

body.page-batdongsan main > .estate-hero .hero-copy #hero-title {
  max-width: 780px !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

body.page-batdongsan main > section.estate-hero.sector-banner-no-cta > .hero-copy.page-shell #hero-title span {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.page-batdongsan main > .estate-hero .hero-copy .hero-lead {
  max-width: 560px;
  line-height: 1.72 !important;
}

body.page-batdongsan main > section.estate-hero.sector-banner-no-cta > .hero-copy.page-shell .hero-lead {
  color: #fff !important;
}

@media (max-width: 980px) {
  body.page-batdongsan main > .estate-hero .hero-copy #hero-title {
    max-width: 100% !important;
    line-height: 1.12 !important;
  }

  body.page-batdongsan main > .estate-hero .hero-glow {
    background:
      linear-gradient(0deg, rgba(7, 11, 10, .96), rgba(7, 11, 10, .42) 74%, rgba(7, 11, 10, .1)),
      linear-gradient(90deg, rgba(7, 11, 10, .34), transparent 72%) !important;
  }
}

.page-batdongsan .hero-media img {
  animation: none !important;
  transform: none !important;
}

.page-batdongsan .philosophy-media.reveal,
.page-batdongsan .segment-card.reveal,
.page-batdongsan .project-feature.reveal {
  opacity: 1 !important;
  transition-property: transform !important;
}

/* Card photography stays unobstructed; captions live in a dedicated light panel. */
.page-batdongsan .segments,
.page-batdongsan .projects {
  color: var(--ink);
  background: #fff !important;
}

.page-batdongsan .segments {
  padding-block: 96px;
}

.page-batdongsan .segments .section-heading > p:last-child,
.page-batdongsan .projects .section-heading > p:last-child {
  color: var(--muted) !important;
}

.page-batdongsan .segment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 32px 28px;
}

.page-batdongsan .segment-card {
  display: grid;
  grid-template-rows: clamp(250px, 24vw, 330px) auto;
  overflow: hidden;
  color: var(--ink);
  background: #fff;
  border-color: rgba(24, 27, 24, .15);
  box-shadow: 0 18px 45px rgba(26, 34, 31, .07);
}

.page-batdongsan .segment-card::after,
.page-batdongsan .project-thumb::after {
  display: none !important;
}

.page-batdongsan .segment-card img {
  height: 100%;
  object-fit: cover;
  filter: none !important;
}

.page-batdongsan .segment-card > div {
  position: relative;
  inset: auto;
  min-height: 168px;
  padding: 24px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 38px;
  grid-template-rows: auto 1fr;
  gap: 10px 16px;
  align-items: start;
  background: #fff;
}

.page-batdongsan .segment-card b {
  position: static;
  grid-column: 1;
  grid-row: 1 / 3;
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.page-batdongsan .segment-card h3 {
  grid-column: 2;
  max-width: none;
  color: var(--ink);
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.08;
}

.page-batdongsan .segment-card p {
  grid-column: 2;
  max-width: 44ch;
  margin: 0;
  color: #4f524d;
  font-size: 10px;
  line-height: 1.7;
}

.page-batdongsan .segment-card a {
  position: static;
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  color: var(--ink);
  border-color: rgba(24, 27, 24, .3);
}

.page-batdongsan .segment-card:hover img {
  filter: none !important;
}

.page-batdongsan .projects {
  padding-block: 96px;
}

.page-batdongsan .project-feature {
  grid-template-columns: 1fr;
  border: 1px solid rgba(24, 27, 24, .14);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 50px rgba(26, 34, 31, .06);
}

.page-batdongsan .project-feature-media {
  height: clamp(390px, 40vw, 540px);
}

.page-batdongsan .project-feature-copy {
  padding: 28px 32px 32px;
  display: grid;
  grid-template-columns: 88px minmax(220px, 1fr) minmax(250px, .8fr) auto;
  grid-template-rows: auto auto;
  gap: 10px 30px;
  align-items: center;
  color: var(--ink);
}

.page-batdongsan .project-feature-copy > p:first-child {
  grid-column: 1;
  grid-row: 1 / 3;
  color: var(--ink);
}

.page-batdongsan .project-feature-copy > p:first-child b {
  color: var(--ink);
  font-size: 44px;
}

.page-batdongsan .project-feature h3 {
  grid-column: 2;
  margin: 0;
  color: var(--ink);
  font-size: clamp(34px, 3vw, 46px);
}

.page-batdongsan .project-line {
  grid-column: 2;
  width: 48px;
  margin: 0;
}

.page-batdongsan .project-feature-copy > p[data-project-description] {
  grid-column: 3;
  grid-row: 1 / 3;
  min-height: 0;
  color: #4f524d;
  font-size: 11px;
}

.page-batdongsan .project-feature-copy .gold-button {
  grid-column: 4;
  grid-row: 1 / 3;
  margin: 0;
  white-space: nowrap;
}

.page-batdongsan .project-thumbs {
  margin-top: 24px;
  gap: 12px;
}

.page-batdongsan .project-thumb {
  height: auto;
  min-height: 300px;
  padding: 0;
  display: grid;
  grid-template-rows: 180px auto;
  align-content: start;
  color: var(--ink);
  background: #fff;
  border-color: rgba(24, 27, 24, .14);
  box-shadow: 0 12px 32px rgba(26, 34, 31, .05);
}

.page-batdongsan .project-thumb img {
  height: 180px;
  object-fit: cover;
  filter: none !important;
}

.page-batdongsan .project-thumb span {
  position: static;
  padding: 16px;
  display: block;
  color: var(--ink);
  background: #fff;
}

.page-batdongsan .project-thumb b,
.page-batdongsan .project-thumb strong,
.page-batdongsan .project-thumb small {
  color: var(--ink);
}

.page-batdongsan .project-thumb small {
  font-size: 8px;
  line-height: 1.55;
}

.page-batdongsan .project-thumb:hover img,
.page-batdongsan .project-thumb.is-active img {
  filter: none !important;
}

.page-batdongsan .project-thumb.is-active {
  border-color: var(--gold);
  box-shadow: inset 0 -3px 0 var(--gold), 0 12px 32px rgba(26, 34, 31, .08);
}

/* The execution section uses a clean standalone banner with no tint or map layer. */
.page-batdongsan .capability {
  padding: 96px 0 0;
  color: var(--ink) !important;
  background: #fff !important;
}

.page-batdongsan .capability::after {
  display: none !important;
  background: none !important;
}

.page-batdongsan .capability > * {
  position: relative;
  z-index: auto;
}

.page-batdongsan .capability .section-heading {
  margin-bottom: 42px;
}

@media (min-width: 981px) {
  body.page-batdongsan main > section.capability .section-heading #capability-title {
    max-width: none !important;
    padding: 0 !important;
    font-size: clamp(30px, 3.05vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
    white-space: nowrap;
  }
}

@media (max-width: 980px) {
  body.page-batdongsan main > section.capability .section-heading #capability-title {
    padding: 0 !important;
    font-size: clamp(26px, 7.2vw, 32px) !important;
    line-height: 1.18 !important;
  }
}

.page-batdongsan .capability-banner {
  width: var(--shell);
  height: clamp(340px, 38vw, 520px);
  margin: 0 auto 54px;
  overflow: hidden;
  border-radius: 6px;
  background: transparent;
}

.page-batdongsan .capability-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

.page-batdongsan .capability-stats article strong,
.page-batdongsan .capability-stats article b,
.page-batdongsan .capability-stats article p,
.page-batdongsan .member-grid div,
.page-batdongsan .member-grid span,
.page-batdongsan .capability-note,
.page-batdongsan .partner-marquee span {
  color: var(--ink);
}

.page-batdongsan .capability-stats > i {
  background: rgba(24, 27, 24, .18);
}

.page-batdongsan .member-grid div {
  border-color: rgba(199, 154, 75, .65);
  background: #fff;
}

.page-batdongsan .member-grid img {
  width: 26px;
  height: 41px;
  flex: 0 0 26px;
  object-fit: contain;
}

@media (max-width: 620px) {
  .page-batdongsan .member-grid img {
    width: 22px;
    height: 35px;
    flex-basis: 22px;
  }
}

.page-batdongsan .capability-note {
  color: #4f524d;
}

.page-batdongsan .partner-marquee {
  margin-top: 32px;
  border-color: rgba(24, 27, 24, .12);
  background: #fff;
}

/* Contact becomes one concise investment form; office details remain in the shared footer. */
.page-batdongsan .contact {
  background: #fff !important;
}

.page-batdongsan .contact-panel {
  min-height: 0;
  padding: clamp(42px, 5vw, 72px) clamp(32px, 5vw, 76px);
  grid-template-columns: minmax(360px, .95fr) minmax(480px, 1.05fr);
  gap: clamp(48px, 5vw, 76px);
  align-items: center;
  border-width: 1px 0 !important;
  border-radius: 0;
  box-shadow: none !important;
}

.page-batdongsan .contact-copy {
  padding: 0;
}

.page-batdongsan .contact-copy h2 {
  max-width: 560px;
  font-size: clamp(42px, 3.4vw, 52px);
  line-height: 1.02;
  text-wrap: balance;
}

.page-batdongsan .contact-copy > p:not(.eyebrow) {
  max-width: 38ch;
  margin: 22px 0 0;
  color: var(--muted) !important;
  font-size: 12px;
  line-height: 1.75;
}

.page-batdongsan .vip-form {
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  background: transparent !important;
}

.page-batdongsan .vip-form input,
.page-batdongsan .vip-form select {
  height: 50px;
}

.page-batdongsan .vip-form input,
.page-batdongsan .vip-form select,
.page-batdongsan .vip-form textarea {
  padding: 13px 15px;
  font-size: 10px;
}

.page-batdongsan .vip-form textarea {
  min-height: 112px;
}

.page-batdongsan .vip-form button {
  min-height: 50px;
}

@media (max-width: 1050px) {
  .page-batdongsan .contact-panel {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .page-batdongsan .contact-copy {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .page-batdongsan .contact {
    padding-inline: 0;
  }

  .page-batdongsan .contact-panel {
    padding: 42px 0;
    gap: 30px;
  }

  .page-batdongsan .contact-copy {
    padding: 0;
  }

  .page-batdongsan .contact-copy h2 {
    font-size: 38px;
  }

  .page-batdongsan .vip-form {
    grid-template-columns: 1fr;
  }

  .page-batdongsan .vip-form label:nth-child(5),
  .page-batdongsan .vip-form button,
  .page-batdongsan .form-status {
    grid-column: auto;
  }
}

@media (max-width: 1050px) {
  .page-batdongsan .segment-grid {
    gap: 24px;
  }

  .page-batdongsan .project-feature-copy {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
  }

  .page-batdongsan .project-feature-copy > p:first-child {
    grid-column: 1;
    grid-row: 1 / 4;
  }

  .page-batdongsan .project-feature h3,
  .page-batdongsan .project-line {
    grid-column: 2;
  }

  .page-batdongsan .project-feature-copy > p[data-project-description] {
    grid-column: 2;
    grid-row: 3;
  }

  .page-batdongsan .project-feature-copy .gold-button {
    grid-column: 3;
    grid-row: 1 / 4;
  }
}

@media (max-width: 620px) {
  .page-batdongsan .segments,
  .page-batdongsan .projects,
  .page-batdongsan .capability {
    padding-top: 72px;
  }

  .page-batdongsan .segments,
  .page-batdongsan .projects {
    padding-bottom: 72px;
  }

  .page-batdongsan .segment-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .page-batdongsan .segment-card {
    grid-template-rows: 220px auto;
  }

  .page-batdongsan .segment-card > div {
    min-height: 154px;
    padding: 16px;
    grid-template-columns: 28px minmax(0, 1fr) 34px;
    gap: 9px 6px;
  }

  .page-batdongsan .segment-card b {
    font-size: 18px;
  }

  .page-batdongsan .segment-card h3 {
    font-size: clamp(15px, 4.6vw, 18px);
    line-height: 1.06;
  }

  .page-batdongsan .segment-card h3 span {
    display: block;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .page-batdongsan .project-feature-media {
    height: 270px;
  }

  .page-batdongsan .project-feature-copy {
    padding: 24px 20px 26px;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 10px 14px;
  }

  .page-batdongsan .project-feature-copy > p:first-child {
    grid-column: 1;
    grid-row: 1 / 4;
  }

  .page-batdongsan .project-feature-copy > p:first-child b {
    font-size: 30px;
  }

  .page-batdongsan .project-feature h3,
  .page-batdongsan .project-line,
  .page-batdongsan .project-feature-copy > p[data-project-description] {
    grid-column: 2;
  }

  .page-batdongsan .project-feature h3 {
    font-size: 32px;
  }

  .page-batdongsan .project-feature-copy .gold-button {
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100%;
    margin-top: 8px;
  }

  .page-batdongsan .project-thumb {
    flex-basis: 78%;
    min-height: 292px;
    grid-template-rows: 176px auto;
  }

  .page-batdongsan .project-thumb img {
    height: 176px;
  }

  .page-batdongsan .capability .section-heading {
    margin-bottom: 32px;
  }

  .page-batdongsan .capability-banner {
    width: calc(100vw - 28px);
    height: 230px;
    margin-bottom: 40px;
  }
}

/* Keep the longest card lockup to two clean lines on narrow phones. */
@media (max-width: 340px) {
  .page-batdongsan .segment-card > div {
    min-height: 150px;
    padding-inline: 12px;
    grid-template-columns: 24px minmax(0, 1fr) 28px;
    column-gap: 4px;
  }

  .page-batdongsan .segment-card h3 {
    font-size: 15px;
    line-height: 1.08;
  }
}

/* Desktop collections: two segment cards per row for a balanced three-row grid. */
@media (min-width: 981px) {
  .page-batdongsan .segment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 20px;
  }

  .page-batdongsan .segment-card {
    grid-template-rows: clamp(220px, 19vw, 280px) auto;
  }

  .page-batdongsan .segment-card > div {
    min-height: 176px;
    grid-template-columns: 38px minmax(0, 1fr) 34px;
    gap-inline: 12px;
  }

  .page-batdongsan .segment-card h3 {
    font-size: clamp(22px, 1.75vw, 27px);
  }
}

/* A single cinematic project image with five circular project selectors. */
.page-batdongsan .project-gallery {
  width: var(--shell);
  margin: 0 auto;
}

.page-batdongsan .project-gallery .project-feature {
  position: relative;
  width: min(1120px, 100%);
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #e7e5df;
  box-shadow: 0 26px 70px rgba(26, 34, 31, .13);
}

.page-batdongsan .project-gallery .project-feature-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  isolation: isolate;
}

.page-batdongsan .project-feature-slide {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  visibility: hidden;
  transform-origin: center;
}

.page-batdongsan .project-feature-slide.is-active {
  z-index: 1;
  visibility: visible;
}

.page-batdongsan .project-gallery .project-feature-copy {
  position: absolute;
  z-index: 3;
  inset: auto 0 0;
  min-height: 0;
  padding: 76px 72px 40px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #fff;
  background: linear-gradient(0deg, rgba(9, 14, 13, .78), rgba(9, 14, 13, 0));
  pointer-events: none;
}

.page-batdongsan .project-gallery .project-feature h3 {
  margin: 0;
  color: #fff !important;
  font-size: clamp(30px, 3.1vw, 48px);
  line-height: 1.02;
  letter-spacing: -.025em;
  text-align: center;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .34);
  text-wrap: balance;
}

.page-batdongsan .project-arrow {
  z-index: 4;
  width: 48px;
  height: 48px;
  border-color: rgba(255, 255, 255, .72);
  background: rgba(10, 15, 14, .3);
  transition: color .28s var(--ease), background .28s var(--ease), border-color .28s var(--ease), transform .28s var(--ease);
}

.page-batdongsan .project-arrow:hover,
.page-batdongsan .project-arrow:focus-visible {
  color: var(--ink);
  background: #fff;
  border-color: #fff;
  outline: 0;
}

.page-batdongsan .project-gallery .project-thumbs {
  width: 100%;
  margin: 26px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.8vw, 24px);
}

.page-batdongsan .project-gallery .project-thumb {
  flex: 0 0 auto;
  width: clamp(68px, 6.8vw, 92px);
  height: clamp(68px, 6.8vw, 92px);
  min-width: 0;
  min-height: 0;
  padding: 3px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(24, 27, 24, .18);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 9px 24px rgba(26, 34, 31, .1);
  transition: transform .3s var(--ease), border-color .3s ease, box-shadow .3s ease;
}

.page-batdongsan .project-gallery .project-thumb[hidden] {
  display: none;
}

.page-batdongsan .project-gallery .project-thumb img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: 50%;
  filter: none !important;
  transform: none;
}

.page-batdongsan .project-gallery .project-thumb:hover,
.page-batdongsan .project-gallery .project-thumb:focus-visible {
  border-color: var(--gold);
  box-shadow: 0 12px 30px rgba(130, 94, 38, .2);
  transform: translateY(-4px);
  outline: 0;
}

.page-batdongsan .project-gallery .project-thumb:hover img,
.page-batdongsan .project-gallery .project-thumb:focus-visible img {
  transform: scale(1.04);
}

@media (max-width: 760px) {
  .page-batdongsan .project-gallery .project-feature {
    aspect-ratio: 4 / 3;
  }

  .page-batdongsan .project-gallery .project-feature-copy {
    padding: 58px 48px 24px;
  }

  .page-batdongsan .project-gallery .project-feature h3 {
    font-size: clamp(25px, 7.2vw, 34px);
  }

  .page-batdongsan .project-arrow {
    width: 40px;
    height: 40px;
  }

  .page-batdongsan .project-prev {
    left: 12px;
  }

  .page-batdongsan .project-next {
    right: 12px;
  }

  .page-batdongsan .project-gallery .project-thumbs {
    margin-top: 18px;
    gap: clamp(7px, 2.5vw, 12px);
  }

  .page-batdongsan .project-gallery .project-thumb {
    width: clamp(50px, 14.5vw, 66px);
    height: clamp(50px, 14.5vw, 66px);
    padding: 2px;
  }
}

/* Compact the philosophy split so the message and supporting pillars share
   the same visual weight as the image instead of creating a tall text rail. */
.page-batdongsan .philosophy {
  min-height: 0 !important;
  align-items: stretch;
}

@media (min-width: 981px) {
  .page-batdongsan .philosophy-media,
  .page-batdongsan .philosophy-copy {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .page-batdongsan .philosophy-copy {
    padding-left: clamp(44px, 4.2vw, 68px) !important;
    padding-right: clamp(38px, 5.4vw, 86px) !important;
  }

  body.page-batdongsan main > section#philosophy.philosophy .philosophy-copy h2 {
    max-width: 520px;
    font-size: 40px !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
  }

  .page-batdongsan .philosophy-copy > p:not(.eyebrow) {
    margin-top: 20px;
    line-height: 1.7 !important;
  }

  .page-batdongsan .philosophy-pillars {
    margin-top: 28px;
  }

  .page-batdongsan .philosophy-pillars article {
    min-height: 116px;
    padding-top: 18px;
  }

  .page-batdongsan .philosophy-copy blockquote {
    margin-top: 20px;
  }

  .page-batdongsan .philosophy-copy blockquote span {
    font-size: 15px;
    line-height: 1.4;
  }
}

@media (max-width: 980px) {
  body.page-batdongsan main > section#philosophy.philosophy .philosophy-copy h2 {
    font-size: clamp(25px, 6.4vw, 29px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
  }

  .page-batdongsan .philosophy-copy > p:not(.eyebrow) {
    margin-top: 18px;
  }

  .page-batdongsan .philosophy-pillars {
    margin-top: 26px;
  }

  .page-batdongsan .philosophy-copy blockquote {
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-batdongsan .project-feature-slide,
  .page-batdongsan .project-thumb {
    transform: none !important;
    clip-path: none !important;
    transition-duration: .01ms !important;
  }
}

/* Compact project gallery: smaller artwork, circular selectors and centered copy. */
.page-batdongsan .project-gallery .project-feature {
  width: min(761.6px, 68%) !important;
}

.page-batdongsan .project-gallery .project-feature-media,
.page-batdongsan .project-gallery .project-feature-media img {
  max-height: none !important;
}

.page-batdongsan .project-gallery .project-feature-slide {
  clip-path: none !important;
}

body.page-batdongsan.dg-shared-shell .project-gallery .project-feature-media {
  height: 100% !important;
  max-height: none !important;
}

body.page-batdongsan.dg-shared-shell main > .projects .project-gallery .project-feature-media {
  height: 100% !important;
  max-height: none !important;
}

.page-batdongsan .project-gallery .project-feature-copy {
  inset: 0 !important;
  padding: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: linear-gradient(180deg, rgba(9, 14, 13, .16), rgba(9, 14, 13, .58)) !important;
}

.page-batdongsan .project-gallery .project-feature h3 {
  font-size: clamp(24px, 2.43vw, 35px) !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

.page-batdongsan .project-gallery .project-thumb {
  width: clamp(46.4px, 4.624vw, 62.4px) !important;
  height: clamp(46.4px, 4.624vw, 62.4px) !important;
}

/* Give the investment form more breathing room and let the adjacent
   philosophy image carry the same visual weight as the copy column. */
@media (min-width: 981px) {
  .page-batdongsan .vip-form {
    row-gap: 24px !important;
  }

  .page-batdongsan .vip-form input,
  .page-batdongsan .vip-form select,
  .page-batdongsan .vip-form textarea {
    line-height: 1.5;
  }

  .page-batdongsan .philosophy-media img {
    height: clamp(500px, 36vw, 560px) !important;
  }
}

@media (max-width: 980px) {
  .page-batdongsan .vip-form {
    row-gap: 24px !important;
  }

  .page-batdongsan .vip-form input,
  .page-batdongsan .vip-form select,
  .page-batdongsan .vip-form textarea {
    line-height: 1.5;
  }
}

@media (max-width: 760px) {
  /* Let the mobile gallery breathe while keeping the circular selectors in one row. */
  .page-batdongsan .project-gallery .project-feature {
    width: 100% !important;
  }

  .page-batdongsan .project-gallery .project-thumbs {
    justify-content: center;
    overflow: visible;
  }

  .page-batdongsan .project-gallery .project-feature-copy {
    padding: 18px !important;
  }

  .page-batdongsan .project-gallery .project-feature h3 {
    font-size: clamp(19px, 6.1vw, 24px) !important;
  }

  .page-batdongsan .project-gallery .project-thumb {
    width: clamp(38.4px, 9.84vw, 44.8px) !important;
    height: clamp(38.4px, 9.84vw, 44.8px) !important;
  }
}