@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#132420;--cream:#f4f0e7;--sand:#ded7c8;--gold:#c4aa78;--muted:#a7b0aa;--green:#233a33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--cream);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(1410px,calc(100% - 96px));margin:auto}.navwrap{position:sticky;top:0;z-index:50;background:#14251feb;backdrop-filter:blur(18px);color:#f7f2e7;border-bottom:1px solid #ffffff22}.nav{min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.logo{font:800 25px Manrope;letter-spacing:-1.9px}.logo small{display:block;font:500 8px DM Sans;letter-spacing:3px;margin-top:-4px}.links{display:flex;gap:4px;align-items:center}.links a{padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;transition:color .2s}.links a:hover,.links a[aria-current=page]{color:#d9b878}.navcta{justify-self:end;border:1px solid #c2af88;padding:13px 18px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase}.navcta:hover{background:#c2af88;color:#16231e}.mobilebtn,.mobilepanel{display:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;font-weight:700}.gold{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(55px,7.7vw,124px);font-weight:600;line-height:.96;letter-spacing:-.072em}h2{font-size:clamp(42px,5.2vw,77px);font-weight:600;line-height:1.03;letter-spacing:-.065em}h3{font-size:25px;letter-spacing:-.04em}p{line-height:1.7}.hero{background:#162820;color:#f2efe5;position:relative;overflow:hidden}.hero .shell{min-height:690px;display:grid;grid-template-columns:1fr 48%;align-items:center;gap:35px;padding-top:80px;padding-bottom:85px}.hero h1{margin:27px 0}.hero .lead{max-width:540px;color:#bccbc1;font-size:17px}.hero-image{height:580px;position:relative;transform:translateX(45px)}.hero-image img{width:100%;height:100%;object-fit:cover;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}.hero-image:after{content:'DESIGN / BUILT AROUND PURPOSE';position:absolute;right:20px;bottom:15px;font-size:10px;letter-spacing:2px;background:#18271f;padding:14px 17px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 24px;border:1px solid currentColor;background:transparent;color:inherit;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700;gap:15px;transition:background .2s,color .2s}.btn:hover{background:#c2aa7d;border-color:#c2aa7d;color:#15241e}.btn.fill{background:#c2aa7d;color:#17251e;border-color:#c2aa7d}.btn.fill:hover{background:#efdbb7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.meta-bar{background:#22382f;color:#e6e6d8;padding:23px 0}.meta-bar .shell{display:flex;align-items:center;justify-content:space-between;gap:25px}.meta-bar span{font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.section{padding:115px 0}.intro{max-width:850px}.intro .eyebrow{margin-bottom:25px}.intro p{font-size:18px;color:#64706b;max-width:750px}.section.dark{background:#15251f;color:#f2eee4}.section.dark .intro p{color:#aeb9b0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.servicecard{padding:34px;background:#e9e5dc;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.servicecard b{font:600 13px Manrope;letter-spacing:2px;color:#69756e}.servicecard p{color:#66716b;font-size:14px}.servicecard a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:underline;text-underline-offset:6px}.servicecard h3{font-size:32px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;aspect-ratio:1.25;object-fit:cover}.section.cream2{background:#e6e0d4}.listline{border-top:1px solid #9da99e66;padding:22px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.listline span{color:#66756e;font-size:13px}.workgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.visual{position:relative;background:#d0d4cb;overflow:hidden;min-height:340px}.visual img{width:100%;height:100%;object-fit:cover}.visual:nth-child(2) img{filter:sepia(.25) saturate(.65)}.visual .cap{position:absolute;left:20px;bottom:20px;background:#182820;color:white;padding:12px 16px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.visual.wide{grid-column:1/-1;height:400px}.visual.wide img{object-position:center 43%}.foot{background:#101d19;color:#deded4;padding:75px 0 28px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.foot a{display:block;margin:9px 0;color:#bac4ba}.foot a:hover{color:#efcd91}.foot .small{font-size:12px;color:#a7afa7}.footbottom{border-top:1px solid #ffffff25;margin-top:65px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#a6b4ac}.pagehead{background:#192b24;color:#f2eee3;padding:100px 0 95px;position:relative;overflow:hidden}.pagehead h1{font-size:clamp(53px,8vw,115px);max-width:1000px;margin:20px 0 23px}.pagehead p{max-width:620px;color:#b9c6bd;font-size:18px}.numbered{display:grid;grid-template-columns:90px 1fr 1fr;gap:25px;padding:36px 0;border-top:1px solid #68776c55}.numbered h3{font-size:33px}.numbered p{color:#69756f}.pillset{display:flex;gap:9px;flex-wrap:wrap}.pill{padding:11px 16px;background:transparent;border:1px solid #acb5ab;color:inherit;font-size:12px}.pill.active,.pill:hover{background:#bca777;color:#14231d;border-color:#bca777}.lab{display:grid;grid-template-columns:340px 1fr;gap:25px}.labpanel{padding:30px;background:#e5dfd2}.labpanel label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:28px 0 12px}.labvisual{background:#152720;min-height:520px;padding:35px;color:#f2ebd8;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.diagram{width:100%;max-width:550px;height:305px;margin:auto}.labvisual p{color:#aebbb0;font-size:13px}.labvisual h3{margin-bottom:6px}.form{display:grid;gap:18px}.form label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;display:grid;gap:8px}.form input,.form textarea,.form select{border:1px solid #aeb7a9;background:#fffdf7;padding:16px;width:100%;border-radius:0;color:#20332b}.form textarea{min-height:145px;resize:vertical}.note{font-size:12px;color:#66746b}.contactbox{background:#e5dfd2;padding:37px}.contactbox a{font-size:22px;font-weight:700;overflow-wrap:anywhere}.contactbox .eyebrow{margin:25px 0 7px}.reveal{animation:up .7s both}@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:1190px){.nav{grid-template-columns:1fr auto}.links,.navcta{display:none}.mobilebtn{display:block;background:none;color:white;border:1px solid #ffffff77;font-size:12px;padding:11px 15px;letter-spacing:1px}.mobilepanel{display:none;background:#152820;padding:10px 0 22px}.mobilepanel.open{display:block}.mobilepanel a{display:block;padding:13px 0;border-bottom:1px solid #ffffff26;font-size:13px}.hero .shell{grid-template-columns:1fr 48%}.hero-image{transform:none}}@media(max-width:760px){.shell{width:min(100% - 38px,650px)}.nav{min-height:70px}.hero .shell{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:60px 0 0}.hero h1{font-size:clamp(56px,14vw,88px)}.hero-image{height:350px;margin-top:25px;margin-left:-19px;margin-right:-19px}.hero-image img{clip-path:none}.meta-bar .shell{display:grid;gap:9px}.section{padding:70px 0}.grid3,.workgrid,.split,.lab,.footgrid{grid-template-columns:1fr}.servicecard{min-height:265px}.split{gap:28px}.visual.wide{grid-column:auto;height:330px}.pagehead{padding:64px 0}.numbered{grid-template-columns:45px 1fr;gap:10px}.numbered p{grid-column:2}.numbered h3{font-size:26px}.footgrid{gap:25px}.labvisual{min-height:440px}.contactbox{padding:24px}}