@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0d0e;--panel:#141718;--line:#303536;--muted:#a7aeb0;--accent:#c5a0ff;--white:#f4f6f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;z-index:99;background:var(--accent);color:#000;padding:15px}.skip:focus{top:0}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:10;background:#0b0d0e;border-bottom:1px solid #ffffff15}.brand{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1.3px;line-height:1}.brand span{font-weight:500}.brand small{display:block;font-family:'DM Sans',sans-serif;font-weight:400;font-size:9px;letter-spacing:2px;margin-top:9px}header nav{display:flex;gap:28px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:14px 24px;border:1px solid var(--accent);background:var(--accent);color:#1b0d2b;font-weight:600;font-size:14px;transition:.2s}.button:hover{background:#dbc3ff;border-color:#dbc3ff;transform:translateY(-2px)}.button.small{min-height:44px;padding:11px 18px}.button.outline{background:#0b0d0e55;border-color:#ffffff65;color:#fff;backdrop-filter:blur(5px)}.button.outline:hover{background:#ffffff20}.menu{display:none}.hero{min-height:690px;height:calc(100svh - 88px);max-height:960px;position:relative;display:flex;align-items:center;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55) 47%,rgba(0,0,0,.16)),linear-gradient(0deg,#080b0cd9,transparent 40%)}.hero-content{position:relative;padding:80px 6%;max-width:1100px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;margin:0 0 24px;color:var(--accent)}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}h1{font-size:clamp(56px,6.5vw,104px)}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:18px;color:#e0e4e3;line-height:1.7;margin:28px 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.hero-bottom button{background:#0007;border:1px solid #ffffff50;color:#fff;padding:9px 14px;font-size:12px;letter-spacing:.5px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:32px 6%;gap:30px}.facts strong{font-family:Manrope,sans-serif;display:block;font-size:24px;font-weight:500;letter-spacing:-.7px}.facts span{font-size:13px;color:var(--muted)}.facts>div+div{border-left:1px solid var(--line);padding-left:40px}.section{padding:110px 6%;max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-heading h2,h2{font-size:clamp(40px,4vw,64px)}.section-heading>p{max-width:440px;color:var(--muted);font-size:16px;margin:0 0 6px}.explorer{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid var(--line);background:var(--panel)}.stage{background:radial-gradient(ellipse at 50% 50%,#2c3335 0%,#171c1e 47%,#0f1314 100%);display:flex;flex-direction:column;padding:25px;min-width:0}.stage-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#a6b1b5}.stage-top span:last-child{color:var(--accent)}#display-stage{width:100%;height:380px;flex:1;min-height:380px}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.view-controls{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.view-controls button,.shape-controls button{color:#bfc5c6;background:transparent;border:1px solid #3a4143;font-size:13px;padding:10px 14px}.view-controls button.active,.shape-controls button.active{background:var(--accent);color:#1b0d2b;border-color:var(--accent)}.diagram-note{font-size:11px;color:#909b9f;text-align:center;max-width:500px;margin:18px auto 0}.config{padding:38px;border-left:1px solid var(--line)}.config .eyebrow{margin-bottom:14px}.config h3{font-size:28px;margin-bottom:30px}.config label{display:block;font-size:13px;margin:23px 0 10px}.shape-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.shape-controls button{padding:9px 5px}select,input,textarea{background:#101314;color:#fff;border:1px solid #414748;border-radius:0;padding:13px 14px;width:100%;max-width:100%;font-size:14px}#pitch-info{font-size:13px;color:var(--muted);min-height:60px}.config-detail{border-top:1px solid var(--line);padding-top:18px;margin:20px 0}.config-detail span{font-size:11px;letter-spacing:1.5px;color:var(--accent)}.config-detail p{font-size:14px;color:var(--muted);margin-bottom:0}.config .button{width:100%}.fine{font-size:12px;color:var(--muted);line-height:1.6}.projects{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111415}.project-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.project{position:relative;border:0;padding:0;height:490px;overflow:hidden;text-align:left;background:#232627;color:#fff}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000d)}.project:hover img{transform:scale(1.035)}.project>div{position:absolute;bottom:27px;left:25px;right:20px;z-index:1}.project span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}.project h3{font-size:26px;margin:12px 0}.project small{font-size:12px;color:#d6dbda}.solutions-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.solution-list button{display:flex;align-items:center;width:100%;gap:20px;text-align:left;background:none;color:#939b9d;border:0;border-bottom:1px solid var(--line);padding:25px 0;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px;line-height:1.4}.solution-list button span{font-size:12px;letter-spacing:0;color:#899395}.solution-list button b{margin-left:auto;font-weight:400}.solution-list button.active{color:var(--accent)}.solution-panel{margin:0;background:var(--panel);border:1px solid var(--line)}.solution-panel img{width:100%;height:310px;object-fit:cover;display:block}.solution-panel>div{padding:26px}.solution-panel h3{font-size:28px;margin-top:12px}.solution-panel p{color:var(--muted);font-size:14px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px}.brands{border-top:1px solid var(--line);margin-top:60px;padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brands>span{font-size:11px;letter-spacing:1.2px;max-width:130px;color:#939c9e}.brands strong{font-size:22px;font-weight:500;color:#d2d7d6;letter-spacing:-.5px}.service{background:#25153e;color:#13190a}.service .eyebrow{color:#414e24}.service .section-heading>p{color:#414b2c}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:20px}.service-grid article{border-top:1px solid #71892e;padding-top:22px}.number{font-size:13px}.service-grid h3{font-size:29px;letter-spacing:-1px;margin:24px 0 18px}.service-grid p{font-size:15px;color:#3c4924;min-height:120px}.service-grid a{font-size:14px;border-bottom:1px solid #5c7028;padding-bottom:6px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:17px;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faq summary:after{content:'+';position:absolute;right:0;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);max-width:550px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);background:#141819}.contact h2{font-size:clamp(50px,5.4vw,86px)}.contact p{color:var(--muted)}.contact-link{display:block;font-size:25px;letter-spacing:-.5px;line-height:1.9}.contact-link.email{color:var(--accent);font-size:21px}form label{display:block;margin:0 0 9px;font-size:13px}form input,form select{margin-bottom:23px}form textarea{resize:vertical;min-height:120px;margin-bottom:20px}form .button{width:100%}#form-status{font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 6%;border-top:1px solid var(--line)}footer p,footer>span{font-size:11px;color:var(--muted)}dialog{border:1px solid #4b5153;background:#111718;color:#fff;padding:18px;max-width:90vw;max-height:93svh}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}dialog img{display:block;max-width:85vw;max-height:76svh;object-fit:contain}dialog button{display:block;margin:0 0 12px auto;color:#fff;background:none;border:1px solid #747b7e;padding:8px 15px}dialog p{font-size:13px}#mobile-nav{padding:20px 6%;background:#161a1b}#mobile-nav a{padding:10px 0;display:block}
@media(min-width:1800px){.hero-content{margin-left:calc((100vw - 1800px)/2)}}@media(max-width:1100px){header nav{gap:15px;font-size:12px}.section{padding:80px 5%}.config{padding:26px}.section-heading{gap:35px}.project{height:400px}.project h3{font-size:23px}.solutions-layout{gap:35px}.solution-list button{font-size:19px}.faq,.contact{gap:50px}.service-grid{gap:30px}.facts>div+div{padding-left:20px}.facts strong{font-size:21px}}@media(max-width:800px){header{height:78px}header nav,header>.button{display:none}.menu{display:block;background:none;border:1px solid #5b6264;color:#fff;padding:9px 16px;font-size:13px}.hero{height:calc(90svh - 78px);min-height:610px}.hero-content{padding:60px 6%}.hero h1{font-size:clamp(50px,9vw,76px)}.intro{font-size:16px}.hero-bottom>span{font-size:9px;max-width:210px}.facts{grid-template-columns:1fr 1fr;gap:24px;padding:28px 6%}.facts>div+div{border:0;padding-left:0}.facts strong{font-size:21px}.facts span{font-size:12px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:600px}.section-heading h2,h2{font-size:43px}.explorer{grid-template-columns:1fr}.config{border-top:1px solid var(--line);border-left:0;padding:28px}.config h3{font-size:27px}.stage{padding:20px}#display-stage{min-height:300px;height:300px}.project-grid{grid-template-columns:1fr 1fr}.project:first-child{grid-column:1/-1;height:450px}.project{height:330px}.project>div{left:18px;bottom:18px}.project h3{font-size:21px}.solutions-layout{grid-template-columns:1fr;gap:28px}.solution-list button{font-size:20px;padding:17px 0}.solution-panel img{height:320px}.brands{justify-content:flex-start;gap:22px 30px}.brands>span{max-width:none;flex-basis:100%}.brands strong{font-size:20px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid p{min-height:0;max-width:530px}.service-grid h3{margin-top:15px}.faq,.contact{grid-template-columns:1fr;gap:35px}.faq summary{font-size:16px}.contact h2{font-size:61px}footer{flex-wrap:wrap;padding:30px 6%}footer p{order:3;flex-basis:100%;margin:0}}@media(max-width:420px){.hero{min-height:620px}.hero h1{font-size:49px}.hero .actions .button{padding:13px 16px;font-size:12px}.hero-bottom>span{max-width:160px}.project-grid{grid-template-columns:1fr}.project:first-child,.project{height:410px;grid-column:auto}.view-controls button{padding:9px;font-size:12px}.stage-top{font-size:9px}.shape-controls button{font-size:12px}h2,.section-heading h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Unobstructed installation photography, with introductory copy below. */
.hero-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--bg);height:min(72vw,720px);max-height:calc(100svh - 88px);overflow:hidden}
.hero-gallery img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.hero-introduction{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:64px 6%;border-bottom:1px solid var(--line)}
.hero-introduction h1{font-size:clamp(44px,5vw,76px)}
.hero-introduction .intro{margin-top:0}
@media(max-width:800px){.hero-gallery{height:66vw;max-height:none;gap:3px}.hero-introduction{grid-template-columns:1fr;gap:24px;padding:40px 6%}.hero-introduction .eyebrow{margin-bottom:16px}.hero-introduction .intro{font-size:16px;margin-bottom:24px}}
@media(max-width:480px){.hero-gallery{height:105vw;grid-template-columns:repeat(3,65vw);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}.hero-gallery img{scroll-snap-align:center}.hero-introduction h1{font-size:44px}}

/* AVTRONICS / midnight & amethyst */
:root{--bg:#09090d;--panel:#14121c;--line:#302b3b;--muted:#b4afbf;--white:#f8f5ff}
header{background:#09090d}.brand{letter-spacing:-1px}.brand span{color:var(--accent)}.brand small{font-size:12px;letter-spacing:1px}
.hero-gallery{height:420px;max-height:55svh;gap:10px;padding:18px 3% 0;grid-template-columns:1fr 1.25fr 1fr}
.hero-gallery img{border-radius:3px;object-position:center 48%}.hero-introduction{padding:60px 6% 70px;grid-template-columns:1.3fr 1fr;gap:60px}.hero-introduction h1{font-size:clamp(44px,4.6vw,74px);line-height:1.08;letter-spacing:-.045em}.hero-introduction .intro{font-size:17px;color:var(--muted)}
.eyebrow{font-size:13px;letter-spacing:1.8px}.button{border-radius:3px;font-size:15px}.facts{background:#100d17}.facts span{font-size:14px}.facts strong{font-size:23px}.section{padding-top:90px;padding-bottom:90px}.section-heading h2,h2{letter-spacing:-.045em;line-height:1.12}.solution-list button{font-size:22px;padding:23px 0;letter-spacing:-.5px}.solution-list button.active{color:var(--accent)}.solution-panel{border-radius:4px;overflow:hidden}.solution-panel p,.config-detail p,.faq details p,.service-grid p{font-size:16px}.solution-panel>div{padding:30px}.solution-panel img{height:330px}.solution-panel img[hidden]{display:none}.solution-panel:has(img[hidden]){display:flex;align-items:center;min-height:440px;background:linear-gradient(140deg,#231432,#100e18)}.solution-panel:has(img[hidden]) h3{font-size:44px}
.indoor-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:70px;padding-top:60px;border-top:1px solid var(--line)}.indoor-feature h3{font-size:42px}.indoor-feature p:not(.eyebrow){color:var(--muted);max-width:480px}.indoor-feature img{width:100%;height:350px;object-fit:cover;border-radius:4px}
.service{background:linear-gradient(125deg,#221330,#131019);color:var(--white);border-block:1px solid #49345f}.service .eyebrow,.number{color:var(--accent)}.service .section-heading>p,.service-grid p{color:var(--muted)}.service-grid article{border-color:#634583}.service-grid a{border-color:#a982d6}.stage{background:radial-gradient(ellipse at center,#32223f,#121017 75%)}.projects,.contact{background:#100e16}.stage-top,.config-detail span,.diagram-note,.config label,#pitch-info,.view-controls button,.shape-controls button,form label,.fine,.text-link,.project small,.project span,.brands>span{font-size:14px}.project span{letter-spacing:1px}.diagram-note{line-height:1.6}select,input,textarea{background:#0e0c13;font-size:16px;border-color:#4c425b}.config{padding:30px}.shape-controls{grid-template-columns:repeat(2,1fr)}.view-controls button{padding:10px}.copy-enquiry{background:none;border:0;color:var(--accent);text-decoration:underline;padding:14px 0;font-size:14px}footer p,footer>span{font-size:13px}dialog{background:#14101e;border-color:#6b4c89}#mobile-nav{background:#171020}#mobile-nav[hidden]{display:none}.menu{font-size:14px;min-height:44px}header nav{font-size:14px}#display-stage{min-height:330px;height:330px}.contact-link{overflow-wrap:anywhere}button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:1100px){header nav{gap:14px}header>.button{display:none}.hero-introduction{gap:30px}.solution-list button{font-size:20px}.indoor-feature{gap:35px}.facts strong{font-size:20px}}
@media(max-width:800px){.hero-gallery{height:330px;max-height:none;grid-template-columns:1fr 1fr 1fr;padding:10px 3% 0;gap:6px}.hero-introduction{grid-template-columns:1fr;padding:35px 6% 45px;gap:25px}.hero-introduction h1{font-size:clamp(40px,7.8vw,60px)}.hero-introduction .intro{font-size:16px}.section{padding:65px 6%}.indoor-feature{grid-template-columns:1fr;gap:24px;margin-top:45px;padding-top:40px}.indoor-feature img{height:300px}.solution-panel img{height:300px}.brand{font-size:23px}.brand small{font-size:12px}.facts strong{font-size:20px}.contact h2{font-size:52px}}
@media(max-width:480px){.hero-gallery{height:280px;grid-template-columns:repeat(3,70vw);overflow-x:auto;scroll-snap-type:x mandatory}.hero-gallery img{scroll-snap-align:center}.hero-introduction h1{font-size:41px}.hero-introduction .actions{flex-direction:column}.section-heading h2,h2{font-size:36px}.config{padding:22px}.stage{padding:15px}.stage-top{font-size:12px;letter-spacing:.5px;gap:12px}.solution-panel>div{padding:22px}.solution-list button{font-size:18px;gap:14px}.view-controls{display:grid;grid-template-columns:1fr 1fr}.contact-link{font-size:22px}.contact-link.email{font-size:20px}.facts{gap:20px}.facts strong{font-size:18px}.facts span{font-size:14px}.indoor-feature h3{font-size:36px}}

/* Photo-led screen finder. All controls use everyday language. */
.screen-picker{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--panel)}
.screen-example{min-width:0;background:#100d16}.screen-example figure{margin:0}.screen-example img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#191420}.screen-example figcaption{padding:12px 24px;font-size:13px;line-height:1.5;color:var(--muted);border-bottom:1px solid var(--line)}.screen-example-copy{padding:28px 30px}.screen-example-copy .eyebrow{margin-bottom:12px}.screen-example-copy h3{font-size:30px;letter-spacing:-.03em}.screen-example-copy>p:last-child{font-size:16px;color:var(--muted);margin-bottom:0;max-width:600px}.screen-choices{padding:32px;border-left:1px solid var(--line)}.screen-choices>.eyebrow{margin-bottom:22px}.screen-choices fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.screen-choices legend{font-size:18px;font-weight:500;margin-bottom:13px;padding:0}.screen-shapes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.screen-shapes button{padding:15px;text-align:left;background:#0e0b14;border:1px solid #4c425b;color:var(--white);border-radius:3px;min-height:80px}.screen-shapes strong{display:block;font-size:16px;font-weight:600}.screen-shapes span{font-size:14px;color:var(--muted)}.screen-shapes button.active{background:#2f1d43;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.screen-shapes button.active strong{color:#e4d3ff}.screen-shapes button:hover{border-color:var(--accent)}.screen-unsure{margin-top:12px;padding:11px 12px;width:100%;color:var(--muted);background:transparent;border:1px solid transparent;text-align:left;font-size:14px;border-radius:3px}.screen-unsure.active{border-color:var(--accent);color:var(--accent);background:#2f1d43}.screen-unsure:hover{color:var(--accent)}.screen-help{font-size:14px;line-height:1.6;color:var(--muted);margin:11px 0 0}.screen-reassurance{padding:20px 0;border-top:1px solid var(--line)}.screen-reassurance strong{font-weight:500;color:#e0c8ff;font-size:17px}.screen-reassurance p{font-size:15px;color:var(--muted);margin:8px 0 0}.screen-choices .button{width:100%;text-align:center}.screen-next{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px}.screen-next>div{display:flex;gap:16px}.screen-next span{color:var(--accent);font-size:14px;padding-top:3px}.screen-next p{font-size:15px;color:var(--muted);margin:0}.screen-next strong{display:block;color:var(--white);font-weight:500;font-size:17px;margin-bottom:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.screen-picker{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr)}.screen-choices{padding:24px}.screen-example-copy{padding:24px}.screen-example-copy h3{font-size:27px}}
@media(max-width:800px){.screen-picker{grid-template-columns:1fr}.screen-choices{border-left:0;border-top:1px solid var(--line);padding:25px}.screen-example img{aspect-ratio:3/2}.screen-next{grid-template-columns:1fr;gap:20px}.screen-example figcaption{padding:12px 22px}.screen-example-copy{padding:24px}.screen-choices legend{font-size:18px}}

/* Full-frame photography: intrinsic proportions in every orientation. */
:root{--bg:#0b0a10;--panel:#17131e;--accent:#ceb0f5;--line:#39303f;--muted:#bdb5c6}
.hero-gallery{height:auto;max-height:none;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.2vw,36px);padding:28px 6% 0;max-width:1800px;margin:auto;scroll-snap-type:none}
.hero-gallery figure{min-width:0;margin:0;padding:8px;background:#15111b;border:1px solid #3e3249;border-radius:5px;box-shadow:0 18px 45px #0003}
.hero-gallery img{width:100%;height:auto;max-height:none;aspect-ratio:1086/1448;object-fit:contain;object-position:center;display:block;border-radius:2px}
.hero-gallery figcaption{padding:17px 10px 12px;font-family:Manrope,Arial,sans-serif;font-size:clamp(15px,1.3vw,20px);line-height:1.5;color:#f8f5ff}
.hero-gallery figcaption span{display:block;color:#ceb0f5;font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:1.3px;margin-bottom:5px}
.hero-introduction{max-width:1800px;margin:auto;padding-top:56px;padding-bottom:64px}
.hero-introduction h1{font-weight:400}.button{min-height:48px}.solution-panel img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:#0c0a10}
.screen-example img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}.screen-example{display:flex;flex-direction:column;justify-content:center}
.project-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center;max-width:1180px;margin:auto}
.project,.project:first-child{height:auto;grid-column:auto;background:#19141f;border:1px solid var(--line);padding:10px;border-radius:4px;overflow:visible}
.project img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.project:hover img{transform:none}.project:after{display:none}.project>div{position:static;padding:20px 16px 14px}.project-story h3{font-size:clamp(32px,4vw,54px);line-height:1.16}.project-story p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:460px}.project-story .button{margin-top:15px}
.section,.hero-introduction,.facts{min-width:0}.solutions-layout>*{min-width:0}
@media(max-width:800px){.hero-gallery{gap:10px;padding:18px 4% 0}.hero-gallery figure{padding:5px}.hero-gallery figcaption{padding:12px 5px;font-size:15px}.hero-gallery figcaption span{font-size:12px;letter-spacing:.3px}.project-grid{gap:30px}.hero-introduction{padding-top:35px}.solution-panel:has(img[hidden]) h3{font-size:34px}}
@media(max-width:600px){.hero-gallery{grid-template-columns:1fr;gap:20px;padding:20px 6% 0}.hero-gallery figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:7px;gap:12px}.hero-gallery figure:first-child{grid-template-columns:1fr}.hero-gallery figcaption{padding:14px 10px}.hero-gallery figure:first-child figcaption{font-size:20px}.project-grid{grid-template-columns:1fr}.hero-introduction h1{font-size:clamp(33px,9vw,48px)}}
@media(orientation:landscape) and (max-height:600px){.hero-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px}.hero-gallery figure,.hero-gallery figure:first-child{display:block}.hero-gallery img{height:auto;max-height:none}.hero-gallery figcaption{font-size:14px}}

/* Keep changing previews stable and fully visible on rotation. */
.screen-example figure[hidden]{display:none}.screen-example img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;background:#0d0a12}.screen-shapes button[data-screen-shape="outdoor"]{grid-column:1/-1}.screen-example:has(figure[hidden]){min-height:320px}.screen-example-copy{min-height:220px}