:root{--ink:#151210;--paper:#f1eee8;--clay:#a9482f;--line:rgba(21,18,16,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}img{display:block;width:100%}a{color:inherit;text-decoration:none}.site-header{height:104px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(17,15,14,.94);color:#fff;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff33}.brand{display:flex;align-items:center;gap:15px;font-size:.9rem;letter-spacing:.19em;font-weight:600}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--clay);color:#d06d4c;font:500 1.2rem Manrope}.site-header nav{display:flex;align-items:center;gap:2.3vw;font-size:1rem;font-weight:500}.site-header nav a{padding:14px 2px}.site-header nav a:hover{color:#e48665}.site-header .nav-cta{border:1px solid #ffffff88;padding:15px 20px}.menu-button{display:none;background:none;border:1px solid #777;color:#fff;padding:12px 15px;font:500 .9rem DM Sans}.hero{height:100svh;min-height:700px;position:relative;background:#111;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080706dc,#08070655 55%,#08070610),linear-gradient(0deg,#08070677,transparent 48%)}.hero-content{position:absolute;left:7vw;bottom:12vh;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:600;margin:0 0 25px;color:#dbc5b4}.eyebrow.dark{color:#8d4b37}.hero h1{font:300 clamp(3.7rem,7.3vw,7.8rem)/.94 Manrope;margin:0;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#d07251}.hero-copy{max-width:560px;line-height:1.65;font-size:1.12rem;color:#e3deda;margin:32px 0}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid #aaa;padding-bottom:11px;font-size:.95rem}.hero-index{position:absolute;right:4vw;bottom:4vh;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.section-pad{padding:125px 7vw}.intro{display:grid;grid-template-columns:7% 1.3fr .7fr;gap:5vw}.section-no{font-size:.8rem;color:#8d4b37}.intro h2,.section-head h2,.architects h2{font:300 clamp(2.5rem,4.7vw,4.9rem)/1.04 Manrope;letter-spacing:-.045em;margin:0}.intro-copy{line-height:1.8;margin-top:58px;color:#514a45}.dark-section{background:var(--ink);color:#f6f2ec}.section-head{display:flex;justify-content:space-between;gap:8vw;align-items:end;margin-bottom:70px}.section-head>p{max-width:450px;line-height:1.7;color:#aaa099}.light-head>p{color:#655e58}.facade-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:22px}.facade-grid figure{margin:0;position:relative;background:#25211f;overflow:hidden}.facade-grid .feature{grid-row:span 2}.facade-grid .wide{grid-column:span 2}.facade-grid img{height:350px;object-fit:cover;transition:transform .6s}.facade-grid .feature img{height:722px}.facade-grid figure:hover img{transform:scale(1.025)}figcaption{position:absolute;left:0;right:0;bottom:0;padding:55px 23px 22px;background:linear-gradient(transparent,#0a0908dc);display:flex;justify-content:space-between;gap:20px;align-items:end}figcaption b{font:400 1.2rem Manrope}figcaption span{font-size:.78rem;color:#c6bdb7;text-align:right}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 22px}.product-grid article{border-top:1px solid var(--line);padding-top:18px}.product-grid img{height:360px;object-fit:cover;margin-bottom:20px}.product-grid span,.process-strip span{font-size:.75rem;color:#9f4a33}.product-grid h3{font:400 1.45rem Manrope;margin:12px 0}.product-grid p{line-height:1.6;color:#625a54;margin:0}.process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#4a4440}.process-strip article{background:#1c1917;padding-bottom:24px}.process-strip img{height:260px;object-fit:cover}.process-strip span,.process-strip h3{display:block;margin-left:20px;margin-right:20px}.process-strip span{margin-top:20px}.process-strip h3{font:400 1.05rem Manrope;margin-top:10px;margin-bottom:0}.colors{min-height:750px;display:grid;grid-template-columns:1.35fr .65fr;background:#251f1c;color:#fff}.colors-image img{height:100%;object-fit:cover}.colors-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.colors-copy h2{font:300 clamp(3rem,5.3vw,5.5rem)/1 Manrope;letter-spacing:-.05em;margin:0 0 35px}.colors-copy>p:not(.eyebrow){line-height:1.75;color:#c2b6af}.swatches{display:flex;gap:10px;margin-top:28px}.swatches i{display:block;width:42px;height:42px;background:var(--c);border:1px solid #ffffff44}.architects{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.architects-image img{height:700px;object-fit:cover}.facts{border-top:1px solid var(--line);margin-top:50px}.facts p{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin:0;padding:23px 0;border-bottom:1px solid var(--line)}.facts b{font-weight:500}.facts span{line-height:1.55;color:#655e58}.contact{background:var(--clay);color:#fff;padding:115px 10vw;display:grid;grid-template-columns:1fr .85fr;gap:10vw}.contact h2{font:300 clamp(3rem,5vw,5.2rem)/1 Manrope;letter-spacing:-.05em;margin:0 0 30px}.contact>div>p:last-child{max-width:480px;line-height:1.7;color:#f0d9d0}.contact form{display:flex;flex-direction:column;gap:24px}.contact label{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff77;background:none;color:#fff;padding:12px 0;font:1rem DM Sans;outline:none}.contact ::placeholder{color:#ffffff99}.contact button{margin-top:12px;background:var(--ink);border:0;color:#fff;padding:19px 22px;font:500 .9rem DM Sans;display:flex;justify-content:space-between}.form-status{min-height:1.4em;margin:0;font-size:.85rem}footer{background:var(--ink);color:#9f9690;padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:.78rem}footer .brand{color:#fff}@media(max-width:1050px){.site-header nav{gap:1.2vw;font-size:.88rem}.facade-grid{grid-template-columns:1fr 1fr}.facade-grid .feature{grid-row:auto}.facade-grid .feature img{height:350px}.facade-grid .wide{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.process-strip{grid-template-columns:repeat(2,1fr)}.process-strip article:last-child{grid-column:span 2}.architects{grid-template-columns:1fr}.architects-image img{height:520px}}@media(max-width:820px){.site-header{height:78px}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ink);padding:28px 5vw;flex-direction:column;align-items:stretch;gap:2px;font-size:1.08rem}.site-header nav.open{display:flex}.site-header nav a{border-bottom:1px solid #39332f;padding:16px 0}.site-header .nav-cta{border:1px solid #777;padding:16px;margin-top:12px}.menu-button{display:block}.intro{grid-template-columns:1fr}.section-no{display:none}.intro-copy{margin-top:0}.section-head{display:block}.section-head>p{margin-top:25px}.colors{grid-template-columns:1fr}.colors-image{height:520px}}@media(max-width:600px){.brand{font-size:.72rem}.brand-mark{width:36px;height:36px}.hero{min-height:640px}.hero h1{font-size:3.4rem}.hero-content{left:6vw;right:6vw}.hero-copy{font-size:1rem}.hero-index{display:none}.section-pad{padding:82px 6vw}.facade-grid,.product-grid,.process-strip{grid-template-columns:1fr}.facade-grid img,.facade-grid .feature img{height:360px}.product-grid img{height:340px}.process-strip article:last-child{grid-column:auto}.process-strip img{height:300px}.colors-image{height:380px}.colors-copy{padding:80px 7vw}.architects-image img{height:420px}.facts p{grid-template-columns:1fr}.contact{padding:82px 7vw;grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:25px}}
