:root{--ink:#121312;--soft:#f2f1ed;--lime:#d7ee58;--stone:#d5d0c7;--line:rgba(18,19,18,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:"DM Sans",sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 5.7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(242,241,237,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{width:130px;display:block}.brand img{display:block;width:100%;height:38px;object-fit:cover;object-position:center 56%;mix-blend-mode:multiply}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.main-nav>a:not(.nav-cta){opacity:.72}.main-nav>a:hover{opacity:1}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:700}.nav-cta{background:var(--ink);color:#fff;padding:13px 17px}.menu-toggle{display:none}.hero{min-height:calc(100vh - 86px);padding:10.5vw 5.7vw 4vw;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:74px 74px;opacity:.27}.hero-copy{position:relative;z-index:2;max-width:700px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700}.hero h1{font-size:clamp(55px,7.1vw,106px);line-height:.97;margin:26px 0 25px}.hero h1 em,h2 em{font-style:normal;color:#78851f}.hero-text{max-width:440px;line-height:1.6;font-size:17px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{padding:16px 19px;border:0;cursor:pointer}.button-dark{background:var(--ink);color:white}.button-light{background:var(--lime)}.text-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.text-link span{margin-left:6px}.hero-visual{position:absolute;width:43vw;height:62vh;right:5.7vw;bottom:0;overflow:hidden;background:#bbb5a8}.panel{position:absolute}.panel-one{inset:0;background:linear-gradient(120deg,#b9b2a4 5%,#ddd7cc 44%,#988f83 45%,#f1ede3 68%)}.panel-two{width:68%;height:66%;right:-5%;bottom:-9%;background:repeating-linear-gradient(90deg,#282b28 0 13px,#b0aa9d 13px 25px);transform:rotate(-13deg);box-shadow:-20px 20px 30px #5558}.panel-three{width:50%;height:10%;left:-8%;bottom:28%;background:#d7ee58;transform:rotate(-13deg)}.hero-note{position:absolute;right:0;top:23%;padding:19px 22px;background:var(--lime);min-width:172px}.hero-note span{font-size:10px;font-weight:bold}.hero-note p{font-family:Manrope;font-size:16px;font-weight:700;margin-top:18px;line-height:1.15}.scroll-cue{position:absolute;bottom:27px;left:5.7vw;font-size:9px;font-weight:700;letter-spacing:.13em;display:flex;gap:9px;align-items:center}.scroll-cue span{height:1px;width:42px;background:var(--ink)}.section{padding:112px 5.7vw}.intro{background:var(--lime)}.intro-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-top:20px}.section h2{font-size:clamp(40px,5vw,72px);line-height:1}.intro-layout>p,.about>div>p,.contact-copy>p{font-size:16px;line-height:1.65;max-width:390px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{height:405px;position:relative;overflow:hidden;padding:20px;color:white}.card-number{font-size:11px;position:absolute;top:19px;left:20px;z-index:2}.card-content{z-index:3;position:absolute;bottom:21px;left:20px;right:20px}.card-content p{font-size:9px;letter-spacing:.13em;font-weight:bold;margin-bottom:10px}.card-content h3{font-size:26px;line-height:.98}.card-content a{margin-top:24px;display:inline-block;font-size:12px;font-weight:bold}.card-content a span{margin-left:10px}.card-walls{background:#9da48f}.material-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#818775 0 3px,#b4bca6 3px 30px);transform:skewY(-9deg) scale(1.2);opacity:.75}.card-moulding{background:#b99c72;color:#1d1a16}.moulding-shape{position:absolute;width:130%;height:56%;bottom:-10%;left:-14%;background:#e6d4ba;border:18px solid #806340;box-shadow:inset 0 0 0 17px #d0ad80;transform:rotate(-25deg)}.card-acoustic{background:#3a3934}.acoustic-slats{position:absolute;inset:-50px;background:repeating-linear-gradient(90deg,#191a18 0 20px,#9c8d72 20px 31px);transform:rotate(18deg)}.card-accessories{background:#e0dfd9;color:var(--ink)}.accessory-dots{position:absolute;width:280px;height:280px;border:24px solid #c8c5bc;border-radius:50%;bottom:-78px;right:-70px;box-shadow:-90px -110px 0 -49px #b6bd50,-170px 20px 0 -55px #4c5148}.custom-banner{display:flex;align-items:center;justify-content:space-between;padding:35px 40px;background:var(--ink);color:#fff;margin-top:15px}.custom-banner p{font-size:11px;letter-spacing:.1em}.custom-banner h3{font-size:20px;max-width:430px;letter-spacing:-.035em}.why{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#d3cfc6}.why-image{min-height:700px;background:linear-gradient(150deg,#5e5a52,#292b2a 42%,#777264 43%,#b8b09e);position:relative}.why-image:after{content:"";position:absolute;inset:22% 15% 0;background:repeating-linear-gradient(90deg,#292b27 0 20px,#a59d8d 20px 31px);transform:skewY(-19deg);opacity:.75}.image-label{position:absolute;left:34px;top:34px;color:#fff;font:700 12px/1.18 Manrope;letter-spacing:.1em;z-index:2}.why-copy{padding:110px 9vw 80px 7vw}.reasons{margin-top:55px}.reasons>div{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr}.reasons span{font-size:10px}.reasons h3{font-size:19px;letter-spacing:-.035em}.reasons p{grid-column:2;font-size:13px;line-height:1.55;margin-top:10px;max-width:370px}.applications{background:#eceae5}.applications .section-heading>p{max-width:255px;font-size:15px;line-height:1.6}.application-list{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:18px;font-size:11px;font-weight:bold;letter-spacing:.08em}.about{display:grid;grid-template-columns:.65fr 1fr;gap:100px;background:#fffdf9}.about-mark{font:800 clamp(150px,28vw,400px)/.65 Manrope;color:var(--lime);letter-spacing:-.15em}.about>div>p{margin:28px 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px 12vw;background:var(--lime)}.contact-copy h2{margin:20px 0 25px}.contact-form{display:grid;gap:19px}.contact-form label{font-size:11px;font-weight:700;letter-spacing:.04em}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #5e6d20;background:transparent;padding:10px 0 9px;border-radius:0;font:14px "DM Sans";outline:none}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start;margin-top:5px}.form-note{font-size:12px;min-height:15px}footer{background:var(--ink);color:white;padding:35px 5.7vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.05em}.footer-brand{filter:invert(1);width:115px}footer>a:last-child{text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.site-header{height:68px;padding:0 6vw}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--soft);padding:25px 6vw;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:grid;gap:6px;border:0;background:none;padding:10px}.menu-toggle span{width:24px;height:1px;background:var(--ink)}.hero{padding:18vw 6vw 75vw;min-height:660px}.hero-visual{height:43vh;width:82vw;right:6vw}.scroll-cue{left:6vw}.section{padding:74px 6vw}.intro-layout,.why,.contact{grid-template-columns:1fr;gap:32px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:25px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card{height:310px}.card-content h3{font-size:21px}.custom-banner{display:block;padding:30px}.custom-banner h3{margin:13px 0 22px}.why-image{min-height:360px}.why-copy{padding:72px 6vw}.application-list{grid-template-columns:1fr 1fr;gap:25px}.about{gap:30px}.about-mark{font-size:220px}.contact{padding:75px 6vw}.hero h1{font-size:54px}footer{display:grid;gap:22px}.brand{width:118px}}@media(max-width:420px){.product-grid{grid-template-columns:1fr}.product-card{height:290px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.application-list{grid-template-columns:1fr}.about-mark{font-size:180px}}