@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap";:root{--ink:#20221f;--cream:#f5f2eb;--paper:#faf9f5;--blue:#3da5e6;--gold:#c79a3b;--line:#20221f29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site{overflow:hidden}.topbar{color:#eee;text-align:center;letter-spacing:.06em;background:#273022;justify-content:center;align-items:center;height:35px;font-size:13px;display:flex}.topbar span{position:absolute;right:34px}.nav{z-index:20;color:#fff;align-items:center;height:76px;padding:0 4.5vw;transition:all .35s;display:flex;position:absolute;top:23px;left:0;right:0}.nav-scrolled{color:var(--ink);background:#faf9f5f7;position:fixed;top:0;box-shadow:0 5px 25px #0000000d}.logo{flex-direction:column;line-height:.8;display:flex}.logo b{letter-spacing:.02em;font-family:DM Serif Display,serif;font-size:32px;font-weight:400}.logo small{letter-spacing:.32em;margin-top:7px;font-size:7px}.nav nav{gap:35px;margin:auto;font-size:12px;display:flex}.nav nav a{opacity:.92}.nav-actions{gap:14px;display:flex}.nav-actions button{color:inherit;background:0 0;border:0;padding:5px}.hero{color:#fff;background:#252b26;height:560px;min-height:560px;position:relative}.hero-image{background-position:50%;background-size:cover;transition:background-image 1s;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#0c110ebf 0%,#0c110e7a 42%,#0c110e0a 70%),linear-gradient(#0000 65%,#00000040);position:absolute;inset:0}.hero-copy{z-index:2;position:absolute;top:50%;left:7vw;transform:translateY(-44%)}.eyebrow{letter-spacing:.24em;font-size:10px;font-weight:500}.hero h1{letter-spacing:-.025em;margin:18px 0 22px;font-family:DM Serif Display,serif;font-size:clamp(46px,4.5vw,72px);font-weight:400;line-height:.98}.hero p{margin-bottom:27px;font-size:13px;line-height:1.55}.outline-btn,.blue-btn,.gold-btn{letter-spacing:.08em;text-transform:uppercase;border:1px solid;align-items:center;gap:10px;padding:13px 19px;font-size:10px;display:inline-flex}.hero-meta{align-items:center;gap:11px;font-size:10px;display:flex;position:absolute;bottom:24px;right:6vw}.hero-meta .line{background:#fff8;width:48px;height:1px}.hero-meta button{color:#fff;background:0 0;border:0}.section{padding:65px 5.8vw}.projects-section{background:var(--paper)}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.eyebrow.dark{color:#5b5b55}.category-row{flex-wrap:wrap;gap:24px;margin-top:22px;display:flex}.category-row button{color:#777;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 5px;font-size:12px}.category-row button.active{color:var(--ink);border-color:var(--ink)}.text-link{align-items:center;gap:8px;font-size:11px;display:flex}.project-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.project-img{height:285px;position:relative;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.project-card:hover img{transform:scale(1.045)}.project-img span{color:#fff;font-size:9px;position:absolute;bottom:12px;left:13px}.project-card h3{margin:15px 0 5px;font-family:DM Serif Display,serif;font-size:19px;font-weight:400}.project-card p{color:#777;margin:0;font-size:10px}.pager{color:#777;margin-top:28px;font-size:10px}.mosaic{grid-template-columns:1fr 1fr;display:grid}.mosaic-tile{color:#fff;height:330px;position:relative;overflow:hidden}.mosaic-tile img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.mosaic-tile:hover img{transform:scale(1.04)}.tile-shade{background:linear-gradient(#0000 40%,#0009);position:absolute;inset:0}.tile-copy{position:absolute;bottom:47px;left:5vw}.tile-copy h2{margin:0 0 15px;font-family:DM Serif Display,serif;font-size:52px;font-weight:400;line-height:1}.tile-copy span{letter-spacing:.08em;align-items:center;gap:9px;font-size:10px;display:flex}.story-split{background:#f0eee7;grid-template-columns:1.25fr .85fr 1fr;min-height:510px;display:grid}.story-image img{object-fit:cover;width:100%;height:100%}.story-copy{padding:70px 50px}.story-copy h2{margin:20px 0;font-family:DM Serif Display,serif;font-size:55px;font-weight:400;line-height:.92}.story-copy p{color:#575751;max-width:330px;font-size:12px;line-height:1.7}.gold-btn{background:var(--gold);border-color:var(--gold);color:#fff;margin-top:15px}.savings{background:#eeece5;grid-template-columns:1fr 1fr;align-content:center;column-gap:24px;padding:72px 6vw;display:grid}.savings span{letter-spacing:.2em;grid-column:1/-1;font-size:9px}.savings strong{margin-top:17px;font-family:DM Serif Display,serif;font-size:24px;font-weight:400}.savings em{color:var(--gold);grid-column:1/-1;margin-top:25px;font-family:DM Serif Display,serif;font-size:62px;font-style:normal}.savings small{color:#777;font-size:9px}.savings-rule{background:var(--line);grid-column:1/-1;height:1px;margin:22px 0 0}.build{color:#fff;align-items:flex-end;height:450px;display:flex;position:relative}.build>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.build:after{content:"";background:linear-gradient(90deg,#10150fc4,#10150f20);position:absolute;inset:0}.build-copy{z-index:2;padding:60px 6vw;position:relative}.build-copy h2{max-width:600px;margin:17px 0 27px;font-family:DM Serif Display,serif;font-size:64px;font-weight:400;line-height:.95}.contact-cta{background:#eeeae1;justify-content:space-between;align-items:center;padding:60px 6vw;display:flex}.contact-cta h2{margin:12px 0 7px;font-family:DM Serif Display,serif;font-size:45px;font-weight:400}.contact-cta p{color:#666;font-size:12px}.blue-btn{background:var(--blue);border-color:var(--blue);color:#fff}.contact-cta .blue-btn{margin-right:5vw}footer{color:#eee;background:#182017;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding:70px 6vw 25px;display:grid}.footer-brand .logo b{font-size:42px}.footer-brand p{color:#c9cbc4;margin:20px 0 35px;font-family:DM Serif Display,serif;font-size:15px;line-height:1.2}.footer-brand label{margin-bottom:10px;font-size:10px;display:block}.email{border:1px solid #7c8178;max-width:330px;display:flex}.email input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:11px;font-size:10px}.email button{color:#fff;background:0 0;border:0;padding:0 13px}.footer-col{color:#b7bbb2;flex-direction:column;gap:12px;font-size:10px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.16em;color:#eee;margin:0 0 5px;font-size:9px}.socials{gap:14px;margin-top:18px;display:flex}.footer-quote{border-left:1px solid #657064;padding-left:35px;font-family:DM Serif Display,serif;font-size:27px;line-height:.95}.footer-quote i{margin-top:20px;font-size:19px;font-style:normal;display:block}.footer-bottom{color:#8f958a;border-top:1px solid #495046;grid-column:1/-1;justify-content:space-between;margin-top:30px;padding-top:18px;font-size:8px;display:flex}.menu-overlay{z-index:100;color:#fff;background:#172016;padding:9vh 9vw;position:fixed;inset:0}.close{color:#fff;background:0 0;border:0;position:absolute;top:6vh;right:5vw}.menu-inner{max-width:900px;margin-top:8vh}.menu-inner>a{border-bottom:1px solid #ffffff2b;align-items:center;padding:18px 0;font-family:DM Serif Display,serif;font-size:54px;display:flex}.menu-inner>a small{color:#9ca59a;margin-right:30px;font:10px Inter}.menu-inner>a svg{opacity:.6;margin-left:auto}.menu-inner .eyebrow{color:#9ca59a}@media (width<=900px){.nav nav{display:none}.topbar span{right:15px}.nav{padding:0 5vw}.hero{min-height:560px}.hero-copy{top:50%;left:7vw;right:6vw;transform:translateY(-44%)}.hero h1{font-size:clamp(40px,8vw,58px)}.project-grid{grid-template-columns:repeat(2,1fr)}.project-img{height:270px}.mosaic-tile{height:320px}.story-split{grid-template-columns:1fr 1fr}.story-image{min-height:400px}.story-copy{padding:55px 35px}.savings{grid-column:1/-1;min-height:320px}.build-copy h2{font-size:54px}.footer-quote{display:none}footer{grid-template-columns:2fr 1fr 1fr}}@media (width<=600px){.topbar{font-size:7px}.topbar span{display:none}.nav{height:65px;top:23px}.logo b{font-size:28px}.hero{height:560px;min-height:560px}.hero-copy{top:50%;transform:translateY(-44%)}.hero h1{font-size:42px}.hero p{font-size:11px}.section{padding:50px 6vw}.section-head{display:block}.section-head .text-link{margin-top:20px}.category-row{gap:14px 18px}.category-row button{font-size:10px}.project-grid{grid-template-columns:1fr}.project-img{height:330px}.mosaic{grid-template-columns:1fr}.mosaic-tile{height:330px}.tile-copy h2{font-size:45px}.story-split{grid-template-columns:1fr}.story-image{height:340px}.story-copy{padding:48px 8vw}.story-copy h2{font-size:50px}.savings{padding:55px 8vw}.savings em{font-size:52px}.build{height:470px}.build-copy{padding:45px 7vw}.build-copy h2{font-size:42px}.contact-cta{padding:50px 7vw;display:block}.contact-cta h2{font-size:40px}.contact-cta .blue-btn{margin-top:25px}.footer-brand p{font-size:13px}footer{grid-template-columns:1fr 1fr;gap:35px;padding:55px 7vw 20px}.footer-brand{grid-column:1/-1}.footer-bottom{line-height:2;display:block}.footer-bottom span{display:block}.menu-overlay{padding:6vh 8vw}.menu-inner>a{font-size:35px}.menu-inner>a small{margin-right:18px}}.hero{height:560px;min-height:560px}.hero-image{background-position:50%}@media (width>=1400px){.hero{height:575px;min-height:575px}.hero h1{max-width:780px}}@media (width<=900px){.hero{height:560px;min-height:560px}.hero-copy{top:50%;transform:translateY(-44%)}}@media (width<=600px){.hero{height:540px;min-height:540px}.hero-copy{top:50%;transform:translateY(-42%)}.hero h1{font-size:42px;line-height:.98}}.nav{height:76px;top:35px}.nav-scrolled{top:0}.desktop-nav{align-items:center;gap:34px;margin:auto;display:flex}.nav-menu-trigger{color:inherit;letter-spacing:.14em;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:28px 0;font-size:12px;font-weight:600;position:relative}.nav-menu-trigger:after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:17px;left:0;right:100%}.nav-menu-trigger:hover:after,.nav-menu-trigger.active:after{right:0}.nav-actions{align-items:center}.nav-language,.nav-account,.nav-cart{letter-spacing:.12em;white-space:nowrap;padding:5px;font-size:11px}.mobile-menu-button{display:none}.mega-menu{color:var(--ink);z-index:30;background:#faf9f5fb;border-top:1px solid #20221f1f;position:absolute;top:76px;left:0;right:0;box-shadow:0 22px 45px #0000001a}.mega-menu-inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:42px;width:min(1450px,90vw);margin:0 auto;padding:42px 0 48px;display:grid}.mega-column{flex-direction:column;align-items:flex-start;display:flex}.mega-title{color:#7b8992;letter-spacing:.18em;margin-bottom:22px;font-size:9px;font-weight:600}.mega-column>a,.mega-group a{margin-bottom:14px;font-size:13px;line-height:1.35;transition:color .2s,transform .2s}.mega-column>a:hover,.mega-group a:hover{color:var(--blue);transform:translate(3px)}.mega-group{margin-bottom:18px}.mega-group>span{color:#929891;letter-spacing:.18em;margin:0 0 10px;font-size:8px;display:block}.mega-group a{margin-bottom:9px;display:block}.mobile-menu-group{border-bottom:1px solid #ffffff2b}.mobile-menu-group summary{cursor:pointer;align-items:center;padding:18px 0;font-family:DM Serif Display,serif;font-size:35px;list-style:none;display:flex}.mobile-menu-group summary::-webkit-details-marker{display:none}.mobile-menu-group summary small{color:#9ca59a;margin-right:18px;font:10px Inter,sans-serif}.mobile-menu-group summary svg{opacity:.6;margin-left:auto}.mobile-menu-links{grid-template-columns:1fr 1fr;gap:0 25px;padding:0 0 18px 28px;display:grid}.mobile-menu-links a{color:#c8cdc6;padding:8px 0;font:11px Inter,sans-serif}@media (width<=1100px){.desktop-nav{gap:18px}.nav-menu-trigger{font-size:10px}.nav-account,.nav-cart{display:none}.mega-menu-inner{gap:25px}}@media (width<=900px){.desktop-nav,.nav-language{display:none}.mobile-menu-button{display:block}.mega-menu{display:none}.nav{top:35px}.nav-scrolled{top:0}}@media (width<=600px){.nav-actions{gap:7px;margin-left:50%}.nav-actions button{padding:4px}.mobile-menu-links{grid-template-columns:1fr}}@media (width<=900px){.menu-overlay{box-sizing:border-box;z-index:9999;-webkit-overflow-scrolling:touch;background:#172016;width:100vw;height:100dvh;min-height:100dvh;padding:34px 24px 40px;position:fixed;inset:0;overflow:hidden auto}.menu-overlay .close{color:#fff;z-index:10001;background:#1720168c;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;position:fixed;top:22px;right:22px}.menu-overlay .close svg{width:20px;height:20px}.menu-inner{width:100%;max-width:none;margin:58px 0 0}.menu-inner>.eyebrow{letter-spacing:.22em;color:#9ca59a;margin-bottom:18px;font-size:9px;display:block}.mobile-menu-group{border-bottom:1px solid #ffffff2e;width:100%}.mobile-menu-group summary{box-sizing:border-box;grid-template-columns:27px 1fr 22px;align-items:center;column-gap:12px;width:100%;min-height:68px;padding:15px 0;font-size:clamp(27px,8vw,36px);line-height:1.05;display:grid}.mobile-menu-group summary small{color:#8f998f;align-self:start;margin:0;padding-top:7px;font-size:8px}.mobile-menu-group summary svg{width:18px;height:18px;margin:0;transition:transform .25s}.mobile-menu-group[open] summary svg{transform:rotate(90deg)}.mobile-menu-links{box-sizing:border-box;grid-template-columns:1fr;gap:0;width:100%;padding:5px 0 17px 39px;display:grid}.mobile-menu-links a{color:#c5cbc3;border:0;padding:9px 0;font-size:11px;line-height:1.35;display:block}.mobile-menu-links a:active{color:#fff}.menu-inner>a:not(.mobile-menu-group a){box-sizing:border-box;min-height:68px;padding:15px 0;font-size:clamp(27px,8vw,36px);line-height:1.05}.menu-inner>a small{margin-right:12px;font-size:8px}.menu-inner>a svg{width:18px;height:18px}}@media (width>=601px) and (width<=900px){.menu-overlay{padding-left:7vw;padding-right:7vw}.menu-inner{max-width:720px;margin-left:auto;margin-right:auto}.mobile-menu-group summary,.menu-inner>a:not(.mobile-menu-group a){font-size:42px}}body:has(.menu-overlay){overflow:hidden}@media (width<=900px){.menu-overlay{color:#fff;z-index:99999;background:#182017;width:100%;height:100dvh;min-height:100dvh;padding:0;position:fixed;inset:0;overflow-y:auto}.menu-overlay:before{content:"PKS  ARCHITECTS";letter-spacing:.16em;color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:600;position:absolute;top:25px;left:24px}.menu-overlay .close{color:#fff;z-index:5;background:0 0;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;position:absolute;top:17px;right:20px}.menu-overlay .close svg{width:18px;height:18px}.menu-inner{width:auto;max-width:none;margin:0;padding:105px 24px 45px}.menu-inner>.eyebrow{color:#8f998f;letter-spacing:.24em;margin-bottom:12px;font-size:8px;display:block}.mobile-menu-group{border-bottom:1px solid #ffffff29}.mobile-menu-group summary{color:#f5f4ef;grid-template-columns:25px 1fr 20px;align-items:center;gap:12px;min-height:67px;padding:14px 0;font-family:DM Serif Display,serif;font-size:31px;line-height:1;display:grid}.mobile-menu-group summary small{color:#788177;margin:0;padding:0;font-family:Inter,sans-serif;font-size:8px}.mobile-menu-group summary svg{color:#aeb5ac;width:17px;height:17px;margin:0;transition:transform .25s}.mobile-menu-group[open] summary svg{transform:rotate(90deg)}.mobile-menu-links{grid-template-columns:1fr;gap:0;padding:3px 0 16px 37px;display:grid}.mobile-menu-links a{color:#b9c0b8;margin:0;padding:7px 0;font-family:Inter,sans-serif;font-size:11px;line-height:1.35}.mobile-menu-links a:hover{color:#fff}.menu-inner>a:not(.mobile-menu-links a){border-bottom:1px solid #ffffff29;grid-template-columns:25px 1fr 20px;align-items:center;gap:12px;min-height:67px;padding:14px 0;font-family:DM Serif Display,serif;font-size:31px;line-height:1;display:grid}.menu-inner>a small{color:#788177;margin:0;font-family:Inter,sans-serif;font-size:8px}.menu-inner>a svg{color:#aeb5ac;width:17px;height:17px;margin:0}.menu-inner:after{content:"START YOUR PROJECT  →";color:#fff;letter-spacing:.12em;border:1px solid #ffffff59;margin-top:28px;padding:13px 16px;font-family:Inter,sans-serif;font-size:9px;display:inline-flex}}@media (width<=380px){.menu-overlay:before{font-size:10px;top:23px;left:20px}.menu-overlay .close{width:38px;height:38px;top:16px;right:18px}.menu-inner{padding:96px 20px 35px}.mobile-menu-group summary,.menu-inner>a:not(.mobile-menu-links a){min-height:62px;font-size:28px}.mobile-menu-links{padding-left:36px}}.mega-menu{border-top:1px solid #ffffff1f;box-shadow:0 25px 50px #00000047;color:#f5f4ef!important;background:#182017!important}.mega-menu-inner{background:#182017}.mega-title{color:#8f998f!important}.mega-column>a,.mega-group a{color:#f0f1ec!important}.mega-column>a:hover,.mega-group a:hover{color:#fff!important}.mega-group>span{color:#788177!important}.nav-mega-open{color:#f5f4ef!important;background:#182017!important}.nav-mega-open .logo,.nav-mega-open .nav-menu-trigger,.nav-mega-open .nav-actions,.nav-mega-open .nav-actions a{color:#f5f4ef!important}.nav-mega-open .nav-menu-trigger:after{background:#f5f4ef}.nav-mega-open .nav-actions button svg{color:#f5f4ef}