:root{--navy:#14283f;--deep:#0d2036;--panel:#1b334c;--orange:#ee773d;--white:#f6f5f1;--muted:#b3c0ce;--line:#ffffff20;--ink:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--deep);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}header{height:140px;max-width:1600px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy)}.brand{display:block;flex-shrink:0}.brand-image{display:block;position:relative;overflow:hidden;width:225px;height:130px}.brand-image img{position:absolute;left:0;top:-32px;width:225px;height:225px;mix-blend-mode:lighten}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a{position:relative}nav a:after{content:'';height:2px;background:var(--orange);position:absolute;bottom:-9px;left:0;width:0;transition:width .2s}nav a:hover:after{width:100%}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--orange);color:#14283f;border:1px solid var(--orange);padding:18px 25px;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ff905a;transform:translateY(-2px)}.button.small{padding:13px 23px}.hero{position:relative;min-height:740px;isolation:isolate;display:flex;align-items:center;background:var(--navy);overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-1}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:100% 48%}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10243bfd 0%,#10243bee 30%,#10243baf 54%,#10243b25 82%),linear-gradient(0deg,#10243b88,transparent 45%)}.hero-copy{width:100%;padding:65px 6% 80px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;color:var(--orange);margin:0 0 24px;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.2vw,92px);font-weight:600;letter-spacing:-4.5px;line-height:1.06;margin-bottom:28px}em{font-style:normal;color:var(--orange)}.intro{max-width:495px;font-size:17px;line-height:1.85;color:#d2dce5}.actions{display:flex;gap:28px;align-items:center;margin-top:35px}.text-link{font-size:13px;font-weight:600;display:inline-block;padding-bottom:5px;border-bottom:1px solid #b3c0ce55}.text-link:hover{color:var(--orange)}.hero-facts{display:flex;flex-wrap:wrap;gap:25px;font-size:11px;color:#d2dce5;margin-top:48px}.hero-facts span:before{content:'';color:var(--orange);margin-right:8px}.image-label{position:absolute;bottom:55px;right:6%;text-align:right}.image-label span{font-size:9px;letter-spacing:2px;color:#e4e8ec}.image-label strong{font-size:25px;line-height:1.25;display:block;margin-top:10px;font-weight:500}.image-index{position:absolute;right:25px;top:45px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#eee}.strip{display:flex;align-items:center;justify-content:space-around;padding:27px 6%;gap:20px;background:var(--navy);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px}.strip b{color:var(--orange);font-size:14px}.section{padding:105px 8%;max-width:1600px;margin:auto}h2{font-size:clamp(35px,4vw,60px);line-height:1.12;letter-spacing:-2.3px;font-weight:500;margin-bottom:25px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-bottom:50px}.section-heading>p{max-width:410px;align-self:end;margin-bottom:26px;font-size:15px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services article{position:relative;background:var(--panel);padding:38px 30px 35px;border:1px solid var(--line);border-top:2px solid #54708a;transition:border-color .2s,transform .2s}.services article:hover{border-color:var(--orange);transform:translateY(-4px)}.number{font-size:11px;letter-spacing:2px;color:var(--orange)}h3{font-size:28px;font-weight:500;letter-spacing:-.6px;margin:25px 0 18px;line-height:1.2}.services p{font-size:14px;color:var(--muted);min-height:95px}.services a{font-size:12px;font-weight:bold;color:var(--orange);display:inline-block;margin-top:20px}.work{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--navy);align-items:center}.work-visual video{width:100%;height:570px;object-fit:cover;background:#0a1726;border:1px solid var(--line)}.caption{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin-top:14px}.work-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.work-copy ul{list-style:none;padding:0;margin:25px 0 35px;font-size:13px;color:#d4dce5}.work-copy li{padding:13px 0;border-bottom:1px solid var(--line)}.work-copy li:before{content:'';color:var(--orange);margin-right:14px}.gallery{background:var(--deep)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.gallery figure{margin:0;min-width:0}.photo-frame{height:490px;position:relative;overflow:hidden;background:var(--panel)}.photo-frame img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.photo-frame:not(.screenshot-photo):hover img{transform:scale(1.04)}.screenshot-photo img{position:absolute;top:-31.2%;height:162.5%;object-fit:cover}.gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.gallery figcaption span{color:var(--muted);font-size:9px;letter-spacing:2px}.gallery figcaption strong{font-size:17px;font-weight:500}.extra-video{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:60px}.extra-video video{width:100%;height:460px;object-fit:contain;background:#081422;border:1px solid var(--line)}.extra-video h3{font-size:42px;margin-top:0;letter-spacing:-1.5px}.extra-video p:not(.eyebrow){font-size:15px;color:var(--muted)}.estimate{background:#edf0f3;color:var(--navy);display:grid;grid-template-columns:1fr 1fr;gap:12%}.estimate .eyebrow{color:#bb4a1a}.estimate p{max-width:410px;font-size:15px}.estimate .muted{color:#667586;font-size:13px}.calculator{background:white;color:var(--navy);padding:38px;border:1px solid #d4dce4;box-shadow:0 16px 40px #0d203609}.calculator label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:13px}.calculator select{margin-bottom:30px}input,textarea,select{border-radius:0;min-width:0}select,input:not([type=range]),textarea{width:100%;padding:14px;border:1px solid #cad4df;background:#fff;color:#14283f}input[type=range]{width:100%;accent-color:#da6631;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#667586}.result{padding:30px 0}.result>span{font-size:9px;letter-spacing:2px;color:#6a798b}.result output{font-size:clamp(25px,2.8vw,40px);letter-spacing:-1.4px;display:block;font-weight:700;margin:10px 0}.result small{font-size:11px;display:block;color:#667586}.calculator .button{width:100%}.calculator .calc-note{font-size:10px;color:#667586;margin:13px 0 0}.process{background:var(--navy)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.steps span{font-size:40px;font-weight:400;color:var(--orange);display:block;padding-bottom:17px;border-bottom:1px solid var(--line)}.steps h3{font-size:21px;margin-top:25px}.steps p{font-size:13px;color:var(--muted)}.about{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}.logo-panel{position:relative;background:var(--navy);border:1px solid var(--line)}.logo-panel img{width:100%;display:block;mix-blend-mode:lighten}.about p:not(.eyebrow){color:var(--muted);font-size:15px}.about .intro{font-size:17px!important}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}details{border-bottom:1px solid var(--line);padding:21px 0}summary{display:flex;justify-content:space-between;gap:18px;list-style:none;font-size:14px;font-weight:600;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--orange);font-size:20px;line-height:1}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;margin:18px 0 0}.contact{background:var(--navy);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact>div>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:15px}.photo-tip{border-left:2px solid var(--orange);padding:5px 0 5px 23px;margin:35px 0}.photo-tip strong{font-size:17px}.photo-tip p{color:var(--muted);font-size:13px;margin:10px 0 0}.contact .contact-note{font-size:11px!important;max-width:320px!important}form{background:var(--panel);padding:32px;border:1px solid var(--line)}form label{display:block;font-size:12px;font-weight:600;color:#e6ecf2}form input,form select,form textarea{margin:9px 0 18px;font-size:13px;background:#14283f;border:1px solid #52657b;color:#fff}form input::placeholder,form textarea::placeholder{color:#a6b5c6;opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}textarea{resize:vertical}form .button{width:100%;margin-top:5px}.privacy{font-size:10px;color:var(--muted);margin:15px 0 0}.copy-button{background:var(--orange);color:var(--navy);border:0;padding:12px 20px;cursor:pointer;font-weight:600}#copy-status{font-size:12px;color:var(--muted)}#brief{margin-top:25px}footer{max-width:1600px;margin:auto;padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);background:var(--deep)}footer p,footer>a:last-child{font-size:12px;color:var(--muted);margin:0}footer .brand-image{width:180px;height:110px}footer .brand-image img{width:180px;height:180px;top:-20px}dialog{border:1px solid #ffffff30;background:var(--navy);color:#fff;padding:45px 25px 25px;max-width:95vw;max-height:95vh;width:800px}dialog::backdrop{background:#061221ed;backdrop-filter:blur(8px)}#close-photo{position:absolute;right:10px;top:7px;color:#fff;font-size:22px;background:transparent;border:0;cursor:pointer;padding:5px 10px}#photo-content .photo-frame{height:75vh;max-height:780px}#photo-content .photo-frame:not(.screenshot-photo) img{object-fit:contain}#photo-content .screenshot-photo{width:min(100%,55vh);margin:auto}#photo-content .screenshot-photo img{object-fit:cover}.mobile-cta{display:none}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-copy{padding-left:8%}}@media(max-width:1050px){header{padding:0 5%;gap:20px;height:115px}.brand-image{width:190px;height:105px}.brand-image img{width:190px;height:190px;top:-29px}nav{gap:18px;font-size:12px}.hero{min-height:680px}h1{font-size:68px}.hero-copy{padding-left:6%}.image-label{display:none}.section{padding:80px 6%}.services{gap:15px}.services article{padding:28px 22px}.services p{min-height:125px}.steps{gap:20px}.gallery-grid{gap:30px 20px}.photo-frame{height:420px}.result output{font-size:28px}.estimate,.contact{gap:7%}.calculator{padding:28px}.contact form{padding:25px}}@media(max-width:800px){nav{display:none}.hero{min-height:680px}.hero-image img{object-position:70% center}.hero-image:after{background:linear-gradient(90deg,#10243bf7,#10243bbb 65%,#10243b77)}h1{font-size:62px}.hero-copy{padding:60px 6%}.hero .intro{max-width:470px}.section-heading{gap:6%}.services{grid-template-columns:1fr}.services article{padding:28px}.services h3{margin-top:15px}.services p{min-height:0;max-width:600px}.services a{margin-top:10px}.work,.estimate,.about,.faq,.contact{grid-template-columns:1fr;gap:35px}.work-visual video{height:530px}.work-copy{max-width:570px}.estimate p{max-width:650px}.steps{grid-template-columns:1fr 1fr}.logo-panel{max-width:380px}.about .intro{max-width:600px}.gallery figcaption{display:block}.gallery figcaption strong{margin-top:7px}.extra-video{gap:5%}.extra-video h3{font-size:34px}.strip{font-size:9px;letter-spacing:1px}.contact>div>p:not(.eyebrow){max-width:600px}.photo-tip{margin:25px 0}}@media(max-width:520px){html{scroll-padding-top:90px}header{height:100px;padding:0 5%}.brand-image{width:155px;height:90px}.brand-image img{width:155px;height:155px;top:-21px}.button.small{padding:12px 15px;gap:12px;font-size:11px}.hero{min-height:635px}.hero-copy{padding:45px 6% 55px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:49px;letter-spacing:-2.4px;line-height:1.08;margin-bottom:25px}.hero .intro{font-size:15px;line-height:1.8}.actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:27px}.hero .button{padding:17px 20px;font-size:13px}.hero-facts{gap:10px 20px;font-size:10px;margin-top:30px}.image-index{display:none}.strip{flex-wrap:wrap;justify-content:center;padding:23px 5%;font-size:8px;gap:10px 14px}.strip b:last-of-type,.strip span:last-child{display:none}.section{padding:60px 6%}h2{font-size:38px;letter-spacing:-1.7px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:28px}.section-heading>p{font-size:14px;margin-bottom:0}.services article{padding:27px}.services h3{font-size:27px}.work-visual video{height:440px}.caption{font-size:8px;letter-spacing:1px}.gallery-grid{grid-template-columns:1fr;gap:25px}.photo-frame{height:425px}.gallery figcaption{display:flex;padding-top:15px}.gallery figcaption span{font-size:8px;letter-spacing:1.2px}.gallery figcaption strong{font-size:15px;margin-top:0}.extra-video{grid-template-columns:1fr;gap:15px;margin-top:40px}.extra-video h3{font-size:33px}.extra-video video{height:420px}.calculator{padding:26px 22px}.result output{font-size:29px}.steps{gap:22px}.steps span{font-size:32px}.steps h3{font-size:19px}.steps p{font-size:12px}.about .intro{font-size:15px!important}.logo-panel{max-width:300px;width:100%}.faq{gap:10px}.contact form{padding:23px 18px}.form-grid{gap:12px}form input,form select,form textarea{font-size:16px;padding:11px}form label{font-size:11px}footer{padding:30px 6% 95px;flex-wrap:wrap;align-items:center;gap:20px}footer .brand-image{width:150px;height:90px}footer .brand-image img{width:150px;height:150px;top:-20px}footer p{font-size:10px}footer>a:last-child{width:100%;font-size:11px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:20;justify-content:center;font-size:13px;padding:16px;border-bottom:env(safe-area-inset-bottom) solid var(--orange)}dialog{padding:45px 10px 10px}#photo-content .photo-frame{height:65vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:1051px){header .brand-image{height:138px}}footer .brand-image{height:118px}@media(max-width:520px){header .brand-image,footer .brand-image{height:95px}}

.hero-facts span:before,.work-copy li:before{display:none}.strip{gap:25px}.button>span:empty{display:none}

.contact{align-items:start;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:5%}.direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:30px 0}.direct-contact a{overflow-wrap:anywhere}.inquiry-embed{min-width:0;border:1px solid var(--line);background:#f6f6f6;border-radius:6px;overflow:hidden}.inquiry-embed iframe{display:block;width:100%;height:2075px;border:0}.form-fallback{padding:12px 22px 20px;margin:0;color:#14283f;font-size:13px}.form-fallback a{color:#14283f}@media(max-width:800px){.contact{grid-template-columns:1fr;gap:25px}.inquiry-embed iframe{height:2200px}}@media(max-width:520px){.inquiry-embed iframe{height:2350px}.inquiry-embed{margin-left:-3%;margin-right:-3%}.direct-contact{gap:12px}}