@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";#root{min-height:100vh}:root{color:#f5f0e9;font-synthesis:none;background:#111312;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site{overflow:hidden}.concept-note{letter-spacing:.16em;text-align:center;color:#eec39d;background:#291f19;padding:8px 12px;font-size:9px}.nav{z-index:10;background:linear-gradient(90deg,#10110dbb,#13120db0);justify-content:space-between;align-items:center;gap:20px;height:86px;padding:0 5.5vw;display:flex;position:absolute;top:28px;left:0;right:0}.brand{letter-spacing:.16em;align-items:center;gap:13px;font-size:22px;font-weight:800;line-height:.95;display:flex}.brand small{letter-spacing:.4em;margin-top:9px;font-size:10px;font-weight:600;display:block}.roof-mark{color:#d8a368;margin-right:6px;font-size:62px;line-height:.4;transform:scaleX(1.45)}.nav nav{letter-spacing:.15em;gap:28px;font-size:10px;font-weight:700;display:flex}.nav nav a:hover{color:#eeb985}.outline,.secondary{letter-spacing:.12em;border:1px solid #f4eaddab;padding:15px 20px;font-size:10px;font-weight:800}.outline:hover,.secondary:hover{background:#ffffff20}.hero-shell{background:#151514;height:100vh;min-height:620px;position:relative;overflow:hidden}.hero-media,.hero-film,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-film{object-fit:cover;object-position:62% center}.hero-shade{background:linear-gradient(90deg,#070a0aeb 0%,#070a0ac4 30%,#070a0a1a 77%),linear-gradient(#0000 62%,#080a0a9d)}.hero-copy{z-index:2;max-width:790px;position:absolute;top:55%;left:7vw;transform:translateY(-50%)}.eyebrow{letter-spacing:.23em;color:#d9a56f;font-size:11px;font-weight:800}.hero-copy h1,h2{letter-spacing:-.025em;margin:30px 0 24px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(78px,9.4vw,166px);font-weight:800;line-height:.82}.hero-copy em,h2 em{color:#dfa96f;font-style:normal}.hero-copy p{color:#f1e8df;max-width:470px;font-size:15px;line-height:1.9}.actions{flex-wrap:wrap;gap:13px;margin-top:31px;display:flex}.primary{color:#151615;letter-spacing:.12em;background:#c6905e;padding:18px 27px;font-size:11px;font-weight:800;display:inline-block}.primary:hover{background:#e3b17d}.scroll-hint{letter-spacing:.19em;color:#f3e9df;align-items:center;gap:12px;margin-top:44px;font-size:10px;display:flex}.scroll-dot{border:1px solid #dca36c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #dca36c1c}.hero-right{letter-spacing:.17em;z-index:2;align-items:center;gap:24px;font-size:10px;display:flex;position:absolute;bottom:65px;right:4.5vw}.hero-right b{font-size:16px}.timeline{z-index:3;background:#ffffff28;height:5px;position:absolute;bottom:0;left:0;right:0}.timeline span{transform-origin:0;background:#d8a16b;width:100%;height:100%;display:block;transform:scaleX(0)}.video-status{z-index:5;letter-spacing:.13em;color:#eee;font-size:9px;position:absolute;top:134px;right:3vw}.strength{color:#20231f;letter-spacing:.12em;background:#e7e0d5;justify-content:space-around;gap:15px;padding:26px 3vw;font-size:10px;font-weight:800;display:flex}.below{background:#111513;padding:120px 8vw}.below h2,.closing h2,.contact h2{font-size:clamp(68px,7vw,120px);line-height:.9}.below>p:not(.eyebrow),.closing p,.contact p{color:#bdc0b9;max-width:550px;line-height:1.9}.service-row{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px;display:grid}.service-row article{border-top:1px solid #73634f;padding-top:28px}.service-row b{color:#dca36c}.service-row h3{margin-top:35px;font-family:Barlow Condensed,sans-serif;font-size:32px}.service-row p{color:#abb0a8;font-size:14px;line-height:1.8}.closing{background:#272c28;padding:125px 8vw}.contact{color:#20231f;background:#e9e2d6;padding:130px 8vw}.contact h2 em{color:#ac7650}.contact p{color:#576159;margin-bottom:28px}footer{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:15px;padding:42px 6vw;font-size:10px;display:flex}footer strong{font-size:17px}@media (width<=800px){.nav{padding:0 5vw}.nav nav,.nav .outline{display:none}.hero-shell{min-height:570px}.hero-film{object-position:70% center}.hero-shade{background:linear-gradient(90deg,#090b0bee 0%,#090b0b8a 70%,#090b0b2e 100%)}.hero-copy{top:57%;left:6vw;right:6vw}.hero-copy h1{font-size:clamp(66px,15vw,110px)}.hero-copy p{font-size:13px}.hero-right{display:none}.strength{text-align:center;flex-wrap:wrap}.service-row{grid-template-columns:1fr}.below,.closing,.contact{padding:80px 7vw}.below h2,.closing h2,.contact h2{font-size:68px}footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.sequence-canvas{z-index:1}.fallback-frame{z-index:0}.hero-shade{z-index:2}.hero-media{z-index:0}.service-showcase{background:#121513;grid-template-columns:minmax(280px,.82fr) minmax(0,2fr);gap:3vw;padding:92px 5vw;display:grid}.service-lead{align-self:center}.service-lead h2,.results-copy h2,.craft-copy h2,.gallery-intro h2,.process-band h2,.finish-cta h2{font-size:clamp(44px,4.7vw,90px);line-height:.93}.service-lead>p,.results-copy>p,.craft-copy>p,.gallery-intro>p,.process-band>div>p,.finish-cta p{color:#c5c2bc;font-size:13px;line-height:1.8}.service-lead .primary{margin-top:22px}.service-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.image-service{height:365px;position:relative;overflow:hidden}.image-service img{height:100%;transition:transform .5s}.image-service:hover img{transform:scale(1.05)}.image-service:after{content:"";background:linear-gradient(#0000 35%,#090909ef);position:absolute;inset:0}.image-service>div{z-index:1;position:absolute;bottom:15px;left:18px;right:12px}.image-service h3{margin:0 0 7px;font:700 24px Barlow Condensed,sans-serif}.image-service p{color:#ddd;font-size:11px;line-height:1.5}.process-band{color:#292720;background:#e8e2d9;grid-template-columns:.85fr 2fr;align-items:center;gap:45px;padding:74px 6vw;display:grid}.process-band h2 em{color:#ab7950}.process-band>div>p{color:#6a625b}.process-steps{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.process-steps article{border-left:1px solid #cbb9aa;padding-left:14px}.process-steps b{color:#af7d56;font:600 32px Georgia,serif}.process-steps h3{letter-spacing:.08em;margin:23px 0 6px;font-size:12px}.process-steps p{color:#655e58;font-size:11px;line-height:1.6}.results-band{background:#111513;grid-template-columns:.8fr 1.6fr;align-items:center;gap:40px;padding:85px 5vw;display:grid}.roof-compare{--split:50%;background:#1b1d1b;height:490px;position:relative;overflow:hidden}.roof-compare>img,.compare-before img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare-before{width:var(--split);position:absolute;inset:0;overflow:hidden}.compare-before img{width:calc(59.4vw - 26.4px);max-width:none}.compare-handle{left:var(--split);pointer-events:none;background:#fff;place-items:center;width:2px;display:grid;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-handle span{color:#171717;background:#daa66e;border-radius:100%;place-items:center;width:38px;height:38px;display:grid}.compare-text{letter-spacing:.14em;background:#111c;padding:9px 13px;font-size:10px;position:absolute;bottom:18px}.compare-left{left:16px}.compare-right{right:16px}.roof-compare input{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.sample-note{color:#a9a79f;grid-column:2;margin:0;font-size:10px}.craftsmanship{color:#201f1a;background:#ebe6dd;grid-template-columns:.75fr 2fr;gap:35px;padding:82px 5vw;display:grid}.craft-copy h2 em{color:#b47d54}.craft-copy p{color:#645f57}.craft-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.craft-grid article img{height:245px}.craft-grid h3{text-align:center;letter-spacing:.12em;margin:18px 0 6px;font-size:12px}.craft-grid p{text-align:center;color:#666;font-size:11px}.gallery-band{background:#151917;grid-template-columns:.8fr 1.8fr;gap:42px;padding:95px 5vw;display:grid}.filter-buttons{flex-wrap:wrap;gap:7px;margin-top:26px;display:flex}.filter-buttons button{color:#f5ede2;letter-spacing:.1em;background:0 0;border:1px solid #8d8070;padding:10px;font-size:10px}.filter-buttons button.selected{color:#191919;background:#bb885c}.roof-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:185px;gap:10px;display:grid}.roof-gallery figure{margin:0;position:relative;overflow:hidden}.roof-gallery figure:first-child{grid-area:span 2/span 2}.roof-gallery img{height:100%;transition:transform .5s}.roof-gallery figure:hover img{transform:scale(1.04)}.roof-gallery figcaption{letter-spacing:.13em;background:linear-gradient(#0000,#000c);padding:20px 14px 11px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.finish-cta{align-items:center;min-height:430px;padding:70px 6vw;display:flex;position:relative}.finish-cta>img{filter:brightness(.29);height:100%;position:absolute;inset:0}.finish-cta>div{max-width:800px;position:relative}.finish-cta .primary{margin-top:16px}.inspection-backdrop{z-index:99;background:#000c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.inspection-dialog{color:#1e211d;background:#ece5db;width:min(550px,100%);max-height:93vh;padding:35px;position:relative;overflow:auto}.inspection-dialog h2{margin:18px 0;font-size:48px}.inspection-dialog p{color:#665e58;font-size:12px;line-height:1.8}.inspection-dialog form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inspection-dialog label{font-size:11px;font-weight:700}.inspection-dialog input,.inspection-dialog select{color:#222;background:#fff;border:1px solid #c6bdb3;width:100%;margin-top:6px;padding:12px;display:block}.inspection-dialog form .primary{grid-column:span 2}.close-dialog{background:0 0;border:0;font-size:32px;position:absolute;top:12px;right:18px}.nav button{font:inherit;cursor:pointer;color:inherit;background:0 0}.nav button.outline{font-size:10px}.service-lead button,.finish-cta button,.inspection-dialog .primary{cursor:pointer;font:800 11px Manrope}.finish-cta button,.service-lead button,.inspection-dialog button.primary{color:#151615;background:#c6905e;border:0}@media (width<=900px){.service-showcase,.process-band,.results-band,.craftsmanship,.gallery-band{grid-template-columns:1fr}.sample-note{grid-column:1}.service-photos{grid-template-columns:repeat(3,1fr)}.roof-compare{height:380px}.compare-before img{width:90vw}.service-lead h2,.results-copy h2,.craft-copy h2,.gallery-intro h2,.process-band h2{font-size:58px}}@media (width<=600px){.service-showcase,.process-band,.results-band,.craftsmanship,.gallery-band{padding:65px 5vw}.service-photos{grid-template-columns:1fr}.image-service{height:310px}.process-steps,.craft-grid{grid-template-columns:1fr 1fr}.craft-grid article img{height:190px}.craft-grid article:last-child{grid-column:span 2}.roof-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:145px}.roof-gallery figure:first-child{grid-area:span 2/span 2}.roof-compare{height:330px}.inspection-dialog form{grid-template-columns:1fr}.inspection-dialog form .primary{grid-column:1}}