:root{--green:#123c30;--cream:#f6f3eb;--ink:#202823;--gold:#a68455}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:25px;background:var(--cream)}.brand{font:38px Georgia,serif;letter-spacing:9px;color:var(--green)}.brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:30px;font-size:13px}header select{border:0;background:transparent;color:var(--green);max-width:120px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(45px,6.2vw,94px);max-width:760px;margin:22px 0}h2{font-size:clamp(32px,4vw,58px);margin:15px 0 25px}h3{font-size:25px;margin:12px 0}.hero{position:relative;height:min(820px,85vh);min-height:600px;color:white}.hero>img,.shade{position:absolute;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#071c18bc,transparent 90%)}.hero-copy{position:relative;padding:100px 6%;max-width:850px}.hero-copy>p:not(.eyebrow){max-width:490px;color:#eee}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 25px;background:var(--green);color:white;border:1px solid var(--green);font-size:13px}.hero .button{margin-top:18px;background:var(--cream);color:var(--green);border:0}.hero-bottom{position:absolute;bottom:28px;left:6%;font-size:10px;letter-spacing:3px}section:not(.hero,.statement){padding:90px 6%}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.intro p{max-width:570px}.intro img{width:100%;mix-blend-mode:multiply}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top>span{color:var(--gold);font-size:13px;white-space:nowrap}.filters{display:flex;gap:10px;margin:18px 0 35px;flex-wrap:wrap}.filters button{border:1px solid #c6cbbf;color:var(--green);padding:9px 18px;background:transparent}.filters button.active{background:var(--green);color:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.card{border:0;text-align:left;padding:0;background:none;color:inherit;width:100%}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:filter .2s}.card:hover img{filter:brightness(.9)}.card small{display:block;font-size:10px;letter-spacing:2px;color:var(--gold);margin-top:15px}.notice{font-size:12px;opacity:.7;margin-top:30px}.statement{display:grid;grid-template-columns:1.15fr 1fr;background:var(--green);color:var(--cream)}.statement>img{width:100%;height:100%;min-height:500px;object-fit:cover}.statement>div{padding:70px 12%;align-self:center}.statement .button{border-color:#a7b8ab}#contact{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:12px}input,textarea,form select{display:block;width:100%;border:0;border-bottom:1px solid #9ba89b;background:transparent;padding:10px 0;color:var(--ink);border-radius:0}textarea{resize:vertical}.wide{grid-column:1/-1}footer{display:flex;justify-content:space-between;padding:30px 6%;border-top:1px solid #d4d8ce;font-size:10px;letter-spacing:2px}dialog{border:0;padding:0;max-width:1000px;width:94%;max-height:94vh;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#061a13d9}dialog>img{width:100%;max-height:65vh;object-fit:contain;display:block}.dialog-copy{padding:25px}.dialog-copy p{font-size:12px}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:var(--cream);width:40px;height:40px;font-size:25px}:focus-visible{outline:3px solid #bc9258;outline-offset:5px}@media(max-width:750px){header{height:85px;padding:0 5%;gap:10px}.brand{font-size:27px;letter-spacing:5px}.brand span{font-size:6px;letter-spacing:1px}nav{display:none}.hero{min-height:580px;height:78vh}.hero-copy{padding:80px 6%}.hero>img{object-position:60% center}.shade{background:linear-gradient(90deg,#071c18bd,#071c1835)}section:not(.hero,.statement){padding:60px 6%}.intro,#contact,.statement{grid-template-columns:1fr;gap:30px}.intro img{max-width:350px;margin:auto}.grid{grid-template-columns:1fr;gap:35px}.statement>img{min-height:300px;max-height:450px}.statement>div{padding:45px 6%}form{grid-template-columns:1fr}footer{gap:20px}.section-top{gap:20px}h1{font-size:53px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes open-image{from{transform:scale(1.035)}to{transform:scale(1)}}.brand{animation:arrive .9s both}.hero>img{animation:open-image 2.8s ease-out both}.hero-copy .eyebrow{animation:arrive 1s .15s both}.hero-copy h1{animation:arrive 1.1s .3s both}.hero-copy>p:not(.eyebrow){animation:arrive 1s .5s both}.hero-copy .button{animation:arrive 1s .7s both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.sound-control{position:fixed;bottom:20px;right:20px;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #ffffff44;background:#123c30f2;color:#fff;box-shadow:0 4px 20px #0002;border-radius:30px}.sound-control button{background:none;border:0;color:inherit;padding:3px;font-size:12px}.sound-control input{width:65px;padding:0;accent-color:#c7ad82}.sound-control span{font-size:11px}@media(prefers-reduced-motion:reduce){.brand,.hero>img,.hero-copy>*{animation:none!important}.reveal{opacity:1;transform:none}}
.design-panel{background:#e7e8de;padding:32px;margin:35px 0}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.material-card{border:1px solid #d3d8cb;padding:20px}.material-swatch{height:95px;margin-bottom:20px}.material-card small{font-size:10px;letter-spacing:2px}.material-card .button{padding:10px 16px}.quote-list{padding:30px;border:1px solid #bdc6b7;margin-top:35px}.quote-row{display:flex;align-items:center;gap:20px;margin:15px 0}.quote-row span{flex:1}.quote-row input{width:70px}.quote-row button{background:none;border:0;text-decoration:underline}.button:disabled{opacity:.4;cursor:default}@media(max-width:750px){.material-grid{grid-template-columns:1fr}.quote-row{gap:10px}.quote-list{padding:20px}}

.wood-image{margin:-20px -20px 20px}.wood-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.material-card strong{font-size:13px;color:var(--green)}.material-card p{font-size:14px}.material-card .notice{font-size:11px;line-height:1.6}

#materials>.filters{gap:8px}#materials>.filters button{padding:10px 15px}.material-card{display:flex;flex-direction:column}.material-card>.button{margin-top:auto;align-self:start}.material-card>.wood-image{flex-shrink:0}
