:root{--ink:#121416;--charcoal:#191c1f;--paper:#f2f0ea;--white:#fff;--muted:#a7aaab;--gold:#dfa91c;--line:rgba(255,255,255,.15);--font-display:"Oswald",sans-serif;--font-body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select{font:inherit}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;padding:0 4vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);gap:40px}.brand{font-family:var(--font-display);font-size:23px;font-weight:600;letter-spacing:.28em}.brand span,.label,.eyebrow{color:var(--gold)}.desktop-nav{display:flex;margin-left:auto;gap:30px}.desktop-nav a{font-family:var(--font-display);text-transform:uppercase;font-size:11px;letter-spacing:.22em}.quote-btn{display:flex;align-items:center;gap:24px;background:var(--gold);color:#111;padding:20px 25px;font-family:var(--font-display);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.menu-btn{display:none;background:none;border:0}.hero{position:relative;height:790px;min-height:720px;color:#fff}.hero>img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,18,.78) 0%,rgba(7,13,18,.32) 48%,rgba(7,13,18,.05) 74%),linear-gradient(0deg,rgba(5,8,10,.42),transparent 52%)}.hero-content{position:absolute;left:5vw;top:52%;transform:translateY(-45%);max-width:820px}.eyebrow,.label{font-family:var(--font-display);font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}.hero h1,.section h2,.project-copy h2{font-family:var(--font-display);font-size:clamp(64px,8vw,126px);line-height:.88;text-transform:uppercase;letter-spacing:-.035em;margin:24px 0}.hero h1 em{display:block;color:var(--gold);font-style:normal}.hero-copy{font-size:17px;line-height:1.7;max-width:610px;color:#dfe2e4}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 28px;border:1px solid rgba(255,255,255,.48);text-transform:uppercase;font-family:var(--font-display);font-size:12px;letter-spacing:.17em;cursor:pointer}.btn.gold{background:var(--gold);border-color:var(--gold);color:#111}.btn.outline{color:#fff}.scroll{position:absolute;bottom:30px;right:5vw;font-family:var(--font-display);font-size:10px;letter-spacing:.22em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.scroll span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.trust{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:0 4vw}.trust div{display:flex;flex-direction:column;padding:35px 4vw;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust strong{font:600 48px/1 var(--font-display)}.trust strong span{font-size:.55em;color:var(--gold)}.trust small{margin-top:10px;color:#9da1a3;font:11px var(--font-display);text-transform:uppercase;letter-spacing:.16em}.section{padding:130px 6vw}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center}.about-image{height:590px;position:relative}.craft{position:absolute;right:-34px;bottom:34px;background:var(--gold);padding:24px 28px;text-transform:uppercase;display:flex;flex-direction:column}.craft b{font:52px/1 var(--font-display)}.craft span{font:10px var(--font-display);letter-spacing:.18em}.about-copy h2,.section-head h2,.section-title h2,.faq-title h2,.contact h2{font:600 clamp(50px,6vw,86px)/.98 var(--font-display);text-transform:uppercase;letter-spacing:-.025em;margin:20px 0 28px}.about-copy>p:not(.label),.section-title>p:last-child,.contact>div>p:last-child{font-size:17px;line-height:1.75;color:#626669;max-width:600px}.about-copy ul{list-style:none;padding:0;margin:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-copy li:before{content:"✓";color:var(--gold);margin-right:11px}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid #222;padding-bottom:8px;font:12px var(--font-display);letter-spacing:.18em;text-transform:uppercase}.dark{background:var(--charcoal);color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-head p:last-child{max-width:460px;color:var(--muted);line-height:1.7}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:60px 1.2fr 1fr 40px;gap:35px;align-items:center;padding:29px 5px;border-bottom:1px solid var(--line);transition:.25s}.service:hover{padding-left:20px;background:rgba(255,255,255,.035)}.service>span{color:var(--gold);font:12px var(--font-display)}.service h3,.design-card h3,.steps h3{font:500 24px var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0}.service p{color:var(--muted);font-size:14px;line-height:1.6}.service b{color:var(--gold);font-size:20px}.section-title{text-align:center;max-width:850px;margin:0 auto 60px}.section-title p:last-child{margin:0 auto}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.design-card{position:relative;background:#fff;padding:0 26px 28px;border-bottom:3px solid transparent}.design-card.featured{border-color:var(--gold)}.card-image{height:275px;margin:0 -26px 27px;overflow:hidden}.card-image img{transition:transform .6s}.design-card:hover img{transform:scale(1.04)}.crop-two img{object-position:70% center}.crop-three img{object-position:45% bottom}.num{font:11px var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#96918a}.design-card h3{font-size:30px;margin:10px 0}.design-card>p{color:#737373;line-height:1.6;font-size:14px;min-height:67px}.specs{display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:23px 0}.specs b{flex:1;font:500 18px var(--font-display);padding:14px 0}.specs small{display:block;color:#888;font:9px var(--font-body);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.select-design{width:100%;padding:15px;background:transparent;border:1px solid #222;text-transform:uppercase;font:11px var(--font-display);letter-spacing:.16em;cursor:pointer}.select-design:hover{background:#111;color:#fff}.popular{position:absolute;z-index:2;right:15px;top:15px;background:var(--gold);padding:9px 12px;font:9px var(--font-display);letter-spacing:.13em;text-transform:uppercase}.section-title.light>p:last-child{color:#aaa}.estimator-shell{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;max-width:1100px;margin:auto}.controls{border-top:1px solid var(--line);padding-top:25px}.control-label{text-transform:uppercase;letter-spacing:.16em;font:11px var(--font-display);color:#a5a7a8}.design-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0 42px}.design-tabs button{border:1px solid #484b4d;background:transparent;color:#777;padding:16px;text-align:left;font:16px var(--font-display);cursor:pointer}.design-tabs button span{display:block;font-size:12px;margin-top:5px}.design-tabs button.active{border-color:var(--gold);color:#fff;background:rgba(223,169,28,.08)}.range-label{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font:11px var(--font-display);letter-spacing:.15em}.range-label output{color:var(--gold);font-size:21px;letter-spacing:0}input[type=range]{width:100%;accent-color:var(--gold);margin:18px 0 30px}.choices{display:flex;gap:8px;margin:12px 0 28px}.choices button{min-width:49px;padding:13px 16px;background:transparent;border:1px solid #45484a;color:#aaa;cursor:pointer}.choices button.active{background:var(--gold);border-color:var(--gold);color:#111}.choices.wide button{flex:1}.extra{display:flex;border-top:1px solid var(--line);padding:20px 0;align-items:center;gap:12px;color:#bbb}.extra b{margin-left:auto;color:var(--gold);font-size:12px}.estimate-card{background:#0d0f11;padding:40px;align-self:start;border-top:4px solid var(--gold)}.estimate-card>p,.estimate-card>span{color:var(--gold);font:11px var(--font-display);text-transform:uppercase;letter-spacing:.18em}.estimate-card h3{font:500 32px var(--font-display);text-transform:uppercase;margin:11px 0 24px}.estimate-card dl div{display:flex;justify-content:space-between;padding:9px 0;color:#aaa;font-size:13px}.estimate-card dd{margin:0;color:#fff}.estimate-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.estimate-card strong{font:500 34px var(--font-display);display:block;margin:8px 0 24px}.estimate-card .btn{width:100%}.estimate-card small{display:block;color:#666;line-height:1.5;margin-top:20px}.project-feature{height:690px;position:relative;color:#fff}.project-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.8),transparent 70%)}.project-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:600px}.project-copy h2{font-size:clamp(60px,7vw,100px)}.project-copy>p:not(.label){line-height:1.7;color:#d3d4d4}.project-meta{display:flex;gap:25px;font:11px var(--font-display);text-transform:uppercase;letter-spacing:.12em;margin:25px 0 35px}.light-link{border-color:#fff}.process .section-title{margin-left:0;text-align:left}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7c3ba}.steps>div{padding:30px 28px 15px 0;border-right:1px solid #c7c3ba;min-height:210px}.steps>div+div{padding-left:28px}.steps b{color:var(--gold);font:14px var(--font-display)}.steps h3{margin:45px 0 10px}.steps p{color:#6d6d6d;font-size:13px;line-height:1.6}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.faq-title h2{margin-top:30px}.accordion details{border-top:1px solid var(--line);padding:24px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;text-transform:uppercase;font:17px var(--font-display);letter-spacing:.03em;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--gold);font-size:23px}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:#999;line-height:1.7;max-width:660px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{font:10px var(--font-display);letter-spacing:.14em;text-transform:uppercase}.contact-form input,.contact-form select{display:block;width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:13px 0;font-family:var(--font-body);outline:none}.contact-form input:focus,.contact-form select:focus{border-color:var(--gold)}.full{grid-column:1/-1}.contact-form button{border:0;margin-top:10px}footer{background:#0c0e0f;color:#fff;padding:65px 6vw 28px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}footer p{color:#858889}footer>div{display:flex;justify-content:flex-end;gap:28px;font:11px var(--font-display);letter-spacing:.13em;text-transform:uppercase}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:#5e6264;font-size:9px;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.quote-btn{display:none}.menu-btn{display:block;margin-left:auto}.menu-btn span{display:block;width:27px;height:1px;background:#fff;margin:7px}.nav.open{position:fixed;background:#111;height:auto;min-height:88px;align-items:flex-start;padding-top:30px}.nav.open .desktop-nav{display:flex;position:absolute;top:88px;left:0;width:100%;height:calc(100vh - 88px);background:#111;flex-direction:column;margin:0;padding:40px;gap:30px}.nav.open .desktop-nav a{font-size:22px}.hero{height:760px}.hero h1{font-size:68px}.trust{grid-template-columns:1fr 1fr}.trust div:nth-child(2){border-right:0}.about,.contact,.faq{grid-template-columns:1fr}.about{gap:70px}.about-image{height:490px}.section-head{display:block}.service{grid-template-columns:45px 1fr 30px}.service p{display:none}.design-grid{grid-template-columns:1fr 1fr}.design-card:last-child{grid-column:1/-1}.estimator-shell{grid-template-columns:1fr}.project-meta{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr}.steps>div:nth-child(2){border-right:0}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:580px){.nav{height:74px}.hero{height:700px;min-height:700px}.hero-content{left:6vw;right:6vw;top:46%}.hero h1{font-size:52px;line-height:.94}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.scroll{display:none}.trust{padding:0}.trust div{padding:25px 7vw}.trust strong{font-size:38px}.section{padding:85px 6vw}.about-image{height:380px}.craft{right:-8px}.about-copy ul{grid-template-columns:1fr}.section-head h2,.section-title h2,.about-copy h2,.faq-title h2,.contact h2{font-size:50px}.design-grid{grid-template-columns:1fr}.design-card:last-child{grid-column:auto}.design-tabs{grid-template-columns:1fr}.service h3{font-size:19px}.estimator-shell{gap:25px}.estimate-card{padding:28px}.estimate-card strong{font-size:29px}.choices{flex-wrap:wrap}.choices.wide button{flex:auto}.project-feature{height:620px}.project-copy{right:7vw}.project-copy h2{font-size:58px}.project-meta{flex-direction:column;gap:8px}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid #c7c3ba;padding-left:0!important}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}footer>div{gap:16px}}