/*
Theme Name: D.HOUSE Studio
Version: 0.6.1
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: dhouse-studio
License: GPL-2.0-or-later
*/
@font-face{font-family:Be;src:url('fonts/be-vietnam-400.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Be;src:url('fonts/be-vietnam-500.woff') format('woff');font-weight:500;font-display:swap}@font-face{font-family:Be;src:url('fonts/be-vietnam-600.woff') format('woff');font-weight:600;font-display:swap}
:root{--ink:#263328;--green:#2e3c2d;--paper:#f0ecdf;--cream:#eadec3;--line:#c5c5b5;--gutter:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Be,Arial,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.15}h2{font-size:clamp(38px,4.2vw,70px);letter-spacing:-.045em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}p{line-height:1.85}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c59f4c;outline-offset:6px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:3px}.skip{position:fixed;top:-100px;left:10px;background:white;color:var(--ink);padding:12px;z-index:100}.skip:focus{top:10px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1.7}.section{padding:110px var(--gutter)}header{position:absolute;top:0;left:0;width:100%;z-index:20;color:white;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter);gap:40px;border-bottom:1px solid #ffffff30}header.scrolled{position:fixed;background:var(--ink);padding-top:15px;padding-bottom:15px;box-shadow:0 2px 20px #0001;animation:header-in .3s ease}.brand{font-size:32px;font-weight:600;letter-spacing:-.065em;line-height:1.15}.brand span{display:block;font-size:9px;letter-spacing:.13em;margin-top:6px}#navigation{display:flex;align-items:center;gap:32px;font-size:14px}#navigation a{position:relative}#navigation a:not(.nav-contact):after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}#navigation a:hover:after{width:100%}.nav-contact{border-bottom:1px solid #ffffff80;padding:10px 0;margin-left:30px}.nav-contact span{margin-left:24px}.menu{display:none}.hero{height:100svh;min-height:700px;max-height:1200px;position:relative;overflow:hidden;background:var(--ink);color:white}.hero-picture,.hero-shade{position:absolute;inset:0}.hero-picture{transform:scale(1.035);animation:hero-in 2s cubic-bezier(.16,1,.3,1) both}.hero-picture img{object-position:50% 54%}.hero-shade{background:linear-gradient(90deg,#0c1c18b5 0%,#0b1b1735 52%,#00000005 75%),linear-gradient(0deg,#07180fc9,transparent 42%,transparent 74%,#07180f65)}.hero-kicker{position:absolute;top:151px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.hero-content{position:absolute;left:var(--gutter);top:37%;animation:rise 1.2s .15s both}.hero h1{font-size:clamp(64px,7.8vw,128px);letter-spacing:-.055em;line-height:1.07;text-shadow:0 3px 40px #0002}.hero h1 em{font-size:1.08em}.hero-content p{font-size:17px;margin-top:28px}.hero-bottom{position:absolute;bottom:33px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.scroll-link{display:flex;align-items:center;gap:15px;font-size:13px}.down{display:grid;place-items:center;border:1px solid #ffffff80;width:42px;height:58px;border-radius:25px;font-size:22px}.hero-project{text-align:left;color:white;font-size:11px;letter-spacing:.07em;line-height:1.9}.hero-project span{font-size:14px;letter-spacing:0}.hero-index{font-size:12px}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:60px;padding-top:125px;padding-bottom:130px}.intro .eyebrow{padding-top:12px}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:35px}.intro-bottom p{max-width:440px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;padding:7px 0 10px;white-space:nowrap;font-size:14px;text-align:left}.text-link span{font-size:22px}.journey{height:290svh;position:relative;background:var(--ink);color:white}.journey-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.journey-pictures,.journey-frame{position:absolute;inset:0}.journey-frame{will-change:clip-path,transform}.journey-frame:not(.plan-frame){clip-path:inset(0 0 100% 0)}.journey-frame:not(.plan-frame):after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10271ad9,transparent 70%),linear-gradient(180deg,#11281880,transparent 20%);pointer-events:none}.journey-frame img{object-position:center}.plan-frame{background:#e9e5d8;color:var(--ink);display:grid;grid-template-columns:38% 62%;align-items:center;padding:120px var(--gutter) 130px;gap:20px}.plan-frame img{object-fit:contain;mix-blend-mode:multiply}.plan-copy h2{font-size:clamp(36px,3.8vw,62px);margin:24px 0}.plan-copy>p:last-child{max-width:290px;font-size:14px}.journey-top{position:absolute;left:var(--gutter);right:var(--gutter);top:104px;display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.06em;z-index:5;mix-blend-mode:difference;color:white}.motion-toggle{font-size:12px;border-bottom:1px solid currentColor;padding:0 0 4px;color:inherit}.scene-copy{position:absolute;bottom:160px;left:var(--gutter);z-index:2;max-width:75%}.scene-copy>span{font-size:11px;letter-spacing:.09em}.scene-copy h3{font-size:clamp(48px,6vw,88px);letter-spacing:-.04em;margin-top:20px}.scene-copy .pill{margin-top:24px}.journey-controls{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;mix-blend-mode:difference;color:white}.journey-controls button{text-align:left;position:relative;padding:14px 0 20px;border-bottom:1px solid #ffffff65;display:flex;gap:15px;align-items:center}.journey-controls small{font-size:11px}.journey-controls span{font-size:15px}.journey-controls i{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:white;transition:width .25s}.journey-controls [aria-pressed=true] i{width:100%}.space-story{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw;align-items:center;padding-top:140px;padding-bottom:140px}.space-picture{height:680px;position:relative}.space-picture img{object-position:58% center}.image-label{position:absolute;top:22px;left:22px;background:#183023de;color:white;padding:7px 11px;font-size:10px;letter-spacing:.075em;z-index:2}.space-copy h2{margin:32px 0}.space-copy>p:not(.eyebrow){max-width:350px}.space-copy .text-link{margin-top:30px}.works{padding-top:75px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr .3fr;gap:40px;align-items:start;margin-bottom:65px}.section-heading .eyebrow{padding-top:10px}.works-count{font-family:Georgia,serif;font-size:90px;line-height:1;color:#7c847a;justify-self:end}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px 5vw;align-items:start}.project-card{padding:0;text-align:left;width:100%;display:block}.project-photo{position:relative;overflow:hidden;aspect-ratio:1.4}.project-photo img{transition:transform .8s cubic-bezier(.2,.65,.3,1)}.project-card:hover img{transform:scale(1.045)}.project-tall{margin-top:145px}.project-tall .project-photo{aspect-ratio:.92}.project-grid .project-card:nth-child(3){margin-top:-90px}.project-grid .project-card:nth-child(4){margin-top:45px}.round-arrow{position:absolute;bottom:20px;right:20px;background:var(--paper);border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:27px;transition:background .2s,transform .2s}.project-card:hover .round-arrow{background:var(--cream);transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.project-caption small{font-size:10px;letter-spacing:.09em}.project-caption h3{font-size:22px;line-height:1.4;margin-top:7px;letter-spacing:-.025em}.project-caption>span{font-size:12px;white-space:nowrap;margin-top:25px;color:#5d665b}.services{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper);margin-top:45px}.service-visual{position:relative;min-height:780px;overflow:hidden}.service-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102a20bd,transparent 65%)}.service-visual img{position:absolute;inset:0;object-position:40% center;transition:opacity .3s}.service-visual-title{position:absolute;left:var(--gutter);bottom:50px;right:20px;z-index:2;font-size:42px;line-height:1.15;letter-spacing:-.04em}.service-copy{padding:75px 5vw}.service-copy h2{margin:28px 0 35px}.service-list details{border-top:1px solid #eadec350}.service-list details:last-child{border-bottom:1px solid #eadec350}summary{list-style:none;display:flex;align-items:center;gap:20px;cursor:pointer;font-size:20px;padding:23px 0;line-height:1.4}summary::-webkit-details-marker{display:none}summary>span{font-size:11px;color:#c9caba}summary i{font-size:24px;font-style:normal;margin-left:auto}details[open] summary i{transform:rotate(45deg)}details>div{padding:0 0 27px 34px}details p{font-size:14px;color:#d4d6ca}details .text-link{margin-top:18px;white-space:normal}.process{padding-top:125px;padding-bottom:130px}.process .section-heading{grid-template-columns:1fr 2.3fr}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:75px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid article>span{font-size:12px}.process-grid h3{font-size:23px;margin:35px 0 15px}.process-grid p{font-size:15px;max-width:335px}.contact{padding:90px var(--gutter);background:var(--green);color:var(--cream)}.contact-top{position:relative}.contact h2{font-size:clamp(55px,8vw,125px);line-height:1.08;margin-top:40px}.contact-circle{position:absolute;right:1vw;top:50%;border:1px solid #eadec380;border-radius:50%;width:145px;height:145px;font-size:65px;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.contact-circle:hover{background:var(--cream);color:var(--green);transform:rotate(45deg)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:65px;gap:40px;border-top:1px solid #eadec340;padding-top:35px}.contact-bottom>div{display:flex;flex-direction:column;gap:18px}.contact-bottom>div>a{font-size:13px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:40px;border-radius:40px;padding:15px 24px;font-size:14px;line-height:1.5;min-height:52px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill.light{background:var(--cream);color:var(--ink)}.pill.dark{background:var(--green);color:white}.pill.outline{border:1px solid var(--green)}footer{background:#18251d;color:var(--cream);padding:65px var(--gutter) 22px}.footer-brand{font-size:clamp(75px,17.3vw,290px);line-height:1.1;letter-spacing:-.075em;font-weight:500;display:block;border-bottom:1px solid #eadec340;padding-bottom:35px}.footer-row{display:flex;justify-content:space-between;gap:30px;padding:35px 0 50px;font-size:13px}.footer-row p{font-size:11px;letter-spacing:.05em}.footer-row p span{font-size:13px;letter-spacing:0}.footer-row>div{display:flex;gap:30px}.footer-small{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b5beaf;border-top:1px solid #eadec330;padding-top:20px}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1200px,calc(100% - 48px));max-height:92svh;overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#07150dc9;backdrop-filter:blur(8px)}.dialog-top{position:sticky;top:0;padding:18px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:10;font-size:11px;letter-spacing:.06em}.close-dialog{font-size:14px;padding:7px}.project-detail-head{padding:45px 45px 35px}.project-detail-head h2{font-size:48px;margin-top:12px;max-width:700px}.project-description{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:25px;align-items:start}.project-description p{font-size:15px}.project-description dl{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:12px;margin:0}.project-description dd{margin:0}.gallery-main{position:relative;background:#ddd9ce}.gallery-main img{height:min(63svh,650px);object-fit:contain}.gallery-caption{display:flex;justify-content:space-between;gap:20px;padding:13px 30px;font-size:12px;border-bottom:1px solid var(--line)}.gallery-thumbs{display:flex;padding:18px 30px;gap:12px;overflow-x:auto}.gallery-thumbs button{padding:0;flex:0 0 110px;height:72px;border:2px solid transparent;opacity:.6}.gallery-thumbs button[aria-pressed=true]{opacity:1;border-color:var(--green)}.project-detail-bottom{padding:25px 35px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-detail-bottom p{font-size:13px}.brief-inner{padding:45px}.brief-inner h2{font-size:40px;margin:18px 0 32px}#brief-dialog{max-width:760px}label{display:block;font-size:13px;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:1px solid #b9c0b2;background:#faf8f1;border-radius:0;padding:12px;margin-top:7px;color:var(--ink);font-size:16px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note,#copy-status{font-size:12px;color:#56634f;margin-top:18px;line-height:1.65}.brief-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}#brief-result{border-top:1px solid var(--line);padding-top:30px;margin-top:30px}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s,transform .85s cubic-bezier(.2,.6,.3,1)}.js .reveal.visible{opacity:1;transform:none}.reduced .reveal{opacity:1;transform:none;transition:none}.reduced .journey{height:auto}.reduced .journey-sticky{position:relative;height:auto;min-height:0;padding-top:60px}.reduced .journey-pictures{position:relative}.reduced .journey-frame{position:relative;height:85svh;min-height:550px;clip-path:none!important;transform:none!important}.reduced .journey-top{top:18px}.reduced .journey-controls{display:none}.reduced .scene-copy{bottom:50px}.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes hero-in{from{transform:scale(1.12)}to{transform:scale(1.035)}}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:none}}
@media(min-width:1800px){.hero-content{top:40%}.section{padding-left:max(var(--gutter),calc((100vw - 1650px)/2));padding-right:max(var(--gutter),calc((100vw - 1650px)/2))}}
@media(max-width:1100px){#navigation{gap:20px}.nav-contact{margin-left:0;font-size:12px}.intro{grid-template-columns:1fr 2fr;gap:35px}.intro-bottom{display:block}.intro-bottom .text-link{margin-top:25px}.space-story{gap:6vw}.space-picture{height:570px}.service-copy{padding:55px 4vw}summary{font-size:18px}.contact-circle{width:115px;height:115px;font-size:55px}.section-heading{grid-template-columns:1fr 1.8fr .2fr;gap:25px}}
@media(max-width:760px){:root{--gutter:24px}html{scroll-padding-top:80px}header{padding:22px var(--gutter)}.brand{font-size:28px}.brand span{font-size:8px}header.scrolled{padding-top:14px;padding-bottom:14px}.menu{display:block;width:44px;height:44px;padding:10px;color:white;z-index:2}.menu span{height:1px;background:currentColor;width:24px;display:block;margin:7px 0;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:30px var(--gutter) 40px;box-shadow:0 20px 30px #0003;align-items:stretch;gap:20px;font-size:24px}#navigation.open{display:flex;flex-direction:column}.nav-contact{font-size:15px;margin-top:10px;align-self:flex-start}.hero{min-height:650px;height:100svh;max-height:1050px}.hero-picture img{object-position:61% center}.hero-shade{background:linear-gradient(0deg,#081b13e6 0%,#0c1b1650 46%,#00000010 67%,#0a211664 100%)}.hero-kicker{top:119px;display:block;font-size:9px;letter-spacing:.08em}.hero-kicker span:last-child{display:none}.hero-content{top:auto;bottom:190px;right:20px}.hero h1{font-size:clamp(43px,10.8vw,78px);line-height:1.15}.hero-content p{font-size:14px;line-height:1.65;margin-top:20px}.hero-bottom{bottom:27px;flex-wrap:wrap;gap:18px}.scroll-link{font-size:11px;gap:10px}.down{width:32px;height:44px;font-size:18px}.hero-project{font-size:8px;letter-spacing:.035em;max-width:170px;text-align:right}.hero-project span{font-size:11px}.hero-index{display:none}.section{padding:75px var(--gutter)}.intro{display:block;padding-top:70px;padding-bottom:75px}.intro .eyebrow{margin-bottom:25px}.intro h2{font-size:clamp(34px,7.7vw,55px);line-height:1.25}.intro-bottom{margin-top:28px}.intro-bottom p{font-size:15px}.eyebrow{font-size:10px}.journey{height:255svh}.journey-sticky{min-height:650px}.journey-top{top:95px;font-size:8px;gap:15px;align-items:start}.journey-top>span{max-width:180px}.motion-toggle{font-size:10px;white-space:nowrap}.plan-frame{display:flex;flex-direction:column;justify-content:center;gap:30px;padding:165px 20px 145px}.plan-copy{align-self:flex-start;padding:0 4px}.plan-copy h2{font-size:38px;line-height:1.18;margin:15px 0}.plan-copy>p:last-child{font-size:12px;max-width:none}.plan-frame img{height:auto;max-height:240px;width:100%;transform:scale(1.05)}.scene-copy{bottom:153px;max-width:90%}.scene-copy h3{font-size:46px;line-height:1.12}.scene-copy>span{font-size:9px}.journey-frame[data-frame='1'] img{object-position:38% center}.journey-frame[data-frame='2'] img{object-position:59% center}.journey-controls{bottom:32px;gap:15px}.journey-controls button{display:block;padding-bottom:13px}.journey-controls small{display:block;font-size:9px;margin-bottom:5px}.journey-controls span{font-size:12px}.scene-copy .pill{font-size:12px;padding:12px 20px;min-height:45px;margin-top:22px}.space-story{display:flex;flex-direction:column;gap:38px;align-items:stretch}.space-picture{height:460px;margin-right:28px}.space-copy .eyebrow{font-size:9px}.space-copy h2{font-size:45px;margin:22px 0}.space-copy p{font-size:15px}.space-copy .text-link{margin-top:24px}.section-heading,.process .section-heading{display:block;margin-bottom:35px}.section-heading h2{margin-top:22px;font-size:40px;line-height:1.2}.works-count{display:none}.project-grid{display:block}.project-card{margin:0 0 42px!important}.project-photo{aspect-ratio:1.13}.project-tall .project-photo{aspect-ratio:1.03}.project-tall img{object-position:50% 55%}.project-caption{gap:12px;margin-top:14px}.project-caption h3{font-size:18px;line-height:1.4}.project-caption small{font-size:8px}.project-caption>span{font-size:10px;margin-top:26px}.image-label{font-size:8px;top:15px;left:15px;padding:6px 8px}.round-arrow{width:43px;height:43px;font-size:22px;bottom:15px;right:15px}.works{padding-bottom:25px}.services{display:flex;flex-direction:column;margin-top:0}.service-visual{min-height:400px;max-height:450px}.service-visual img{object-position:50% 50%}.service-visual-title{bottom:32px;font-size:32px}.service-copy{padding:48px var(--gutter) 55px}.service-copy h2{font-size:43px;margin:20px 0 30px}.service-copy summary{font-size:18px;padding:22px 0;gap:16px}details>div{padding-left:29px}details .text-link{font-size:13px}.process-grid{display:block;margin-top:35px}.process-grid article{padding:22px 0 28px;position:relative}.process-grid h3{font-size:21px;margin:15px 0 10px}.process-grid p{max-width:none;font-size:14px}.contact{padding:60px var(--gutter)}.contact h2{font-size:clamp(40px,10vw,68px);line-height:1.15;margin-top:28px;max-width:90%}.contact .eyebrow{max-width:260px;font-size:9px}.contact-circle{position:relative;top:auto;right:auto;margin-top:30px;width:68px;height:68px;font-size:35px}.contact-bottom{display:block;margin-top:28px;padding-top:27px}.contact-bottom p{font-size:14px}.contact-bottom>div{margin-top:25px;align-items:flex-start}.pill{font-size:13px;padding:14px 21px;gap:22px}.contact-bottom>div>a{font-size:12px}footer{padding-top:38px}.footer-brand{font-size:17vw;padding-bottom:22px}.footer-row{display:block;padding:24px 0 28px}.footer-row>div{gap:24px;margin:22px 0;font-size:12px}.footer-row>a{font-size:12px}.footer-small{flex-wrap:wrap;font-size:9px;gap:12px}.footer-small .motion-toggle{margin-left:auto}dialog{width:calc(100% - 20px);max-height:94svh}.dialog-top{padding:12px 17px;font-size:9px}.project-detail-head{padding:28px 20px}.project-detail-head h2{font-size:32px}.project-description{display:block;margin-top:20px}.project-description p{font-size:14px}.project-description dl{margin-top:22px;font-size:11px}.gallery-main img{height:40svh;min-height:240px}.gallery-caption{padding:12px 20px;font-size:10px}.gallery-thumbs{padding:12px 20px;gap:8px}.gallery-thumbs button{flex-basis:82px;height:56px}.project-detail-bottom{display:block;padding:22px 20px 30px}.project-detail-bottom .pill{margin-top:15px}.brief-inner{padding:25px 20px}.brief-inner h2{font-size:29px;line-height:1.2}.form-row{grid-template-columns:1fr}.form-row label{margin-bottom:18px}.brief-actions{display:grid;grid-template-columns:1fr}.reduced .journey-frame{height:85svh;min-height:580px}.reduced .plan-frame{padding-top:70px;padding-bottom:60px}.reduced .journey-top{top:20px}.reduced .scene-copy{bottom:40px}}
@media(min-width:761px) and (max-width:1000px){header{padding:22px var(--gutter)}.menu{display:block;width:44px;height:44px;padding:10px;color:white}.menu span{height:1px;background:currentColor;width:24px;display:block;margin:7px 0}#navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:30px var(--gutter);align-items:stretch;gap:20px;font-size:20px}#navigation.open{display:flex;flex-direction:column}.nav-contact{font-size:15px;align-self:flex-start}.space-story{gap:35px}.intro-bottom .text-link{white-space:normal}}
@media(max-width:760px) and (max-height:700px){.journey-sticky{min-height:100svh}.plan-frame{padding:125px 24px 100px;gap:10px}.plan-copy h2{font-size:30px;margin:10px 0}.plan-frame img{max-height:185px}.scene-copy h3{font-size:36px}.scene-copy{bottom:120px}.hero{min-height:600px}}
@media(max-width:380px){.hero-bottom{align-items:center;flex-wrap:nowrap;gap:12px}.hero-project{max-width:140px;font-size:7px}.hero-project span{font-size:10px}.scroll-link{font-size:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* V7.1 editorial pages */
.editorial-page #header{background:var(--cream,#eadec3);color:var(--green,#2e3c2d)}.editorial-page #header .brand,.editorial-page #header #navigation a{color:inherit}.editorial-page .menu span{background:currentColor}.editorial-hero{padding:180px 5vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.editorial-hero h1,.article-heading h1{font-size:clamp(40px,5.4vw,82px);line-height:1.13;letter-spacing:-.045em;font-weight:400;margin:24px 0}.editorial-hero p,.article-heading>p:last-child{max-width:620px;line-height:1.85}.editorial-hero .pill{margin-top:24px}.editorial-hero figure{margin:0}.editorial-hero img{width:100%;height:520px;object-fit:cover}.editorial-hero figcaption{font-size:11px;margin-top:12px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.quote-grid article{border-top:1px solid #a4a390;padding:24px 0}.quote-grid h2{font-size:30px;margin:22px 0}.quote-grid p{line-height:1.9;min-height:120px}.article-body{max-width:840px;padding:50px 28px 120px;margin:auto;font-size:17px;line-height:1.9}.article-body h2{font-size:30px;line-height:1.35;font-weight:400;margin:45px 0 18px}.article-body li{margin-bottom:18px}.article-body ol{padding-left:24px}.article-heading{padding:180px 7vw 70px;max-width:1200px}.article-heading>.text-link{margin-bottom:40px}.article-heading>p:last-child{font-size:18px}.article-cover{margin:0 7vw}.article-cover img{width:100%;height:60vh;object-fit:cover}.article-cta{border-top:1px solid #a4a390;margin-top:60px;padding-top:20px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:15px}.journal-card{text-decoration:none;color:inherit}.journal-card img{width:100%;height:260px;object-fit:cover;transition:filter .2s}.journal-card:hover img{filter:brightness(.9)}.journal-card .eyebrow{display:block;margin-top:25px}.journal-card h2{font-size:30px;line-height:1.25;margin:18px 0}.journal-card p{line-height:1.8}.journal-card .text-link{margin-top:18px}
@media(max-width:900px){.editorial-hero{padding-top:130px;grid-template-columns:1fr;gap:40px}.editorial-hero img{height:360px}.quote-grid,.journal-grid{grid-template-columns:1fr}.quote-grid p{min-height:0}.article-heading{padding-top:140px}.article-cover img{height:40vh}.journal-card img{height:auto}.journal-card{margin-bottom:35px}.article-body{font-size:16px}.editorial-page #navigation{background:#eadec3}.editorial-page #navigation a{color:#2e3c2d}}
.editorial-page #header .menu{color:#2e3c2d}
/* V7.2 reading pages */
[hidden]{display:none!important}.reading-hero{padding:160px max(6vw,24px) 60px;max-width:1400px;margin:auto}.reading-hero>.text-link{margin-bottom:32px}.reading-hero h1{max-width:1050px;font-size:clamp(36px,4.4vw,68px);font-weight:400;line-height:1.22;letter-spacing:-.04em;margin:24px 0}.reading-lead{max-width:820px;font-size:19px;line-height:1.85}.reading-meta{font-size:12px;opacity:.7;margin-top:24px}.takeaways{margin-top:36px;background:#2e3c2d;color:#eadec3;padding:30px 34px;max-width:940px}.takeaways ul{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0;list-style:none;margin:22px 0 0}.takeaways li{border-top:1px solid #eadec34d;padding-top:15px;line-height:1.75}.reading-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,780px);gap:6vw;max-width:1250px;padding:15px max(4vw,24px) 110px;margin:auto}.reading-toc nav{position:sticky;top:120px;font-size:13px;line-height:1.8}.reading-toc ol{padding-left:19px}.reading-toc li{margin:16px 0}.reading-toc a{color:inherit;text-decoration:none}.reading-toc a:hover{text-decoration:underline}.reading-body{min-width:0;font-size:17px;line-height:1.95}.reading-body h2{font-size:clamp(26px,2.5vw,36px);font-weight:400;line-height:1.35;letter-spacing:-.025em;margin:0 0 22px}.reading-body p{margin:0 0 20px}.reading-body>section{padding-top:30px;margin-bottom:38px;scroll-margin-top:115px}.reading-body>section:first-child{padding-top:0}.reading-checklist{background:#e2e5d8;padding:30px!important}.reading-checklist label{display:flex;gap:12px;padding:14px 0;border-top:1px solid #2e3c2d26;font-size:15px;cursor:pointer;line-height:1.7}.reading-checklist input{width:19px;height:19px;flex:0 0 19px;margin-top:4px;accent-color:#2e3c2d}.reading-checklist input:checked+span{text-decoration:line-through;opacity:.65}.reading-body .article-cta{margin-top:35px;padding-top:35px}.reading-body .article-cta .text-link{display:block;margin-top:20px;font:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer}.reading-related a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;color:inherit;text-decoration:none;border-top:1px solid #2e3c2d30;font-size:16px}.guide-library{padding-top:35px}.guide-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.3;font-weight:400;max-width:800px;margin:22px 0 35px}.guide-controls{display:flex;gap:24px;margin:20px 0}.guide-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1}.guide-controls input,.guide-controls select{min-width:0;width:100%;font:inherit;font-size:16px;border:1px solid #2e3c2d50;background:transparent;color:inherit;padding:14px}.guide-count{font-size:13px;margin:18px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2e3c2d30;border:1px solid #2e3c2d30}.guide-card{background:#f1ecdf;min-width:0}.guide-card>a{display:flex;flex-direction:column;height:100%;padding:30px;color:inherit;text-decoration:none}.guide-card:hover{background:#eadec3}.guide-number{font-size:45px;font-weight:300;line-height:1;margin-bottom:30px;opacity:.5}.guide-card .eyebrow{font-size:10px}.guide-card h2{font-size:25px;line-height:1.4;font-weight:500;margin:20px 0}.guide-card p{font-size:14px;line-height:1.9;margin-bottom:28px}.guide-card .text-link{margin-top:auto}.reading-toc a:focus-visible,.guide-card a:focus-visible{outline:2px solid #2e3c2d;outline-offset:4px}@media(max-width:900px){.reading-layout{grid-template-columns:1fr;gap:30px}.reading-toc nav{position:static}.reading-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-hero{padding-top:130px}}@media(max-width:600px){.reading-hero{padding:125px 22px 32px}.reading-lead{font-size:17px}.takeaways{padding:23px}.takeaways ul{grid-template-columns:1fr;gap:12px}.takeaways li{padding-top:12px}.reading-layout{padding:0 22px 65px}.reading-toc ol{display:block}.reading-body{font-size:16px}.reading-checklist{padding:24px!important}.guide-grid{grid-template-columns:1fr}.guide-card>a{padding:26px}.guide-controls{flex-direction:column;gap:14px}.guide-number{font-size:35px;margin-bottom:22px}}
/* V7.2.1: Vietnamese typography, scoped navigation, illustrated editorial. */
h1,h2,h3{font-family:Be,Arial,sans-serif;letter-spacing:-.025em;text-wrap:pretty}h1 em,h2 em,h3 em,.service-visual-title em{font-family:inherit;font-style:normal;letter-spacing:inherit;font-size:inherit}.editorial-page #header{position:sticky;top:0;padding-top:17px;padding-bottom:17px;min-height:80px}.editorial-page #header.scrolled{animation:none}.editorial-page .brand{font-size:28px}.brand span{letter-spacing:.1em}#navigation{gap:clamp(14px,1.8vw,28px)}#navigation a{white-space:nowrap}#navigation .nav-contact{margin-left:8px}.editorial-page .menu{color:var(--green)}
.reading-hero{padding:42px var(--gutter) 26px;max-width:1440px}.reading-hero>.text-link{margin-bottom:25px}.reading-intro{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}.reading-hero h1{font-size:clamp(32px,3.35vw,53px);line-height:1.28;margin:18px 0;letter-spacing:-.025em}.reading-lead{font-size:16px;line-height:1.8}.reading-meta{margin-top:18px}.reading-cover{margin:0;min-width:0}.reading-cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.reading-cover figcaption,.knowledge-hero figcaption{font-size:11px;line-height:1.5;padding-top:8px;color:#606957}.takeaways{max-width:none;margin-top:28px;padding:24px 28px}.takeaways ul{margin-top:12px;gap:26px}.takeaways li{font-size:14px;display:flex;gap:13px;padding-top:12px}.takeaways li>span{opacity:.6;font-size:12px}.reading-layout{max-width:1440px;grid-template-columns:260px minmax(0,800px);gap:5vw;padding:24px var(--gutter) 60px}.reading-toc{min-width:0}.toc-box{position:sticky;top:112px;border:1px solid var(--line);background:#e9e6d9;padding:0 18px}.toc-box summary{font-size:15px;font-weight:500;padding:17px 0;display:flex;justify-content:space-between}.toc-box summary>span{font-size:18px;color:inherit}.reading-toc nav{display:block;position:static;inset:auto;background:none;padding:0;box-shadow:none;font-size:13px;line-height:1.65}.reading-toc ol{padding:0;margin:0 0 10px;list-style:none;display:block}.reading-toc li{margin:0;border-top:1px solid #bfc4b5}.reading-toc a{display:flex;align-items:baseline;gap:10px;padding:12px 0;white-space:normal;line-height:1.6}.reading-toc a>span{font-size:10px;opacity:.65;flex:none}.reading-body>section{margin-bottom:24px;padding-top:16px;scroll-margin-top:105px}.reading-body h2{font-size:clamp(25px,2.2vw,34px);line-height:1.35;margin-bottom:17px}.reading-checklist{padding:24px!important}.reading-related>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reading-related a{display:block;font-size:15px;line-height:1.55;border:0;padding:0}.reading-related a img{aspect-ratio:3/2;height:auto;margin-bottom:12px}.reading-related a span{display:block}.reading-body .article-cta .text-link{display:inline-flex;margin-right:20px;white-space:normal;font-size:14px}.knowledge-hero{padding:45px var(--gutter) 32px;display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center}.knowledge-hero h1{font-size:clamp(35px,4.3vw,66px);line-height:1.22;margin:20px 0}.knowledge-hero .text-link{margin-top:20px}.knowledge-hero figure{margin:0}.knowledge-hero img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover}.journal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:10px var(--gutter) 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.journal-strip a{font-size:15px;line-height:1.7}.journal-strip span{display:block;font-size:10px;letter-spacing:.08em;color:#66725e;margin-bottom:8px}.guide-library{padding-top:16px;padding-bottom:65px;scroll-margin-top:95px}.guide-heading h2{font-size:clamp(29px,3vw,43px);margin:12px 0 20px}.guide-controls{margin:15px 0 8px;gap:18px}.guide-controls label{margin:0;gap:3px}.guide-controls input,.guide-controls select{padding:11px 13px;margin-top:2px}.guide-count{margin:12px 0 20px;font-size:12px}.guide-grid{gap:32px 24px;border:0;background:none}.guide-card{background:none}.guide-card>a{padding:0;display:block}.guide-card:hover{background:none}.guide-image{position:relative;overflow:hidden;background:#d9dacb}.guide-image img{height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .45s}.guide-card a:hover img{transform:scale(1.03)}.guide-image>span{position:absolute;bottom:10px;left:12px;font-size:9px;background:#203526cf;color:#fff;padding:3px 7px}.guide-card-copy{padding:18px 0 0}.guide-card h2{font-size:23px;line-height:1.4;margin:9px 0 12px}.guide-card p{font-size:14px;line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-card .text-link{font-size:12px;padding:4px 0 6px;display:inline-flex}.pagination{display:flex;position:static;background:none;box-shadow:none;padding:26px 0 0;gap:8px;align-items:center;justify-content:center}.pagination a{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--line);font-size:14px}.pagination a[aria-current=page]{background:var(--green);color:var(--cream)}.editorial-hero{padding-top:45px;padding-bottom:40px}.editorial-hero h1{font-size:clamp(34px,3.8vw,57px);line-height:1.26}.editorial-hero img{height:auto;aspect-ratio:1.35}.editorial-page .section{padding-top:45px;padding-bottom:50px}.article-heading{padding-top:45px;padding-bottom:35px}.quote-grid p{min-height:0}.price-notice{background:#e8ddc0;padding:18px 22px;border-left:3px solid #956a30;font-size:14px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.price-card{padding:25px;background:#e5e6d7;border-top:3px solid var(--green)}.price-card h3{font-size:22px;line-height:1.35}.price-number{font-size:28px;margin:18px 0 6px;font-weight:500;line-height:1.3}.price-unit{font-size:12px;color:#5e6958}.price-card p{font-size:14px;line-height:1.75;margin-top:15px}.price-card ul{padding-left:18px;font-size:13px;line-height:1.8}.price-conditions{margin-top:24px;max-width:950px;font-size:14px}.landscape-scope{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.landscape-scope article{border-top:1px solid var(--line);padding-top:25px}.landscape-scope h2{font-size:30px;margin-bottom:18px}.landscape-scope ul{padding-left:20px}.landscape-scope li{margin-bottom:12px}.service-copy h2{font-size:clamp(34px,4vw,55px)}
@media(max-width:1100px){#header{gap:20px;padding-left:24px;padding-right:24px}#navigation{gap:14px;font-size:12px}#navigation .nav-contact{margin-left:0}.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.guide-card h2{font-size:21px}}
@media(max-width:900px){.reading-intro{grid-template-columns:1fr;gap:25px}.reading-hero h1{max-width:760px;font-size:38px}.reading-layout{grid-template-columns:1fr;gap:25px}.toc-box{position:static}.reading-toc ol{display:block}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-hero{gap:24px}.knowledge-hero h1{font-size:38px}.price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--gutter:20px}#header,.editorial-page #header{padding:13px 20px;gap:14px;min-height:72px}.brand,.editorial-page .brand{font-size:26px}.brand span{font-size:8px;line-height:1.4}#navigation{font-size:20px;padding:20px;gap:14px}#navigation a{white-space:normal}#navigation .nav-contact{font-size:16px}.editorial-page .section{padding:30px 20px}.editorial-hero{padding:30px 20px 22px;gap:24px}.editorial-hero h1,.article-heading h1{font-size:34px;line-height:1.28;margin:16px 0}.editorial-hero p{font-size:15px;line-height:1.75}.editorial-hero img{height:auto;aspect-ratio:1.5}.editorial-hero .pill{margin-top:18px}.article-heading{padding:28px 20px}.reading-hero{padding:24px 20px 18px}.reading-hero>.text-link{font-size:12px;margin-bottom:20px}.reading-hero h1{font-size:31px;line-height:1.32;margin:13px 0}.reading-lead{font-size:15px}.reading-meta{font-size:11px;margin-top:14px}.reading-intro{gap:20px}.reading-cover figcaption{font-size:10px}.takeaways{padding:19px 20px;margin-top:23px}.takeaways ul{grid-template-columns:1fr;gap:9px;margin-top:10px}.takeaways li{padding-top:9px;font-size:13px;line-height:1.6}.reading-layout{padding:8px 20px 40px;gap:25px}.reading-body h2{font-size:25px;line-height:1.38}.reading-body p{font-size:15px;line-height:1.85;margin-bottom:16px}.reading-body>section{padding-top:8px;margin-bottom:25px}.reading-checklist{padding:20px!important}.reading-checklist label{font-size:14px;padding:11px 0}.reading-related>div{gap:18px}.reading-related a{font-size:13px}.knowledge-hero{padding:27px 20px 20px;grid-template-columns:1fr;gap:22px}.knowledge-hero h1{font-size:37px;margin:15px 0;line-height:1.25}.knowledge-hero p{font-size:15px;line-height:1.75}.knowledge-hero .text-link{margin-top:12px}.knowledge-hero img{aspect-ratio:1.65}.journal-strip{margin:4px 20px 24px;grid-template-columns:1fr;gap:0;padding:0}.journal-strip a{font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.journal-strip a:last-child{border-bottom:0}.journal-strip span{font-size:9px;margin-bottom:3px}.guide-heading h2{font-size:29px;line-height:1.32;margin:10px 0 18px}.guide-controls{flex-direction:row;flex-wrap:wrap;gap:12px}.guide-controls label{flex:1 1 150px;font-size:11px}.guide-controls input,.guide-controls select{font-size:14px;padding:10px 11px;min-height:43px}.guide-count{margin:10px 0 16px}.guide-grid{grid-template-columns:1fr;gap:27px}.guide-card-copy{padding-top:14px}.guide-card h2{font-size:22px;margin:8px 0 10px}.guide-card p{font-size:14px;margin-bottom:9px}.guide-card .eyebrow{font-size:10px}.price-grid,.landscape-scope{grid-template-columns:1fr;gap:18px}.price-card{padding:21px}.price-number{font-size:28px}.price-notice{padding:15px 17px;font-size:13px}.contact h2{font-size:44px;line-height:1.22}.footer-row{padding-bottom:25px}.service-visual-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.guide-image img{transition:none}.guide-card a:hover img{transform:none}}
.pagination{flex-wrap:wrap}.pagination .page-gap{padding:0 6px;font-size:14px}.price-notice{margin-top:24px}.landscape-scope .text-link{white-space:normal}.reading-body .article-cta{padding-top:24px}.editorial-page .article-heading h1{line-height:1.28}
/* V7.2.2 — two typefaces, service hierarchy and visual pricing. */
@font-face{font-family:DHouseSerif;src:url('fonts/noto-serif-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
h1 em,h2 em,h3 em,.service-visual-title em{font-family:DHouseSerif,Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.045em;line-height:1.3}.nav-services{position:relative}.nav-services>summary{font:inherit;padding:10px 0;gap:7px;white-space:nowrap;list-style:none}.nav-services>summary>span{font-size:13px;color:inherit;transition:transform .2s}.nav-services[open]>summary>span{transform:rotate(180deg)}.nav-services-panel{position:absolute;top:calc(100% + 8px);left:-22px;min-width:300px;background:var(--cream);color:var(--ink);padding:12px 20px!important;box-shadow:0 12px 40px #0c1c1830;border:1px solid #c8c5ae}.nav-services-panel a{display:block;padding:12px 0;font-size:13px;line-height:1.5;border-bottom:1px solid #bdc1af;white-space:normal!important}.nav-services-panel a:last-child{border:0}.nav-services-panel a:after{display:none}.positioning-strip{padding:38px var(--gutter);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:6vw;align-items:center}.positioning-strip>p{font-size:17px;max-width:350px}.positioning-strip>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.positioning-strip a{font-size:15px;border-top:1px solid var(--line);padding-top:12px;white-space:nowrap}.positioning-strip a span{display:block;font-size:10px;opacity:.55;margin-top:5px}.quote-hero{position:relative;min-height:590px;height:min(780px,82svh);background:var(--green);color:#f4efe1;overflow:hidden}.quote-hero-image{position:absolute;inset:0;object-position:50% 55%;animation:quote-scene-enter 1.4s ease-out both}.quote-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b211adb,#12241d6b 62%,#12241d20),linear-gradient(0deg,#0a1d18b3,transparent 50%)}.quote-hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:110px;max-width:1000px}.quote-hero h1{font-size:clamp(44px,5vw,78px);line-height:1.19;letter-spacing:-.045em;margin:24px 0;animation:rise .9s .1s both}.quote-hero h1 em{display:inline-block;font-size:.93em;line-height:1.3}.quote-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:620px;color:#eeeada}.quote-explore{display:inline-flex;align-items:center;gap:30px;padding:15px 0 10px;margin-top:23px;font-size:13px;border-bottom:1px solid #f4efe180}.quote-explore>span:last-child{font-size:24px;transition:transform .25s}.quote-explore:hover>span:last-child{transform:translateY(5px)}.quote-hero-credit{position:absolute;bottom:25px;right:var(--gutter);font-size:10px;letter-spacing:.04em}.quote-page .section{padding:75px var(--gutter)}.quote-section-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:end;margin-bottom:30px}.quote-section-heading h2{font-size:clamp(35px,3.8vw,59px);line-height:1.2;margin-top:17px}.quote-section-heading>p{font-size:15px;line-height:1.8;max-width:450px;padding-bottom:6px}.draft-ribbon{font-size:11px;padding:9px 13px;border-left:2px solid #9b794b;background:#e8dfc7;color:#67563e;margin:28px 0 25px;line-height:1.6}.quote-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 28px}.quote-choice{position:relative;padding:0;aspect-ratio:1.52;background:var(--green);overflow:hidden;color:white;text-align:left;outline:2px solid transparent;outline-offset:5px;transition:outline-color .2s,transform .25s;min-width:0}.quote-choice:disabled{cursor:default}.quote-choice img{position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.7,.2,1);object-position:50% 50%}.quote-choice:nth-child(2) img{object-position:50% 42%}.choice-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#10231ae0,transparent 90%)}.choice-order{position:absolute;top:15px;left:16px;font-size:10px;letter-spacing:.1em}.choice-name{position:absolute;bottom:20px;left:17px;font-size:clamp(17px,1.7vw,25px);font-weight:500}.choice-arrow{position:absolute;bottom:20px;right:17px;font-size:21px;transition:transform .3s}.quote-choice:hover img{transform:scale(1.055)}.quote-choice:hover .choice-arrow{transform:translate(3px,-3px)}.quote-choice[aria-pressed=true]{outline-color:var(--green)}.quote-choice[aria-pressed=true] .choice-order:after{content:' / ĐANG CHỌN';font-size:8px}.quote-choice:focus-visible{outline-color:#bd8c35;outline-width:3px}.quote-stage{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#e5e4d6;border:1px solid #d2d4c3}.quote-stage-image{margin:0;position:relative;overflow:hidden;min-height:100%}.quote-stage-image>img{position:absolute;inset:0;object-position:50% 50%}.quote-stage-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10261fdb,transparent 62%);pointer-events:none}.quote-stage-image figcaption{position:absolute;bottom:22px;left:28px;right:20px;font-size:10px;color:#f0ecdf;z-index:1}.quote-image-label{position:absolute;bottom:70px;left:28px;right:20px;color:#f0ecdf;z-index:1}.quote-image-label>span{font-size:10px;letter-spacing:.1em}.quote-image-label h3{font-size:46px;line-height:1.25;margin-top:12px}.quote-stage-content{padding:40px clamp(25px,3vw,50px)}#quote-scope{font-size:15px;margin-top:14px;line-height:1.85;min-height:83px}.quote-rate{padding:20px 0;border-bottom:1px solid #bfc7b1;margin-bottom:22px}.quote-rate strong{display:block;font-size:clamp(21px,2vw,30px);line-height:1.4;font-weight:500;white-space:nowrap}.quote-rate>span{display:block;font-size:11px;margin-top:7px}.quote-area-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.quote-area-head>label{margin:0;font-size:13px}.quote-area-head>div{display:flex;align-items:center;gap:7px}.quote-area-head>div>span{font-size:12px}.quote-area-head input{width:94px;padding:9px 8px;margin:0;background:#f3f0e4;text-align:center;font-size:17px}#quote-range{padding:0;border:0;accent-color:var(--green);margin:20px 0 7px;background:transparent;height:24px;cursor:pointer}.quote-range-labels{display:flex;justify-content:space-between;font-size:10px}.quote-range-labels strong{font-size:11px;font-weight:500}.quote-estimate{margin:27px 0 22px;padding-top:20px;border-top:1px solid #bfc7b1}.quote-estimate>span{font-size:10px;letter-spacing:.08em}.quote-estimate p{line-height:1.35;margin:10px 0}.quote-estimate strong{font-size:clamp(30px,3.1vw,49px);font-weight:400;line-height:1.3;white-space:nowrap;letter-spacing:-.04em}.quote-estimate p>span{display:block;font-size:14px;margin-top:5px}.quote-estimate small{font-size:11px;line-height:1.7;display:block;max-width:390px}#quote-error{font-size:12px;color:#8b3527;margin-top:10px}.quote-stage .pill{font-size:13px;width:100%;gap:15px}.quote-terms{border-bottom:1px solid var(--line);margin-top:20px}.quote-terms summary{font-size:14px;justify-content:space-between;gap:25px;padding:20px 0}.quote-terms summary>span{font-size:23px;color:inherit}.quote-terms>div{padding:0 0 20px!important;max-width:900px}.quote-terms p{font-size:13px;color:var(--ink);line-height:1.85;margin-bottom:10px}.quote-deliverables{background:#e4e5d7}.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}.deliverable-image{aspect-ratio:1.25;overflow:hidden;background:#efeadc}.deliverable-image img{transition:transform .8s;object-fit:cover}.deliverable-image.plan img{object-fit:contain;padding:12px;mix-blend-mode:multiply}.deliverable-grid article:hover img{transform:scale(1.035)}.deliverable-grid article>span{display:block;font-size:10px;letter-spacing:.07em;margin-top:23px}.deliverable-grid h3{font-size:24px;line-height:1.3;margin:13px 0}.deliverable-grid p{font-size:14px;line-height:1.8;max-width:350px}.quote-landscape{position:relative;min-height:530px;overflow:hidden;background:var(--green);color:#f0ecdf}.quote-landscape>img{position:absolute;inset:0;object-position:50% 40%}.quote-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10231cf2,#10231c73 65%,#10231c10)}.quote-landscape>div{position:relative;z-index:1;padding:70px var(--gutter);max-width:850px}.quote-landscape h2{font-size:clamp(38px,4.5vw,66px);line-height:1.2;margin:24px 0}.quote-landscape p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:440px}.quote-landscape .pill{margin-top:25px}.quote-landscape small{display:block;font-size:10px;opacity:.75;margin-top:24px}.quote-close{text-align:center}.quote-close h2{font-size:clamp(39px,4.5vw,68px);margin:24px 0;line-height:1.2}.quote-close p{font-size:15px;line-height:1.9}.quote-close .pill{margin-top:28px}
@keyframes quote-scene-enter{from{transform:scale(1.07);opacity:.65}to{transform:scale(1);opacity:1}}
@media(max-width:1050px){.quote-stage{grid-template-columns:.9fr 1.1fr}.quote-section-heading{gap:4vw}.quote-stage-content{padding:30px 24px}.quote-choice .choice-name{font-size:18px}.choice-arrow{right:12px;bottom:15px}.choice-name{left:12px;bottom:15px}.positioning-strip{grid-template-columns:1fr;gap:20px}.positioning-strip>p{max-width:none}}
@media(max-width:760px){.nav-services-panel{position:static;box-shadow:none;min-width:0;border:0;border-left:1px solid #b5bfa7;margin:7px 0 8px 5px;padding:0 0 0 15px!important;background:transparent;color:inherit}.nav-services>summary{padding:3px 0;white-space:normal;font-size:20px}.nav-services-panel a{font-size:14px!important;padding:12px 0}.positioning-strip{padding:25px 20px;gap:18px}.positioning-strip>p{font-size:15px}.positioning-strip>div{grid-template-columns:1fr 1fr;gap:18px}.positioning-strip a{font-size:14px}.quote-hero{height:72svh;min-height:500px;max-height:680px}.quote-hero-image{object-position:62% center}.quote-hero-shade{background:linear-gradient(0deg,#10231af0,#10231a65 68%,#10231a25)}.quote-hero-copy{bottom:74px;left:20px;right:20px}.quote-hero h1{font-size:clamp(34px,8.7vw,53px);line-height:1.22;margin:20px 0}.quote-hero h1 em{font-size:.92em}.quote-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.quote-explore{font-size:12px;margin-top:13px;padding-top:7px}.quote-hero-credit{font-size:9px;right:20px;bottom:20px}.quote-page .section{padding:40px 20px}.quote-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.quote-section-heading h2{font-size:35px;margin-top:13px;line-height:1.24}.quote-section-heading>p{font-size:14px;line-height:1.8}.draft-ribbon{margin:18px 0 22px;font-size:10px}.quote-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.quote-choice{aspect-ratio:1.38;outline-offset:3px}.choice-name{font-size:17px!important;bottom:14px}.choice-order{font-size:9px;left:12px;top:12px}.quote-choice[aria-pressed=true] .choice-order:after{font-size:7px}.choice-arrow{font-size:18px}.quote-stage{grid-template-columns:1fr;min-height:0}.quote-stage-image{min-height:0;height:280px}.quote-stage-image figcaption{left:20px;bottom:16px;font-size:9px}.quote-image-label{left:20px;bottom:48px}.quote-image-label h3{font-size:36px;margin-top:8px}.quote-stage-content{padding:25px 20px}#quote-scope{font-size:14px;min-height:0}.quote-rate{padding-top:18px;padding-bottom:18px;margin-bottom:20px}.quote-rate strong{font-size:24px}.quote-area-head{gap:12px}.quote-area-head>label{font-size:12px}.quote-area-head input{width:82px;font-size:16px}.quote-estimate strong{font-size:39px}.quote-estimate{margin-top:23px}.quote-terms summary{font-size:13px;line-height:1.7}.deliverable-grid{grid-template-columns:1fr;gap:30px;margin-top:27px}.deliverable-image{aspect-ratio:1.55}.deliverable-grid article>span{margin-top:16px}.deliverable-grid h3{font-size:24px;margin:10px 0}.deliverable-grid p{font-size:14px;max-width:none}.quote-landscape{min-height:470px}.quote-landscape>div{padding:45px 20px}.quote-landscape h2{font-size:39px;line-height:1.23}.quote-landscape p:not(.eyebrow){font-size:14px}.quote-landscape:after{background:#10231ba6}.quote-close h2{font-size:38px;line-height:1.25}.quote-close p{font-size:14px}}
@media(max-width:360px){.quote-rate strong{font-size:21px}.quote-estimate strong{font-size:32px}.choice-name{font-size:15px!important}.quote-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.quote-hero-image,.quote-hero h1{animation:none}.quote-choice img,.choice-arrow,.deliverable-image img{transition:none}.quote-choice:hover img,.deliverable-grid article:hover img{transform:none}}

/* CMS reading and editor styles */
.cms-main{padding-top:150px;min-height:60vh}.cms-reading{max-width:820px;margin:auto;padding:40px 24px 90px}.cms-reading h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1.18}.cms-reading p,.cms-reading li{font-size:1.08rem;line-height:1.85}.cms-reading h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:2.2em 0 .7em}.cms-reading img{max-width:100%;height:auto}.cms-reading figure{margin:2em 0}.cms-reading figcaption{font-size:.82rem;opacity:.75}.cms-reading .wp-block-list{padding-left:1.3em}.cms-reading table{width:100%;border-collapse:collapse}.cms-reading td,.cms-reading th{padding:12px;border:1px solid #b8b8a5}.cms-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cms-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.cms-card h2{font-size:1.35rem;line-height:1.4}.cms-pagination{margin:30px 0;display:flex;gap:18px}.cms-search{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.cms-search input{padding:12px;max-width:100%;border:1px solid #7b8676}.cms-excerpt{font-size:1.15rem}.cms-meta{font-size:.8rem;margin:15px 0}.editor-styles-wrapper{font-family:Arial,sans-serif;color:#2e3c2d;background:#f1edde}.editor-styles-wrapper .wp-block{max-width:820px}@media(max-width:700px){.cms-main{padding-top:95px}.cms-card-grid{grid-template-columns:1fr}.cms-reading{padding-top:24px}.cms-search input{min-width:0;flex:1}}

.cms-reading .reading-toc{position:static;max-width:100%;margin:28px 0}.cms-reading .reading-toc ol{padding-left:20px}.cms-reading .reading-toc a{display:block;padding:5px 0}.cms-reading h2[id]{scroll-margin-top:140px}

/* Small functional icons keep visible labels and no third-party icon font. */
.dh-icon{display:inline-block;width:1.2em;height:1.2em;flex:0 0 auto;vertical-align:middle;margin-right:.45em}.dh-icon-zalo{width:32px;height:26px}.pill .dh-icon{margin-right:8px}.cms-card{background:#e9e7da;border:1px solid #d7d5c6;overflow:hidden}.cms-card h2,.cms-card>p{margin:18px 20px}.cms-card a{text-decoration:none}.cms-card img{display:block;transition:transform .4s}.cms-card a:hover img{transform:scale(1.025)}.cms-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #9da592;margin:4px;text-decoration:none}.cms-pagination .current{background:#2e3c2d;color:#eadec3}@media(prefers-reduced-motion:reduce){.cms-card img{transition:none}}

.cms-byline{font-size:.84rem!important;color:#66705e;border-bottom:1px solid #d9d6c8;padding:0 0 20px}.nova-hubs{margin:44px 0;padding:28px;background:#e9e5d7}.nova-hubs h2{font-size:clamp(1.4rem,3vw,2rem)}.nova-hubs>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nova-hubs a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #929b85;padding:16px 0;text-decoration:none}.nova-hubs>p:last-child{font-size:.88rem;margin-bottom:0}@media(max-width:700px){.nova-hubs{padding:20px}.nova-hubs>div{grid-template-columns:1fr}}

.cms-breadcrumb{font-size:12px;line-height:1.8;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:8px}.cms-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.nova-guide .cms-excerpt{font-size:18px;line-height:1.8}.nova-guide .cms-hero-image{margin:30px 0}.nova-guide .cms-hero-image img{height:auto;aspect-ratio:16/9;object-fit:cover}.nova-guide figcaption{font-size:12px;color:#596151;margin-top:8px}.nova-guide .wp-block-table{overflow-x:auto;margin:24px 0}.nova-guide table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}.nova-guide th,.nova-guide td{padding:16px;border:1px solid #c5c5b5;text-align:left;vertical-align:top}.nova-guide th{background:#eadec3}.nova-guide .cms-reading{max-width:980px}.nova-guide h1{font-size:clamp(32px,4.3vw,64px);line-height:1.22;text-wrap:balance}.nova-guide h2{scroll-margin-top:120px}.nova-guide .reading-toc{margin:30px 0}@media(max-width:600px){.nova-guide th,.nova-guide td{padding:10px;font-size:13px}.nova-guide .cms-excerpt{font-size:16px}.nova-hubs h2{font-size:28px}.nova-hubs>div{grid-template-columns:1fr}.nova-guide .cms-reading{padding-top:10px}}