:root{--ink:#11140f;--paper:#f2f0e9;--white:#fafaf6;--lime:#cbea42;--blue:#a9c8d8;--green:#bfcbb4;--line:rgba(17,20,15,.18);--max:1500px;--pad:clamp(1.25rem,4.2vw,4.8rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.scroll-progress{position:fixed;z-index:100;top:0;left:0;height:3px;width:0;background:var(--lime)}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:var(--white);transition:.35s}.site-header.scrolled{height:72px;color:var(--ink);background:rgba(242,240,233,.91);backdrop-filter:blur(16px);box-shadow:0 1px rgba(17,20,15,.08)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand-mark{width:34px;height:34px;border:1px solid currentColor;display:flex;align-items:flex-end;gap:4px;padding:6px}.brand-mark i{display:block;width:8px;height:15px;background:currentColor}.brand-mark i:last-child{height:23px}.brand b,.brand small{display:block;line-height:.82}.brand b{font-size:.88rem;letter-spacing:.12em}.brand small{font-size:.62rem;letter-spacing:.42em;margin-top:.35rem}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{text-decoration:none;font-size:.78rem;font-weight:700}.nav-cta{border:1px solid currentColor;padding:.82rem 1rem}.nav-cta span,.button span{margin-left:1.5rem}.menu-button{display:none;background:none;border:0}.section-pad{max-width:var(--max);margin:auto;padding:clamp(6rem,10vw,10rem) var(--pad)}
.hero{height:max(740px,100vh);min-height:680px;position:relative;background:#16232a;color:var(--white);overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,14,.88) 0%,rgba(7,12,14,.55) 38%,rgba(7,12,14,.08) 72%),linear-gradient(0deg,rgba(7,12,14,.55),transparent 35%)}.hero-content{position:absolute;z-index:2;left:var(--pad);top:50%;transform:translateY(-44%);max-width:900px}.kicker,.section-tag{text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.18em}.kicker{color:var(--lime);margin-bottom:2rem}.hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.88;letter-spacing:-.07em;margin:0;max-width:10ch}.hero h1 em,.intro h2 em,.offer h2 em,.process h2 em,.showcase h2 em,.contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero-copy{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;max-width:35rem;margin:2.3rem 0}.hero-actions{display:flex;gap:2rem;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700;padding:1.15rem 1.25rem;min-width:235px;border:0;cursor:pointer}.button-light{background:var(--white);color:var(--ink)}.button-dark{background:var(--ink);color:var(--white)}.button-accent{background:var(--lime);color:var(--ink);width:100%}.text-link{font-size:.75rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.45rem}.text-link span{margin-left:.8rem}.hero-side-note{position:absolute;z-index:2;right:var(--pad);top:50%;writing-mode:vertical-rl;display:flex;gap:1.5rem;text-transform:uppercase;letter-spacing:.15em;font-size:.58rem}.hero-side-note span+span{opacity:.5}.hero-bottom{position:absolute;z-index:2;bottom:2.2rem;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:1.2rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em}.hero-bottom div{height:1px;width:70px;background:rgba(255,255,255,.5)}.hero-bottom p{margin:0;line-height:1.5}
.section-tag{display:flex;align-items:center;gap:.7rem}.section-tag span{display:block;width:28px;height:1px;background:currentColor}.intro{padding-bottom:5rem}.intro-copy{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;margin:5rem 0 8rem}.intro h2,.offer h2,.process h2,.showcase h2,.contact h2{font-size:clamp(3.2rem,6.7vw,7rem);line-height:.92;letter-spacing:-.065em;margin:0}.intro-copy>p{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55;margin:0;color:#55584f}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-row div{display:flex;align-items:center;gap:1.5rem;padding:2rem}.trust-row div+div{border-left:1px solid var(--line)}.trust-row strong{font:italic 2.7rem Georgia,serif;color:#9aa18f}.trust-row span{font-size:.8rem;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.offer{padding-top:5rem}.offer-head{display:grid;grid-template-columns:.45fr 1.2fr .55fr;gap:3rem;align-items:end;margin-bottom:5rem}.offer-head h2{font-size:clamp(3rem,5.6vw,5.9rem)}.offer-head p{font-size:1rem;line-height:1.55;color:#5f6259;margin:0}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{position:relative;background:#d9d7ce;min-height:510px;padding:1.6rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.product-featured{background:var(--white)}.card-dark{background:#1a1d19;color:var(--white)}.card-blue{background:var(--blue)}.card-green{background:var(--green)}.card-count{font-size:.65rem;letter-spacing:.12em;opacity:.6}.card-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:2rem}.card-content h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em;margin:0}.card-content p{font-size:.85rem;line-height:1.5;margin:0;max-width:25rem}.card-content>a{width:50px;height:50px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:1.2rem;transition:.25s}.card-content>a:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(45deg)}
.window-graphic,.door-graphic,.slide-graphic,.blind-graphic,.garage-graphic,.pergola-graphic{position:absolute;inset:14% 18% 29%;transition:transform .7s}.product-card:hover>.window-graphic,.product-card:hover>.door-graphic,.product-card:hover>.slide-graphic,.product-card:hover>.blind-graphic,.product-card:hover>.garage-graphic,.product-card:hover>.pergola-graphic{transform:scale(1.035)}.window-graphic{display:grid;grid-template-columns:1fr 1.7fr;grid-template-rows:1fr 1fr;gap:7px}.window-graphic i{background:linear-gradient(145deg,#6f8790,#cfdadd);border:10px solid #333a36}.window-graphic i:nth-child(2){grid-row:span 2}.door-graphic{left:34%;right:34%;border:11px solid #31352f;background:linear-gradient(145deg,#5c6663,#c5cdca)}.door-graphic i{position:absolute;right:7%;top:50%;width:9px;height:9px;border-radius:50%;background:var(--lime)}.slide-graphic{display:grid;grid-template-columns:1fr 1fr;border:9px solid #080907}.slide-graphic i{background:linear-gradient(160deg,#445960,#a4bbc0);border-right:4px solid #080907}.slide-graphic i:last-child{border-right:0;border-left:4px solid #080907}.blind-graphic{border:8px solid #263338;display:flex;flex-direction:column;justify-content:space-evenly;padding:6px}.blind-graphic i{height:9%;background:#263338;transform:skewY(-4deg)}.garage-graphic{border:9px solid #3a3b36;display:grid;grid-template-rows:repeat(3,1fr)}.garage-graphic i{border-bottom:6px solid #3a3b36;background:linear-gradient(90deg,#aaa99f,#d9d8cf)}.garage-graphic i:last-child{border:0}.pergola-graphic{border:9px solid #30382e;border-top:16px solid #30382e}.pergola-graphic i{position:absolute;top:0;bottom:0;width:7px;background:#30382e}.pergola-graphic i:nth-child(1){left:20%}.pergola-graphic i:nth-child(2){left:40%}.pergola-graphic i:nth-child(3){left:60%}.pergola-graphic i:nth-child(4){left:80%}.supplier-note{text-align:right;margin:1.5rem 0 0;font-size:.78rem;color:#696c63}.supplier-note a{font-weight:700;text-decoration:none;border-bottom:1px solid}
.process{max-width:none;background:var(--ink);color:var(--white);padding-left:var(--pad);padding-right:var(--pad)}.process>*{max-width:calc(var(--max) - var(--pad)*2);margin-left:auto;margin-right:auto}.process-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:4rem;margin-bottom:6rem}.process-head h2{font-size:clamp(3.2rem,6vw,6.5rem)}.process-head h2 em{color:var(--lime)}.section-tag.light{color:#a5a99f}.process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.process-list article{min-height:310px;padding:1.7rem 1.5rem;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between}.process-list article:first-child{border-left:1px solid rgba(255,255,255,.2)}.process-list>article>span{font:italic 1.4rem Georgia,serif;color:var(--lime)}.process-list h3{font-size:1.5rem;letter-spacing:-.03em;margin:0 0 1rem}.process-list p{font-size:.82rem;line-height:1.55;color:#a9aca4;margin:0}
.showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.showcase-copy .section-tag{margin-bottom:4rem}.showcase-copy h2{font-size:clamp(3rem,5.5vw,5.8rem)}.showcase-copy>p{max-width:31rem;line-height:1.6;color:#5c5f57;margin:2.5rem 0}.showcase-image{height:720px;position:relative;overflow:hidden}.showcase-image img{width:100%;height:100%;object-fit:cover;object-position:67% center;transform:scale(1.4)}.showcase-image span{position:absolute;bottom:0;left:0;background:var(--lime);padding:1.1rem 1.4rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}
.contact{max-width:none;background:#1c211c;color:var(--white);padding-bottom:2rem}.contact>*{max-width:calc(var(--max) - var(--pad)*2);margin-left:auto;margin-right:auto}.contact-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.17)}.contact-top>p{font:italic clamp(1.2rem,2vw,1.8rem) Georgia,serif;margin:0;color:#b4b7af}.contact-main{display:grid;grid-template-columns:1.05fr .65fr;gap:9vw;padding:6rem 0 8rem}.contact h2{font-size:clamp(3.3rem,6.1vw,6.3rem)}.contact h2 em{color:var(--lime)}.contact-copy>p{color:#adb0a8;line-height:1.6;max-width:36rem;margin:2.5rem 0 4rem}.contact-details{display:flex;gap:4rem}.contact-details a{display:flex;flex-direction:column;gap:.6rem;text-decoration:none;font-weight:700}.contact-details span{color:#8f938a;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.contact-form{padding-top:.3rem}.contact-form label{display:block;color:#9ea299;font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.22);padding:0 0 .7rem;margin-bottom:1.8rem}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;background:transparent;border:0;color:var(--white);font:1rem Arial,sans-serif;padding:.7rem 0 0;outline:0;resize:vertical}.contact-form select{color:#fff}.contact-form select option{color:#111}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#70756c}.form-note{color:#73786f;font-size:.65rem;line-height:1.4}.form-status{font-size:.8rem;color:var(--lime)}footer{border-top:1px solid rgba(255,255,255,.17);padding-top:2rem;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:end;gap:2rem;color:#999d94;font-size:.68rem;line-height:1.6}footer>a{text-decoration:none}.footer-brand{color:var(--white)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:70px}.menu-button{display:grid;gap:6px;z-index:2;padding:8px}.menu-button span:not(.sr-only){width:27px;height:2px;background:currentColor;display:block;transition:.25s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.main-nav{display:none;position:fixed;inset:0;background:var(--paper);color:var(--ink);flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--pad)}.main-nav.open{display:flex}.main-nav>a{font-size:2.2rem;letter-spacing:-.04em}.main-nav .nav-cta{font-size:.8rem;margin-top:1rem}.hero-side-note{display:none}.intro-copy,.offer-head,.process-head,.showcase,.contact-main{grid-template-columns:1fr}.intro-copy{gap:3rem;margin-bottom:5rem}.offer-head{align-items:start}.offer-head p{max-width:30rem}.process-list{grid-template-columns:1fr 1fr}.showcase-image{height:520px;order:-1}.contact-main{gap:5rem}.product-card{min-height:460px}.card-content{grid-template-columns:1fr auto}.card-content p{grid-column:1/-1;grid-row:2}.contact-details{flex-wrap:wrap}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:700px}.hero-content{top:48%}.hero h1{font-size:clamp(3.5rem,16vw,5.5rem)}.hero-shade{background:linear-gradient(90deg,rgba(7,12,14,.83),rgba(7,12,14,.15)),linear-gradient(0deg,rgba(7,12,14,.6),transparent 40%)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.3rem}.hero-bottom{display:none}.trust-row{grid-template-columns:1fr}.trust-row div+div{border-left:0;border-top:1px solid var(--line)}.product-grid{grid-template-columns:1fr}.product-card{min-height:430px}.window-graphic,.door-graphic,.slide-graphic,.blind-graphic,.garage-graphic,.pergola-graphic{inset:13% 17% 36%}.door-graphic{left:34%;right:34%}.process-list{grid-template-columns:1fr}.process-list article{min-height:210px;border-left:1px solid rgba(255,255,255,.2)}.showcase-image{height:410px}.showcase-image img{transform:scale(1.65)}.contact-details{display:grid;gap:2rem}footer{grid-template-columns:1fr}footer>a:last-child{position:absolute;right:var(--pad)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}