:root{--ink:#071826;--ink-2:#0d2738;--gold:#d7a84b;--gold-2:#f0cf83;--paper:#f4f1ea;--white:#fff;--muted:#60717c;--line:rgba(7,24,38,.15);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:82px;display:flex;align-items:center;gap:40px;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(6,22,33,.95);color:#fff;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;font-family:"Playfair Display",serif;color:var(--gold);font-size:26px}.brand strong,.brand small{display:block;line-height:1}.brand strong{font-size:20px;letter-spacing:.12em}.brand small{font-size:9px;letter-spacing:.34em;margin-top:5px;color:#c4ced4}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px}.desktop-nav a{color:#dbe3e7}.desktop-nav a:hover{color:var(--gold-2)}.header-actions{display:flex;align-items:center;gap:18px}.language-switch{background:transparent;border:0;color:#78909e;display:flex;gap:7px;padding:8px;cursor:pointer}.language-switch span+span:before{content:"/";margin-right:7px;color:#4d626f}.language-switch .active{color:#fff;font-weight:800}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 26px;background:var(--gold);color:#071826;font-weight:800;border:1px solid var(--gold);cursor:pointer;transition:.25s ease}.button:hover{background:var(--gold-2);border-color:var(--gold-2);transform:translateY(-2px)}.button-small{min-height:40px;padding:0 18px;font-size:13px}.menu-button{display:none;background:none;color:white;border:0;font-size:23px}.hero{min-height:800px;height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--ink)}.hero-media{position:absolute;inset:0;background:radial-gradient(circle at 68% 35%,rgba(77,130,146,.42),transparent 32%),linear-gradient(120deg,#061521 5%,#17384b 58%,#5c735d 140%);background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,27,.98) 0%,rgba(4,17,27,.8) 39%,rgba(4,17,27,.18) 80%),linear-gradient(0deg,rgba(4,17,27,.66),transparent 50%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-content{position:relative;z-index:2;width:var(--max);margin:70px auto 0;padding:0 28px;color:#fff}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--gold-2);font-weight:800;margin:0 0 20px}.hero h1,.section h2,.section-dark h2,.sectors h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.03;max-width:820px;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--gold-2)}.hero-copy{font-size:18px;max-width:660px;color:#d3dde2;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.text-link{display:flex;align-items:center;gap:34px;font-weight:700}.text-link b{font-size:22px;color:var(--gold)}.hero-facts{position:absolute;z-index:3;right:max(28px,calc((100vw - var(--max))/2));bottom:0;display:grid;grid-template-columns:repeat(3,1fr);color:white;background:rgba(7,24,38,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}.hero-facts div{padding:24px 30px;min-width:170px;border-right:1px solid rgba(255,255,255,.12)}.hero-facts div:last-child{border:0}.hero-facts strong{font-family:"Playfair Display",serif;color:var(--gold-2);font-size:34px;margin-right:8px}.hero-facts span{display:block;font-size:12px;color:#cbd6db}.visual-note{position:absolute;right:24px;top:100px;z-index:3;color:rgba(255,255,255,.7);font-size:11px;writing-mode:vertical-rl;letter-spacing:.12em}.section,.section-dark,.sectors{padding:110px max(28px,calc((100vw - var(--max))/2))}.section-label{display:flex;align-items:center;gap:16px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.section-label span{color:var(--gold);border-right:1px solid var(--line);padding-right:16px}.section-label.light{color:#d3dce1}.section-label.light span{border-color:rgba(255,255,255,.2)}.intro{display:grid;grid-template-columns:.65fr 1.35fr 1fr;gap:70px;align-items:start}.intro .section-label{align-items:flex-start}.intro .section-label p{margin:0}.intro-copy .lead{font-family:"Playfair Display",serif;font-size:clamp(28px,3vw,43px);line-height:1.28;margin:0 0 26px}.intro-copy>p:last-child{color:var(--muted);max-width:700px}.project-card{background:#fff;padding:36px;border-top:4px solid var(--gold);box-shadow:0 16px 45px rgba(7,24,38,.08)}.project-card>p{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.project-card h3{font-family:"Playfair Display",serif;font-size:30px;line-height:1.2;margin:10px 0 28px}.project-card-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0;font-size:13px;gap:20px}.project-card-row span{color:var(--muted)}.project-card-row strong{text-align:right}.section-dark{background:var(--ink);color:#fff}.section-heading{display:grid;grid-template-columns:.65fr 2.35fr;gap:70px;margin-bottom:70px}.section-heading h2,.infrastructure h2,.sectors h2,.inquiry h2{font-size:clamp(38px,4.4vw,64px);line-height:1.12;margin:0}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.advantage-grid article{padding:42px 30px;min-height:285px;border-right:1px solid rgba(255,255,255,.15)}.advantage-grid article:last-child{border:0}.advantage-grid article>span{color:var(--gold);font-size:12px}.advantage-grid h3{font-size:20px;margin:56px 0 14px}.advantage-grid p{font-size:14px;color:#aebbc2}.infrastructure-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:62px}.infrastructure-layout>div:first-child>p{color:var(--muted);max-width:520px;margin-top:28px}.feature-list>div{display:grid;grid-template-columns:42px 1fr;border-top:1px solid var(--line);padding:22px 0;gap:20px}.feature-list b{color:var(--gold);font-size:12px}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:18px}.feature-list small{color:var(--muted);margin-top:5px;font-size:13px}.sectors{background:var(--ink-2);color:#fff}.sector-header{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end;margin:55px 0}.sector-header p{color:#aebbc2;margin:0}.sector-list{border-top:1px solid rgba(255,255,255,.2)}.sector-list div{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:24px 0;transition:.2s}.sector-list div:hover{padding-left:12px;background:rgba(255,255,255,.025)}.sector-list span,.sector-list b{color:var(--gold);font-size:12px}.sector-list h3{font-size:24px;margin:0;font-weight:600}.inquiry{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;background:#e8e3d9}.eyebrow.dark{color:#80611e}.inquiry-copy>p:last-child{color:var(--muted);max-width:500px;margin-top:28px}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.inquiry-form label{display:block}.inquiry-form label span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.inquiry-form input,.inquiry-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #81909a;padding:10px 2px;outline:none;border-radius:0}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--gold);box-shadow:0 1px 0 var(--gold)}.inquiry-form .wide{grid-column:1/-1}.form-note{font-size:12px;color:var(--muted);margin:0}.inquiry-form .button{width:100%}footer{background:#04111b;color:#fff;min-height:230px;padding:55px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px}footer p{color:#95a6b0}footer p:last-child{text-align:right}.mobile-nav{position:fixed;inset:82px 0 auto 0;background:#071826;color:#fff;z-index:19;padding:22px 28px;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.toast{position:fixed;right:24px;bottom:24px;background:#fff;color:var(--ink);padding:18px 22px;box-shadow:0 14px 45px rgba(0,0,0,.2);z-index:50;transform:translateY(140%);transition:.3s;max-width:420px;border-left:4px solid var(--gold)}.toast.show{transform:translateY(0)}
@media(max-width:1000px){.desktop-nav{display:none}.header-actions .button{display:none}.menu-button{display:block}.site-header{justify-content:space-between}.header-actions{margin-left:auto}.hero{min-height:760px}.hero-facts{left:28px;right:28px}.intro{grid-template-columns:1fr 1.5fr}.intro .section-label{grid-column:1/-1}.project-card{grid-column:2}.section-heading{grid-template-columns:1fr}.advantage-grid{grid-template-columns:1fr 1fr}.advantage-grid article:nth-child(2){border-right:0}.advantage-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.inquiry{grid-template-columns:1fr;gap:55px}}
@media(max-width:700px){.site-header{height:72px;padding:0 20px}.brand-mark{width:36px;height:36px}.brand strong{font-size:17px}.language-switch{font-size:13px}.hero{height:auto;min-height:820px;align-items:flex-start}.hero-content{padding:0 20px;margin-top:175px}.hero h1{font-size:46px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-facts{left:20px;right:20px;grid-template-columns:1fr;bottom:26px}.hero-facts div{padding:9px 18px;display:flex;align-items:center;gap:8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.hero-facts strong{font-size:25px}.hero-facts span{display:inline}.visual-note{display:none}.section,.section-dark,.sectors{padding:75px 20px}.intro{grid-template-columns:1fr;gap:38px}.project-card{grid-column:auto}.section-heading{gap:36px}.advantage-grid{grid-template-columns:1fr}.advantage-grid article{min-height:220px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important}.advantage-grid h3{margin-top:34px}.infrastructure-layout,.sector-header{grid-template-columns:1fr;gap:42px}.infrastructure-layout{margin-top:46px}.sector-list h3{font-size:20px}.inquiry-form{grid-template-columns:1fr}.inquiry-form label{grid-column:1/-1}footer{grid-template-columns:1fr;padding:50px 20px}footer p:last-child{text-align:left}.toast{left:18px;right:18px;bottom:18px}}
.hero-media{background-image:url('./soc-son-industrial-park-concept.png'),radial-gradient(circle at 68% 35%,rgba(77,130,146,.42),transparent 32%),linear-gradient(120deg,#061521 5%,#17384b 58%,#5c735d 140%)}

/* DĐK official identity — blue leadership, red action accents */
:root{--ink:#102d63;--ink-2:#20468b;--gold:#ef2318;--gold-2:#ff6459;--paper:#f5f8fc;--muted:#5d6d83;--line:rgba(32,70,139,.16)}
body{background:var(--paper)}
.site-header{height:92px;background:rgba(255,255,255,.96);color:var(--ink);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#20468b 0 78%,#ef2318 78% 100%) 1;box-shadow:0 8px 30px rgba(21,52,105,.12);backdrop-filter:blur(14px)}
.brand-official{gap:14px}.brand-official img{display:block;width:142px;height:55px;object-fit:contain;background:#fff}.brand-division{padding-left:14px;border-left:1px solid rgba(32,70,139,.22)}.brand-division strong{font-size:14px;letter-spacing:.16em;color:#20468b}.brand-division small{font-size:8px;letter-spacing:.12em;color:#6d7d91;margin-top:6px}
.desktop-nav a{color:#29476f;font-weight:700}.desktop-nav a:hover{color:#ef2318}.language-switch{color:#8290a2}.language-switch .active{color:#20468b}.language-switch span+span:before{color:#aeb8c4}
.button{background:#ef2318;border-color:#ef2318;color:#fff;box-shadow:0 9px 22px rgba(239,35,24,.18)}.button:hover{background:#c91e16;border-color:#c91e16;color:#fff}.button-small{box-shadow:none}
.menu-button{color:#20468b}.mobile-nav{top:92px;background:#fff;color:#20468b;border-top:1px solid rgba(32,70,139,.12);box-shadow:0 18px 35px rgba(21,52,105,.16)}.mobile-nav a{border-bottom-color:rgba(32,70,139,.12);font-weight:700}
.hero{background:#102d63}.hero-overlay{background:linear-gradient(90deg,rgba(12,39,87,.98) 0%,rgba(20,58,119,.86) 42%,rgba(20,58,119,.16) 82%),linear-gradient(0deg,rgba(8,28,63,.74),transparent 55%)}.hero-grid{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)}
.eyebrow{color:#ff7067}.hero h1 em{color:#fff;position:relative}.hero h1 em:after{content:"";position:absolute;height:5px;background:#ef2318;left:0;right:0;bottom:-5px}.hero-copy{color:#e4ebf6}.text-link b{color:#ff6459}.hero-facts{background:rgba(255,255,255,.95);color:#173b79;border:0;border-top:5px solid #ef2318;box-shadow:0 20px 50px rgba(8,28,63,.24)}.hero-facts div{border-right-color:rgba(32,70,139,.16)}.hero-facts strong{color:#20468b}.hero-facts span{color:#60718a}.visual-note{color:rgba(255,255,255,.8)}
.section-label span,.advantage-grid article>span,.feature-list b,.sector-list span,.sector-list b{color:#ef2318}.project-card{border-top:5px solid #ef2318;box-shadow:0 18px 50px rgba(32,70,139,.11)}
.section-dark{background:linear-gradient(135deg,#102d63,#20468b)}.section-dark .section-label span{color:#ff6c63}.advantage-grid article{background:rgba(255,255,255,.025)}.advantage-grid article:hover{background:rgba(255,255,255,.06)}
.sectors{background:#173f82;position:relative}.sectors:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#ef2318 0 28%,#fff 28% 31%,#20468b 31%)}
.eyebrow.dark{color:#ef2318}.inquiry{background:linear-gradient(135deg,#f2f6fb,#e8eef8);border-top:1px solid rgba(32,70,139,.12)}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#ef2318;box-shadow:0 1px 0 #ef2318}.toast{border-left-color:#ef2318}
footer{background:#0c2859;border-top:7px solid #ef2318}.footer-brand img{width:135px}.footer-brand .brand-division strong{color:#fff}.footer-brand .brand-division small{color:#b8c6dc}.footer-brand .brand-division{border-left-color:rgba(255,255,255,.25)}
@media(max-width:1100px){.brand-division{display:none}.brand-official img{width:125px}.site-header{gap:22px}}
@media(max-width:700px){.site-header{height:78px;padding:0 18px}.brand-official img{width:110px;height:44px}.mobile-nav{top:78px}.hero-content{margin-top:165px}.hero-facts div{border-bottom-color:rgba(32,70,139,.14)}.hero-facts strong{color:#20468b}}

.projects{background:#fff;border-top:1px solid rgba(32,70,139,.1)}.projects-heading{margin-bottom:55px}.projects-heading>div:last-child{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.projects-heading h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4.4vw,64px);line-height:1.12;margin:0}.projects-intro{color:var(--muted);margin:0}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-profile{position:relative;padding:38px;background:#f5f8fc;border:1px solid rgba(32,70,139,.14);box-shadow:0 16px 40px rgba(32,70,139,.07)}.project-profile.featured{background:#102d63;color:#fff;border-color:#102d63}.project-profile:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#20468b}.project-profile.featured:before{background:#ef2318}.project-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;letter-spacing:.08em;font-weight:800;color:#5d6d83}.featured .project-topline{color:#b9c7dd}.project-topline b{color:#ef2318}.project-topline b.review{color:#9a5a16;background:#fff1dc;padding:4px 8px}.project-profile h3{font-family:"Playfair Display",Georgia,serif;font-size:38px;line-height:1.15;margin:28px 0 14px}.project-summary{color:#64748a;min-height:82px}.featured .project-summary{color:#d6e0ef}.project-profile dl{margin:30px 0;border-top:1px solid rgba(32,70,139,.16)}.project-profile dl div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid rgba(32,70,139,.16)}.project-profile dt{color:#64748a;font-size:13px}.project-profile dd{margin:0;text-align:right;font-weight:800}.featured dl,.featured dl div{border-color:rgba(255,255,255,.18)}.featured dt{color:#b9c7dd}.legal-timeline{display:grid;gap:10px;margin:25px 0}.legal-timeline p{display:grid;grid-template-columns:105px 1fr;gap:16px;margin:0;font-size:13px}.legal-timeline strong{color:#ef2318}.legal-timeline span{color:#53667e}.featured .legal-timeline span{color:#d4deec}.project-caution{padding:15px 16px;margin:25px 0;background:#fff5e6;border-left:4px solid #e19628;color:#664315;font-size:13px}.featured .project-caution{background:rgba(255,255,255,.09);border-left-color:#ff6459;color:#f1f5fb}.document-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0;border-top:1px solid rgba(32,70,139,.18);font-weight:800;color:#20468b}.document-link b{font-size:20px;color:#ef2318}.featured .document-link{color:#fff;border-color:rgba(255,255,255,.2)}
@media(max-width:1000px){.projects-heading>div:last-child{grid-template-columns:1fr;gap:26px}.projects-grid{grid-template-columns:1fr}.project-summary{min-height:0}}
@media(max-width:700px){.project-profile{padding:28px 22px}.project-topline{align-items:flex-start;flex-direction:column}.project-profile h3{font-size:31px}.legal-timeline p{grid-template-columns:1fr;gap:2px}.project-profile dl div{align-items:flex-start}.projects-heading{margin-bottom:40px}}

/* Investor journey: portfolio discovery, support services and qualified enquiry */
.project-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:-22px 0 32px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-tools>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted)}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-button{min-height:38px;padding:0 16px;border:1px solid rgba(32,70,139,.2);background:#fff;color:#20468b;font-weight:800;font-size:13px;cursor:pointer}.filter-button:hover,.filter-button.active{background:#20468b;color:#fff;border-color:#20468b}.project-profile[hidden]{display:none!important}
.support{background:#eef3fa}.support-heading>div:last-child{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.support-heading p{color:var(--muted);margin:0}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(32,70,139,.15);border:1px solid rgba(32,70,139,.15)}.support-grid article{background:#fff;padding:34px 28px;min-height:260px}.support-grid b{color:#ef2318;font-size:12px}.support-grid h3{font-size:20px;margin:58px 0 12px}.support-grid p{color:var(--muted);font-size:14px;margin:0}.support-cta{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#20468b}.support-cta b{color:#ef2318;font-size:22px}
.process{background:#fff}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:80px 1fr;gap:26px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.process-list>li>span{color:#ef2318;font-weight:800;font-size:13px}.process-list h3{margin:0 0 5px;font-size:20px}.process-list p{margin:0;color:var(--muted);max-width:720px}.process-list li:hover{background:linear-gradient(90deg,rgba(32,70,139,.04),transparent)}
.inquiry-form select{font:inherit;width:100%;background:transparent;border:0;border-bottom:1px solid #81909a;padding:10px 2px;outline:none;border-radius:0;color:var(--ink)}.inquiry-form select:focus{border-color:#ef2318;box-shadow:0 1px 0 #ef2318}.privacy-note{padding-top:4px;color:var(--muted);font-size:12px}.privacy-note summary{cursor:pointer;color:#20468b;font-weight:800}.privacy-note p{margin:8px 0 0}.footer-meta{text-align:right}.footer-meta p{margin:0}.footer-meta a{font-size:12px;color:#ccd8e9;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.support-heading>div:last-child{grid-template-columns:1fr;gap:25px}.support-grid{grid-template-columns:1fr 1fr}.desktop-nav{gap:18px;font-size:13px}}
@media(max-width:700px){.project-tools{align-items:flex-start;flex-direction:column;margin-top:-10px}.filter-buttons{width:100%}.filter-button{flex:1;padding:0 9px}.support-grid{grid-template-columns:1fr}.support-grid article{min-height:210px}.support-grid h3{margin-top:35px}.process-list li{grid-template-columns:48px 1fr;gap:12px}.footer-meta{text-align:left}.inquiry-form select{min-height:46px}}

/* DĐK typography and direct-contact controls */
body,button,input,textarea,select,.hero h1,.section h2,.section-dark h2,.sectors h2,.intro-copy .lead,.project-card h3,.project-profile h3,.hero-facts strong{font-family:Arial,Helvetica,sans-serif}.hero h1,.section h2,.section-dark h2,.sectors h2,.intro-copy .lead,.project-profile h3{font-weight:700;letter-spacing:-.025em}
.contact-panel{margin-top:38px;border-top:1px solid rgba(32,70,139,.18)}.contact-panel a{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid rgba(32,70,139,.18)}.contact-panel span{color:var(--muted);font-size:13px}.contact-panel strong{color:#20468b;text-align:right}.form-actions{display:grid;grid-template-columns:1fr;gap:12px}.quick-contact{position:fixed;right:22px;bottom:22px;z-index:45;display:grid;gap:10px}.quick-contact a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(7,24,38,.24)}.quick-call{background:#ef2318;font-size:22px}.quick-zalo{background:#20468b;font-size:12px}.toast{right:92px}.footer-meta span{color:#7186a5}
@media(max-width:700px){.form-actions{grid-template-columns:1fr}.quick-contact{right:14px;bottom:14px}.quick-contact a{width:48px;height:48px}.toast{left:18px;right:76px;bottom:18px}.contact-panel strong{font-size:14px;word-break:break-word}.contact-panel a{align-items:flex-start}}
.form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{min-height:24px;margin:0;font-size:13px;font-weight:700}.form-status:empty{min-height:0}.form-status.pending{color:#5d6d83}.form-status.success{color:#167143}.form-status.error{color:#b42318}.inquiry-form button:disabled{opacity:.65;cursor:wait;transform:none}
.inquiry-form label span{font-size:15px;line-height:1.4;letter-spacing:.045em}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{font-size:16px;min-height:48px}.inquiry-form select{padding-right:28px}.form-note,.privacy-note,.form-status{font-size:14px;line-height:1.55}
.detail-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:15px 18px;background:#ef2318;color:#fff;font-weight:800}.detail-link b{font-size:20px}.featured .detail-link{background:#fff;color:#20468b}.detail-link:hover{background:#c91e16;color:#fff}.featured .detail-link:hover{background:#eef3fa;color:#20468b}

/* Project detail pages */
.detail-body{background:#f5f8fc}.detail-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(24px,calc((100vw - var(--max))/2));background:#fff;border-bottom:4px solid #ef2318;position:relative;z-index:5}.detail-header .brand-official img{width:130px;height:50px}.detail-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700;color:#29476f}.detail-nav a:hover{color:#ef2318}.detail-lang{display:flex;gap:8px}.detail-lang a{padding:8px 11px;border:1px solid rgba(32,70,139,.2);font-size:13px;font-weight:800}.detail-lang a.active{background:#20468b;color:#fff}.detail-hero{position:relative;min-height:530px;padding:90px max(28px,calc((100vw - var(--max))/2));display:flex;align-items:flex-end;color:#fff;background:#102d63;overflow:hidden}.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,38,84,.98),rgba(18,62,130,.78) 54%,rgba(18,62,130,.28))}.detail-hero.soc-son{background-image:url('/soc-son-industrial-park-concept.png');background-size:cover;background-position:center}.detail-hero.kim-dong{background:linear-gradient(135deg,#0c2859,#295aa6)}.detail-hero-content{position:relative;z-index:1;max-width:850px}.detail-breadcrumb{font-size:13px;margin-bottom:48px;color:#cfdaeb}.detail-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.detail-kicker{font-size:13px;letter-spacing:.16em;font-weight:800;color:#ff6c63;text-transform:uppercase}.detail-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.05;margin:14px 0 24px}.detail-hero p{max-width:700px;font-size:18px;color:#e4ebf6}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:38px}.detail-facts div{background:rgba(10,38,84,.72);padding:20px}.detail-facts strong,.detail-facts span{display:block}.detail-facts strong{font-size:26px}.detail-facts span{font-size:12px;color:#cbd7e8;margin-top:4px}.detail-main{max-width:var(--max);margin:auto;padding:84px 28px 100px}.detail-section{display:grid;grid-template-columns:280px 1fr;gap:70px;padding:64px 0;border-bottom:1px solid rgba(32,70,139,.16)}.detail-section:first-child{padding-top:0}.detail-section-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ef2318;font-weight:800}.detail-section h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;margin:0 0 24px}.detail-section h3{font-size:19px;margin:0 0 7px}.detail-section p{color:#53667e}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{background:#fff;border:1px solid rgba(32,70,139,.14);padding:26px}.detail-card strong{font-size:24px;color:#20468b}.detail-card p{margin:8px 0 0;font-size:14px}.detail-timeline{display:grid;gap:14px}.detail-timeline article{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:22px 0;border-top:1px solid rgba(32,70,139,.16)}.detail-timeline time{font-weight:800;color:#ef2318}.detail-alert{margin-top:24px;padding:20px 22px;background:#fff4e5;border-left:5px solid #df8d1e;color:#654413}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(32,70,139,.14);border:1px solid rgba(32,70,139,.14)}.detail-list article{background:#fff;padding:27px}.detail-list span{display:block;color:#ef2318;font-size:12px;font-weight:800;margin-bottom:28px}.detail-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:70px;padding:44px;background:#173f82;color:#fff}.detail-cta h2{margin:0 0 10px;font-size:34px}.detail-cta p{margin:0;color:#cbd7e8}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions .button-secondary{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}.detail-source{font-size:13px;color:#69798e;margin-top:22px}.detail-footer{padding:36px max(24px,calc((100vw - var(--max))/2));background:#0c2859;color:#d9e3f2;display:flex;justify-content:space-between;gap:28px}.detail-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.detail-nav{display:none}.detail-section{grid-template-columns:1fr;gap:24px}.detail-cta{grid-template-columns:1fr}.detail-facts{grid-template-columns:1fr}.detail-facts div{padding:14px 18px}.detail-list{grid-template-columns:1fr}}
@media(max-width:650px){.detail-header{height:78px;padding:0 18px}.detail-header .brand-official img{width:105px}.detail-hero{min-height:600px;padding:64px 20px}.detail-hero h1{font-size:43px}.detail-main{padding:65px 20px 80px}.detail-section{padding:48px 0}.detail-grid{grid-template-columns:1fr}.detail-timeline article{grid-template-columns:1fr;gap:5px}.detail-cta{padding:30px 22px}.detail-actions{flex-direction:column}.detail-actions .button{width:100%}.detail-footer{flex-direction:column;padding:34px 20px}}