:root{--ink:#123743;--navy:#073d50;--orange:#bd500e;--warm:#e56c21;--paper:#f6f7f3;--muted:#52656b;--line:#d4dddc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bf4c09;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(48px,5.7vw,84px)}h2{font-size:clamp(32px,3.5vw,48px)}h3{font-size:25px}p{color:var(--muted)}em{font-style:normal;color:var(--orange)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:88px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--orange);margin-bottom:18px}.index{font-size:10px;letter-spacing:.14em;color:var(--muted)}.small{font-size:13px;line-height:1.6}.skip{position:fixed;z-index:100;top:-100px;left:16px;background:white;padding:14px}.skip:focus{top:10px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;border-radius:100px;background:var(--orange);border:1px solid var(--orange);font-size:12px;font-weight:700;color:#fff;line-height:1.4;transition:background .18s,transform .18s}.button span{font-size:20px;font-weight:400}.button:hover{background:#993c09;border-color:#993c09;transform:translateY(-2px)}.button.ghost{background:transparent;border-color:#afbfbd;color:var(--ink)}.button.ghost:hover{background:#e7eeeb}.button.light{background:#fff;border-color:#fff;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:700;padding-block:10px;border-bottom:1px solid #a9bbb9;min-height:44px}.text-link span{font-size:20px;color:var(--orange)}.text-link:hover{color:var(--orange)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.plain{display:flex;justify-content:space-between;gap:16px}.plain span{font-size:25px;color:var(--orange)}
/* A compact masthead rather than a tall stacked header. Original ECS artwork. */
.site-header{background:white}.utility{display:flex;justify-content:space-between;align-items:center;min-height:33px;border-bottom:1px solid #edf0ed;font-size:10px;color:var(--muted)}.language-bar{display:flex;gap:3px}.language-bar a{display:flex;min-width:38px;min-height:33px;align-items:center;justify-content:center;font-size:10px;font-weight:700}.language-bar [aria-current]{color:var(--orange);background:#fff4eb;border-radius:0 0 12px 12px}.header-inner{height:94px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{position:relative;display:block;width:190px;height:56px;flex:0 0 190px;overflow:hidden}.brand img{position:absolute;width:363.2px;height:257px;max-width:none;left:-89px;top:-103px;object-fit:fill}.header-inner nav{display:flex;align-items:center;gap:22px;font-size:11px;line-height:1.3}.header-inner nav a{min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}.header-inner nav a:hover,.header-inner nav a[aria-current]{border-color:var(--orange)}.header-cta{font-size:11px;min-height:44px;padding:10px 19px;gap:16px;white-space:nowrap}.menu-toggle{display:none}
/* The new visual signature: offset, rounded and slanted industrial photograph. */
.hero{position:relative;display:grid;grid-template-columns:1fr 1.06fr;column-gap:50px;align-items:center;padding-top:62px;padding-bottom:26px}.hero-content{padding-block:22px}.hero-content h1{font-weight:600;margin-bottom:26px;max-width:620px}.hero-content .eyebrow{display:flex;gap:9px;align-items:center}.hero-content .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warm)}.hero-lede{font-size:16px;line-height:1.75;margin-bottom:30px;max-width:440px}.hero .actions{gap:13px}.hero .button{padding:13px 21px;font-size:11px;gap:18px}.hero .button.ghost{padding:13px 0;border-color:transparent;border-bottom-color:#b9c7c4;border-radius:0;min-height:44px}.hero-photo{position:relative;height:450px;margin:10px 12px 20px 0;isolation:isolate}.hero-photo:before{content:"";position:absolute;inset:10px -10px -10px 10px;background:var(--warm);border-radius:var(--ecs-photo-corners);transform:none;z-index:-1}.hero-photo>img{border-radius:var(--ecs-photo-corners);transform:none;object-position:58% center;filter:brightness(.96)}.hero-caption{position:absolute;bottom:22px;left:24px;right:24px;background:#fffef4f5;border:1px solid #ffffff80;padding:12px 15px;border-radius:16px 6px 16px 6px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.12em;font-weight:700;color:var(--ink);box-shadow:0 4px 24px #05273510}.hero-caption span:last-child{color:var(--orange)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;margin-top:40px;padding-block:24px;border-block:1px solid var(--line);font-size:9px;letter-spacing:.13em;color:var(--muted)}.hero-bottom span:last-child{color:var(--orange);white-space:nowrap}.section-head{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:38px}.section-head h2{max-width:600px}.section-head>p{max-width:350px;font-size:14px;line-height:1.7}.grid{display:grid;gap:28px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.products-section{padding-top:62px;padding-bottom:108px}.product-image{display:block;height:275px;overflow:hidden;border-radius:var(--ecs-photo-corners);background:#e6e9e6}.product-card:nth-child(2){padding-top:40px}.product-card:nth-child(2) .product-image{border-radius:var(--ecs-photo-corners)}.product-card:nth-child(3) .product-image{border-radius:var(--ecs-photo-corners)}.product-image img{transition:transform .35s;object-position:center}.product-image:hover img{transform:scale(1.035)}.card-body{padding:24px 0 0}.product-card h3{font-size:24px;margin:12px 0 15px}.product-card p{font-size:13px;line-height:1.7;margin-bottom:16px}.product-card .index{color:var(--orange)}.product-card .text-link{font-size:11px}.cap-section{position:relative;padding:80px 0;background:var(--navy);color:white;border-radius:68px 0 68px 0;margin-inline:24px;overflow:hidden}.cap-section:before{content:"";position:absolute;background:var(--warm);width:8px;height:125px;transform:rotate(28deg);left:30px;top:-15px;border-radius:8px}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:100px;align-items:start}.cap-section .wrap{width:min(1232px,calc(100% - 96px))}.cap-section .eyebrow{color:#ffa56a}.cap-section h2{margin-bottom:24px}.cap-section .sticky-copy>p:not(.eyebrow){font-size:14px;color:#c4d5d9;margin-bottom:30px;max-width:370px}.cap-section .button{background:#fff;color:var(--navy);border-color:#fff;font-size:11px}.cap-row{display:grid;grid-template-columns:28px 1fr 25px;gap:20px;padding:23px 0;border-top:1px solid #ffffff30}.cap-row:first-child{padding-top:0;border:0}.cap-row:last-child{padding-bottom:0}.cap-row h3{font-size:22px;margin-bottom:8px;letter-spacing:-.025em}.cap-row p{font-size:12px;color:#c4d5d9;line-height:1.65}.cap-row .index{color:#ffa56a;line-height:2.4}.cap-row>span:last-child{font-size:25px;color:#ffa56a}.cap-row:hover h3{color:#ffa56a}.projects-section{padding-block:100px}.project-card .project-image{display:block;height:320px;overflow:hidden;border-radius:var(--ecs-photo-corners)}.project-card:first-child .project-image{border-radius:var(--ecs-photo-corners)}.project-card:nth-child(2){padding-top:45px}.project-card:nth-child(3) .project-image{border-radius:var(--ecs-photo-corners)}.project-card>div{padding-top:24px}.project-card .eyebrow{margin-bottom:12px;font-size:9px}.project-card h3{font-size:24px;margin-bottom:16px}.project-card p:not(.eyebrow){font-size:13px;margin-bottom:14px}.story{padding:30px 0 90px}.story .split{gap:80px;align-items:center;grid-template-columns:1fr 1fr}.story-image{height:490px;border-radius:var(--ecs-photo-corners);overflow:hidden}.story h2{margin-bottom:22px}.story p:not(.eyebrow){font-size:14px;margin-bottom:25px}.principle{padding:16px 0;display:grid;grid-template-columns:130px 1fr;gap:20px;font-size:12px;border-top:1px solid var(--line)}.principle b{font-size:12px}.principle span{color:var(--muted)}.story .text-link{margin-top:12px}.cta{margin:0 24px;background:#d76018;border-radius:52px 52px 0 0;color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-150px;top:-140px;width:450px;height:450px;border:70px solid #fba76a25;border-radius:50%;pointer-events:none}.cta-row{padding:64px 0;display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:1}.cta .eyebrow{color:#fff4e9}.cta h2{margin-bottom:20px;font-size:clamp(30px,3.1vw,44px)}.cta p:not(.eyebrow){color:#fff7f0;font-size:13px}.cta .button{flex:none}.cta .niko-inline{color:white;margin-top:12px;border-color:#ffcfad}.cta .niko-inline span{color:white}footer{background:var(--ink);color:#fff;padding:65px 0 0}footer p{color:#b8cbd0;font-size:12px;line-height:1.75}footer h3{font-size:15px;letter-spacing:-.01em;margin:7px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:90px;padding-bottom:55px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:#d3e0e2;min-height:32px}.footer-grid p{margin-top:15px;max-width:295px}.footer-brand{width:190px;height:56px;filter:none}.social-links{display:flex;gap:22px;margin-top:20px;font-size:10px}.social-links a{min-height:44px;display:flex;align-items:center}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-block:22px;font-size:9px;letter-spacing:.12em;color:#b8cbd0}
/* Product detail: large real product image + catalogue, not a generic banner. */
.product-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:58px 0 70px}.crumb{display:inline-flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;min-height:44px;margin-bottom:30px}.product-intro>.eyebrow{margin-bottom:16px}.product-intro h1{font-size:clamp(48px,5.4vw,76px);margin-bottom:22px}.product-intro .lede{font-size:18px;line-height:1.6}.detail-copy{margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}.detail-copy h2{font-size:20px;letter-spacing:-.02em;margin-bottom:12px}.detail-copy p{font-size:13px;line-height:1.7}.product-intro .actions{margin-top:28px}.product-hero-image{border-radius:var(--ecs-photo-corners);overflow:hidden;background:#dfe3e1;transform:none;box-shadow:14px 14px 0 #e8cbb4}.product-hero-image .photo{aspect-ratio:1/1}.photo{border:0;padding:0;background:#e1e5e2;display:block;width:100%;position:relative;overflow:hidden}.photo>span{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;display:grid;place-content:center;background:#fff;color:var(--orange);font-size:23px}.product-hero-image img{transform:rotate(2deg) scale(1.035)}.catalogue{border-top:1px solid var(--line);padding-top:64px}.model-grid{row-gap:50px}.model-card{min-width:0}.model-photo{border-radius:var(--ecs-photo-corners);overflow:hidden}.model-photo .photo{height:245px;background:#fff}.model-photo img{object-fit:contain;background:#fff;padding:16px}.model-card .eyebrow{font-size:8px;margin-bottom:10px}.model-card h3{font-size:24px;margin-bottom:12px}.model-card .card-body{padding-top:20px}.voltage{display:flex;gap:8px;margin-bottom:12px}.voltage span{background:#e4ece8;border:1px solid #ccdcd6;border-radius:8px;font-size:11px;padding:4px 10px}.model-card .small{font-size:11px}.model-card .text-link{font-size:10px;margin-top:8px}.product-brief{padding-top:0}.brief{border-radius:38px;background:#e5ece6;padding:42px;display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.brief>.eyebrow{grid-column:1;align-self:end}.brief h3{grid-column:1;font-size:30px;max-width:350px;margin-bottom:24px}.brief ul{grid-column:2;grid-row:1/4;margin:0;padding:0;list-style:none;align-self:center}.brief li{border-bottom:1px solid #bfd0c6;padding:13px 0;font-size:13px;display:flex;gap:16px}.brief li:before{content:"↗";color:var(--orange);font-size:18px}.brief>.button{justify-self:start}.brief>.small{grid-column:1;margin-top:16px;font-size:11px}.product-gallery{padding-top:0}.product-gallery .photo{height:450px;border-radius:var(--ecs-photo-corners)}.product-gallery .photo:first-child{border-radius:80px 28px 28px 28px}.product-gallery .photo:last-child{border-radius:28px 28px 80px 28px}.image-dialog{border:0;border-radius:20px;background:white;padding:16px;max-width:90vw;max-height:90vh}.image-dialog::backdrop{background:#092d3ad9}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px;font-size:12px}.dialog-close{background:#eef2ef;border:0;border-radius:100px;min-height:44px;padding:10px 20px}.image-dialog>img{max-height:72vh;height:auto;width:auto;max-width:100%;object-fit:contain}
@media(min-width:1450px){.hero-photo{height:510px}.hero{padding-top:72px;column-gap:75px}.product-image{height:310px}}
@media(max-width:1180px){.wrap{width:calc(100% - 64px)}.header-inner{gap:18px}.header-inner nav{gap:15px;font-size:10px}.brand{width:175px;flex-basis:175px;height:52px}.brand img{width:335px;height:237px;left:-82px;top:-95px}.hero{column-gap:35px}.hero-photo{height:410px}.hero .actions{gap:4px}.hero .button{padding:12px 18px}.hero .button.ghost{padding:12px 4px}.hero-lede{font-size:14px}.split{gap:65px}.cap-section .wrap{width:calc(100% - 64px)}.product-image{height:245px}.footer-grid{gap:60px}}
@media(max-width:950px){.header-inner nav{gap:10px;font-size:9px}.header-cta{padding:10px 14px;font-size:10px}.brand{width:158px;flex-basis:158px}.brand img{width:303px;height:214px;left:-74px;top:-85px}.hero{column-gap:30px}.hero-photo{height:370px}.hero-content h1{font-size:54px}.hero-content .eyebrow{font-size:8px}.hero .actions{display:block}.hero .button.ghost{margin-top:4px}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.section-head{gap:40px}.section-head>p{max-width:290px}.product-card h3,.project-card h3{font-size:21px}.grid{gap:22px}.product-image{height:220px}.split{gap:45px}.cap-row{gap:13px}.cap-row h3{font-size:20px}.story .split{gap:45px}.story-image{height:430px}.principle{grid-template-columns:1fr;gap:4px}.footer-grid{gap:35px}.product-hero{gap:40px}.product-intro .lede{font-size:16px}.model-photo .photo{height:220px}}
@media(max-width:760px){html{scroll-padding-top:18px}.wrap{width:calc(100% - 40px)}.utility{min-height:33px}.utility>span{font-size:8px}.language-bar a{min-height:40px;min-width:40px}.header-inner{height:82px;position:relative;gap:14px}.brand{width:179px;flex-basis:179px;height:52px}.brand img{width:343px;height:243px;left:-84px;top:-97px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:13px;border:1px solid #ccd7d3;border-radius:100px;background:#fff;min-height:44px;padding:9px 15px;color:var(--ink);font-size:11px}.menu-toggle span{font-size:17px}.header-inner nav{display:none;position:absolute;left:0;right:0;top:75px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 35px #15374518;padding:18px;z-index:25;font-size:14px}.header-inner nav.is-open{display:block}.header-inner nav a{padding:9px 8px;min-height:48px;border-bottom:1px solid #eef1ed}.hero{grid-template-columns:1fr;padding-top:32px;gap:0;padding-bottom:0}.hero-content{padding:0}.hero-content .eyebrow{font-size:9px;margin-bottom:20px}.hero-content h1{font-size:clamp(44px,10.8vw,67px);margin-bottom:20px}.hero-lede{font-size:14px;line-height:1.7;margin-bottom:20px}.hero .actions{display:flex;gap:8px}.hero .button{font-size:10px;padding:12px 17px;min-height:46px;gap:16px}.hero .button.ghost{font-size:10px;margin-top:0;padding:12px 6px}.hero-photo{height:310px;margin:35px 13px 5px 8px}.hero-photo:before{border-radius:var(--ecs-photo-corners);inset:10px -10px -10px 10px;transform:none}.hero-photo>img{border-radius:var(--ecs-photo-corners);transform:none}.hero-caption{left:16px;right:16px;bottom:16px;padding:10px 12px;font-size:7px;border-radius:12px 5px 12px 5px}.hero-bottom{margin-top:27px;font-size:7px;letter-spacing:.12em;line-height:1.9;padding-block:18px}.section{padding-block:58px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:34px;max-width:460px}.section-head>p{margin-top:20px;max-width:420px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:15px}.products-section{padding-top:48px;padding-bottom:62px}.grid.three{grid-template-columns:1fr}.grid.two{grid-template-columns:1fr}.grid{gap:38px}.product-card:nth-child(2){padding-top:0}.product-image{height:310px;border-radius:var(--ecs-photo-corners)}.product-card:nth-child(2) .product-image{border-radius:var(--ecs-photo-corners)}.product-card:nth-child(3) .product-image{border-radius:var(--ecs-photo-corners)}.card-body{padding-top:22px}.product-card h3{font-size:26px;margin:10px 0 14px}.product-card p{font-size:13px;max-width:450px;margin-bottom:8px}.cap-section{margin-inline:10px;padding-block:54px;border-radius:40px 0 40px 0}.cap-section .wrap{width:calc(100% - 40px)}.cap-section:before{left:18px;height:90px;width:6px}.split{grid-template-columns:1fr;gap:40px}.cap-section h2{font-size:34px}.cap-section .sticky-copy>p:not(.eyebrow){font-size:13px;max-width:100%}.cap-row{grid-template-columns:24px 1fr 22px;padding-block:20px;gap:12px}.cap-row h3{font-size:21px}.cap-row p{font-size:12px}.cap-row:first-child{border-top:1px solid #ffffff30;padding-top:24px}.project-card:nth-child(2){padding-top:0}.projects-section .grid{gap:40px}.project-card .project-image{height:320px}.project-card h3{font-size:25px}.story{padding:0 0 58px}.story .split{grid-template-columns:1fr;gap:32px}.story-image{height:350px;border-radius:var(--ecs-photo-corners)}.story h2{font-size:33px}.story p:not(.eyebrow){font-size:13px}.principle{grid-template-columns:115px 1fr;gap:16px}.cta{margin-inline:10px;border-radius:34px 34px 0 0}.cta-row{padding-block:46px;display:block}.cta h2{font-size:31px}.cta-row>.button{margin-top:24px}.cta p:not(.eyebrow){font-size:12px;max-width:380px}.cta:after{right:-230px;top:-70px}.cta .niko-inline{font-size:11px}footer{padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px;padding-bottom:36px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:11px}.footer-grid>div>a:not(.brand){font-size:11px;min-height:38px}.footer-bottom{font-size:8px;gap:20px}.social-links{margin-top:10px}.footer-brand{width:190px;height:56px}.footer-brand img{width:363.2px;height:257px;left:-89px;top:-103px}.product-hero{grid-template-columns:1fr;padding:22px 0 55px;gap:35px}.crumb{margin-bottom:18px}.product-intro h1{font-size:52px;margin-bottom:18px}.product-intro .lede{font-size:16px}.detail-copy{margin-top:22px;padding-top:22px}.product-hero-image{margin-inline:10px;border-radius:var(--ecs-photo-corners);box-shadow:9px 9px 0 #e8cbb4}.product-hero-image .photo{aspect-ratio:1.15/1}.catalogue{padding-block:48px}.catalogue .section-head h2{font-size:34px}.model-grid.grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.model-photo{border-radius:var(--ecs-photo-corners)}.model-photo .photo{height:180px}.model-photo img{padding:12px}.model-photo .photo>span{width:30px;height:30px;right:9px;bottom:9px;font-size:18px}.model-card h3{font-size:19px;overflow-wrap:anywhere}.model-card .eyebrow{font-size:7px;line-height:1.6}.model-card .text-link{line-height:1.6;font-size:10px;display:block}.voltage{gap:6px;flex-wrap:wrap}.voltage span{font-size:10px;padding:3px 8px}.model-card .small{font-size:10px;overflow-wrap:anywhere}.brief{display:block;padding:30px 25px;border-radius:28px}.brief h3{font-size:28px}.brief ul{margin-bottom:25px}.brief li{font-size:12px;padding-block:12px}.brief>.small{margin-top:18px}.product-brief{padding-top:0}.product-gallery{padding-top:0}.product-gallery .photo{height:350px}.image-dialog{padding:12px;border-radius:16px;max-width:94vw}.dialog-bar{gap:14px;font-size:11px}.dialog-close{padding:8px 15px}.image-dialog>img{max-height:70vh}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero-content h1{font-size:43px}.hero-lede{font-size:13px}.hero .actions{gap:5px}.hero .button{font-size:9px;padding:11px 14px;gap:10px}.hero .button.ghost{font-size:9px;padding:11px 5px}.hero-photo{height:265px}.product-image{height:275px}.product-hero-image .photo{aspect-ratio:1/1}.model-photo .photo{height:155px}.footer-grid{gap:28px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.product-image:hover img{transform:none}}
.arrow-icon{flex:none;width:20px;height:20px;display:inline-block;vertical-align:middle}.button>span,.plain>span,.text-link>span,.photo>span{display:inline-flex;align-items:center;justify-content:center}.button .arrow-icon{width:18px;height:18px}.plain .arrow-icon{width:24px;height:24px}.cap-row>.arrow-icon{color:#ffa56a}.brief li:before{content:"+";font-weight:400}
.product-intro{min-width:0}.utility>a{display:inline-flex;min-height:33px;align-items:center}.language-bar a{min-width:44px}.review-only{display:none}@media(max-width:760px){.product-intro h1{font-size:clamp(40px,12vw,52px)}.utility>a{min-height:40px}.language-bar a{min-height:44px}}
.section-head>div{min-width:0}.section-head h2{overflow-wrap:anywhere;hyphens:auto}@media(max-width:380px){.header-inner{gap:8px}.menu-toggle{padding-inline:11px}}
.cta{background:var(--orange)}.cta .eyebrow,.cta p:not(.eyebrow){color:#fff}.footer-grid>div>a:not(.brand){min-height:44px;display:flex;align-items:center}@media(max-width:760px){.utility>a{min-height:44px}}
/* ECS depth system — crisp offset backplates, never blurred glows.
   The orange hero stays as approved; secondary photography alternates brand tones. */
:root{--ecs-depth-orange:#e56c21;--ecs-depth-blue:#0c4c63;--ecs-depth-gray:#a2b2b6}
.product-image,.project-image,.story-image,.model-photo,.product-gallery .photo{box-shadow:12px 12px 0 var(--depth,var(--ecs-depth-gray))}
.product-card,.project-card{--depth:var(--ecs-depth-blue)}
.story-image{--depth:var(--ecs-depth-blue)}
.product-hero-image{box-shadow:14px 14px 0 var(--ecs-depth-blue)}
.model-photo{box-shadow:7px 7px 0 var(--depth,var(--ecs-depth-gray))}
.model-card:nth-child(3n+1){--depth:#db9b72}.model-card:nth-child(3n+2){--depth:#638b98}.model-card:nth-child(3n+3){--depth:#a9b8bd}
.product-gallery .photo:first-child{--depth:var(--ecs-depth-orange)}
.product-gallery .photo:last-child{--depth:var(--ecs-depth-blue)}
.product-card .card-body,.project-card>div{padding-top:30px}
.model-card .card-body{padding-top:25px}
@media(max-width:760px){.product-image,.project-image,.story-image,.product-gallery .photo{box-shadow:8px 8px 0 var(--depth,var(--ecs-depth-gray))}.product-hero-image{box-shadow:9px 9px 0 var(--ecs-depth-blue)}.model-photo{box-shadow:5px 5px 0 var(--depth,var(--ecs-depth-gray))}.product-card .card-body,.project-card>div{padding-top:28px}}
/* Full-site mobile utility controls keep a 44px touch target. */
@media(max-width:760px){.language-bar a{min-width:44px;min-height:44px}}

/* Selected concept C: opposite top-left and bottom-right curves. */
:root{--ecs-photo-corners:24% 4% 24% 4% / 34% 6% 34% 6%}

/* Production examples: a gentle 10% zoom within the existing photo frame. */
#projects .project-image img{transform:scale(1);transform-origin:center;transition:transform .32s ease}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #projects .project-image:hover img{transform:scale(1.1)}
}
@media (prefers-reduced-motion:no-preference){
  #projects .project-image:focus-visible img{transform:scale(1.1)}
}

/* Responsive geometry: frames scale with their width instead of fixed heights. */
.hero-photo{height:auto;aspect-ratio:4/3}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%}
.product-image{height:auto;aspect-ratio:4/3}
.project-card .project-image{height:auto;aspect-ratio:5/4}
.story-image{height:auto;aspect-ratio:6/5}
.model-photo .photo{height:auto;aspect-ratio:4/3}
.product-gallery .photo{height:auto;aspect-ratio:4/3}
.hero>*,.split>*,.grid>*,.footer-grid>*{min-width:0}
.brief h3{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.hero-content h1{font-size:clamp(40px,5.7vw,84px)}
@media(min-width:601px) and (max-width:1000px){
 .grid.three:not(.model-grid):not(.plastic-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-card:nth-child(2),.project-card:nth-child(2){padding-top:0}
}
@media(max-width:900px){
 .hero{grid-template-columns:1fr;gap:0;padding-top:32px}
 .hero-content{padding:0}
 .hero-content h1{font-size:clamp(40px,7vw,64px)}
 .hero .actions{display:flex;gap:12px}
 .hero .button.ghost{margin-top:0}
 .hero-photo{width:calc(100% - 22px);max-width:640px;margin:32px auto 10px}
 .hero-bottom{margin-top:28px;grid-column:1}
 .section-head{gap:28px;align-items:start}
 .section-head>p{flex:0 1 40%}
 .cta-row{gap:28px}
}
@media(max-width:600px){
 .grid.three:not(.model-grid):not(.plastic-grid){grid-template-columns:1fr}
 .product-card:nth-child(2),.project-card:nth-child(2){padding-top:0}
 .hero-content h1{font-size:clamp(40px,10.8vw,64px)}
}
/* Switch to the existing menu before the desktop links become cramped. */
@media(min-width:761px) and (max-width:1000px){
 .header-inner{height:82px;position:relative}
 .header-cta{display:none}
 .menu-toggle{display:flex;align-items:center;gap:13px;border:1px solid #ccd7d3;border-radius:100px;background:#fff;min-height:44px;padding:9px 15px;color:var(--ink);font-size:12px}
 .header-inner nav{display:none;position:absolute;left:0;right:0;top:75px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 35px #15374518;padding:18px;z-index:25;font-size:14px}
 .header-inner nav.is-open{display:block}
 .header-inner nav a{padding:9px 8px;min-height:48px;border-bottom:1px solid #eef1ed}
}