:root{--char:#1e1d20;--plum:#291b20;--copper:#c27647;--cream:#eee8dd;--paper:#f8f4eb;--ink:#161417;--muted:#706a68;--line:rgba(28,24,25,.18);--display:"Archivo Black",Impact,sans-serif;--sans:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit}.skip{position:fixed;top:-70px;left:20px;background:#fff;padding:12px 18px;z-index:300}.skip:focus{top:20px}.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:78px;display:flex;align-items:center;background:rgba(31,23,26,.82);color:white;backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.13)}.logo{height:100%;display:flex;align-items:center;gap:13px;padding:0 28px;text-decoration:none;text-transform:uppercase;font-family:var(--mono);font-size:.68rem;line-height:1.15;letter-spacing:.08em}.logo b{color:#e5a778}.logo-roof{width:37px;height:23px;position:relative;border-left:3px solid #e5a778;border-top:3px solid #e5a778;transform:skewY(-29deg)}.logo-roof:after{content:"";position:absolute;width:27px;right:-3px;top:7px;border-top:1px solid #e5a778;box-shadow:0 6px #e5a778,0 12px #e5a778}.topbar nav{display:flex;align-items:center;gap:25px;margin-left:auto}.topbar nav a{text-decoration:none;text-transform:uppercase;font:500 .58rem var(--mono);letter-spacing:.07em;color:#ded4d3}.topbar nav a:hover{color:#e5a778}.top-actions{height:100%;display:flex;margin-left:28px}.phone{display:flex;flex-direction:column;justify-content:center;padding:0 20px;border-left:1px solid rgba(255,255,255,.14);text-decoration:none}.phone small{font:400 .53rem var(--mono);text-transform:uppercase;color:#bfadaa}.phone b{font-size:.82rem}.estimate-link{background:var(--copper);height:100%;padding:0 24px;display:flex;align-items:center;gap:20px;text-transform:uppercase;text-decoration:none;font:500 .6rem var(--mono)}.hero{height:100svh;min-height:740px;position:relative;background:var(--cream);overflow:hidden;display:flex;align-items:center;padding:120px 7vw 65px}.hero-visual{position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,232,218,.97) 0%,rgba(239,232,218,.82) 35%,rgba(239,232,218,.08) 68%),linear-gradient(0deg,rgba(239,232,218,.7),transparent 35%),url('./scene-detail.webp') 68% center/cover;transform:scale(1.04)}.sun{position:absolute;width:min(46vw,680px);aspect-ratio:1;border-radius:50%;right:9vw;top:11vh;background:#e3a469;filter:blur(2px);opacity:.34}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(41,28,31,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(41,28,31,.08) 1px,transparent 1px);background-size:10vw 10vw;mask-image:linear-gradient(90deg,#000 0%,transparent 60%)}.hero-copy{position:relative;z-index:2;max-width:800px}.eyebrow,.index{font:500 .61rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid #7b6d69}.hero h1{font:400 clamp(5rem,10vw,10.8rem)/.73 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:.22em 0}.hero h1 span{color:transparent;-webkit-text-stroke:1px #241d1f}.hero-copy>p{max-width:570px;line-height:1.7;color:#4e4747}.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.btn{min-height:58px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;text-transform:uppercase;font:500 .63rem var(--mono);transition:.3s}.btn:hover{transform:translateY(-3px)}.btn.dark{background:var(--plum);color:white}.btn.light{background:rgba(255,255,255,.53);border:1px solid #a59691}.btn small{font-size:.55rem}.hero-spec{position:absolute;z-index:2;right:3vw;bottom:35px;width:270px;padding:16px 0;border-top:2px solid #272023;display:flex;flex-direction:column;gap:5px}.hero-spec span,.hero-spec small{font:400 .54rem var(--mono);text-transform:uppercase;color:#6b605d}.hero-spec b{font-size:.8rem}.down{position:absolute;z-index:2;left:28px;bottom:30px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:11px;font:400 .54rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.down i{height:46px;width:1px;background:#201a1c}.marquee{height:52px;background:var(--plum);color:#f0c3a4;overflow:hidden;display:flex;align-items:center}.marquee div{white-space:nowrap;font:400 .65rem var(--mono);letter-spacing:.13em;animation:marquee 32s linear infinite}.marquee i{margin:0 20px;font-style:normal;color:var(--copper)}@keyframes marquee{to{transform:translateX(-50%)}}.observatory{background:var(--plum);color:white}.obs-intro{min-height:78vh;padding:130px 8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 70% 20%,rgba(194,118,71,.2),transparent 30%)}.obs-intro h2,.studio-heading h2,.service-title h2,.climate-title h2,.process-header h2,.faq-intro h2,.estimate-copy h2{font:400 clamp(4rem,8vw,9rem)/.8 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:.24em 0}.obs-intro h2 em,.studio-heading h2 em,.service-title h2 em,.climate-title h2 em,.process-header h2 em,.faq-intro h2 em,.estimate-copy h2 em,.film-card h3 em{font-style:normal;color:transparent;-webkit-text-stroke:1px currentColor}.obs-intro p{max-width:500px;color:#c8bfc0;line-height:1.7}.film{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.film-image,.film-overlay{position:absolute;inset:0}.film-image{background-position:center;background-size:cover;transform:scale(1.07)}.film-detail .film-image{background-image:url('./scene-detail.webp')}.film-assembly .film-image{background-image:url('./scene-assembly.webp')}.film-ag .film-image{background-image:url('./scene-agricultural.webp')}.film-home .film-image{background-image:url('./scene-home.webp')}.film-overlay{background:linear-gradient(90deg,rgba(30,21,24,.91) 0%,rgba(30,21,24,.45) 47%,transparent 75%),linear-gradient(0deg,rgba(30,21,24,.7),transparent 40%)}.film-assembly .film-overlay,.film-home .film-overlay{background:linear-gradient(90deg,transparent 20%,rgba(30,21,24,.38) 55%,rgba(30,21,24,.94) 100%),linear-gradient(0deg,rgba(30,21,24,.5),transparent)}.film-card{position:relative;z-index:2;margin-left:8vw;width:min(630px,44vw)}.film-card.right{margin-left:auto;margin-right:8vw}.film-card>span{font:500 .61rem var(--mono);color:#efaa7e;text-transform:uppercase;letter-spacing:.1em}.film-card h3{font:400 clamp(3.3rem,5vw,6.3rem)/.84 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:.3em 0}.film-card p{line-height:1.7;color:#d4c9c9;max-width:550px}.film-card ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:25px 0}.film-card li{font:400 .55rem var(--mono);text-transform:uppercase;padding:9px 11px;border:1px solid rgba(255,255,255,.3);background:rgba(22,15,17,.27);backdrop-filter:blur(8px)}.visual-note{position:absolute;z-index:2;bottom:25px;right:25px;font:400 .48rem var(--mono);text-transform:uppercase;color:rgba(255,255,255,.68)}.arrow-link{display:inline-flex;gap:28px;align-items:center;color:#eda677;font:500 .62rem var(--mono);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;margin-top:20px}.arrow-link b{transition:.25s}.arrow-link:hover b{transform:translateX(7px)}.studio{padding:140px 7vw;background:var(--cream)}.studio-heading{max-width:1050px}.studio-heading p{max-width:540px;line-height:1.7;color:var(--muted)}.roof-config{margin-top:70px;display:grid;grid-template-columns:1.05fr .95fr;min-height:690px;border:1px solid #bcb1aa}.roof-preview{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#faf6ee 0%,#d7cdc0 70%);overflow:hidden;perspective:900px}.roof-preview:before{content:"";position:absolute;width:100%;height:1px;background:#a99e97;top:50%}.roof-plane{width:75%;aspect-ratio:1.65;background:#28292d;transform:rotateX(58deg) rotateZ(-27deg);box-shadow:35px 55px 60px rgba(35,24,26,.28),inset 0 0 0 1px rgba(255,255,255,.18);position:relative;transition:.5s}.roof-plane:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:#17181a;transform:skewX(-45deg);transform-origin:top}.roof-plane i{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.28);box-shadow:3px 0 rgba(0,0,0,.35)}.roof-plane i:nth-child(1){left:12.5%}.roof-plane i:nth-child(2){left:25%}.roof-plane i:nth-child(3){left:37.5%}.roof-plane i:nth-child(4){left:50%}.roof-plane i:nth-child(5){left:62.5%}.roof-plane i:nth-child(6){left:75%}.roof-plane i:nth-child(7){left:87.5%}.roof-preview>span{position:absolute;bottom:25px;left:25px;font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.config-panel{padding:42px;background:var(--paper);display:flex;flex-direction:column}fieldset{border:0;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid #c9c0b8}legend{font:500 .57rem var(--mono);text-transform:uppercase;margin-bottom:14px;color:#796b68}.option-row{display:flex;gap:7px;flex-wrap:wrap}.option-row button{background:transparent;border:1px solid #a99e97;padding:10px 13px;font:500 .58rem var(--mono);text-transform:uppercase;cursor:pointer}.option-row button.active,.option-row button:hover{background:var(--plum);color:white;border-color:var(--plum)}.swatches{display:flex;gap:17px;flex-wrap:wrap}.swatches button{border:0;background:transparent;padding:0;cursor:pointer;font:500 .51rem var(--mono);text-transform:uppercase;color:#635957}.swatches button i{display:block;width:42px;height:42px;border-radius:50%;background:var(--swatch);margin:0 auto 6px;box-shadow:0 0 0 1px #aea29c}.swatches button.active i{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--copper)}.brief{margin-top:auto;padding:22px;background:#ece3d7}.brief>span{font:500 .55rem var(--mono);text-transform:uppercase;color:#806d64}.brief p{font-size:.84rem;line-height:1.6}.btn.copper{background:var(--copper);color:white}.services{padding:140px 7vw;background:var(--paper)}.service-title{max-width:1100px}.service-cards{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-cards article{min-height:360px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px;display:flex;flex-direction:column;transition:.35s}.service-cards article.wide{grid-column:span 2}.service-cards article:hover{background:var(--plum);color:white;transform:translateY(-7px)}.service-cards article>span{font:500 .56rem var(--mono);color:var(--copper)}.service-cards h3{font:400 clamp(1.7rem,2.5vw,3.1rem)/.95 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:auto 0 14px}.service-cards p{font-size:.82rem;line-height:1.65;color:#6a6261;margin:0}.service-cards article:hover p{color:#c9bfc0}.service-cards i{font:400 .5rem var(--mono);text-transform:uppercase;color:#a06d50;margin-top:18px}.climate{background:var(--char);color:white;padding:140px 7vw}.climate-title{max-width:1100px}.climate-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,.17)}.climate-grid article{padding:30px 35px 0 0;margin-right:35px;border-right:1px solid rgba(255,255,255,.17)}.climate-grid article:last-child{border:0}.climate-grid b{font:500 .58rem var(--mono);color:#e6a379}.climate-grid h3{font:400 2rem var(--display);text-transform:uppercase}.climate-grid p{font-size:.83rem;line-height:1.7;color:#bcb6b6}.process{padding:140px 7vw;background:var(--copper);color:#23171a}.process-header{max-width:1000px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:2px solid #5f3024}.process-track article{padding:30px 26px 0 0;position:relative}.process-track article:before{content:"";width:11px;height:11px;background:#5f3024;border-radius:50%;position:absolute;top:-7px;left:0}.process-track span{font:500 .57rem var(--mono);text-transform:uppercase}.process-track h3{font:400 1.55rem var(--display);text-transform:uppercase;line-height:1;margin:2em 0 .8em}.process-track p{font-size:.82rem;line-height:1.6;color:#53342e}.areas{padding:80px 7vw;background:var(--cream);display:grid;grid-template-columns:.5fr 1.5fr;gap:30px;align-items:end}.areas>span{font:500 .58rem var(--mono);text-transform:uppercase}.areas h2{font:400 clamp(2.6rem,5vw,5.7rem)/.93 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0}.areas p{grid-column:2;color:#6d6260}.faq{padding:140px 7vw;background:var(--plum);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-intro{position:sticky;top:130px;align-self:start}.faq-intro h2{font-size:clamp(3.5rem,5.5vw,6.2rem)}.faq-intro p{color:#bfb5b6;line-height:1.65}.faq-list details{border-top:1px solid rgba(255,255,255,.2);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.2)}summary{list-style:none;display:flex;justify-content:space-between;gap:22px;cursor:pointer;font:400 1.25rem var(--display);text-transform:uppercase;line-height:1.1}summary::-webkit-details-marker{display:none}summary span{font-family:var(--mono);font-size:.8rem;color:#e5a478}details[open] summary span{transform:rotate(90deg)}details p{max-width:650px;color:#bfb7b7;font-size:.84rem;line-height:1.7}.estimate{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--cream);min-height:850px}.estimate-copy{padding:130px 7vw;background:linear-gradient(180deg,rgba(31,22,25,.42),rgba(31,22,25,.95)),url('./scene-detail.webp') center/cover;color:white;display:flex;flex-direction:column}.estimate-copy h2{font-size:clamp(3.8rem,5.8vw,6.8rem)}.estimate-copy>p{color:#d4c9c8;line-height:1.7;max-width:530px}.big-phone{display:flex;flex-direction:column;margin-top:auto;text-decoration:none;font:400 clamp(1.9rem,3vw,3.2rem) var(--display)}.big-phone small{font:500 .58rem var(--mono);text-transform:uppercase;color:#e3a074;margin-bottom:7px}.big-phone i{font:400 .68rem var(--mono);color:#e3a074}.lead-form{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--paper)}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font:500 .58rem var(--mono);text-transform:uppercase;color:#756b68}.field label small{opacity:.55}.field input,.field textarea{border:0;border-bottom:1px solid #aca19c;background:transparent;padding:16px 0;border-radius:0;font:inherit;color:var(--ink)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--copper)}.field textarea{resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}.consent{grid-column:1/-1;display:grid;grid-template-columns:18px 1fr;gap:12px;font-size:.69rem;line-height:1.55;color:#6e6461}.consent input{accent-color:var(--copper);margin-top:3px}.lead-form>button{grid-column:1/-1;min-height:62px;border:0;background:var(--plum);color:white;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font:500 .63rem var(--mono);text-transform:uppercase;cursor:pointer}.form-status{grid-column:1/-1;color:#8b4c31;font-size:.73rem;margin:0}footer{padding:55px 7vw 95px;background:var(--char);color:white;display:grid;grid-template-columns:.7fr 1fr .7fr;gap:40px;align-items:start}footer .logo{padding:0}footer p{color:#aaa3a3;font-size:.78rem;line-height:1.6;margin:0}footer>div{display:flex;flex-direction:column;gap:8px;text-align:right}footer>div a{font:400 .6rem var(--mono);text-transform:uppercase}footer>small{grid-column:1/-1;font:400 .48rem var(--mono);text-transform:uppercase;color:#837c7d}.mobile-actions{display:none}@media(max-width:1050px){.topbar nav,.phone{display:none}.top-actions{margin-left:auto}.film-card{width:min(650px,61vw)}.service-cards{grid-template-columns:repeat(2,1fr)}.roof-config{grid-template-columns:1fr}.roof-preview{min-height:560px}.estimate{grid-template-columns:1fr}.estimate-copy{min-height:700px}footer{grid-template-columns:1fr 1fr}}@media(max-width:700px){body{padding-bottom:70px}.topbar{height:62px}.logo{padding:0 12px;font-size:.55rem}.logo-roof{width:30px;height:19px}.estimate-link{padding:0 13px;font-size:.54rem}.hero{min-height:740px;padding:100px 22px 80px;align-items:flex-end}.hero-visual{background:linear-gradient(0deg,rgba(239,232,218,.98) 0%,rgba(239,232,218,.18) 62%),url('./scene-detail.webp') 64% 30%/cover}.hero-copy{width:100%}.hero h1{font-size:clamp(4rem,19vw,5.7rem)}.hero-copy>p{font-size:.84rem}.hero-actions{display:grid}.btn{width:100%}.hero-spec,.down{display:none}.obs-intro{min-height:68vh;padding:90px 22px}.obs-intro h2,.studio-heading h2,.service-title h2,.climate-title h2,.process-header h2,.faq-intro h2,.estimate-copy h2{font-size:clamp(3.2rem,15vw,5.3rem)}.film{min-height:750px;align-items:flex-end;padding-bottom:65px}.film-image{transform:none}.film-detail .film-image{background-position:63% center}.film-assembly .film-image{background-position:30% center}.film-ag .film-image{background-position:60% center}.film-home .film-image{background-position:63% center}.film-overlay,.film-assembly .film-overlay,.film-home .film-overlay{background:linear-gradient(0deg,rgba(30,21,24,.96) 0%,rgba(30,21,24,.48) 52%,transparent 82%)}.film-card,.film-card.right{width:auto;margin:0 22px}.film-card h3{font-size:clamp(3rem,13vw,4.5rem)}.visual-note{right:22px;bottom:18px}.studio{padding:90px 22px}.roof-config{margin-top:45px}.roof-preview{min-height:390px}.roof-plane{width:78%}.config-panel{padding:24px}.service-cards{grid-template-columns:1fr;margin-top:45px}.service-cards article.wide{grid-column:auto}.services,.climate,.process{padding:90px 22px}.climate-grid{grid-template-columns:1fr}.climate-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.17);padding:28px 0;margin:0}.process-track{grid-template-columns:1fr;border-top:0;border-left:2px solid #5f3024;margin-left:6px}.process-track article{padding:0 0 40px 30px}.process-track article:before{top:0;left:-7px}.process-track h3{margin:.7em 0}.areas{padding:70px 22px;grid-template-columns:1fr}.areas p{grid-column:1}.faq{padding:90px 22px;grid-template-columns:1fr}.faq-intro{position:static}.estimate-copy{padding:90px 22px;min-height:650px}.lead-form{padding:70px 22px;grid-template-columns:1fr}.field,.field.full,.consent,.lead-form>button,.form-status{grid-column:1}footer{padding:50px 22px 30px;grid-template-columns:1fr}footer>div{text-align:left}.mobile-actions{position:fixed;display:grid;grid-template-columns:.8fr 1.2fr;z-index:130;bottom:0;left:0;right:0;height:70px;background:var(--char);color:white}.mobile-actions a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;text-transform:uppercase;font:500 .57rem var(--mono)}.mobile-actions a:first-child{flex-direction:column;gap:1px}.mobile-actions a:first-child b{color:#e5a478}.mobile-actions a:last-child{background:var(--copper)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.film-image{transform:none!important}.btn,.service-cards article{transition:none}}