:root{color:#082033;font-synthesis:none;text-rendering:geometricprecision;background:#f7f5ef;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site{min-height:100vh;overflow-x:hidden}.notice{color:#fff;text-align:center;letter-spacing:1px;text-transform:uppercase;background:#df2430;place-items:center;min-height:32px;padding:7px 18px;font-size:14px;font-weight:800;display:grid}.header{z-index:40;color:#ead0a0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#021627f5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:0 clamp(22px,5vw,96px);display:flex;position:sticky;top:0}.brand{flex:0 0 clamp(250px,22vw,320px);align-items:center;gap:14px;display:inline-flex}.brand-mark{background:0 0;border:0;place-items:center;width:58px;height:58px;display:grid}.brand-mark svg{display:none}.brand-mark:before{content:"";background:url(/image/logo.png) 50%/contain no-repeat;width:58px;height:58px;display:block}.brand strong{letter-spacing:2px;font-size:16px;line-height:1.1;display:block}.brand small{color:#b99157;letter-spacing:1px;text-transform:uppercase;margin-top:3px;font-size:9px;display:block}.desktop-nav{flex:1;justify-content:flex-end;align-items:center;gap:clamp(14px,1.4vw,26px);min-width:0;display:flex}.desktop-nav a{color:#f0cf94;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;align-items:center;gap:3px;min-height:42px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.desktop-nav a:after{content:"";background:#e2b565;width:0;height:2px;transition:width .22s;position:absolute;bottom:5px;left:0}.desktop-nav a:hover:after{width:100%}.nav-consult-button{color:#f0cf94;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#e7bd721a;border:1px solid #e7bd72b3;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-size:13px;font-weight:900;transition:background .22s,color .22s,transform .22s;display:inline-flex}.nav-consult-button:hover{color:#06182a;background:#e7bd72;transform:translateY(-1px)}.header-actions{flex:none;align-items:center;gap:12px;display:flex}.admin-link{color:#f0cf94;text-transform:uppercase;background:#ffffff0a;border:1px solid #e7bd7261;align-items:center;min-height:40px;padding:0 13px;font-size:12px;font-weight:900;display:inline-flex}.icon-button,.menu-button,.close-menu{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffb8;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;line-height:0;display:inline-flex}.icon-button svg,.menu-button svg,.close-menu svg{flex:none;display:block}.menu-button{display:none}.mobile-panel{z-index:60;color:#f3d39a;background:#041b2f;flex-direction:column;gap:8px;width:min(86vw,370px);padding:28px;transition:transform .3s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(105%);box-shadow:-28px 0 60px #00000047}.mobile-panel.open{transform:translate(0)}.close-menu{align-self:flex-end}.mobile-panel a{text-transform:uppercase;border-bottom:1px solid #ffffff17;padding:18px 0;font-weight:800}.mobile-consult-button{color:#06182a;text-transform:uppercase;cursor:pointer;background:#e7bd72;border:1px solid #e7bd72cc;border-radius:999px;min-height:48px;margin-top:8px;padding:0 18px;font-weight:900}.hero{isolation:isolate;color:#fff;grid-template-rows:auto auto;grid-template-columns:minmax(0,620px) minmax(260px,1fr);align-content:center;column-gap:clamp(32px,7vw,120px);min-height:min(720px,100svh - 110px);padding:clamp(54px,7vw,92px) clamp(22px,8vw,150px);display:grid;position:relative;overflow:hidden}.hero-media{z-index:-2;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center 56%;opacity:0;width:100%;height:100%;animation:15s ease-in-out infinite heroSlide;position:absolute;inset:0}.hero-media img:only-child{opacity:1;animation:9s ease-out forwards slowZoom}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#021627e6,#021627a8 43%,#0216272e 72%),linear-gradient(#0000 46%,#0216279e);position:absolute;inset:0}.hero-content{grid-column:1;width:100%;margin:0;animation:.85s .16s both riseIn}.eyebrow,.section-kicker{color:#d5a85f;letter-spacing:1.8px;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:0;max-width:610px;margin:16px 0 18px;font-size:clamp(38px,4.1vw,58px);line-height:1.08}.hero p{color:#f1ece2;max-width:580px;margin:0;font-size:clamp(15px,1.08vw,18px);line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.primary-btn,.secondary-btn{justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-weight:900;display:inline-flex}.primary-btn{color:#06182a;background:#e7bd72}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9}.hero-stats{background:#ffffff29;grid-column:1;grid-template-columns:repeat(3,minmax(120px,1fr));gap:1px;width:min(560px,100%);margin-top:28px;animation:.85s .36s both riseIn;display:grid;position:relative;overflow:hidden}.hero-stats div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03182ad1;padding:15px 18px}.hero-stats strong{color:#e7bd72;font-size:26px;display:block}.hero-stats span{color:#eef2f5;text-transform:uppercase;margin-top:3px;font-size:12px;display:block}.about-showcase{background:#fff;padding-top:clamp(62px,8vw,104px);padding-bottom:clamp(24px,4vw,46px);overflow:hidden}.about-copy{text-align:center;max-width:1260px;margin:0 auto 44px}.about-copy h2{color:#0a3554;letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(30px,3.2vw,46px);line-height:1.15}.about-copy>span{background:#e3e3e3;width:112px;height:3px;margin:24px auto 20px;display:block}.about-copy p{color:#4c5258;letter-spacing:.6px;max-width:1160px;margin:0 auto;font-size:clamp(17px,1.25vw,22px);font-weight:700;line-height:1.65}.about-copy strong{color:#123cff;font-weight:900}.about-carousel{--side-width:clamp(260px, 21vw, 420px);--active-width:clamp(640px, 58vw, 1120px);--carousel-gap:clamp(28px, 2vw, 48px);--carousel-step:calc(var(--side-width) + var(--carousel-gap));--carousel-base:calc((100vw - var(--active-width)) / 2 - var(--carousel-step) - var(--carousel-step));align-items:center;width:min(100vw,1920px);min-height:clamp(290px,28vw,560px);margin-inline:calc(50% - min(50vw,960px));display:grid;position:relative;overflow:hidden}.carousel-track{gap:var(--carousel-gap);height:clamp(290px,28vw,560px);transform:translateX(var(--carousel-base));will-change:transform;align-items:stretch;display:flex}.carousel-track.is-animating{transition:transform .72s cubic-bezier(.22,.72,.18,1)}.carousel-track.slide-next{transform:translateX(calc(var(--carousel-base) - var(--carousel-step)))}.carousel-track.slide-previous{transform:translateX(calc(var(--carousel-base) + var(--carousel-step)))}.carousel-slide{flex:0 0 var(--side-width);opacity:.34;background:#e8e8e8;height:100%;margin:0;transition:flex-basis .72s cubic-bezier(.22,.72,.18,1),opacity .72s cubic-bezier(.22,.72,.18,1),filter .72s cubic-bezier(.22,.72,.18,1);overflow:hidden}.carousel-slide img{object-fit:cover;width:100%;height:100%;display:block}.carousel-slide.outer{opacity:0}.carousel-slide.active{flex-basis:var(--active-width);opacity:1;filter:none}.carousel-slide.side{filter:saturate(.86)}.carousel-track.slide-next .carousel-slide:nth-child(3),.carousel-track.slide-previous .carousel-slide:nth-child(3){flex-basis:var(--side-width);opacity:.34;filter:saturate(.86)}.carousel-track.slide-next .carousel-slide:nth-child(4),.carousel-track.slide-previous .carousel-slide:nth-child(2){flex-basis:var(--active-width);opacity:1;filter:none}.carousel-button{z-index:3;color:#fff;cursor:pointer;background:#052942eb;border:0;border-radius:999px;place-items:center;width:48px;height:48px;transition:background .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button:hover{background:#0a3554;transform:translateY(-50%)scale(1.05)}.carousel-button.previous{left:clamp(22px,3vw,56px)}.carousel-button.next{right:clamp(22px,3vw,56px)}section{padding-inline:clamp(22px,8vw,150px)}.intro{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(34px,6vw,90px);padding-top:clamp(64px,8vw,104px);display:grid}.section-copy h2,.process h2{color:#0a3554;letter-spacing:0;max-width:850px;margin:12px 0 16px;font-size:clamp(31px,3.7vw,50px);line-height:1.12}.section-copy p{color:#5d6870;max-width:900px;margin:0;font-size:18px;line-height:1.9}.intro-grid{gap:14px;display:grid}.intro-grid div{color:#153d58;background:#fff;border-left:4px solid #d5a85f;align-items:center;gap:14px;min-height:82px;padding:18px;font-weight:800;display:flex;box-shadow:0 16px 40px #0f233614}.intro-grid svg{color:#be8d43;flex:none}.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:44px;display:grid}.category-card,.project-card{background:#fff;position:relative;overflow:hidden;box-shadow:0 18px 50px #0820331a}.category-card img,.project-card img{object-fit:cover;width:100%;height:310px;transition:transform .5s;display:block}.category-card:hover img,.project-card:hover img{transform:scale(1.06)}.category-card div{padding:22px}.category-card h3,.project-card h3{color:#0a3554;margin:0;font-size:23px}.category-card p{color:#6b747a;margin:10px 0 0;line-height:1.6}.projects{padding-top:clamp(72px,9vw,120px)}.project-grid{grid-template-columns:1.2fr .8fr;grid-auto-rows:320px;gap:24px;margin-top:34px;display:grid}.project-card:first-child{grid-row:span 2}.project-card:first-child img{height:100%}.project-card div{color:#fff;background:linear-gradient(#0000,#041727eb);padding:70px 24px 24px;position:absolute;bottom:0;left:0;right:0}.project-card span{color:#e7bd72;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;font-weight:900;display:block}.project-card h3{color:#fff}.projects-cta{justify-content:center;margin-top:30px;display:flex}.process{color:#fff;background:#06243a;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:clamp(28px,6vw,90px);margin-top:clamp(72px,9vw,120px);padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(64px,7vw,96px);display:grid}.process h2{color:#fff}.process ol{counter-reset:step;gap:16px;margin:0;padding:0;list-style:none;display:grid}.process li{color:#eff4f6;background:#ffffff14;align-items:center;min-height:76px;padding:18px 18px 18px 70px;font-weight:700;display:flex;position:relative}.process li:before{counter-increment:step;content:counter(step, decimal-leading-zero);color:#e7bd72;font-size:24px;font-weight:900;position:absolute;left:18px}.site-footer{color:#dbe5ea;background:#031728;grid-template-columns:minmax(280px,1.1fr) minmax(320px,.9fr);gap:clamp(34px,7vw,96px);padding:clamp(52px,7vw,86px) clamp(22px,8vw,150px) 26px;display:grid}.project-page,.blog-detail{background:#f7f5ef;padding:clamp(54px,7vw,92px) clamp(22px,8vw,150px)}.project-page>h1{color:#4a4f52;text-align:center;text-transform:uppercase;letter-spacing:2px;margin:0 0 46px;font-size:28px}.project-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:44px;display:grid}.project-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 34px;display:grid}.project-list-card{color:#0a3554;display:block}.project-list-card img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .42s,filter .42s;display:block;overflow:hidden}.project-list-card:hover img{filter:brightness(.92);transform:translateY(-3px)}.project-list-card h2{color:#06182a;margin:18px 0 10px;font-size:22px;line-height:1.35}.project-list-card p{color:#5d6870;margin:0;font-size:17px;line-height:1.7}.latest-sidebar{border-left:1px solid #e1e5e8;padding-left:34px}.latest-sidebar h2{color:#4a4f52;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 24px;font-size:24px;font-weight:900}.latest-sidebar h2:after{content:"";background:#e5e5e5;width:42px;height:4px;margin-top:18px;display:block}.latest-item{border-bottom:1px solid #e1e5e8;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.latest-item img{object-fit:cover;width:64px;height:58px}.latest-item strong{color:#0a3554;font-size:20px;line-height:1.3;display:block}.latest-item span{color:#7a8085;margin-top:7px;font-size:14px;display:block}.blog-detail{background:#f7f5ef}.blog-detail h1{color:#0a3554;margin:12px 0 16px;font-size:clamp(38px,5vw,70px);line-height:1.05}.blog-excerpt{color:#5d6870;font-size:18px;line-height:1.8}.blog-detail article{max-width:980px;margin:0 auto}.post-layout{grid-template-columns:minmax(0,760px) 240px;align-items:start;gap:34px;max-width:1120px;margin:0 auto;display:grid}.post-article{min-width:0}.post-cover,.post-image{object-fit:cover;width:100%;max-height:560px;margin:28px 0;display:block}.blog-content{color:#253846;font-size:18px;line-height:1.9}.blog-content h2{color:#0a3554;margin:28px 0 12px;font-size:28px}.post-toc{background:#fff;border:1px solid #c7cdd2;padding:16px;position:sticky;top:110px}.post-toc h3{color:#be8d43;margin:0 0 12px;font-size:15px}.post-toc a{color:#0a3554;border-bottom:1px solid #edf0f2;padding:7px 0;font-size:13px;line-height:1.45;display:block}.site-footer .brand{color:#f0cf94}.footer-brand p{color:#aebbc3;max-width:560px;margin:24px 0;line-height:1.8}.footer-contact{color:#f0cf94;gap:9px;font-weight:800;display:grid}.footer-contact a,.footer-contact span{display:block}.footer-tax-line{color:#ffd18a}.footer-socials{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.footer-socials a{color:#fff;background:#ffffff14;border:1px solid #f0cf9438;border-radius:999px;place-items:center;width:40px;height:40px;transition:background .18s,transform .18s;display:grid}.footer-socials a:hover{background:#f0cf9429;transform:translateY(-2px)}.footer-socials img{object-fit:contain;width:22px;height:22px;display:block}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.footer-links h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:18px}.footer-links a{color:#aebbc3;padding:8px 0;display:block}.footer-map{background:#082033;border:0;grid-column:1/-1;width:100%;min-height:220px}.footer-website-cta{color:#f0cf94;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:10px;margin-top:2px;font-size:18px;font-weight:800;line-height:1.05;display:flex}.footer-website-label{align-items:center;line-height:1.05;display:inline-flex}.footer-website-actions{align-items:center;gap:8px;display:inline-flex}.footer-website-button{width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 44px;justify-content:center;align-self:center;align-items:center;padding:0;transition:transform .18s,opacity .18s;display:inline-flex}.footer-website-button-icon-wrap{justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.footer-website-button-icon{object-fit:contain;object-position:center;width:44px;height:44px;display:block}.footer-website-button:hover{opacity:.92;transform:translateY(-2px)}.footer-tail{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:2px;display:flex}.footer-bottom{color:#82919b;border-top:1px solid #ffffff1a;align-items:flex-start;width:100%;padding-top:24px;display:flex}.dmca-badge{display:inline-flex}.dmca-badge img{max-width:120px;height:auto;display:block}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.lead-popup{z-index:120;background:#031627bd;place-items:center;padding:24px;animation:.36s both popupBackdropIn;display:grid;position:fixed;inset:0}.lead-popup-card{z-index:1;text-align:center;background:#0b2438;justify-items:center;width:min(760px,100%);padding:34px;animation:.42s cubic-bezier(.2,.85,.22,1) both popupCardIn;display:grid;position:relative;box-shadow:0 30px 80px #02121f6b}.lead-popup.closing{animation:.32s both popupBackdropOut}.lead-popup.closing .lead-popup-card{animation:.3s both popupCardOut}.lead-popup-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:16px}.lead-logo{color:#f0cf94;align-items:center;gap:14px;margin-bottom:22px;display:inline-flex}.lead-logo .brand-mark,.lead-logo .brand-mark:before{width:78px;height:78px}.lead-logo strong{color:#f0cf94;letter-spacing:2px;font-size:38px}.lead-popup h2{color:#fff;margin:0 0 18px;font-size:clamp(26px,4vw,36px);line-height:1.2}.lead-popup p{color:#b8c6cf;margin:0 0 20px;font-size:22px}.lead-form{justify-items:center;gap:16px;width:min(720px,100%);display:grid}.lead-honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.lead-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;display:grid}.lead-form input,.lead-form textarea{color:#fff;width:100%;font:inherit;background:#ffffff0d;border:1px solid #f0cf9438;border-radius:18px;outline:none;font-weight:800}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#9eb0bd}.lead-form input{height:64px;padding:0 30px}.lead-form textarea{resize:vertical;min-height:124px;padding:18px 30px}.lead-form button{color:#06182a;cursor:pointer;background:linear-gradient(90deg,#e7bd72,#c99745);border:0;border-radius:999px;align-items:center;gap:20px;min-height:64px;margin-top:24px;padding:0 14px 0 30px;font-size:21px;font-weight:900;display:inline-flex}.lead-form button svg{color:#f0cf94;background:#0b2438;border-radius:999px;width:48px;height:48px;padding:12px}.lead-note{color:#f0cf94;margin-top:20px;font-size:20px}.lead-status{margin-top:18px;font-size:15px;font-weight:700;display:block}.lead-status.success{color:#9ee0b0}.lead-status.error{color:#ffb4b4}.consult-popup{z-index:125;background:#031627bd;place-items:center;padding:24px;animation:.32s both popupBackdropIn;display:grid;position:fixed;inset:0}.consult-popup-card{background:#0b2438;width:min(560px,100%);padding:34px;animation:.36s cubic-bezier(.2,.85,.22,1) both popupCardIn;position:relative;box-shadow:0 30px 80px #02121f6b}.consult-popup.closing{animation:.32s both popupBackdropOut}.consult-popup.closing .consult-popup-card{animation:.3s both popupCardOut}.consult-popup-close{background:#ffffff1f;border:1px solid #ffffff1f;top:16px;right:16px}.consult-popup-head{text-align:center}.consult-popup-head .lead-logo{justify-content:center;margin-bottom:16px}.consult-popup-head .lead-logo strong{color:#f0cf94;font-size:24px}.consult-popup-head h2{color:#fff;margin:0 0 10px;font-size:clamp(28px,4vw,34px)}.consult-popup-head p{color:#b8c6cf;margin:0;font-size:17px;line-height:1.7}.consult-actions{gap:14px;margin-top:26px;display:grid}.consult-action{color:#fff;background:#ffffff0d;border:1px solid #f0cf9429;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:78px;padding:0 18px;transition:transform .18s,border-color .18s,background .18s;display:grid}.consult-action:hover{background:#f0cf9414;border-color:#f0cf9470;transform:translateY(-2px)}.consult-action-icon{color:#f0cf94;background:#123b5a;border-radius:999px;place-items:center;width:52px;height:52px;display:grid}.consult-action-icon img{object-fit:contain;width:24px;height:24px}.consult-action strong{color:#fff;font-size:20px;display:block}.admin-page{color:#0b263d;background:#eef2f3;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.admin-login-page{color:#fff;background:linear-gradient(90deg,#031728f0,#03172899),url(https://daiphathouse.com/wp-content/uploads/2025/06/thiet-ke-biet-thu.webp) 50%/cover;place-items:center;min-height:100vh;padding:22px;display:grid}.admin-login-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#031728e6;border:1px solid #e7bd7257;width:min(480px,100%);padding:clamp(26px,5vw,42px);box-shadow:0 24px 70px #00000052}.login-mark{color:#e7bd72;border:1px solid #e7bd729e;place-items:center;width:58px;height:58px;display:grid}.admin-login-panel>span{color:#e7bd72;text-transform:uppercase;letter-spacing:1.4px;margin-top:22px;font-size:13px;font-weight:900;display:block}.admin-login-panel h1{margin:10px 0 12px;font-size:clamp(34px,6vw,48px);line-height:1.05}.admin-login-panel p{color:#bfccd4;margin:0 0 24px;line-height:1.7}.admin-login-panel .field{color:#e6edf1}.login-status{margin:14px 0}.admin-login-panel .save-button{width:100%;margin-top:16px}.admin-login-panel>a{color:#e7bd72;margin-top:18px;font-weight:800;display:inline-flex}.wp-editor-page{color:#263238;background:#f1f3f4;min-height:100vh}.wp-editor-topbar{background:#fff;border-bottom:1px solid #dde2e6;align-items:center;gap:18px;height:72px;padding:0 clamp(18px,3vw,34px);display:flex;box-shadow:0 10px 28px #09263d14}.wp-back{color:#0a3554;text-transform:uppercase;letter-spacing:.5px;background:#f7f9fa;border:1px solid #d9e2e8;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:14px;font-weight:900;transition:background .18s,transform .18s;display:inline-flex}.wp-back:hover{background:#eef3f6;transform:translateY(-1px)}.wp-editor-topbar strong{color:#0a3554;letter-spacing:1px;text-transform:uppercase;font-size:18px}.wp-top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.preview-button,.publish-button,.plain-button{color:#0a3554;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:#fff;border:1px solid #dde2e6;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.preview-button:hover,.publish-button:hover,.plain-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #09263d1f}.preview-button{background:#f7f9fa;border-color:#d9e2e8}.publish-button{color:#06182a;background:#e7bd72;border-color:#e7bd72}.wp-editor-shell{grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 72px);display:grid}.blog-admin-shell{gap:24px;min-height:calc(100vh - 72px);padding:24px;display:grid}.blog-compose-panel{background:#f1f3f4;border:1px solid #dde2e6;grid-template-columns:minmax(0,1fr) 340px;display:grid}.blog-compose-main{min-width:0;padding:34px 42px}.wp-editor-main{padding:34px 42px}.wp-title-input{color:#263238;background:0 0;border:0;border-bottom:2px solid #e57373;outline:none;width:100%;min-height:64px;padding:0 0 12px;font-size:26px;font-weight:500}.wp-toolbar{background:#fff;border-bottom:1px solid #dde2e6;flex-wrap:wrap;align-items:center;gap:4px;min-height:56px;margin-top:22px;padding:0 14px;display:flex}.wp-toolbar button{color:#455a64;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;display:inline-grid}.wp-toolbar button:hover,.wp-toolbar select:hover{color:#0a3554;background:#eef3f6}.wp-toolbar button.active{color:#06182a;background:#e7bd72;box-shadow:inset 0 -2px #b98029}.wp-toolbar select{color:#263238;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 30px 0 10px;font-weight:600}.toolbar-divider{background:#d9e0e5;width:1px;height:28px;margin:0 6px}.toolbar-icon-button svg{stroke-width:2.4px}.wp-cancel-button{width:100%;margin-top:12px}.wp-summary-input{width:min(920px,100%);min-height:90px;font:inherit;resize:vertical;background:#fff;border:1px solid #e2e6ea;margin:24px auto 0;padding:18px;display:block}.wp-canvas{background:#fff;width:min(920px,100%);min-height:520px;margin:24px auto 0;padding:clamp(22px,4vw,46px);box-shadow:0 1px 2px #0000000a}.rich-editor{color:#263238;outline:none;font-size:18px;line-height:1.85}.rich-editor:empty:before{content:"Bắt đầu viết nội dung dự án...";color:#9aa4aa}.rich-editor h2{color:#0a3554;margin:28px 0 14px;font-size:30px;line-height:1.25}.rich-editor h3{color:#0a3554;margin:24px 0 12px;font-size:24px}.rich-editor p{margin:0 0 18px}.rich-editor img{max-width:100%;height:auto;margin:22px auto;display:block}.rich-editor ul,.rich-editor ol{padding-left:28px}.rich-editor blockquote{color:#0a3554;background:#f6f0e6;border-left:4px solid #caa66a;margin:22px 0;padding:14px 18px;font-weight:700}.rich-editor hr{border:0;border-top:1px solid #d8e0e5;margin:26px 0}.wp-block{gap:10px;margin-bottom:24px;display:grid}.wp-block textarea,.wp-block input{width:100%;min-height:46px;font:inherit;border:1px solid #dce2e7;padding:12px 14px}.wp-block textarea{resize:vertical;min-height:160px;line-height:1.75}.wp-heading-input{font-size:28px;font-weight:900}.wp-block img{object-fit:cover;width:100%;max-height:520px}.remove-block{color:#fff;cursor:pointer;background:#c7353d;border:0;justify-self:start;min-height:34px;padding:0 12px;font-weight:900}.wp-settings{background:#fff;border-left:1px solid #dde2e6;padding:28px}.wp-settings h2{color:#60707a;margin:0 0 18px;font-size:20px;font-weight:700}.wp-settings label{color:#6d777d;gap:8px;margin-bottom:18px;font-weight:700;display:grid}.wp-settings input,.wp-settings textarea{width:100%;min-height:42px;font:inherit;border:1px solid #dce2e7;padding:10px 12px}.wp-settings textarea{resize:vertical;min-height:90px}.wp-post-list{gap:12px;display:grid}.wp-post-list article{border-bottom:1px solid #edf0f2;padding-bottom:12px}.wp-post-list button{color:#0a3554;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900;display:block}.wp-post-list span{color:#7a858c;margin:5px 0;font-size:13px;display:block}.wp-post-list .text-danger{color:#c7353d}.blog-list-panel{background:#fff;padding:clamp(20px,3vw,32px);box-shadow:0 18px 40px #09263d14}.blog-list-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.blog-list-head span{color:#d5a85f;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:900}.blog-list-head h2{color:#0a3554;margin:6px 0 0;font-size:28px}.blog-table{gap:12px;display:grid}.blog-table article{background:#f7f9fa;border:1px solid #dbe4e9;grid-template-columns:92px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px;display:grid}.blog-table img{object-fit:cover;background:#082033;width:92px;height:66px}.blog-table strong,.blog-table span,.blog-table small{display:block}.blog-table strong{color:#0a3554;font-size:17px}.blog-table span{color:#60717d;margin:4px 0;font-size:13px}.blog-table small{color:#7a8790}.blog-table a,.blog-table button{color:#06182a;cursor:pointer;background:#e7bd72;border:0;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-weight:900;display:inline-flex}.blog-table .text-danger{color:#fff;background:#c7353d}.admin-sidebar{color:#f0cf94;background:#041b2f;flex-direction:column;gap:12px;height:100vh;padding:28px;display:flex;position:sticky;top:0}.admin-brand{margin-bottom:22px}.admin-sidebar>a:not(.brand){text-transform:uppercase;border-bottom:1px solid #ffffff1a;padding:14px 0;font-weight:800}.sidebar-button{color:#f0cf94;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f0cf9457;min-height:44px;margin-top:auto;font-weight:900}.admin-main{padding:clamp(20px,4vw,52px)}.admin-hero{color:#fff;background:linear-gradient(90deg,#041b2ff0,#041b2f9e),url(https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85) 50%/cover;justify-content:space-between;align-items:flex-end;gap:24px;min-height:220px;padding:clamp(24px,4vw,46px);display:flex}.admin-hero span{color:#e7bd72;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-weight:900;display:inline-flex}.admin-hero h1{max-width:760px;margin:12px 0 0;font-size:clamp(32px,5vw,58px);line-height:1.04}.save-button,.upload-button,.upload-item button{color:#06182a;cursor:pointer;white-space:nowrap;background:#e7bd72;border:0;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:900;display:inline-flex}.admin-status{color:#3d2b0c;background:#fff8e9;border-left:4px solid #d5a85f;margin-top:18px;padding:14px 16px;font-weight:800}.admin-login{grid-template-columns:minmax(0,1fr) minmax(260px,420px) auto;align-items:end;gap:18px;display:grid}.admin-login p{color:#65717a;margin:-10px 0 0;line-height:1.7}.admin-card{background:#fff;margin-top:22px;padding:clamp(20px,3vw,32px);box-shadow:0 18px 40px #09263d14}.admin-card h2{color:#0a3554;margin:0;font-size:27px}.admin-card-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-subsection{border-top:1px solid #dbe4e9;margin-top:22px;padding-top:22px}.section-save-button{color:#06182a;white-space:nowrap;cursor:pointer;background:#e7bd72;border:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:900;display:inline-flex}.section-save-button:hover{background:#d9aa5f}.admin-grid,.json-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{color:#44505a;text-transform:uppercase;letter-spacing:.7px;gap:8px;font-size:13px;font-weight:900;display:grid}.field.wide{grid-column:1/-1}.field input,.field textarea,.admin-password input{color:#102c42;width:100%;min-height:48px;font:inherit;text-transform:none;letter-spacing:0;background:#f7f9fa;border:1px solid #d8e0e5;outline:none;padding:12px 14px;font-weight:650}.field textarea{resize:vertical;min-height:104px;line-height:1.55}.json-field textarea{min-height:230px;font-family:Cascadia Mono,Consolas,monospace;font-size:13px;font-weight:500}.upload-head{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.upload-head p{color:#65717a;max-width:720px;margin:-10px 0 0;line-height:1.7}.upload-button input{display:none}.admin-password{color:#44505a;text-transform:uppercase;gap:8px;max-width:420px;margin-top:18px;font-size:13px;font-weight:900;display:grid}.upload-list{gap:12px;margin-top:22px;display:grid}.upload-item{background:#f7f9fa;border:1px solid #dbe4e9;grid-template-columns:88px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;display:grid}.upload-preview{color:#d5a85f;background:#082033;place-items:center;width:88px;height:70px;display:grid;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-item strong,.upload-item span,.upload-item code{display:block}.upload-item span{color:#6b747a;margin:4px 0;font-size:13px}.upload-item code{color:#0a5d91;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.upload-item .danger-button{color:#fff;background:#c7353d;width:46px;padding:0}.publish-toggle{color:#44505a;align-items:center;gap:10px;margin-top:16px;font-weight:900;display:inline-flex}.publish-toggle input{width:18px;height:18px}.admin-actions-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.blog-admin-list{gap:12px;margin-top:24px;display:grid}.blog-admin-item{background:#f7f9fa;border:1px solid #dbe4e9;grid-template-columns:110px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;display:grid}.blog-admin-item img{object-fit:cover;background:#082033;width:110px;height:78px}.blog-admin-item strong,.blog-admin-item span,.blog-admin-item code{display:block}.blog-admin-item span{color:#65717a;margin:5px 0}.blog-admin-item button{color:#06182a;cursor:pointer;background:#e7bd72;border:0;min-height:42px;padding:0 14px;font-weight:900}.post-builder{gap:14px;margin-top:22px;display:grid}.builder-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.builder-toolbar h3{color:#0a3554;width:100%;margin:0;font-size:22px}.builder-block{background:#f7f9fa;border:1px solid #dbe4e9;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}.builder-block strong,.builder-block textarea,.builder-block input{grid-column:1/-1}.builder-block input,.builder-block textarea{color:#102c42;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #d8e0e5;padding:11px 13px;font-weight:650}.builder-block textarea{resize:vertical;min-height:120px}.editable-list{gap:12px;display:grid}.compact-list{margin-top:12px}.editable-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.editable-row.two-cols{grid-template-columns:minmax(100px,.35fr) minmax(0,1fr) auto}.editable-row input,.editable-panel input,.editable-panel textarea{color:#102c42;width:100%;min-height:46px;font:inherit;background:#f7f9fa;border:1px solid #d8e0e5;outline:none;padding:11px 13px;font-weight:650}.editable-panel{background:#f7f9fa;border:1px solid #dbe4e9;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.editable-panel .field.wide,.editable-panel .danger-button,.editable-panel .editable-list{grid-column:1/-1}.footer-social-editor{grid-template-columns:repeat(4,minmax(0,1fr))}.add-row-button{color:#06182a;cursor:pointer;background:#e7bd72;border:0;justify-self:start;min-height:44px;padding:0 16px;font-weight:900}.danger-button{color:#fff;cursor:pointer;background:#c7353d;border:0;min-height:44px;padding:0 14px;font-weight:900}@keyframes slowZoom{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heroSlide{0%{opacity:0;transform:scale(1.04)}8%{opacity:1}33%{opacity:1;transform:scale(1)}43%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes popupBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes popupBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes popupCardIn{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popupCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(18px)scale(.97)}}@media (width<=1180px){.header{padding-inline:22px}.desktop-nav{display:none}.menu-button{display:grid}}@media (width<=820px){.notice{font-size:11px;line-height:1.45}.header{gap:12px;min-height:72px}.menu-button,.close-menu{flex-basis:48px;width:48px;height:48px}.brand{flex:auto;gap:10px;min-width:0}.brand-mark{flex:0 0 48px;width:48px;height:48px}.brand-mark:before{width:48px;height:48px}.brand strong{letter-spacing:1.5px;white-space:nowrap;font-size:14px}.icon-button,.admin-link{display:none}.hero{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:end;min-height:760px;padding:58px 18px 86px}.hero:after{background:linear-gradient(#02162759 28%,#021627eb),linear-gradient(90deg,#021627c2,#02162724)}.hero-content{width:100%;margin:0}.hero h1{font-size:clamp(34px,11vw,52px)}.hero-stats{grid-template-columns:1fr;width:100%;margin-top:24px}.hero-stats div{padding:15px 18px}.intro,.process{grid-template-columns:1fr}.about-showcase{padding-inline:18px}.about-copy{margin-bottom:28px}.about-copy h2{font-size:27px}.about-copy p{letter-spacing:0;font-size:16px;line-height:1.75}.about-carousel{--side-width:100%;--active-width:100%;--carousel-gap:0px;--carousel-step:100%;--carousel-base:-200%;width:100%;min-height:330px;margin-inline:0}.carousel-track{height:330px}.carousel-slide.side,.carousel-slide.outer{opacity:1;filter:none}.carousel-button{width:42px;height:42px}.carousel-button.previous{left:12px}.carousel-button.next{right:12px}.categories,.project-grid,.site-footer,.footer-links,.project-layout,.project-list-grid,.post-layout,.blog-admin-item{grid-template-columns:1fr}.latest-sidebar{border-left:0;padding-left:0}.blog-admin-item img{width:100%;height:180px}.post-toc{position:static}.project-grid{grid-auto-rows:auto}.project-card:first-child{grid-row:auto}.category-card img,.project-card img,.project-card:first-child img{height:260px}.lead-popup{align-items:start;padding:86px 18px 28px}.lead-popup-card{padding:24px 18px 18px}.consult-popup{align-items:start;padding:72px 18px 24px}.consult-popup-card{padding:24px 18px 18px}.lead-popup-close,.consult-popup-close{top:12px;right:12px}.lead-logo .brand-mark,.lead-logo .brand-mark:before{width:58px;height:58px}.lead-logo strong{font-size:25px}.lead-popup p,.lead-note{font-size:17px}.consult-action{grid-template-columns:46px minmax(0,1fr) auto;min-height:72px}.consult-action-icon{width:46px;height:46px}.consult-action strong{font-size:18px}.lead-fields{grid-template-columns:1fr;gap:12px}}@media (width<=900px){.admin-page{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-hero,.admin-login,.upload-head{grid-template-columns:1fr;display:grid}.admin-grid,.json-grid,.upload-item,.editable-panel,.editable-row.two-cols{grid-template-columns:1fr}.field.wide{grid-column:auto}.upload-preview{width:100%;height:180px}.wp-editor-shell,.blog-compose-panel,.blog-table article{grid-template-columns:1fr}.blog-compose-main{padding:22px}.wp-settings{border-top:1px solid #dde2e6;border-left:0}.wp-editor-main{padding:22px}.wp-editor-topbar{flex-wrap:wrap;height:auto;padding:16px}.wp-top-actions{flex-wrap:wrap;width:100%;margin-left:0}.wp-back,.preview-button,.publish-button{flex:180px}}@media (width<=520px){.brand small{display:none}.brand-mark{flex-basis:42px;width:42px;height:42px}.brand-mark:before{width:42px;height:42px}.brand strong{letter-spacing:1px;text-overflow:ellipsis;max-width:calc(100vw - 128px);font-size:13px;overflow:hidden}.menu-button,.close-menu{flex-basis:44px;width:44px;height:44px}.hero-buttons{display:grid}.primary-btn,.secondary-btn{width:100%}.section-copy h2,.process h2{font-size:31px}}