*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);background:var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit}.media,.media img{width:100%;height:100%}.media{display:block;overflow:hidden}.media img{object-fit:cover}.media img.contain{object-fit:contain;padding:8%}.site-header{position:sticky;top:0;z-index:90;transition:.35s transform,.35s background,.35s box-shadow}.site-header.hide{transform:translateY(-110%)}.header-shell{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:22px;padding:0 var(--pad);min-height:84px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:68px;height:68px;object-fit:contain}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:16px;letter-spacing:.05em}.brand-copy small{font-size:10px;letter-spacing:.18em;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link,.services-trigger{border:0;background:transparent;padding:12px 14px;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px}.services-trigger svg{width:14px}.nav-services{position:relative}.services-menu{position:absolute;top:calc(100% + 18px);right:-160px;width:min(680px,86vw);padding:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 28px 80px #0002;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s;display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:120}.nav-services.open .services-menu{opacity:1;visibility:visible;transform:none}.services-menu:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}.services-menu>a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;font-size:12px;font-weight:800}.services-menu>a:hover{background:var(--soft)}.menu-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:4px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-head span{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.menu-head a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.menu-head svg{width:18px}.service-icon{width:42px;height:42px;border-radius:12px;display:inline-grid;place-items:center;flex:0 0 auto}.service-icon svg,.fact-ribbon svg,.mini-grid svg,.contact-cards svg,.location-band svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;font-weight:900}.header-cta{padding:12px 17px;border-radius:999px;font-size:13px}.header-cta svg,.btn svg,.floating-wa svg{width:19px;height:19px}.hamburger{display:none;background:none;border:0;padding:10px;cursor:pointer}.hamburger span{display:block;width:21px;height:2px;background:currentColor;margin:4px 0}.mobile-panel{display:none}.section{max-width:var(--max);margin:0 auto;padding:84px var(--pad)}.section-heading{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.62fr);grid-template-areas:"kicker copy" "title copy";column-gap:48px;row-gap:8px;align-items:end;margin-bottom:34px}.section-heading>.kicker{grid-area:kicker;align-self:end}.section-heading>h2{grid-area:title;margin-top:0}.section-heading>p{grid-area:copy;align-self:end;margin:0 0 10px;max-width:460px;justify-self:end}.section-heading h2,.about-copy h2,.detail-content h2,.contact-details h2,.form-head h2{font-family:var(--display);font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:-.045em;margin:10px 0}.section-heading em{font-style:normal;color:var(--accent)}.section-heading p{opacity:.7;max-width:540px}.kicker,.eyebrow,.terminal-tag{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.btn{min-height:50px;padding:14px 20px;border-radius:12px}.btn.primary{background:var(--accent);color:var(--accentText)}.btn.ghost{border:1px solid var(--line);background:transparent}.btn svg{width:18px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.marquee{overflow:hidden;white-space:nowrap}.marquee-track{display:flex;width:max-content;align-items:center;animation:marquee 26s linear infinite}.marquee span{font-weight:900;letter-spacing:.04em}.marquee i{font-style:normal;margin:0 24px;opacity:.5}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.fact-ribbon{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fact-ribbon article{display:flex;align-items:center;gap:13px;padding:19px;border:1px solid var(--line);background:var(--surface)}.fact-ribbon article>svg{width:25px;flex:0 0 auto}.fact-ribbon small{display:block;font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.fact-ribbon b{font-size:14px}.product-card{display:block;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:.35s transform,.35s box-shadow,.35s border-color}.product-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #0002}.card-media{position:relative;overflow:hidden;background:var(--mediaBg)}.card-media .media img{transition:.6s transform}.product-card:hover .card-media img{transform:scale(1.04)}.card-media .media img.contain{transform:none}.product-card:hover .card-media .media img.contain{transform:scale(1.04)}.card-index{position:absolute;top:14px;right:14px;font-size:10px;font-weight:900;letter-spacing:.12em}.card-copy{display:flex;align-items:center;gap:13px;padding:18px}.card-copy h3{font-family:var(--display);font-size:22px;line-height:1.05;margin:0 0 6px}.card-copy p{font-size:12px;line-height:1.55;opacity:.65;margin:0}.card-arrow{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);flex:0 0 auto}.card-arrow svg{width:16px}.brands-section{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.brands-label{width:250px;flex:0 0 auto;padding:18px 24px;background:var(--ink);color:var(--bg);display:grid;align-content:center;position:relative;z-index:2}.brands-label span{font-size:11px;font-weight:900;letter-spacing:.14em}.brands-label small{opacity:.6;margin-top:4px}.brands-section .marquee{flex:1;display:flex;align-items:center}.brands-section .marquee-track{padding:22px 0}.brands-section .marquee span{font-size:14px}.cta-section{display:flex;align-items:end;justify-content:space-between;gap:40px}.cta-section h2{font-family:var(--display);font-size:clamp(44px,6vw,80px);line-height:.93;letter-spacing:-.05em;margin:12px 0}.cta-section p{opacity:.7}.site-footer{background:var(--footer);color:var(--footerText);margin-top:30px}.footer-stripe{border-bottom:1px solid #fff2}.footer-marquee .marquee-track{padding:13px 0}.footer-marquee span{font-size:11px;letter-spacing:.2em}.footer-grid{max-width:var(--max);margin:auto;padding:72px var(--pad);display:grid;grid-template-columns:1.3fr .7fr 1fr 1.1fr;gap:46px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid h3{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:12px;line-height:1.6;opacity:.72}.footer-grid a:hover{opacity:1}.footer-brand .brand{opacity:1;margin-bottom:8px}.footer-brand .brand img{background:#fff;border-radius:12px;padding:5px;width:64px;height:64px}.footer-brand p{max-width:300px}.socials{display:flex;gap:8px}.socials a{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;opacity:.8}.socials svg{width:18px;height:18px}.footer-bottom{max-width:var(--max);margin:auto;padding:18px var(--pad);border-top:1px solid #fff2;display:flex;justify-content:space-between;gap:20px;font-size:11px;opacity:.65}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:80;padding:13px 16px;border-radius:999px;background:#25D366;color:white;display:flex;align-items:center;gap:8px;font-weight:900;font-size:13px;box-shadow:0 12px 35px #0003}.inner-hero{max-width:var(--max);margin:auto;padding:48px var(--pad);position:relative}.inner-copy p,.inner-title p,.inner-v3-copy p{max-width:660px;line-height:1.7;opacity:.72}.inner-copy h1,.inner-title h1,.inner-v3-copy h1{font-family:var(--display);font-size:clamp(52px,7vw,104px);line-height:.9;letter-spacing:-.055em;margin:16px 0;text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none;max-width:100%}.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.about-copy p{line-height:1.8;opacity:.72}.about-visual{position:relative;min-height:580px;background:var(--mediaBg);overflow:hidden}.about-visual>.media{position:absolute;inset:0}.mini-grid{position:absolute;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid div{display:flex;align-items:center;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);font-size:12px}.brand-list-block{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:start}.brand-list-block h2{font-family:var(--display);font-size:clamp(38px,4.5vw,64px);line-height:1;margin:12px 0}.brand-chip-grid{display:flex;flex-wrap:wrap;gap:9px}.brand-chip-grid span{padding:13px 16px;border:1px solid var(--line);background:var(--surface);font-weight:800;font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.catalog-grid .product-card:nth-child(1),.catalog-grid .product-card:nth-child(4){grid-row:span 2}.catalog-grid .card-media{height:310px}.catalog-grid .product-card:nth-child(1) .card-media,.catalog-grid .product-card:nth-child(4) .card-media{height:520px}.detail-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.detail-media{height:650px;position:relative;background:var(--mediaBg);overflow:hidden}.detail-index{position:absolute;right:20px;bottom:15px;font-size:64px;font-weight:950;opacity:.12}.detail-content>.service-icon{width:58px;height:58px;margin-bottom:22px}.detail-content>.service-icon svg{width:30px}.detail-content p{line-height:1.8;opacity:.72}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.detail-facts div{padding:16px;border:1px solid var(--line);background:var(--surface)}.detail-facts span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.detail-facts b{display:block;margin-top:5px;font-size:13px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{border:1px solid var(--line);background:var(--surface);overflow:hidden}.related-card>.media{height:220px;background:var(--mediaBg)}.related-card>div{padding:14px;display:flex;align-items:center;gap:10px}.related-card>div b{font-size:13px}.related-card>div>svg{margin-left:auto;width:17px}.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:start}.contact-cards{display:grid;gap:10px;margin:28px 0}.contact-cards>a,.contact-cards>div{padding:17px;border:1px solid var(--line);background:var(--surface);display:flex;gap:14px;align-items:center}.contact-cards>a>svg,.contact-cards>div>svg,.mail-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);padding:8px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.contact-cards small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.contact-cards b{font-size:13px;word-break:break-word}.wa-form{padding:34px;background:var(--surface);border:1px solid var(--line)}.wa-form label{display:grid;gap:7px;font-size:11px;font-weight:800;margin-top:16px}.wa-form input,.wa-form select,.wa-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:14px;outline:0}.wa-form input:focus,.wa-form select:focus,.wa-form textarea:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font-size:12px;min-height:18px}.location-band{display:grid;grid-template-columns:1fr 1fr;gap:10px}.location-band>div{padding:24px;border:1px solid var(--line);display:flex;gap:14px;align-items:center}.location-band small{display:block;font-size:10px;letter-spacing:.12em;opacity:.55}.location-band b{font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:.7s opacity,.7s transform}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.desktop-nav{display:none}.hamburger{display:block;order:2}.brand{order:1}.header-cta{order:3;margin-left:auto}.header-shell{gap:8px}.mobile-panel{display:block;position:fixed;inset:0;background:#0008;opacity:0;visibility:hidden;transition:.25s;z-index:130}.mobile-panel[aria-hidden="false"]{opacity:1;visibility:visible}.mobile-sheet{position:absolute;top:0;left:0;width:min(420px,90vw);height:100%;background:var(--surface);color:var(--ink);padding:20px;overflow:auto;transform:translateX(-100%);transition:.3s}.mobile-panel[aria-hidden="false"] .mobile-sheet{transform:none}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:12px}.mobile-close{border:1px solid var(--line);background:transparent;border-radius:50%;width:38px;height:38px;font-size:24px}.mobile-sheet>a,.mobile-services-trigger{display:flex;width:100%;padding:14px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;font-weight:900;text-align:left;justify-content:space-between}.mobile-services{display:none;padding:6px 0 10px}.mobile-services.open{display:grid}.mobile-services>a{display:flex;align-items:center;gap:10px;padding:10px 8px;font-size:12px}.mobile-services .service-icon{width:32px;height:32px}.mobile-services .service-icon svg{width:17px}.mobile-contact{display:grid;gap:6px;padding:20px 8px;font-size:12px;opacity:.7}.menu-open{overflow:hidden}.section-heading{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy";gap:10px}.section-heading>p{justify-self:start;margin-top:4px}.about-story,.detail-layout,.contact-layout,.brand-list-block{grid-template-columns:1fr}.about-visual{min-height:480px}.detail-media{height:500px}.fact-ribbon{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-grid .product-card:nth-child(1),.catalog-grid .product-card:nth-child(4){grid-row:auto}.catalog-grid .card-media,.catalog-grid .product-card:nth-child(1) .card-media,.catalog-grid .product-card:nth-child(4) .card-media{height:300px}}
@media(max-width:620px){:root{--pad:18px}.header-shell{min-height:70px}.brand img{width:46px;height:46px}.brand-copy{display:none}.header-cta{padding:10px 12px}.header-cta span{display:none}.section{padding:68px var(--pad)}.section-heading h2,.about-copy h2,.detail-content h2,.contact-details h2,.form-head h2{font-size:39px}.fact-ribbon{grid-template-columns:1fr 1fr;padding-bottom:28px}.fact-ribbon article{padding:13px}.fact-ribbon b{font-size:12px}.fact-ribbon small{font-size:8px}.brands-section{display:block}.brands-label{width:100%;padding:12px 18px;display:flex;justify-content:space-between}.cta-section{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px;padding:50px var(--pad)}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.floating-wa{right:12px;bottom:12px}.floating-wa span{display:none}.inner-hero{padding:42px var(--pad)}.inner-copy h1,.inner-title h1,.inner-v3-copy h1{font-size:47px}.about-visual{min-height:350px}.mini-grid{grid-template-columns:1fr;left:10px;right:10px;bottom:10px}.catalog-grid{grid-template-columns:1fr}.catalog-grid .card-media,.catalog-grid .product-card:nth-child(1) .card-media,.catalog-grid .product-card:nth-child(4) .card-media{height:260px}.detail-media{height:360px}.detail-facts{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}.field-row,.location-band{grid-template-columns:1fr}.wa-form{padding:22px}.card-copy p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
:root{--body:"Segoe UI",Arial,sans-serif;--display:"Arial Black",Impact,Arial,sans-serif;--bg:#080b10;--surface:#111821;--ink:#f3f7fb;--accent:#ff8a34;--accentText:#080b10;--soft:#162432;--line:#253646;--mediaBg:#101a23;--footer:#05070a;--footerText:#ecf5fb;--pad:30px;--max:1320px}.site-header{background:#080b10e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.v3-header .brand-copy b{color:#fff}.v3-header .brand-copy small{color:#78d9e8}.v3-navbox{margin-left:auto;display:flex;align-items:center;gap:12px}.v3-header .desktop-nav{margin-left:0;border:1px solid var(--line);padding:4px;border-radius:8px;background:#0f151d}.header-location{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7d93a4}.v3-header .nav-link,.v3-header .services-trigger{border-radius:5px;color:#b9c8d5}.v3-header .nav-link.active,.v3-header .services-trigger.active,.v3-header .nav-link:hover,.v3-header .services-trigger:hover{background:#1a2937;color:#fff}.v3-header .header-cta{background:#25D366;color:#fff;border-radius:7px}.v3-header .services-menu{right:auto;left:-250px;background:#0f151d;color:#fff;border-color:#2c4050;border-radius:8px}.v3-header .services-menu>a:hover{background:#172431}.v3-header .service-icon{background:#1c2c3a;color:#78d9e8}.hero-v3{position:relative;min-height:720px;overflow:hidden;border-bottom:1px solid var(--line)}.v3-visual{position:absolute;inset:0;background:#090d12 url("https://res.cloudinary.com/dyv81ryfm/image/upload/f_auto,q_auto,c_limit,w_1600/v1790755408/intake/work/kjfeu89f0df2438uiy72.jpg") center/cover no-repeat}.v3-visual:before{content:"";position:absolute;inset:0;background:#05080cbc;backdrop-filter:blur(14px);z-index:0}.v3-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b10f4 0%,#080b10b5 43%,#080b1025 78%,#080b1080),linear-gradient(0deg,#080b10 0%,transparent 34%);z-index:2}.v3-visual .hero-photo{position:absolute;inset:4% 5% 6% 34%;width:auto;height:auto;z-index:1;border:1px solid #ffffff18;background:#0c1219;box-shadow:0 30px 90px #0008}.v3-visual .media img{object-fit:contain;object-position:center center;animation:v3zoom 16s ease-in-out infinite alternate}.v3-gridlines{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:60px 60px;z-index:2}.v3-scan{position:absolute;left:0;right:0;height:2px;background:#52d7e8;box-shadow:0 0 18px #52d7e8;opacity:.55;z-index:3;animation:scan 5s linear infinite}.v3-overlay{position:relative;z-index:4;max-width:var(--max);margin:auto;min-height:720px;padding:92px var(--pad) 124px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:end}.terminal-tag{color:#78d9e8}.v3-hero-copy h1{font-family:var(--display);font-size:clamp(58px,8vw,112px);line-height:.86;letter-spacing:-.055em;margin:16px 0;text-transform:uppercase}.v3-hero-copy h1 strong{color:var(--accent)}.v3-hero-copy p{max-width:640px;color:#c1cfda;line-height:1.7}.v3 .btn.ghost{border-color:#41515e;color:#fff}.v3-metrics{display:grid;gap:8px}.v3-metrics>div{background:#0d141bcc;border:1px solid #30404e;padding:18px;backdrop-filter:blur(10px)}.v3-metrics span{display:block;color:#78d9e8;font-size:9px;letter-spacing:.14em}.v3-metrics b{display:block;font-family:var(--display);font-size:23px;margin-top:4px}.signal-strip{position:absolute;left:0;right:0;bottom:22px;z-index:5;background:var(--accent);color:#06090d;transform:none;border-block:2px solid #06090d}.signal-marquee .marquee-track{padding:11px 0}.signal-marquee span{font-family:var(--display);font-size:12px;letter-spacing:.12em}.v3-rail-wrap{padding:42px 0 28px;border-bottom:1px solid var(--line);overflow:hidden}.rail-head{max-width:var(--max);margin:0 auto 18px;padding:0 var(--pad);display:flex;justify-content:space-between;color:#7890a3;font-size:10px;letter-spacing:.13em;font-weight:900}.rail-head a{display:flex;gap:8px;align-items:center;color:#fff}.rail-head svg{width:16px}.v3-product-rail{display:flex;gap:12px;width:max-content;animation:railmove 34s linear infinite}.v3-product-rail:hover{animation-play-state:paused}.rail-card{width:310px;height:270px;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden;flex:0 0 auto}.rail-card>.media{height:100%;opacity:.72}.rail-card>.media img.contain{padding:12%}.rail-card>div{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:9px;background:#080b10d9;border:1px solid #ffffff15;padding:10px;backdrop-filter:blur(10px)}.rail-card .service-icon{width:35px;height:35px;background:#182633;color:#78d9e8}.rail-card .service-icon svg{width:18px}.rail-card b{font-size:12px}.rail-card span:last-child{margin-left:auto;color:var(--accent);font-family:monospace}.v3-bento{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px}.bento-copy{position:sticky;top:120px;align-self:start}.bento-copy h2{font-family:var(--display);font-size:clamp(48px,6vw,82px);line-height:.9;text-transform:uppercase;letter-spacing:-.05em}.bento-copy h2 strong{color:var(--accent)}.bento-copy p{color:#91a5b5;line-height:1.7}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bento-grid .product-card{min-height:420px;border-radius:0}.bento-grid .product-card:nth-child(1),.bento-grid .product-card:nth-child(4){grid-column:1/-1;min-height:470px}.bento-grid .card-media{position:absolute;inset:0}.bento-grid .card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b10e8,transparent 65%)}.bento-grid .card-copy{position:absolute;left:0;right:0;bottom:0;background:transparent;color:#fff;z-index:2}.bento-grid .card-copy p{display:none}.bento-grid .service-icon{background:var(--accent);color:#080b10}.v3-brandwall{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brandwall-head{display:flex;justify-content:space-between;font-family:monospace;font-size:10px;color:#78d9e8;margin-bottom:20px}.v3-brand-marquee{border-block:1px solid var(--line)}.v3-brand-marquee .marquee-track{padding:22px 0}.v3-brand-marquee span{font-family:var(--display);font-size:24px;color:#fff}.v3-contact-band{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.v3-contact-band h2{font-family:var(--display);font-size:clamp(38px,4vw,62px);line-height:.98;text-transform:uppercase}.v3-contact-band p{color:#8ea4b4}.v3-contact-band>div:last-child{display:grid;justify-items:end;gap:12px}.v3-contact-band>div:last-child>a{font-family:monospace;color:#78d9e8}.v3-contact-band .socials{margin-top:10px}.v3 .fact-ribbon article,.v3 .product-card,.v3 .brand-chip-grid span,.v3 .contact-cards>a,.v3 .contact-cards>div,.v3 .wa-form,.v3 .location-band>div{background:#0f151d;border-color:var(--line)}.v3 .service-icon{background:#182733;color:#78d9e8}.inner-v3{min-height:620px;max-width:none;padding:0;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.inner-v3-media{position:relative;min-height:620px;background:var(--mediaBg)}.inner-v3-media .media{position:absolute;inset:0}.inner-v3-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#080b10 100%)}.inner-v3-copy{padding:84px var(--pad) 84px 42px;align-self:center;max-width:720px}.inner-v3-copy h1{text-transform:uppercase;font-size:clamp(40px,5vw,74px);text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none;max-width:100%}.inner-v3+.signal-strip{position:relative;bottom:auto;margin-top:-18px}.v3 .about-visual,.v3 .detail-media{border:1px solid var(--line)}.v3 .detail-content>.service-icon{background:var(--accent);color:#080b10}.v3 .wa-form input,.v3 .wa-form select,.v3 .wa-form textarea{background:#080b10;border-color:#2b3d4b;color:#fff}.v3 .socials a{color:#78d9e8}.v3 .cta-section{border-top:1px solid var(--line)}@keyframes v3zoom{from{transform:scale(.82)}to{transform:scale(.88)}}@keyframes scan{0%{top:0}100%{top:100%}}@keyframes railmove{to{transform:translateX(calc(-50% - 6px))}}
@media(max-width:1000px){.v3-navbox{display:none}.v3-visual .hero-photo{inset:4% 4% 28% 18%}.v3-overlay{grid-template-columns:1fr;align-content:end;padding-top:110px}.v3-metrics{grid-template-columns:repeat(3,1fr)}.v3-bento{grid-template-columns:1fr}.bento-copy{position:static}.inner-v3{grid-template-columns:1fr}.inner-v3-media{min-height:420px}.inner-v3-copy{padding:50px var(--pad)}.inner-v3-copy h1{font-size:clamp(38px,7vw,62px)}.v3-contact-band{grid-template-columns:1fr}.v3-contact-band>div:last-child{justify-items:start}}
@media(max-width:620px){.hero-v3,.v3-overlay{min-height:650px}.v3-visual .hero-photo{inset:3% 3% 34% 12%}.v3-overlay{padding:82px var(--pad) 112px}.v3-hero-copy h1{font-size:52px}.v3-metrics{grid-template-columns:1fr 1fr}.v3-metrics>div:last-child{grid-column:1/-1}.rail-card{width:250px;height:230px}.bento-grid{grid-template-columns:1fr}.bento-grid .product-card,.bento-grid .product-card:nth-child(1),.bento-grid .product-card:nth-child(4){grid-column:auto;min-height:360px}.v3-brand-marquee span{font-size:19px}.inner-v3-media{min-height:330px}.inner-v3-copy h1{font-size:45px}.v3-contact-band h2{font-size:38px}}
/* Revision 3 — explicit hero zoom-out, denser sections, separate service */
.brand img{width:78px;height:78px}.header-shell{min-height:94px}.v3-header .brand img{width:76px;height:76px}.hero-v3{min-height:760px}.hero-v3 .v3-visual{background:radial-gradient(circle at 76% 42%,#1c2a35 0%,#0c1118 46%,#080b10 78%)}.hero-v3 .v3-visual .hero-photo{position:absolute;inset:34px 2% 74px 37%;width:auto;height:auto}.hero-v3 .v3-visual .hero-photo img{object-fit:contain!important;object-position:center center!important;animation:v3zoomout 18s ease-in-out infinite alternate!important;filter:drop-shadow(0 28px 50px #0008)}.hero-v3 .v3-visual:after{background:linear-gradient(90deg,#080b10f7 0%,#080b10e0 38%,#080b1066 67%,#080b10b0 100%),linear-gradient(0deg,#080b10 0%,transparent 32%)}@keyframes v3zoomout{from{transform:scale(.82)}to{transform:scale(.88)}}.v3-rail-wrap{padding-top:34px}.v3-bento{grid-template-columns:.65fr 1.35fr;gap:32px}.bento-grid .product-card:nth-child(1),.bento-grid .product-card:nth-child(4){grid-column:1/-1}.v3-service-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:0;padding-top:36px;padding-bottom:36px;max-width:var(--max);margin:0 auto}.v3-service-media{min-height:520px;position:relative;overflow:hidden;border:1px solid var(--line);background:#101a23}.v3-service-media>.media{position:absolute;inset:0}.v3-service-media>.media img{object-fit:cover}.v3-service-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#080b1066)}.v3-service-copy{background:#0f151d;border:1px solid var(--line);border-left:0;padding:58px;display:flex;flex-direction:column;justify-content:center}.v3-service-copy h2{font-family:var(--display);font-size:clamp(44px,5vw,72px);line-height:.9;text-transform:uppercase;letter-spacing:-.045em;margin:16px 0}.v3-service-copy h2 strong{color:var(--accent)}.v3-service-copy p{color:#91a5b5;line-height:1.75}.inner-v3{grid-template-columns:1.05fr .95fr!important}.inner-v3-copy{max-width:none!important;padding-right:42px!important}.inner-v3-copy h1{font-size:clamp(38px,4.5vw,66px)!important;line-height:.93!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}.inner-v3-media .media img.contain{object-fit:contain!important;padding:5%!important}.footer-grid{grid-template-columns:1.2fr .65fr 1fr .8fr 1.1fr;gap:30px}.footer-service{display:flex!important}
@media(max-width:1000px){.brand img{width:64px;height:64px}.hero-v3 .v3-visual .hero-photo{inset:28px 1% 86px 28%}.v3-service-panel{grid-template-columns:1fr}.v3-service-copy{border-left:1px solid var(--line);border-top:0}.v3-service-media{min-height:420px}.footer-grid{grid-template-columns:1.1fr 1fr 1fr}.footer-service{grid-column:auto}}
@media(max-width:620px){.brand img{width:52px;height:52px}.header-shell{min-height:72px}.hero-v3 .v3-visual .hero-photo{inset:70px -8% 150px 22%}.hero-v3 .v3-visual .hero-photo img{animation:none!important;transform:scale(.88)!important}.v3-service-media{min-height:330px}.v3-service-copy{padding:36px 24px}.v3-service-copy h2{font-size:40px}.inner-v3-copy h1{font-size:42px!important}.footer-grid{grid-template-columns:1fr 1fr}.footer-service{grid-column:auto}}
/* Revision 3b — unmistakable hero zoom-out */
.hero-v3 .v3-visual .hero-photo{inset:92px 5% 145px 54%!important;border:1px solid #2a3d4b;background:#0f171f;box-shadow:0 30px 80px #0008}.hero-v3 .v3-visual .hero-photo img{object-fit:contain!important;object-position:center!important;padding:2.5%!important;animation:v3zoomout2 18s ease-in-out infinite alternate!important}.hero-v3 .v3-visual:after{background:linear-gradient(90deg,#080b10fa 0%,#080b10f0 44%,#080b1060 72%,#080b10b8 100%),linear-gradient(0deg,#080b10 0%,transparent 34%)}@keyframes v3zoomout2{from{transform:scale(.74)}to{transform:scale(.80)}}
@media(max-width:1000px){.hero-v3 .v3-visual .hero-photo{inset:110px 4% 190px 46%!important}}
@media(max-width:620px){.hero-v3 .v3-visual .hero-photo{inset:125px 5% 235px 36%!important}.hero-v3 .v3-visual .hero-photo img{animation:none!important;transform:scale(.78)!important;padding:2%!important}}
/* Revision 3c — four-product catalogue fills the grid with no empty cell */
.catalog-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:auto!important}.catalog-grid .product-card:nth-child(1),.catalog-grid .product-card:nth-child(4){grid-row:auto!important}.catalog-grid .card-media,.catalog-grid .product-card:nth-child(1) .card-media,.catalog-grid .product-card:nth-child(4) .card-media{height:360px!important}.catalog-grid .product-card{min-height:0!important}
@media(max-width:760px){.catalog-grid{grid-template-columns:1fr!important}.catalog-grid .card-media,.catalog-grid .product-card:nth-child(1) .card-media,.catalog-grid .product-card:nth-child(4) .card-media{height:280px!important}}
/* Revision 4 — clearer product/service architecture */
.hero-service-shortcut{display:inline-flex;align-items:center;gap:8px;margin-top:15px;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);text-decoration:none}.hero-service-shortcut:hover{transform:translateX(4px)}.enquiry-split{margin-top:0}.detail-facts{align-items:stretch}
/* Revision 4 — V3 true full-image hero with overlay text */
.hero-v3{min-height:780px!important;position:relative;background:#080b10}.hero-v3 .v3-visual{position:absolute!important;inset:0!important;background:#080b10!important}.hero-v3 .v3-visual:before{display:none!important}.hero-v3 .v3-visual .hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important}.hero-v3 .v3-visual .hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;padding:0!important;margin:0!important;filter:none!important;animation:none!important;transform:none!important}.hero-v3 .v3-visual:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,rgba(4,7,10,.92) 0%,rgba(4,7,10,.80) 38%,rgba(4,7,10,.42) 66%,rgba(4,7,10,.22) 100%),linear-gradient(0deg,rgba(4,7,10,.92) 0%,rgba(4,7,10,.08) 52%,rgba(4,7,10,.34) 100%)!important}.hero-v3 .v3-gridlines{z-index:3!important;opacity:.55}.hero-v3 .v3-scan{z-index:4!important}.hero-v3 .v3-overlay{z-index:5!important;min-height:780px!important;padding-top:110px!important}.v3-hero-copy{max-width:810px}.v3-hero-copy p{max-width:620px}.v3-hero-service{color:#78d9e8;border-left:3px solid var(--accent);padding-left:12px}.v3-metrics>div{background:#071019b8!important;border-color:#ffffff22!important;box-shadow:0 16px 38px #0004}@media(max-width:1000px){.hero-v3,.hero-v3 .v3-overlay{min-height:720px!important}.hero-v3 .v3-overlay{padding-top:100px!important}.hero-v3 .v3-visual .hero-photo{inset:0!important}}@media(max-width:620px){.hero-v3,.hero-v3 .v3-overlay{min-height:700px!important}.hero-v3 .v3-overlay{padding:90px var(--pad) 118px!important}.hero-v3 .v3-visual .hero-photo{inset:0!important}.hero-v3 .v3-visual .hero-photo img{object-fit:cover!important;object-position:center center!important;transform:none!important}.hero-v3 .v3-visual:after{background:linear-gradient(0deg,rgba(4,7,10,.95) 0%,rgba(4,7,10,.62) 58%,rgba(4,7,10,.32) 100%)!important}}
/* Revision 5 — full building visible in V3 hero with overlay text */
.hero-v3{min-height:800px!important;background:#070b10!important;overflow:hidden!important}
.hero-v3 .v3-visual{position:absolute!important;inset:0!important;background:#070b10!important;overflow:hidden!important}
.hero-v3 .v3-visual:before{content:""!important;display:block!important;position:absolute!important;inset:-4%!important;background-image:linear-gradient(rgba(7,11,16,.34),rgba(7,11,16,.34)),url("https://res.cloudinary.com/dyv81ryfm/image/upload/f_auto,q_auto,c_limit,w_1600/v1790755408/intake/work/kjfeu89f0df2438uiy72.jpg")!important;background-size:cover!important;background-position:center!important;filter:blur(18px) brightness(.56)!important;transform:scale(1.08)!important;opacity:.72!important;z-index:0!important}
.hero-v3 .v3-visual .hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;box-shadow:none!important;background:transparent!important;z-index:1!important;display:block!important;overflow:hidden!important}
.hero-v3 .v3-visual .hero-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;padding:20px 1.5% 76px!important;margin:0!important;filter:drop-shadow(0 24px 45px rgba(0,0,0,.42))!important;animation:none!important;transform:none!important}
.hero-v3 .v3-visual:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,rgba(4,7,10,.88) 0%,rgba(4,7,10,.70) 34%,rgba(4,7,10,.28) 61%,rgba(4,7,10,.18) 100%),linear-gradient(0deg,rgba(4,7,10,.88) 0%,rgba(4,7,10,.10) 47%,rgba(4,7,10,.28) 100%)!important}
.hero-v3 .v3-gridlines{z-index:3!important;opacity:.42!important}
.hero-v3 .v3-scan{z-index:4!important}
.hero-v3 .v3-overlay{position:relative!important;z-index:5!important;min-height:800px!important;padding:118px var(--pad) 130px!important}
.hero-v3 .v3-hero-copy{max-width:760px!important;text-shadow:0 2px 18px rgba(0,0,0,.42)}
.hero-v3 .v3-hero-copy p{max-width:610px!important;color:#d5e0e8!important}
@media(max-width:1000px){.hero-v3,.hero-v3 .v3-overlay{min-height:750px!important}.hero-v3 .v3-visual .hero-photo img{padding:18px 1% 82px!important;object-fit:contain!important;object-position:center center!important}.hero-v3 .v3-overlay{padding-top:104px!important}}
@media(max-width:620px){.hero-v3,.hero-v3 .v3-overlay{min-height:720px!important}.hero-v3 .v3-visual .hero-photo img{padding:12px 0 96px!important;object-fit:contain!important;object-position:center center!important}.hero-v3 .v3-overlay{padding:92px var(--pad) 118px!important}.hero-v3 .v3-visual:after{background:linear-gradient(0deg,rgba(4,7,10,.94) 0%,rgba(4,7,10,.58) 58%,rgba(4,7,10,.24) 100%)!important}}
/* Revision 6 — final correction: edge-to-edge desktop photo + full-building layer behind overlay text */
.hero-v3{
min-height:800px!important;
width:100%!important;
max-width:none!important;
margin:0!important;
background:#070b10!important;
overflow:hidden!important;
}
.hero-v3 .v3-visual{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
background-image:url("https://res.cloudinary.com/dyv81ryfm/image/upload/f_auto,q_auto,c_limit,w_1600/v1790755408/intake/work/kjfeu89f0df2438uiy72.jpg")!important;
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
overflow:hidden!important;
}
/* The same client photo fills the whole desktop hero in the background; the foreground layer uses contain so the complete building remains visible. */
.hero-v3 .v3-visual:before{
content:""!important;
display:block!important;
position:absolute!important;
inset:0!important;
background:linear-gradient(rgba(7,11,16,.16),rgba(7,11,16,.16)),url("https://res.cloudinary.com/dyv81ryfm/image/upload/f_auto,q_auto,c_limit,w_1600/v1790755408/intake/work/kjfeu89f0df2438uiy72.jpg") center center/cover no-repeat!important;
filter:none!important;
transform:none!important;
opacity:1!important;
z-index:0!important;
}
.hero-v3 .v3-visual .hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:hidden!important;
z-index:1!important;
}
.hero-v3 .v3-visual .hero-photo img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
padding:0!important;
margin:0!important;
transform:none!important;
animation:none!important;
filter:none!important;
opacity:.98!important;
}
.hero-v3 .v3-visual:after{
content:""!important;
display:block!important;
position:absolute!important;
inset:0!important;
z-index:2!important;
background:linear-gradient(90deg,rgba(4,7,10,.86) 0%,rgba(4,7,10,.70) 34%,rgba(4,7,10,.28) 64%,rgba(4,7,10,.18) 100%),linear-gradient(0deg,rgba(4,7,10,.86) 0%,rgba(4,7,10,.06) 54%,rgba(4,7,10,.24) 100%)!important;
}
.hero-v3 .v3-overlay{
position:relative!important;
z-index:5!important;
min-height:800px!important;
max-width:var(--max)!important;
margin:0 auto!important;
padding:118px var(--pad) 130px!important;
}
@media(max-width:1000px){
.hero-v3,.hero-v3 .v3-overlay{min-height:750px!important;}
.hero-v3 .v3-visual,.hero-v3 .v3-visual:before{background-position:center center!important;}
.hero-v3 .v3-visual .hero-photo img{object-fit:contain!important;object-position:center center!important;}
}
@media(max-width:620px){
.hero-v3,.hero-v3 .v3-overlay{min-height:720px!important;}
.hero-v3 .v3-overlay{padding:92px var(--pad) 118px!important;}
.hero-v3 .v3-visual:after{background:linear-gradient(0deg,rgba(4,7,10,.94) 0%,rgba(4,7,10,.58) 58%,rgba(4,7,10,.24) 100%)!important;}
}
/* Revision 6b — keep the edge-to-edge photo visible behind the overlay copy */
.hero-v3 .v3-visual:after{
background:linear-gradient(90deg,rgba(4,7,10,.76) 0%,rgba(4,7,10,.56) 34%,rgba(4,7,10,.18) 64%,rgba(4,7,10,.06) 100%),linear-gradient(0deg,rgba(4,7,10,.72) 0%,rgba(4,7,10,.02) 54%,rgba(4,7,10,.14) 100%)!important;
}
.hero-v3 .v3-hero-copy{text-shadow:0 3px 22px rgba(0,0,0,.82)!important;}
@media(max-width:620px){
.hero-v3 .v3-visual:after{background:linear-gradient(0deg,rgba(4,7,10,.90) 0%,rgba(4,7,10,.44) 58%,rgba(4,7,10,.14) 100%)!important;}
}
/* Revision 8 — V3 mobile responsiveness only. Keep desktop/V1/V2 unchanged. */
@media (max-width:1000px){
.v3-bento{
grid-template-columns:minmax(0,1fr)!important;
gap:30px!important;
width:100%!important;
min-width:0!important;
}
.v3-bento>.bento-copy,
.v3-bento>.bento-grid{
width:100%!important;
max-width:100%!important;
min-width:0!important;
}
.v3-bento .bento-copy{
position:static!important;
top:auto!important;
}
.v3-bento .bento-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
.v3-bento .bento-grid .product-card,
.v3-bento .bento-grid .product-card:nth-child(1),
.v3-bento .bento-grid .product-card:nth-child(4){
grid-column:auto!important;
width:100%!important;
min-width:0!important;
min-height:390px!important;
}
.v3-bento .bento-grid .card-media{
width:100%!important;
min-width:0!important;
}
.v3-bento .bento-grid .card-copy{
width:100%!important;
min-width:0!important;
}
.v3-bento .bento-grid .card-copy>div{
min-width:0!important;
}
.v3-bento .bento-grid .card-copy h3{
overflow-wrap:anywhere!important;
word-break:normal!important;
}
}
@media (max-width:620px){
.v3-bento.section{
padding-left:18px!important;
padding-right:18px!important;
}
.v3-bento{
display:block!important;
}
.v3-bento .bento-copy{
margin-bottom:28px!important;
}
.v3-bento .bento-copy h2{
font-size:clamp(38px,12vw,50px)!important;
line-height:.93!important;
letter-spacing:-.045em!important;
max-width:100%!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.v3-bento .bento-copy p{
font-size:16px!important;
line-height:1.65!important;
max-width:100%!important;
}
.v3-bento .bento-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:14px!important;
width:100%!important;
}
.v3-bento .bento-grid .product-card,
.v3-bento .bento-grid .product-card:nth-child(1),
.v3-bento .bento-grid .product-card:nth-child(4){
grid-column:1!important;
min-height:0!important;
height:auto!important;
display:grid!important;
grid-template-columns:128px minmax(0,1fr)!important;
align-items:stretch!important;
}
.v3-bento .bento-grid .card-media{
position:relative!important;
inset:auto!important;
height:190px!important;
min-height:190px!important;
}
.v3-bento .bento-grid .card-media:after{
background:linear-gradient(90deg,transparent,#080b104d)!important;
}
.v3-bento .bento-grid .card-copy{
position:relative!important;
inset:auto!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
padding:16px 14px!important;
gap:10px!important;
background:#0f151d!important;
align-items:center!important;
}
.v3-bento .bento-grid .card-copy .service-icon{
width:40px!important;
height:40px!important;
}
.v3-bento .bento-grid .card-copy h3{
font-size:18px!important;
line-height:1.08!important;
margin:0!important;
overflow-wrap:anywhere!important;
}
.v3-bento .bento-grid .card-copy p,
.v3-bento .bento-grid .card-arrow{
display:none!important;
}
.v3-bento .bento-grid .card-index{
top:10px!important;
right:10px!important;
}
.v3-product-rail{
max-width:none!important;
}
.v3-service-panel{
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
}
.v3-service-copy,
.v3-service-media{
width:100%!important;
max-width:100%!important;
min-width:0!important;
}
.v3-contact-band{
width:100%!important;
min-width:0!important;
}
}
/* Revision 9 — V3 mobile image/layout correction only. V1/V2 untouched. */
@media (max-width:1000px){
/* Inner product/service heroes must stack: image first, copy below. */
.inner-v3{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
min-height:0!important;
width:100%!important;
}
.inner-v3-media{
width:100%!important;
min-width:0!important;
min-height:clamp(320px,62vw,500px)!important;
}
.inner-v3-media .media{
position:absolute!important;
inset:0!important;
}
.inner-v3-media .media img.contain{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
padding:18px!important;
transform:none!important;
}
.inner-v3-copy{
width:100%!important;
max-width:none!important;
padding:42px var(--pad) 56px!important;
}
/* Dedicated service section must also stack on tablet/mobile. */
.v3-service-panel{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
width:100%!important;
}
.v3-service-media{
min-height:420px!important;
width:100%!important;
}
.v3-service-copy{
border-left:1px solid var(--line)!important;
width:100%!important;
}
/* Product detail image below hero should be generous on smaller screens. */
.v3 .detail-media{
width:100%!important;
min-height:440px!important;
height:440px!important;
}
.v3 .detail-media .media img.contain{
object-fit:contain!important;
padding:18px!important;
}
}
@media (max-width:620px){
/* Home Supply Matrix: large image-first cards, not narrow desktop-style side rows. */
.v3-bento .bento-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:18px!important;
}
.v3-bento .bento-grid .product-card,
.v3-bento .bento-grid .product-card:nth-child(1),
.v3-bento .bento-grid .product-card:nth-child(4){
display:block!important;
width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
grid-column:1!important;
}
.v3-bento .bento-grid .card-media{
position:relative!important;
inset:auto!important;
width:100%!important;
height:230px!important;
min-height:230px!important;
background:#111b24!important;
}
.v3-bento .bento-grid .card-media .media{
width:100%!important;
height:100%!important;
}
.v3-bento .bento-grid .card-media .media img.contain{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
padding:10px!important;
transform:none!important;
}
.v3-bento .bento-grid .card-media:after{
background:linear-gradient(0deg,rgba(8,11,16,.28),transparent 45%)!important;
}
.v3-bento .bento-grid .card-copy{
position:relative!important;
inset:auto!important;
width:100%!important;
padding:18px!important;
background:#0f151d!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
gap:14px!important;
align-items:center!important;
}
.v3-bento .bento-grid .card-copy h3{
font-size:21px!important;
line-height:1.08!important;
margin:0!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.v3-bento .bento-grid .card-copy .service-icon{
width:46px!important;
height:46px!important;
}
/* Inner pages: make the client product image a proper full-width mobile visual. */
.inner-v3-media{
min-height:280px!important;
}
.inner-v3-media .media img.contain{
padding:8px!important;
}
.inner-v3-copy{
padding:28px 18px 42px!important;
}
.inner-v3-copy h1{
font-size:clamp(38px,12vw,50px)!important;
line-height:.94!important;
text-align:left!important;
}
.inner-v3-copy p{
font-size:16px!important;
line-height:1.65!important;
text-align:left!important;
}
.v3 .detail-media{
height:300px!important;
min-height:300px!important;
}
.v3 .detail-media .media img.contain{
padding:8px!important;
}
/* Home dedicated service image should be prominent and full-width. */
.v3-service-panel{
display:block!important;
padding-left:18px!important;
padding-right:18px!important;
}
.v3-service-media{
min-height:300px!important;
width:100%!important;
}
.v3-service-media>.media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
.v3-service-copy{
padding:30px 22px!important;
border:1px solid var(--line)!important;
border-top:0!important;
}
}
/* Revision 10 — fit client product artwork to its card frame without stretching/cropping */
.catalog-grid .card-media,
.catalog-grid .product-card:nth-child(1) .card-media,
.catalog-grid .product-card:nth-child(4) .card-media{
height:auto!important;
min-height:0!important;
aspect-ratio:16/9!important;
display:block!important;
background:var(--mediaBg)!important;
}
.catalog-grid .card-media .media{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
}
.catalog-grid .card-media .media img.contain{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
padding:0!important;
margin:0!important;
transform:none!important;
}
.catalog-grid .product-card:hover .card-media .media img.contain{transform:none!important;}
/* Keep the same artwork large and readable wherever product cards are reused. */
.product-card .card-media .media img.contain{
object-position:center!important;
}
.related-card .media img.contain,
.detail-media .media img.contain{
object-fit:contain!important;
object-position:center!important;
padding:2%!important;
}
@media(max-width:760px){
.catalog-grid .card-media,
.catalog-grid .product-card:nth-child(1) .card-media,
.catalog-grid .product-card:nth-child(4) .card-media{
aspect-ratio:16/9!important;
height:auto!important;
}
}
/* V3 Supply Matrix: enlarge client product artwork without cutting any poster content. */
.v3-bento .bento-grid .card-media .media img.contain{padding:2%!important;object-fit:contain!important;object-position:center!important;}
@media(max-width:620px){.v3-bento .bento-grid .card-media .media img.contain{padding:0!important;}}
.inner-v3-media .media img.contain{object-fit:contain!important;object-position:center!important;padding:2%!important;}
/* Revision 12 — preserve the COMPLETE client product artwork inside every product box.
No zoom/crop: poster text and edge content must remain fully visible. */
.product-card .card-media{overflow:hidden!important;background:var(--mediaBg)!important;}
.product-card .card-media .media{overflow:hidden!important;}
.product-card .card-media .media img.contain,
.product-card:hover .card-media .media img.contain{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
padding:0!important;
margin:0!important;
transform:none!important;
}
/* Catalogue frames track the landscape poster proportion so full artwork reads large without cropping. */
.catalog-grid .card-media,
.catalog-grid .product-card:nth-child(1) .card-media,
.catalog-grid .product-card:nth-child(4) .card-media{
aspect-ratio:16/9!important;
height:auto!important;
min-height:0!important;
}
/* Full artwork must also stay visible in repeated product visuals/detail media. */
.related-card .media img.contain,
.detail-media .media img.contain,
.inner-wide-media .media img.contain,
.inner-v3-media .media img.contain,
.v1-product-grid .card-media .media img.contain,
.v2-product-grid .card-media .media img.contain,
.v3-bento .bento-grid .card-media .media img.contain{
object-fit:contain!important;
object-position:center center!important;
transform:none!important;
}