@font-face{font-family:Inter;src:url(/site-assets/inter.woff2) format("woff2");font-display:swap;font-weight:100 900}
:root{--ink:#1B2433;--muted:#5B6575;--line:#E5E2DC;--bg:#FAF8F5;--paper:#fff;--navy:#1E2B3C;--brass:#A9824A;--brass-d:#8A6A3B;--w:1080px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,-apple-system,system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
img{max-width:100%}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
header.site{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.site .in{max-width:var(--w);margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
header.site .logo img{height:44px;width:auto;display:block}
header.site nav{display:flex;align-items:center;gap:18px;font-size:14.5px}
header.site nav a{text-decoration:none;color:var(--ink);font-weight:500}
header.site nav a.tel{font-weight:600;white-space:nowrap}
header.site nav a.btn{padding:9px 16px;font-size:14.5px;min-height:40px}
@media(max-width:720px){header.site nav .hide-s{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:10px;font:600 16px/1.2 Inter,system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn.pri{background:var(--navy);color:#fff!important}
.btn.pri:hover{background:#121b27}
.btn.sec{background:#fff;color:var(--navy);border:1px solid #C9CED6}
.btn.sec:hover{border-color:var(--navy)}
.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
/* home */
.hero{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}
.hero .in{max-width:var(--w);margin:0 auto;padding:72px 20px 64px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;font-weight:600;color:var(--brass-d);margin:0 0 14px}
.hero h1{font-size:clamp(36px,5.4vw,58px);line-height:1.05;letter-spacing:-.025em;margin:0 0 18px;font-weight:700}
.hero p.sub{font-size:19px;color:var(--muted);margin:0 0 28px;max-width:34em}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.swatch{aspect-ratio:4/5;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #1e2b3c55;
 background:repeating-linear-gradient(90deg,#C9A57A 0 46px,#BF9B6F 46px 47px,#D2AF85 47px 93px,#C49F73 93px 94px,#CBA77C 94px 140px,#BE996C 140px 141px)}
.swatch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 180px,#0000001a 180px 181px,transparent 181px 362px),linear-gradient(160deg,#ffffff38,transparent 45%,#00000022)}
.swatch .tag{position:absolute;left:18px;bottom:18px;background:#fffffff0;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.35;box-shadow:0 6px 20px #0002}
.swatch .tag b{display:block;font-size:15px}
@media(max-width:820px){.hero .in{grid-template-columns:1fr;padding:44px 20px 40px;gap:32px}.swatch{aspect-ratio:16/10}}
section.band .in{max-width:var(--w);margin:0 auto;padding:64px 20px}
section.band h2{font-size:clamp(26px,3.2vw,34px);letter-spacing:-.015em;line-height:1.15;margin:0 0 10px}
section.band p.lead{color:var(--muted);font-size:17px;margin:0 0 30px;max-width:40em}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}}
@media(max-width:480px){.grid{grid-template-columns:1fr}}
.tile{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px}
.tile h3{margin:0 0 6px;font-size:17px}
.tile p{margin:0;color:var(--muted);font-size:15px}
.tile .n{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-bottom:12px}
.chip{width:100%;height:56px;border-radius:9px;margin-bottom:14px}
.c-carpet{background:repeating-radial-gradient(circle at 30% 40%,#B9AFA2 0 1px,#C7BEB2 1px 3px)}
.c-lvp{background:repeating-linear-gradient(90deg,#9C8266 0 38px,#8E755A 38px 39px,#A88E71 39px 77px,#94795D 77px 78px)}
.c-wood{background:repeating-linear-gradient(90deg,#6E4B2E 0 30px,#5F3F25 30px 31px,#7A5434 31px 61px,#664629 61px 62px)}
.c-lam{background:repeating-linear-gradient(90deg,#CDBBA0 0 44px,#BFAC90 44px 45px,#D6C5AB 45px 89px,#C4B195 89px 90px)}
.band.dark{background:var(--navy);color:#fff}
.band.dark p.lead{color:#C9D1DC}
.band.dark .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.band.dark .btn.sec{background:transparent;color:#fff;border-color:#ffffff66}
.band.dark .btn.pri{background:var(--brass);}
.band.dark .btn.pri:hover{background:var(--brass-d)}
/* forms + docs */
main.narrow{max-width:760px;margin:0 auto;padding:36px 20px 48px}
main.narrow h1{font-size:32px;line-height:1.15;margin:0 0 8px;letter-spacing:-.015em}
main.narrow h2{font-size:19px;margin:28px 0 8px}
.lede{color:var(--muted);margin:0 0 22px;font-size:17px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 1px 2px #0000000a}
label.f{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
label.f small{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:12px 13px;border:1px solid #C9CED6;border-radius:9px;font:inherit;font-size:16px;background:#fff;margin:0 0 16px}
textarea{min-height:90px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--brass);outline-offset:1px;border-color:var(--brass)}
.consent{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:#FBFAF7;border-radius:10px;padding:14px;margin:4px 0 18px}
.consent input{width:22px;height:22px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--navy)}
.consent .t{font-size:13.5px;line-height:1.55;color:#2A3342}
.consent .t b{display:block;font-size:14px;margin-bottom:4px;color:var(--ink)}
button{font-family:inherit}
button.btn[disabled]{opacity:.6}
.err{color:#B00020;font-size:14px;min-height:20px;margin:0 0 10px}
.note{font-size:13px;color:var(--muted);margin-top:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.doc p,.doc li{color:#2A3342}
.doc ul{padding-left:20px}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:12px 0}
footer.site{border-top:1px solid var(--line);background:#fff}
footer.site .in{max-width:var(--w);margin:0 auto;padding:26px 20px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px}
footer.site .links{display:flex;flex-wrap:wrap;gap:6px 18px}
footer.site a{color:var(--muted)}
