:root{color-scheme:dark;--paper:#111716;--muted:#aeb8b1;--line:#303a35;--red:#cb4035}
body{background:#111716;color:#edf0e9}
h2 span{color:#97a79b}
.header{background:#101614eF;border-color:#ffffff18}
.hero{background:#0c1210}
.hero-backdrop{display:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.hero:after{background:linear-gradient(90deg,#09100ee0 0%,#0a100e85 44%,#0a100e12 85%),linear-gradient(0deg,#111716 0%,transparent 24%);z-index:-1}
.hero-layout{min-height:650px;padding-block:92px 76px}
.hero-copy{max-width:790px}
.hero h1{font-size:clamp(56px,5.8vw,82px);max-width:790px;line-height:1.04}
.hero h1 span{color:#c8d3c7}
.hero .intro{max-width:500px;text-shadow:0 1px 10px #0006}
.hero-watermark{-webkit-text-stroke:1px #e7f4df2b;opacity:1;top:25px}
.hero-footer{position:relative;z-index:2;padding-right:175px;min-height:65px;color:#a5b2a7}
.hero-motion{position:absolute;z-index:3;bottom:15px;right:56px;display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #ffffff42;border-radius:100px;background:#101814b3;backdrop-filter:blur(10px);color:#dfe7db;font-size:10px}
.hero-motion:hover{background:#29372bf0}
.numbers{background:#171f1b;border-color:#323c34}
.numbers-grid>div{border-color:#364437}.numbers p{color:#a6b5a6}.numbers strong{color:#edf3e8}
.section-heading .eyebrow,.process-intro .eyebrow,.faq .eyebrow{color:#f08473}
.service-list details{background:#161e1a;border-color:#344136}.service-list details[open]{background:#202d24;border-color:#4b6050}
.service-number,.expand{color:#e88371}.service-list .service-tag{color:#9cac9c}.service-body>a{color:#f3927c}
.portfolio{background:#141b18}.filters button{color:#b9c5b5;border-color:#4b5a4a}.filters button:hover{border-color:#91a18a;color:#fff}
.filters button.active{background:#dce6d3;border-color:#dce6d3;color:#172015}
.gallery-navigation,.portfolio-controls>p{color:#a6b5a0}
.gallery-navigation button{border-color:#62725a;color:#dfe8d6}.gallery-navigation button:hover{background:#dce6d3;color:#162014}
.project-image{background:#e7ebe2;border:1px solid #46513f}.image-category{background:#101811d9;color:#e4eddc}.image-arrow{background:#1f3020;color:white}
.project-heading h3{color:#edf2e7}.project-heading>span,.project-open>p{color:#a7b59d}
.portfolio-note{color:#9dac92;border-color:#354330}
.button.dark{background:#d8e3ce;color:#172113}.button.dark:hover{background:#edf3e6}
.about{background:#111813}.about-copy>p:not(.eyebrow){color:#b5c2ad}.education small{color:#a6b29e}
.process{color:#edf2e7}.steps{border-color:#3b4735}.steps li{border-left-color:#3b4735}.steps li.is-current{background:#202d20;border-left-color:#f08771}
.steps li>span{background:#2b3b26;color:#e59c81}.steps li.is-current>span{background:#bf4635;color:#fff}
.faq{background:#172014}.faq details,.faq details:first-child{border-color:#3c4b33}.faq details[open]{background:#22301d}
.contact{background:#10170e}.contact form{background:#1a2517;border:1px solid #3c4e30;color:#e6efdf;box-shadow:0 30px 80px #0003}
.form-title>span,.wizard-progress #quote-step-label{color:#fa9a7f}.wizard-progress>div:first-child{color:#b4c1a9}.wizard-track{background:#3c5030}
.choices label{background:#111b0d;border-color:#485d3a;color:#d9e6d0}.choices label:hover{border-color:#96b182}
.choices label:has(:checked){background:#573322;border-color:#f49472;color:#ffe0ca;box-shadow:inset 0 0 0 1px #e77852}
.field-hint,.group-label,.form-note,.quote-review>p{color:#abbc9b}
.quote-step input:not([type=checkbox]),.quote-step select,.quote-step textarea{background:#111a0e;color:#edf5e6;border-color:#536742}
.quote-step input::placeholder,.quote-step textarea::placeholder{color:#93a880}
.quote-step option{background:#14200e;color:#e8f0e1}.wizard-back{color:#c1cfb5}
.quote-review pre{background:#111c0b;border-color:#445c33;color:#dce9d3}
.error{color:#ffa28b}.form-status,.form-status a{color:#f5bd9e}.footer{color:#a5b895;border-top:1px solid #2d3c24}
dialog{background:#16210f;color:#ecf4e2;border:1px solid #465c32}.dialog-navigation{border-color:#40582e}
.dialog-navigation span{color:#b9caa7}.dialog-navigation button:not(#dialog-zoom){color:#e3efd5;border-color:#66834f}
#dialog-zoom{color:#f5ac8b}.dialog-close{color:#fff;background:#182511;border-color:#8a9d77}
.dialog-copy .eyebrow{color:#f09275}.dialog-copy>p:not(.eyebrow){color:#b7c6a7}
.explorer{background:#0f1913}.explorer-grid{grid-template-columns:.72fr 1.1fr;gap:7%}
.compare{max-width:630px}.comparison-modes{display:grid;grid-template-columns:repeat(5,1fr);border-radius:13px;gap:4px;padding:6px}
.comparison-modes button{border-radius:8px;font-size:10px;padding:10px 5px;min-width:0;min-height:43px}
.comparison-caption{min-height:66px;font-size:12px;color:#bdcbb6;margin-top:22px;line-height:1.7}
.comparison-caption strong{display:block;color:#f0f5e9;font-size:14px;margin-bottom:5px}
.comparison-detail{margin:15px 0 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.comparison-detail button{border:1px solid #627457;border-radius:100px;padding:11px 17px;color:#deead5;background:transparent;font-size:11px;min-height:42px}
.comparison-detail button:hover{background:#314729}.compare.is-expanded{position:relative;grid-column:1/-1;max-width:900px;justify-self:center}
.compare.is-expanded .compare-canvas{max-height:1100px}.compare.is-expanded .comparison-modes{max-width:700px;margin-inline:auto}
@media(max-width:1100px){.hero-motion{right:32px}.hero h1{font-size:64px}.hero-copy{max-width:700px}.explorer-grid{gap:6%}}
@media(max-width:800px){.hero-layout{min-height:590px;padding-block:72px 60px}.hero h1{font-size:clamp(48px,8.5vw,64px)}.hero:after{background:linear-gradient(90deg,#0a120ed9,#0a120e75),linear-gradient(0deg,#111716,transparent 40%)}.hero-video{object-position:62% center}.hero-motion{right:20px;bottom:12px}.hero-footer{padding-right:150px}.hero-footer>a{display:none}.explorer-grid{grid-template-columns:1fr}.compare{max-width:570px}.comparison-caption{min-height:0}}
@media(max-width:480px){.hero-layout{min-height:550px;padding-block:56px 42px}.hero h1{font-size:46px}.hero .intro{font-size:13px}.comparison-modes{grid-template-columns:repeat(3,1fr)}.comparison-modes button{font-size:10px}.comparison-modes button:first-child{grid-column:span 2}.hero-motion{font-size:9px;padding:10px 12px}.hero-footer{padding-right:130px}}

.engineering-story{background:#0b100e;border-block:1px solid #ffffff0b}
.engineering-story-grid{display:grid;grid-template-columns:1fr .88fr;gap:9%;align-items:center}
.process-film{min-width:0}
.process-video-frame{position:relative;border-radius:30px;overflow:hidden;background:#272b24;isolation:isolate}
.process-video-frame video{display:block;width:100%;height:auto;aspect-ratio:6/7;object-fit:cover}
.process-motion{position:absolute;right:20px;bottom:23px;border:1px solid #ffffff58;background:#151b16b3;backdrop-filter:blur(12px);color:#f1f4e9;padding:12px 17px;border-radius:100px;min-height:44px;font-size:11px;transition:background .2s}
.process-motion:hover{background:#354031}
.process-video-progress{position:absolute;bottom:0;inset-inline:0;height:3px;background:#ffffff16}
.process-video-progress span{display:block;height:100%;width:0;background:#f18b6f;transition:width .25s linear}
.process-film figcaption{padding-top:18px}
.video-stages{list-style:none;display:flex;justify-content:space-between;gap:12px;margin:0;padding:0;color:#78867b;font-size:10px;letter-spacing:.3px}
.video-stages li{position:relative;padding-bottom:10px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.video-stages .is-active{color:#f0b095;border-color:#d97659}
.process-film figcaption small{display:block;font-size:9px;color:#7e8b80;margin-top:12px}
.engineering-story-copy .eyebrow{color:#ed967e}
.engineering-story-copy h2{font-size:clamp(34px,3.6vw,54px);line-height:1.12;letter-spacing:-2px;margin-bottom:25px}
.engineering-story-copy>p:not(.eyebrow){color:#abb7ad;font-size:13px;line-height:1.8;max-width:450px}
.engineering-details{list-style:none;margin:32px 0;padding:0;counter-reset:details}
.engineering-details li{display:grid;grid-template-columns:24px 1fr;gap:18px;border-top:1px solid #344034;padding-block:20px}
.engineering-details li>span{font-size:10px;color:#d88c71;padding-top:5px}
.engineering-details h3{font-size:16px;font-weight:500;margin-bottom:8px;letter-spacing:-.3px}
.engineering-details p{color:#9eafa1;font-size:11px;line-height:1.75;max-width:390px}
.engineering-story-copy>.text-link{width:fit-content;color:#dbe6d7;border-color:#4a5c48;font-size:11px}
.instagram-section{background:#111716}
.instagram-panel{position:relative;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:8%;padding:65px 70px;border:1px solid #774734;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#7a46382e,transparent 62%),#201b17;overflow:hidden}
.instagram-copy{position:relative;z-index:1;max-width:800px}
.instagram-copy .eyebrow{color:#ed9b7f}
.instagram-copy h2{color:#f5eee1;font-size:clamp(36px,4vw,57px);font-weight:500;letter-spacing:-2.2px;line-height:1.13;text-wrap:balance}
.instagram-copy>p:not(.eyebrow):not(.instagram-pending){color:#baaea2;font-size:13px;max-width:490px;margin-top:24px;line-height:1.8}
.instagram-link{border-radius:100px;background:#e6b295;color:#2a1b14;margin-top:30px;padding:18px 24px;min-height:54px;gap:30px}
.instagram-link:hover{background:#f3c9ac;transform:translateY(-2px)}
.instagram-link:disabled{cursor:default;opacity:.65;transform:none}
.instagram-copy .instagram-pending{font-size:10px;color:#ad9988;margin-top:12px}
.instagram-copy>p.instagram-handle:not(.eyebrow){font-size:12px;color:#c6a78e;margin-top:14px}
.quote-fallback{padding:30px;background:#1a2517;border:1px solid #3c4e30;border-radius:20px}.quote-fallback p{color:#b4c1a9;font-size:13px;margin-block:20px}.quote-fallback h3{font-size:24px}
.instagram-mark{color:#c5997d;display:flex;align-items:center;flex-direction:column;gap:20px;transform:rotate(-7deg);opacity:.7}
.instagram-mark svg{width:180px;height:180px}
.instagram-mark>span{font-size:12px;line-height:1.9;letter-spacing:4px;text-align:center}
@media(max-width:1100px){.engineering-story-grid{gap:6%}.engineering-story-copy h2{font-size:39px}.engineering-details{margin-block:25px}.engineering-details li{padding-block:16px}.instagram-panel{padding:48px;grid-template-columns:1fr 150px;gap:5%}.instagram-mark svg{width:145px;height:145px}}
@media(max-width:800px){.engineering-story-grid{grid-template-columns:1fr;gap:40px}.process-film{max-width:560px;width:100%;margin-inline:auto}.engineering-story-copy{max-width:600px}.engineering-story-copy h2{font-size:41px}.engineering-story-copy>p:not(.eyebrow){max-width:550px}.engineering-details p{max-width:500px}.instagram-panel{grid-template-columns:1fr;padding:38px 30px}.instagram-copy h2{font-size:39px;max-width:600px}.instagram-mark{position:absolute;width:175px;height:175px;right:-45px;bottom:-45px;opacity:.13}.instagram-mark>span{display:none}.instagram-mark svg{width:175px;height:175px}.instagram-link{position:relative}.process-video-frame{border-radius:22px}}
@media(max-width:480px){.engineering-story-copy h2{font-size:35px}.process-motion{font-size:10px;padding:10px 13px;right:13px;bottom:17px}.video-stages{font-size:9px;gap:7px}.instagram-panel{padding:32px 23px;border-radius:20px}.instagram-copy h2{font-size:32px;letter-spacing:-1.3px}.instagram-copy>p:not(.eyebrow):not(.instagram-pending){font-size:12px}.instagram-link{font-size:11px;padding:17px 21px;gap:18px}.engineering-details li{gap:12px}}