/* Øliv source CSS. Scoped to .kp-oliv by /kientrucpage. */

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

.kp-oliv{min-height:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Plus Jakarta One", "Plus Jakarta Sans", Arial, sans-serif;font-size:15px;line-height:1.55;}

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

/* Designer Group: reused specialty layouts, 4 ô desktop, 2 tablet, 1 mobile. */
.kp-oliv.design-catalog .project-grid,.kp-oliv .design-catalog .project-grid,.kp-oliv .project-grid[data-bvb-repeat-group="1"]:has(> .project-card:nth-child(10)){grid-template-columns:repeat(4,minmax(0,1fr))}
.kp-oliv .design-specialty .media{object-fit:cover}
.kp-oliv .pill:not(.pill-outline){color:#fff!important}
@media(max-width:1000px){.kp-oliv .project-grid[data-bvb-repeat-group="1"]:has(> .project-card:nth-child(10)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.kp-oliv .project-grid[data-bvb-repeat-group="1"]:has(> .project-card:nth-child(10)){grid-template-columns:1fr}}

/* 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}