:root{--ink:#171714;--ink-2:#272622;--paper:#f6f4ef;--white:#fff;--muted:#6f6c64;--line:#d9d5cc;--amber:#d58a2d;--amber-2:#f3b85f;--green:#275044;--max:1240px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 "DM Sans",system-ui,sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}h1,h2,h3{font-family:"Manrope",system-ui,sans-serif;line-height:1.08;letter-spacing:-.035em;margin:0 0 .65em}h1{font-size:clamp(2.5rem,6vw,5.8rem)}h2{font-size:clamp(1.8rem,3.5vw,3.25rem)}h3{font-size:1.35rem}p{margin:.25rem 0 1.2rem}.skip{position:absolute;left:-999px;top:8px;z-index:999;background:#fff;padding:.7rem 1rem}.skip:focus{left:8px}
.site-header{height:82px;display:flex;align-items:center;gap:2rem;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(246,244,239,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-right:auto}.brand strong{display:block;font:800 1.05rem/1 "Manrope";letter-spacing:.13em}.brand small{display:block;color:var(--muted);font-size:.71rem;margin-top:.3rem}.brand-mark{width:35px;height:35px;display:grid;align-content:center;gap:3px}.brand-mark i{height:5px;background:var(--ink);border-radius:1px}.brand-mark i:nth-child(2){width:80%;background:var(--amber)}.brand-mark i:nth-child(3){width:60%}.site-nav{display:flex;gap:1.5rem}.site-nav a{font-size:.92rem;font-weight:600;text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{color:#9b5a10}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border:1px solid transparent;min-height:48px;padding:.75rem 1.15rem;border-radius:999px}.header-cta{background:var(--ink);color:#fff;font-size:.9rem}.menu-button{display:none}
.hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:5rem 24px}.hero h1{font-size:clamp(3.2rem,6.8vw,6.4rem);max-width:12ch}.hero-lead{font-size:1.2rem;max-width:57ch;color:#535149}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:#9a5b12;margin-bottom:1.1rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0}.button.primary{background:var(--amber);color:#171714}.button.primary:hover{background:var(--amber-2)}.button.secondary{border-color:#8d8980;background:transparent}.button.secondary:hover{background:#fff}.trust-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.trust-row span{font-size:.78rem;border:1px solid var(--line);padding:.45rem .7rem;border-radius:999px;color:#5f5c55}.hero-visual{position:relative;min-height:580px}.hero-main{position:absolute;inset:0 9% 11% 0;margin:0;border-radius:2px 60px 2px 2px;overflow:hidden;background:#ddd}.hero-inset{position:absolute;width:44%;height:39%;right:0;bottom:0;margin:0;border:12px solid var(--paper);overflow:hidden}.material-note{position:absolute;left:-34px;bottom:4%;background:var(--ink);color:#fff;padding:1rem 1.2rem;display:grid;gap:.2rem;box-shadow:0 18px 45px #0003}.material-note span{font-size:.78rem;color:#d7d3ca}
.brand-showcase{background:var(--ink);color:#fff;padding:3.5rem max(24px,calc((100vw - var(--max))/2))}.brand-showcase-inner{max-width:var(--max);margin:auto}.brand-showcase-copy{max-width:780px}.brand-showcase h2{font-size:clamp(1.8rem,3vw,2.75rem)}.brand-showcase-copy p{color:#d0cdc5}.brand-list{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:2rem 0 1.25rem}.brand-list span{font:700 .92rem "Manrope";letter-spacing:.035em;border:1px solid #55524b;border-radius:999px;padding:.62rem .85rem;background:#23221f}.brand-availability{display:block;color:#afaca4;font-size:.8rem;line-height:1.5}.section{max-width:var(--max);margin:auto;padding:7rem 24px}.section-heading{max-width:760px;margin-bottom:3.5rem}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem}.product-card{background:#fff;border:1px solid var(--line);overflow:hidden;border-radius:var(--radius);display:grid;grid-template-columns:.9fr 1.1fr;min-height:340px}.product-card:nth-child(5){grid-column:1/-1}.card-image{min-height:280px}.card-body{padding:2rem}.card-body p:not(.eyebrow){color:var(--muted)}.text-link{text-decoration:none;font-weight:800}.text-link span{color:var(--amber);padding-left:.25rem}.dark-section{max-width:none;background:var(--ink);color:#fff;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.dark-section .eyebrow{color:var(--amber-2)}.dark-section .button.secondary{color:#fff;border-color:#77736a}.quote-steps{padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #4c4a45;border-bottom:1px solid #4c4a45}.quote-steps li{list-style:none;padding:2rem 1.2rem;border-right:1px solid #4c4a45;display:grid;gap:.55rem}.quote-steps li:last-child{border:0}.quote-steps b{color:var(--amber-2);font-size:.8rem}.quote-steps span{color:#b9b6ae;font-size:.88rem;line-height:1.45}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.split>div>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.area-list{display:flex;flex-wrap:wrap;gap:.7rem}.area-list span{background:#fff;border:1px solid var(--line);padding:1rem 1.15rem;border-radius:8px;font-weight:700}.guide-band{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.guide-list{display:grid}.guide-list a{padding:1.25rem 0;border-bottom:1px solid var(--line);text-decoration:none;display:flex;justify-content:space-between;gap:2rem}.guide-list span{color:#9a5b12;white-space:nowrap}.final-cta{text-align:center;max-width:860px}.final-cta .button-row{justify-content:center}
.page-hero{padding:7rem max(24px,calc((100vw - var(--max))/2));background:var(--ink);color:#fff}.page-hero h1{font-size:clamp(3rem,6vw,5.6rem);max-width:14ch}.page-hero>p:last-child{font-size:1.18rem;color:#c8c5bc;max-width:700px}.page-hero .eyebrow{color:var(--amber-2)}.compact-hero{padding-top:5rem;padding-bottom:5rem}.area-hero .button.secondary{color:#fff;border-color:#77736a}.stack{display:grid;gap:2rem}.wide-card{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:420px}.wide-card>div:last-child{padding:3rem}.chip-list{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;margin:1.5rem 0}.chip-list li{list-style:none;border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-size:.83rem}.product-hero{max-width:var(--max);margin:auto;padding:5rem 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.product-hero>div>p:not(.eyebrow){font-size:1.15rem;color:var(--muted)}.product-hero figure{height:560px;margin:0;overflow:hidden;border-radius:2px 50px 2px 2px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.spec-grid article{padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:12px}.spec-grid p{color:var(--muted)}.muted{max-width:none;background:#e9e6de;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c7c2b7;border:1px solid #c7c2b7}.detail-grid>*{background:var(--paper);padding:1.5rem;text-decoration:none;font-weight:700}.detail-grid.compact{grid-template-columns:1fr}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-grid figure{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}.gallery-grid img{aspect-ratio:4/3}.gallery-grid figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.85rem}.gallery-grid.full-gallery{grid-template-columns:repeat(4,1fr)}
.area-groups{display:grid;gap:5.5rem}.area-group .section-heading{margin-bottom:2rem}.area-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.area-card-grid article{background:#fff;border:1px solid var(--line);padding:2rem;border-radius:12px}.pin{font-size:1.6rem;color:var(--amber)}.simple-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;background:#bbb6ab;border:1px solid #bbb6ab;counter-reset:item}.simple-flow li{list-style:none;background:#e9e6de;padding:1.5rem;font-weight:700}.simple-flow li:before{counter-increment:item;content:"0" counter(item);display:block;color:#9a5b12;font-size:.75rem;margin-bottom:1rem}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-card-grid article{background:#fff;border:1px solid var(--line);padding:2rem;border-radius:12px}.article{max-width:820px;margin:auto;padding:6rem 24px}.article header{margin-bottom:4rem}.article h1{font-size:clamp(2.8rem,6vw,5.3rem)}.article-intro{font-size:1.25rem;color:var(--muted)}.article section{padding:2rem 0;border-top:1px solid var(--line)}.article section h2{font-size:1.7rem}.article section p{font-size:1.08rem;color:#4f4d47}.article aside{background:var(--ink);color:#fff;padding:2rem;margin-top:3rem}.form-section{padding-top:4rem}.quote-form{background:#fff;border:1px solid var(--line);padding:2.5rem;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;column-gap:1.25rem;row-gap:1.5rem;align-items:start}.quote-form label{display:flex;flex-direction:column;align-self:start;gap:.375rem;font-weight:700;font-size:.9rem;min-width:0}.quote-form input,.quote-form select,.quote-form textarea{width:100%;max-width:100%;border:1px solid #aaa69c;background:#faf9f6;border-radius:8px;padding:.85rem 1rem;font:inherit;color:var(--ink)}.quote-form input,.quote-form select{height:3.25rem}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#8b877e;opacity:1}.field-help{font-size:.8125rem;line-height:1.4;font-weight:500;color:#59564f}.field-help strong{font-weight:600}.quote-form select{white-space:normal;text-overflow:clip}.quote-form option{white-space:normal}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid #d58a2d55;border-color:var(--amber)}.quote-form select:disabled{color:#77736a;background:#efede7}.full{grid-column:1/-1}.form-action{display:flex;align-items:center;gap:1rem}.form-action p{font-size:.82rem;color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-grid article{background:#fff;padding:3rem;border:1px solid var(--line);border-radius:var(--radius)}.contact-grid article>span{color:#9a5b12;font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.contact-grid h2{margin-top:1rem}.principles{display:grid;gap:1rem}.principles article{background:#fff;border:1px solid var(--line);padding:1.5rem}.principles b{color:#9a5b12}
.site-footer{background:#11110f;color:#fff;padding:5rem max(24px,calc((100vw - var(--max))/2)) 2rem}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:5vw}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.footer-main p{color:#aaa79f;max-width:480px}.footer-main h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;color:var(--amber-2)}.footer-main a{color:#ccc9c0;text-decoration:none}.footer-brand{font:800 1.35rem "Manrope";max-width:350px}.footer-bottom{border-top:1px solid #393834;margin-top:4rem;padding-top:1.5rem;display:flex;justify-content:space-between;color:#8d8a82;font-size:.78rem}.floating-wa{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1f8a5b;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 12px 28px #0004;z-index:40}
@media(max-width:980px){.site-header{padding:0 20px}.menu-button{display:block;border:1px solid var(--line);background:transparent;padding:.55rem .75rem;border-radius:6px;font-weight:700}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 20px 1.5rem;flex-direction:column}.site-nav.open{display:flex}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.hero-visual{min-height:500px}.quote-steps{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.product-card:nth-child(5){grid-column:auto}.gallery-grid.full-gallery{grid-template-columns:repeat(3,1fr)}.area-card-grid,.guide-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){h1{font-size:2.8rem}.brand small{display:none}.hero{padding:3rem 18px 4rem}.hero h1{font-size:3.35rem}.hero-visual{min-height:390px}.hero-main{inset:0 5% 8% 0}.hero-inset{border-width:7px}.material-note{left:0;bottom:1%;font-size:.85rem}.brand-showcase{padding:3rem 18px}.brand-list{gap:.6rem}.brand-list span{font-size:.85rem;padding:.55rem .7rem}.section{padding:4.5rem 18px}.section-heading{margin-bottom:2rem}.product-card,.wide-card,.product-hero,.split,.guide-band,.contact-grid{grid-template-columns:1fr}.product-card .card-image{height:250px}.wide-card>div:first-child{height:280px}.wide-card>div:last-child{padding:2rem}.quote-steps{grid-template-columns:1fr}.quote-steps li{border-right:0;border-bottom:1px solid #4c4a45}.spec-grid,.detail-grid,.area-card-grid,.guide-card-grid,.simple-flow,.gallery-grid,.gallery-grid.full-gallery{grid-template-columns:1fr}.gallery-grid img{aspect-ratio:1/1}.product-hero{padding:3rem 18px}.product-hero figure{height:380px;order:-1}.page-hero{padding:4rem 18px}.page-hero h1{font-size:3.1rem}.quote-form{grid-template-columns:1fr;padding:1.25rem}.full{grid-column:auto}.form-action{align-items:stretch;flex-direction:column}.footer-main{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:.5rem}.button-row{flex-direction:column;align-items:stretch}.button{width:100%}.hero .button-row{max-width:420px}.trust-row{display:grid}.hero-inset{width:42%;height:35%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}