:root{--ink:#111;--muted:#696969;--line:#d9d9d4;--paper:#fff;--soft:#f2f2ef;--pink:#f1d0cf;--green:#dfe8bf;--peach:#ffd9b2;--blue:#dbe5e5;--max:1320px;--pad:clamp(24px,4vw,64px)}
*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden;overflow-y:auto}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Plus Jakarta One", "Plus Jakarta Sans", Arial, sans-serif;font-size:15px;line-height:1.55}.page{min-height:100vh;overflow-x:hidden;overflow-y:visible}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{height:88px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#fff}.brand{font-size:25px;font-weight:700;letter-spacing:-.06em}.top-nav{display:flex;gap:28px;align-items:center}.top-nav a{font-size:13px}.site-header>.pill{justify-self:end}.menu-btn,.mobile-nav{display:none}.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:999px;padding:12px 18px;font:600 12px/1 Manrope;cursor:pointer}.pill-outline{background:transparent;color:var(--ink)}.pill-muted{background:#ecece8;color:#111;border-color:#ecece8}.text-link{font-weight:600;font-size:12px;text-decoration:underline;text-underline-offset:4px}.eyebrow,.tiny{text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:700}.hero,.section,.page-hero,.statement,.testimonials,.cta,.stats,.awards,.jobs,.faq,.contact-layout,.product-detail,.checkout,.utility,.centered,.blog-feature,.project-quote,.triad,.gallery-stack,.service-detail{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.home-hero{padding-top:84px}.hero-copy{max-width:980px}.hero h1,.page-hero h1,.contact-layout h1,.centered h1,.article-head h1,.product-copy h1{font-size:clamp(54px,6.4vw,102px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0 0 28px}.hero p,.page-hero>p,.contact-layout>div>p{max-width:570px;font-size:17px;color:var(--muted);margin:0 0 28px}.logo-strip{margin:92px 0 10px;display:grid;grid-template-columns:repeat(6,1fr);gap:30px;border-top:1px solid var(--line);padding-top:28px;color:#474747}.logo-strip span{text-align:center;font-size:13px;font-weight:700}.section{padding-top:110px;padding-bottom:110px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.service-card h3{font-size:26px;letter-spacing:-.04em;font-weight:500;margin:55px 0 14px}.service-card p{color:var(--muted);font-size:13px}.service-card .text-link{margin-top:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head h2,.statement h2,.cta h2,.faq h2,.awards h2{font-size:clamp(38px,4vw,64px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:8px 0 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 18px}.project-card{display:block}.project-image{aspect-ratio:1.45/1;background:var(--soft);overflow:hidden}.project-card:nth-child(2) .project-image{background:var(--green)}.project-card:nth-child(3) .project-image{background:var(--peach)}.project-card:nth-child(4) .project-image{background:var(--blue)}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-card .row{padding-top:14px}.project-card h3{font-size:18px;margin:0;font-weight:600}.project-card span{font-size:11px}.split-values{display:grid;grid-template-columns:1fr 2fr;gap:80px;border-top:1px solid var(--line)}.split-values>div:first-child h2{font-size:46px;line-height:1.05;letter-spacing:-.045em;font-weight:500}.value-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.value-grid article{min-height:200px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid article span{font-size:10px}.value-grid h3{font-size:26px;font-weight:500;line-height:1.1;letter-spacing:-.035em;margin-top:48px}.statement{padding-top:150px;padding-bottom:150px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:100px}.statement h2{font-size:clamp(46px,5.6vw,86px)}.statement p{font-size:18px;color:var(--muted);align-self:end}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-grid.five{grid-template-columns:repeat(5,1fr)}.person img{aspect-ratio:.82/1;background:var(--soft)}.person h3{font-size:16px;margin:14px 0 3px}.person p{font-size:12px;color:var(--muted);margin:0}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding-top:0;padding-bottom:110px}.testimonials article{background:var(--soft);padding:54px}.testimonials article:nth-child(2){background:#e6eadc}.testimonials h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:500}.testimonials p{color:var(--muted)}.cta{padding-top:110px;padding-bottom:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;align-items:end}.cta-grid>div p{color:var(--muted);margin-bottom:24px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.news-card{padding:24px;min-height:250px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.news-card h3{font-size:23px;line-height:1.1;letter-spacing:-.035em;font-weight:500;margin:44px 0}.news-card .text-link{margin-top:auto}.footer{max-width:var(--max);margin:0 auto;padding:84px var(--pad) 40px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-mark{font-size:72px;letter-spacing:-.07em;font-weight:700}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px}.footer>div:not(.footer-mark):not(.footer-bottom){display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:12px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.page-hero{padding-top:110px;padding-bottom:90px}.page-hero h1{max-width:1100px;font-size:clamp(58px,6.2vw,96px)}.page-hero.compact h1{font-size:70px}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px;border-top:1px solid var(--line);padding-top:22px}.meta-grid div{display:flex;flex-direction:column;gap:10px}.meta-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.meta-grid strong{font-size:14px;font-weight:500}.project-quote{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-top:80px;padding-bottom:80px}.quote-mark{font-size:48px}.project-quote h2{font-size:42px;line-height:1.02;letter-spacing:-.045em;font-weight:500;margin-top:0}.project-quote p{color:var(--muted);max-width:700px}.triad{display:grid;grid-template-columns:repeat(3,1fr);padding-top:40px;padding-bottom:80px}.triad article{border:1px solid var(--line);padding:28px;min-height:210px}.triad span{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.triad h3{font-size:24px;line-height:1.12;font-weight:500;margin-top:70px}.gallery-stack{display:grid;gap:20px;padding-bottom:110px}.gallery-stack img{aspect-ratio:1.7/1;background:var(--soft)}.jump-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:48px}.jump-nav a{font-size:12px;text-decoration:underline}.service-detail{padding-top:100px;padding-bottom:100px;border-top:1px solid var(--line)}.service-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.service-top h2{font-size:58px;line-height:1;letter-spacing:-.055em;font-weight:500}.service-top p{color:var(--muted);max-width:520px}.service-image img{aspect-ratio:1.3/1;background:var(--soft)}.service-points{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-points article{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-points h3{font-size:19px}.service-points p{font-size:13px;color:var(--muted)}.about-visual{margin-top:65px}.about-visual img{aspect-ratio:2.2/1;background:var(--soft)}.stats{display:grid;grid-template-columns:repeat(5,1fr);padding-top:30px;padding-bottom:80px}.stats article{border-top:1px solid var(--line);padding:24px 20px 0 0}.stats b{font-size:40px;font-weight:500;letter-spacing:-.045em;display:block}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.stats p{font-size:12px;color:var(--muted);max-width:180px}.value-copy{margin-top:50px}.value-copy article{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:44px 0;border-top:1px solid var(--line)}.value-copy h2{font-size:52px;line-height:1;letter-spacing:-.05em;font-weight:500;margin:0}.value-copy p{color:var(--muted);max-width:580px}.awards{padding-top:110px;padding-bottom:110px}.award-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:35px}.award-grid div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:200px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto}.award-grid b{font-size:34px}.award-grid span{font-size:16px}.award-grid small{font-size:11px;color:var(--muted)}.blog-feature{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-img img{aspect-ratio:1.2/1;background:#dfe6cb}.blog-feature h1{font-size:clamp(48px,5vw,80px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:14px 0 24px}.blog-feature p{color:var(--muted);max-width:560px}.blog-list{margin-top:26px}.blog-row{display:grid;grid-template-columns:160px 1fr 40px;gap:24px;align-items:center;border-top:1px solid var(--line);padding:26px 0}.blog-row:last-child{border-bottom:1px solid var(--line)}.blog-row span{font-size:11px;text-transform:uppercase}.blog-row h2{font-size:28px;line-height:1.08;letter-spacing:-.04em;font-weight:500;margin:0}.blog-row b{text-align:right}.article{max-width:var(--max);margin:0 auto;padding:110px var(--pad)}.article-head{max-width:1000px;margin:0 auto}.article-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}.article-meta div{display:flex;flex-direction:column;gap:8px}.article-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.article-meta strong{font-size:13px}.article-head h1{font-size:clamp(56px,6vw,94px)}.lead{font-size:18px;color:var(--muted);max-width:720px}.article-image{max-width:1000px;margin:60px auto}.article-image img{aspect-ratio:1.55/1;background:var(--soft)}.rich{max-width:760px;margin:0 auto}.rich h2{font-size:38px;line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:70px 0 20px}.rich p,.rich li{color:#3f3f3f;font-size:16px;line-height:1.8}.author-card{display:flex;align-items:center;gap:18px;background:var(--soft);padding:18px;margin-top:70px}.avatar{width:74px;height:74px;overflow:hidden;border-radius:50%}.author-card h3,.author-card p{margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 18px}.product-image{aspect-ratio:1/1;background:var(--soft);overflow:hidden}.product-card h3{font-size:18px;margin:14px 0 4px}.price{font-size:13px}.price s{color:var(--muted);margin-left:8px}.product-detail{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-gallery div{aspect-ratio:1/1;background:var(--soft);overflow:hidden}.product-copy{position:sticky;top:30px;align-self:start}.price.big{font-size:14px}.product-copy h1{font-size:62px;margin-top:10px}.product-copy>p{color:var(--muted)}.buy-row{display:flex;gap:10px;margin:30px 0}.buy-row input{width:72px;border:1px solid var(--line);border-radius:999px;padding:12px;text-align:center}.stock-note{font-size:11px}.compact-rich{margin:0}.compact-rich p,.compact-rich li{font-size:13px}.faq{padding-top:110px;padding-bottom:110px;max-width:1000px}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);max-width:760px}.jobs{padding-top:30px;padding-bottom:110px}.jobs article{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;border-top:1px solid var(--line);padding:30px 0}.jobs article:last-child{border-bottom:1px solid var(--line)}.jobs h2{font-size:28px;font-weight:500;margin:0 0 5px}.job-meta{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.jobs p{color:var(--muted)}.contact-layout{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.contact-form input,.contact-form textarea,.contact-form select,.password-form input,.checkout-form input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:14px 0;font:15px "Plus Jakarta Sans";outline:none}.form-status{font-size:12px}.checkout{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1.4fr .6fr;gap:80px}.checkout h1{font-size:74px;letter-spacing:-.055em;font-weight:500}.checkout-form{display:grid;gap:18px}.checkout-form h3{font-size:22px;margin:35px 0 0}.checkout-form label{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.order-card{background:var(--soft);padding:32px;align-self:start}.order-card hr{border:0;border-top:1px solid var(--line)}.centered{min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.centered p{max-width:580px;color:var(--muted);font-size:17px}.error-num{font-size:12px;letter-spacing:.16em}.password-form{display:flex;gap:10px;max-width:560px;width:100%}.utility{padding-top:110px;padding-bottom:110px;max-width:1000px}.utility>h1{font-size:78px;line-height:1;letter-spacing:-.06em;font-weight:500}.utility>h2{font-size:40px;font-weight:500;letter-spacing:-.04em;margin-top:70px}.utility p{color:var(--muted)}.styleguide{max-width:var(--max)}.sg-stack{border-top:1px solid var(--line);padding-top:25px}.sg-stack h1,.sg-stack h2,.sg-stack h3,.sg-stack h4,.sg-stack h5,.sg-stack h6{font-weight:500;letter-spacing:-.04em}.sg-stack h1{font-size:76px}.sg-stack h2{font-size:62px}.sg-stack h3{font-size:48px}.sg-stack h4{font-size:36px}.sg-stack h5{font-size:28px}.sg-stack h6{font-size:22px}.display-xl{font-size:96px;letter-spacing:-.065em}.display-lg{font-size:76px;letter-spacing:-.06em}.display-md{font-size:62px;letter-spacing:-.05em}.display-sm{font-size:48px;letter-spacing:-.05em}.sg-inline{display:flex;gap:12px;flex-wrap:wrap}.sg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch-card{padding:28px;min-height:130px;border:1px solid var(--line)}.swatch-card.muted{background:var(--soft)}.swatch-card.dark{background:#111;color:#fff}.pastel-a{background:var(--blue)}.pastel-b{background:var(--green)}.pastel-c{background:var(--peach)}.pastel-d{background:var(--pink)}.text-xl{font-size:32px}.text-lg{font-size:24px}.text-md{font-size:18px}.text-sm{font-size:13px}.text-xs{font-size:10px}.demo{max-width:650px}.media[src=""]{display:none}
@media(max-width:1000px){.top-nav{gap:16px}.team-grid.five{grid-template-columns:repeat(3,1fr)}.service-grid,.news-grid{grid-template-columns:1fr 1fr}.split-values,.statement,.cta-grid,.contact-layout,.product-detail,.checkout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.product-copy{position:static}.site-header{grid-template-columns:1fr auto}.top-nav,.site-header>.pill{display:none}.menu-btn{display:block;border:0;background:transparent;font:600 12px "Plus Jakarta Sans"}.mobile-nav{position:absolute;z-index:19;top:88px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px var(--pad);flex-direction:column;gap:14px}.mobile-nav.open{display:flex}}
@media(max-width:720px){:root{--pad:20px}.site-header{height:70px}.mobile-nav{top:70px}.hero,.page-hero,.article,.utility,.blog-feature{padding-top:70px}.hero h1,.page-hero h1,.contact-layout h1,.article-head h1,.product-copy h1{font-size:48px}.logo-strip{grid-template-columns:repeat(3,1fr);margin-top:60px}.service-grid,.project-grid,.value-grid,.team-grid,.team-grid.five,.testimonials,.news-grid,.product-grid,.service-top,.service-points,.stats,.value-copy article,.award-grid,.blog-feature,.product-gallery,.jobs article,.meta-grid,.triad{grid-template-columns:1fr}.split-values{gap:45px}.statement{padding-top:90px;padding-bottom:90px;gap:35px}.statement h2,.section-head h2,.cta h2,.faq h2{font-size:40px}.section,.service-detail,.faq,.cta,.awards{padding-top:75px;padding-bottom:75px}.section-head{align-items:flex-start;gap:20px}.cta-grid{gap:35px}.footer{grid-template-columns:1fr 1fr;padding-top:60px}.footer-mark{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.project-quote{grid-template-columns:1fr;gap:20px}.service-top h2{font-size:44px}.value-copy h2{font-size:40px}.blog-row{grid-template-columns:1fr auto}.blog-row span{grid-column:1/-1}.article-meta{grid-template-columns:1fr}.jobs article{gap:14px}.jobs article .pill{justify-self:start}.two{grid-template-columns:1fr}.password-form{flex-direction:column}.sg-cards{grid-template-columns:1fr 1fr}.display-xl{font-size:64px}.display-lg{font-size:54px}.display-md{font-size:46px}.display-sm{font-size:38px}}

/* Designer.com.vn brand typography — /fontmacdinh */
body , body button, body input, body select, body textarea, body h1, body h2, body h3, body h4, body h5, body h6{font-family: "Plus Jakarta One", "Plus Jakarta Sans", Arial, sans-serif !important;}

/* Source-native typography for semantic H2 replacing the Builder's H1. */
.kp-oliv .hero h2,.kp-oliv .page-hero h2{font-size:clamp(54px,6.4vw,102px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0 0 28px}
@media(max-width:720px){.kp-oliv .hero h2,.kp-oliv .page-hero h2{font-size:48px}}
/* Original Oliv grid, 4 stats instead of 5 when Designer has four supplied figures. */
.kp-oliv .stats:has(> article:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:720px){.kp-oliv .stats:has(> article:nth-child(4):last-child){grid-template-columns:1fr}}
/* Original Oliv photography slots remain editable; missing project/portrait assets are not fabricated. */
.kp-oliv .project-image img[src=""],.kp-oliv .person img[src=""]{display:none}
.kp-oliv .person:has(>img[src=""]):before{content:"Ảnh chân dung sẽ được cập nhật";display:grid;place-items:center;text-align:center;min-height:250px;aspect-ratio:.82/1;padding:20px;color:var(--muted);font-size:12px;background:var(--soft)}
/* /fontmacdinh for every Builder section and inherited content. */
.kp-oliv,.kp-oliv :is(p,span,li,a,button,label,input,textarea,select,h1,h2,h3,h4,h5,h6){font-family:"Plus Jakarta One", "Plus Jakarta Sans", Arial, sans-serif!important}