:root{--navy:#090b42;--panel:#17195a;--panel2:#20256f;--lime:#b9f528;--cream:#fcf9ef;--pink:#f674b9;--blue:#5ec5ff;--line:rgba(255,255,255,.17);--font:'Manrope',sans-serif;--display:'Archivo Black',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--font)}.svg-sprite{width:0;height:0;position:absolute}.kicker{font:10px var(--mono);letter-spacing:.1em;margin:0 0 17px;color:var(--lime)}mark{background:var(--lime);color:var(--navy);padding:0 .09em;box-decoration-break:clone;-webkit-box-decoration-break:clone}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.065em;line-height:.88;margin:0}h2{font-size:clamp(3.5rem,7vw,8rem)}a{color:inherit;text-decoration:none}header{height:76px;padding:0 3vw;background:var(--navy);display:flex;align-items:center;gap:45px;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font:16px/.78 var(--display);letter-spacing:-.08em}.brand img{width:46px;height:46px;object-fit:contain}.brand small{display:block;font:7px var(--mono);letter-spacing:.13em;margin:6px 0 0 2px}nav{display:flex;gap:28px;font-size:12px;font-weight:800;margin:auto}nav a:hover{color:var(--lime)}.account{padding:10px 14px;border-radius:20px;background:var(--lime);color:var(--navy);font:10px var(--mono);font-weight:bold}.account b{font-size:15px}.hero{height:min(770px,calc(100vh - 76px));min-height:590px;position:relative;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,42,.97) 0%,rgba(5,6,42,.78) 37%,rgba(5,6,42,.12) 76%),linear-gradient(0deg,rgba(5,6,42,.6),transparent 45%)}.hero-copy{position:relative;padding:clamp(80px,11vw,150px) 8vw;width:min(670px,65%)}h1{font-size:clamp(4.7rem,9.4vw,10.4rem)}.hero-copy>p:not(.kicker){font-size:14px;line-height:1.7;max-width:410px;margin:30px 0}.button{display:inline-flex;align-items:center;gap:35px;padding:15px 18px;border:0;font:800 12px var(--font);cursor:pointer}.button b{font-size:20px;font-weight:400}.lime{background:var(--lime);color:var(--navy)}.hero-facts{position:absolute;bottom:25px;left:8vw;right:5vw;display:flex;gap:10px}.hero-facts span{background:rgba(9,11,66,.78);backdrop-filter:blur(9px);padding:11px 15px;border:1px solid var(--line);font:10px var(--mono);letter-spacing:.03em}.hero-facts b{color:var(--lime)}.catalog{padding:130px 6vw;background:var(--navy)}.section-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;margin-bottom:56px}.section-head>p:last-child{font-size:14px;line-height:1.7;max-width:280px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{height:330px;padding:15px;position:relative;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,4,33,.85),transparent 60%)}.category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.category:hover img{transform:scale(1.1)}.category svg,.category span,.category strong{z-index:1;position:relative}.category svg{width:35px;height:35px;padding:7px;background:var(--cream);color:var(--navy);border-radius:10px}.category span{font:10px var(--mono);position:absolute;right:15px;top:18px}.category strong{font-size:16px}.category strong b{float:right;font-size:20px}.c-stickers{background:#4529a9}.c-apparel{background:#116e99}.c-banners{background:#e75580}.c-drinkware{background:#7149b7}.c-headwear{background:#a56c16}.gallery{padding:0 0 120px 6vw;display:grid;grid-template-columns:27% 73%;align-items:end;background:var(--navy)}.gallery-copy{padding:30px 4vw 25px 0}.gallery-copy h2{font-size:clamp(2.7rem,4.5vw,5.6rem)}.gallery-copy>p:not(.kicker){font-size:12px;line-height:1.65;margin-top:20px}.gallery-track{display:flex;gap:12px;overflow:auto;padding:0 6vw 0 0}.gallery figure{flex:0 0 280px;margin:0}.gallery img{width:100%;aspect-ratio:1/1.12;object-fit:cover;border-radius:16px}.gallery figcaption{padding:10px 2px;font:10px var(--mono)}.builder{background:#0e104d;padding:90px 3vw}.builder-top{max-width:800px;margin:0 auto 55px;text-align:center}.builder-top h2{font-size:clamp(3.5rem,6vw,7rem)}.builder-top>p:not(.kicker){font-size:13px;line-height:1.7;max-width:570px;margin:22px auto}.build-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:14px;max-width:1440px;margin:auto}.step-panel,.quote-panel,.upload{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--panel)}.step-panel h3,.quote-panel h3,.upload h3{margin:0 0 17px;font-size:13px;display:flex;align-items:center;gap:7px}.step-panel h3 b,.quote-panel h3 b,.upload h3 b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lime);color:var(--navy);font:10px var(--mono)}.step-panel h3 svg,.quote-panel h3 svg,.upload h3 svg{width:19px;height:19px;margin-left:auto;color:var(--lime)}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.options button{min-height:105px;padding:11px 6px;border:1px solid transparent;border-radius:15px;background:#1a1d62;color:var(--cream);font:700 10px var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.options button.selected{background:#2d318f;border-color:#565be1}.shape{display:block;background:var(--pink);width:35px;height:35px}.die{clip-path:polygon(50% 0,65% 29%,100% 22%,75% 55%,87% 90%,50% 78%,17% 100%,25% 59%,0 35%,38% 29%)}.circle{border-radius:50%;background:var(--blue)}.square{border-radius:4px;background:var(--lime)}.rectangle{width:48px;height:28px;background:var(--pink)}.material{width:29px;height:42px;border-radius:5px;background:linear-gradient(130deg,#ddd,#60649a,#ddd)}.gloss{background:linear-gradient(130deg,#0bb2e4,#e4fffd,#2655a1)}.holo{background:linear-gradient(130deg,#f17eaf,#9bf1d1,#ffe770,#ab90ed)}.ruler{font:18px var(--mono);color:var(--lime)}.quote-panel{background:#17195a}.qty-list{display:grid;gap:7px}.qty-list button{background:#1e216b;border:1px solid transparent;border-radius:13px;padding:12px;color:var(--cream);display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;text-align:left;font:700 12px var(--font);cursor:pointer}.qty-list .selected{background:#3336a0;border-color:#5c60e8}.qty-list strong{font-size:12px}.qty-list em{font:9px var(--mono);color:var(--lime);font-style:normal}.total{margin-top:17px;padding:15px;background:#32349a;border-radius:15px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.total strong{font-size:23px}.delivery{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;font:10px/1.8 var(--mono);color:#c8cae9}.upload{max-width:1440px;margin:14px auto 0}.upload label{height:130px;border:1px dashed #6266e1;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;background:#181b61}.upload input{display:none}.upload label svg{width:30px;height:30px;color:var(--lime)}.upload label strong{font-size:12px}.upload label small{font-size:9px;color:#bfc1eb}.add-project{width:100%;justify-content:center;margin-top:13px}.process{padding:130px 6vw;background:var(--cream);color:var(--navy);display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.process .kicker{color:#343887}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid #c9c7c0}.process li{display:grid;grid-template-columns:45px 1fr 1.25fr;align-items:baseline;gap:15px;padding:23px 0;border-bottom:1px solid #c9c7c0}.process li>b{font:11px var(--mono);color:#4a4eaa}.process li h3{margin:0;font:20px var(--display);letter-spacing:-.05em}.process li p{margin:0;font-size:12px;line-height:1.65;max-width:270px}footer{padding:85px 6vw 26px;background:var(--navy);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}footer h2{font-size:clamp(3.5rem,7vw,8rem)}footer small{grid-column:1/-1;font:9px var(--mono);letter-spacing:.07em;border-top:1px solid var(--line);padding-top:20px;margin-top:55px;color:#b8badd}@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}.category{height:280px}.gallery{grid-template-columns:1fr}.gallery-copy{padding-right:8vw}.build-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr;gap:35px}}@media(max-width:650px){header{height:65px;padding:0 17px}.brand img{width:39px;height:39px}nav{display:none}.account{margin-left:auto}.hero{min-height:620px;height:calc(100svh - 65px)}.hero-copy{width:100%;padding:90px 25px}.hero-copy>p:not(.kicker){font-size:13px;max-width:310px}.hero-facts{left:25px;right:25px;bottom:17px;display:grid;grid-template-columns:1fr 1fr}.hero-facts span:last-child{grid-column:1/-1}.catalog{padding:76px 20px}.section-head{display:block;margin-bottom:35px}.section-head>p:last-child{margin-top:20px}.category-grid{grid-template-columns:1fr 1fr;gap:9px}.category{height:220px;border-radius:13px}.category:last-child{grid-column:1/-1}.gallery{padding:0 0 75px 20px}.gallery-copy{padding:30px 20px 25px 0}.gallery figure{flex-basis:210px}.builder{padding:70px 14px}.builder-top{padding:0 10px}.build-grid{grid-template-columns:1fr}.step-panel,.quote-panel,.upload{border-radius:15px}.options{grid-template-columns:repeat(3,1fr)}.options button{min-height:85px}.process{padding:75px 20px;gap:35px}.process li{grid-template-columns:32px 1fr;gap:8px}.process li p{grid-column:2;font-size:11px}.process li h3{font-size:18px}footer{padding:65px 20px 22px;display:block}footer .button{margin-top:30px}footer small{display:block;margin-top:55px}}
/* Header and slider upgrade */
.site-header{height:auto;padding:0;display:block;position:absolute;top:0;left:0;right:0;background:transparent;border:0;z-index:10}.promo-bar{height:31px;padding:0 5.5vw;display:flex;align-items:center;justify-content:center;gap:13px;background:#099fd0;color:white;font:10px var(--mono);font-weight:bold;letter-spacing:.03em}.promo-bar a{padding:4px 9px;border-radius:12px;background:white;color:var(--navy)}.nav-shell{height:80px;padding:0 5.5vw;display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,rgba(5,7,51,.92),rgba(5,7,51,.68));backdrop-filter:blur(10px)}.nav-shell .brand{font-size:20px;flex:0 0 auto}.nav-shell .brand img{width:64px;height:64px}.nav-shell nav{gap:19px;margin:0}.nav-shell nav a{font-size:11px}.product-menu{position:relative;z-index:2}.product-trigger{height:42px;min-width:205px;padding:0 15px;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:rgba(38,41,112,.9);color:var(--cream);text-align:left;cursor:pointer;font:700 11px var(--font)}.product-trigger span{color:var(--lime);font-size:15px;margin-right:6px}.product-trigger i{float:right;font-size:16px;font-style:normal}.mega-menu{position:absolute;top:52px;left:-95px;width:min(1080px,84vw);padding:0;border:1px solid rgba(255,255,255,.17);border-radius:0 0 20px 20px;background:#0d0f51;box-shadow:0 22px 45px rgba(0,0,0,.36);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}.mega-menu.open{opacity:1;visibility:visible;transform:none}.mega-promo{padding:11px 28px;background:linear-gradient(90deg,#00afe0,#2262bd);text-align:center;font:700 11px var(--font)}.mega-promo a{margin-left:15px;padding:5px 9px;border-radius:14px;background:white;color:#1373bd;font-size:10px}.mega-columns{display:grid;grid-template-columns:repeat(3,1fr)}.mega-columns>div{padding:24px 20px;border-right:1px solid var(--line)}.mega-columns>div:last-child{border:0}.mega-columns h3{margin:0 0 11px;color:#e589fa;font:700 10px var(--mono);letter-spacing:.08em}.mega-columns a{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.mega-columns a:last-child{border-bottom:0}.mega-columns svg{width:30px;height:30px;flex:0 0 auto;padding:6px;border-radius:8px;background:#252973;color:var(--lime)}.mega-columns b,.mega-columns small{display:block}.mega-columns b{font-size:11px}.mega-columns small{margin-top:3px;color:#b7b9df;font-size:9px;line-height:1.35}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap}.samples{font-size:10px;font-weight:bold}.login,.account{padding:10px 13px;border-radius:20px;background:#292b82;font-size:10px;font-weight:bold}.account{background:var(--lime);color:var(--navy)}.cart{position:relative;font-size:18px}.cart b{position:absolute;right:-7px;top:-6px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--lime);color:var(--navy);font:9px var(--mono)}.hero-slider{height:min(765px,calc(100vh - 31px));min-height:630px;margin:0 1.3vw;padding:0;border-radius:0 0 24px 24px;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-slide>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-slider .hero-copy{z-index:2;padding-top:clamp(180px,17vw,230px)}.hero-slider .hero-facts{z-index:2;bottom:27px}.hero-action{padding:19px 23px;font-size:13px;gap:52px;border-radius:2px;box-shadow:6px 6px 0 #f674b9}.slider-controls{position:absolute;z-index:3;right:3.2vw;bottom:25px;display:flex;align-items:center;gap:12px}.slider-controls>button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#20246f;color:white;font-size:19px;cursor:pointer}.slider-controls>div{display:flex;gap:6px}.slider-controls [data-dot]{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#b8badc;cursor:pointer}.slider-controls [data-dot].active{width:24px;border-radius:8px;background:var(--lime)}
@media(max-width:1000px){.nav-shell{padding:0 3vw}.product-trigger{min-width:175px}.nav-shell nav,.samples{display:none}.mega-menu{left:-100px;width:92vw}.nav-actions{gap:6px}.nav-shell .brand img{width:56px;height:56px}}@media(max-width:650px){.promo-bar{padding:0 10px;font-size:8px}.promo-bar a{display:none}.nav-shell{height:67px;padding:0 14px;gap:9px}.nav-shell .brand img{width:47px;height:47px}.nav-shell .brand{font-size:16px}.product-trigger{min-width:0;width:42px;padding:0;border-radius:50%;font-size:0}.product-trigger span{font-size:17px;margin:0}.product-trigger i{display:none}.nav-actions .login,.nav-actions .account{display:none}.cart{margin-left:7px}.mega-menu{left:-113px;top:47px;width:calc(100vw - 28px);border-radius:0 0 15px 15px}.mega-columns{grid-template-columns:1fr}.mega-columns>div{padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.mega-columns>div:nth-child(n+2){display:none}.mega-promo{font-size:9px;padding:9px}.hero-slider{height:680px;min-height:0;margin:0 10px;border-radius:0 0 18px 18px}.hero-slider .hero-copy{padding:150px 20px 90px;width:100%}.hero-slider .hero-copy h1{font-size:clamp(3.9rem,16vw,5.5rem)}.hero-slider .hero-facts{left:16px;right:16px;bottom:17px}.slider-controls{right:17px;bottom:28px}.slider-controls>button{width:34px;height:34px}.hero-action{padding:17px 18px;gap:35px}}
/* Refinements: transparent sticky navigation and independent category imagery */
.site-header{position:sticky}.nav-shell{background:transparent;backdrop-filter:none}.product-trigger{background:rgba(24,27,97,.72);display:flex;align-items:center;gap:6px}.product-trigger i{float:none;margin-left:auto;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--lime);color:var(--navy);font-size:16px;line-height:1;transition:transform .2s}.product-trigger[aria-expanded=true] i{transform:rotate(180deg)}.hero-slider{height:min(765px,calc(100vh - 111px));border-radius:24px;margin-top:12px}.c-stickers img{content:url('../img/category-stickers-v2.webp')}.c-apparel img{content:url('../img/category-apparel-v2.webp')}.c-banners img{content:url('../img/category-banners-v2.webp')}.c-drinkware img{content:url('../img/category-drinkware-v2.webp')}.c-headwear img{content:url('../img/category-headwear-v2.webp')}.gallery-track{scroll-behavior:smooth;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-arrows{display:flex;gap:9px;margin-top:27px}.gallery-arrows button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--cream);font-size:19px;cursor:pointer}.gallery-arrows button:hover{background:var(--lime);color:var(--navy);border-color:var(--lime)}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-strip article{min-height:220px;padding:37px 6vw;background:#111351}.info-strip span{font:10px var(--mono);color:var(--lime)}.info-strip h3{font:23px var(--display);letter-spacing:-.05em;margin:44px 0 10px}.info-strip p{max-width:290px;margin:0;color:#c6c8e5;font-size:12px;line-height:1.7}@media(max-width:650px){.site-header{position:sticky}.nav-shell{background:transparent}.hero-slider{height:680px;margin-top:8px;border-radius:18px}.product-trigger i{display:grid}.gallery-arrows{margin-top:22px}.info-strip{grid-template-columns:1fr}.info-strip article{min-height:0;padding:28px 20px}.info-strip h3{margin-top:27px}}
/* DIPROV logo palette, light theme, larger sticky chrome and contact */
:root{--navy:#021c40;--panel:#062a5b;--panel2:#084f77;--lime:#ffb400;--cream:#fff;--pink:#ff5a00;--blue:#00c6d7;--line:rgba(255,255,255,.22);--font:'Sora','Manrope',sans-serif;--mono:'Sora','Manrope',sans-serif}.promo-bar{background:#011631}.nav-shell{height:100px}.nav-shell .brand{font-size:25px}.nav-shell .brand img{width:79px;height:79px}.nav-shell nav a,.samples,.login,.account{font-size:12px}.login,.account{padding:13px 16px}.product-trigger{height:49px;min-width:235px;font-size:13px}.hero-slider{height:min(785px,calc(100vh - 131px))}.hero-slide .hero-copy{position:absolute;top:50%;left:8vw;transform:translateY(-28%);padding:0;width:min(610px,55%)}.hero-copy>p:not(.kicker){font-size:15px}.theme-switch{width:45px;height:32px;border:1px solid rgba(255,255,255,.33);border-radius:18px;background:rgba(0,0,0,.15);color:#fff;cursor:pointer;font-size:15px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:120px 7vw;background:var(--navy);color:var(--cream)}.contact-copy h2{font-size:clamp(3.5rem,6vw,7rem)}.contact-copy>p:not(.kicker){max-width:380px;font-size:14px;line-height:1.8;margin:24px 0 36px}.contact-list{display:grid;gap:18px}.contact-list a,.contact-list span{display:flex;gap:12px;align-items:center;color:var(--cream);font-size:13px}.contact-list b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue);color:var(--navy)}.contact-form{padding:30px;border-radius:24px;background:#062a5b}.contact-form h3{font:28px var(--display);letter-spacing:-.05em;margin:0 0 24px}.contact-form label{display:block;margin:13px 0;color:#cedbea;font-size:10px;font-weight:bold}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #2a5a83;border-radius:8px;background:#031d43;color:white;font:12px var(--font)}.contact-form textarea{min-height:105px;resize:vertical}.contact-form .button{margin-top:12px;width:100%;justify-content:center}.contact-status{font-size:11px;color:var(--blue);min-height:16px}.site-header.is-scrolled .nav-shell{background:rgba(2,28,64,.76);backdrop-filter:blur(18px)}
[data-theme=light]{--navy:#f4f9fc;--panel:#fff;--panel2:#e7f6f8;--cream:#021c40;--line:rgba(2,28,64,.15);background:#f4f9fc;color:#021c40}[data-theme=light] .site-header.is-scrolled .nav-shell{background:rgba(244,249,252,.78)}[data-theme=light] .nav-shell{color:#fff}[data-theme=light] .catalog,[data-theme=light] .gallery,[data-theme=light] .builder,[data-theme=light] footer,[data-theme=light] .contact{background:#f4f9fc;color:#021c40}[data-theme=light] .gallery-arrows button{color:#021c40;border-color:rgba(2,28,64,.2)}[data-theme=light] .step-panel,[data-theme=light] .quote-panel,[data-theme=light] .upload,[data-theme=light] .contact-form{background:#fff;border-color:rgba(2,28,64,.12);color:#021c40}[data-theme=light] .options button,[data-theme=light] .qty-list button,[data-theme=light] .upload label{background:#e7f6f8;color:#021c40}[data-theme=light] .options button.selected,[data-theme=light] .qty-list .selected,[data-theme=light] .total{background:#075b7c;color:white}[data-theme=light] .delivery{color:#31536d;border-color:rgba(2,28,64,.15)}[data-theme=light] .info-strip article{background:#e7f6f8;color:#021c40}[data-theme=light] .info-strip p{color:#31536d}[data-theme=light] .contact-list a,[data-theme=light] .contact-list span{color:#021c40}[data-theme=light] .contact-form input,[data-theme=light] .contact-form select,[data-theme=light] .contact-form textarea{background:#f5fafc;color:#021c40;border-color:#b5dce0}[data-theme=light] .mega-menu{background:#fff;color:#021c40}[data-theme=light] .mega-columns small{color:#486276}[data-theme=light] .mega-columns a{border-color:rgba(2,28,64,.1)}
@media(max-width:650px){.nav-shell{height:78px}.nav-shell .brand img{width:59px;height:59px}.nav-shell .brand{font-size:18px}.theme-switch{width:35px;height:29px}.hero-slider{height:680px}.hero-slide .hero-copy{left:22px;width:calc(100% - 44px);transform:translateY(-35%)}.contact{grid-template-columns:1fr;gap:35px;padding:80px 20px}.contact-form{padding:23px}}
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
/* Layout QA fixes */
img{display:block}.hero-slider{height:min(760px,calc(100vh - 131px));min-height:590px}.hero-slide .hero-copy{top:50%;transform:translateY(-50%);width:min(560px,50%)}.hero-slide .hero-copy h1{font-size:clamp(4rem,6.8vw,7.8rem);line-height:.9}.hero-slide .hero-copy>p:not(.kicker){margin:22px 0}.hero-slider .hero-facts{bottom:20px}.section-head{grid-template-areas:'kicker description' 'heading description';grid-template-columns:1fr .8fr;row-gap:14px;margin-bottom:42px}.section-head .kicker{grid-area:kicker;margin:0}.section-head h2{grid-area:heading;grid-row:auto}.section-head>p:last-child{grid-area:description;align-self:end;margin:0}.catalog{padding-top:82px}.category img,.gallery img{border:0;outline:0;background:#062a5b}.gallery figure{overflow:hidden;border-radius:16px;background:#062a5b}.gallery img{border-radius:0;transition:transform .5s ease}.gallery figure:hover img{transform:scale(1.08)}.gallery figcaption{background:var(--navy);padding:12px 10px}.site-header.is-scrolled .nav-shell{border-bottom:1px solid rgba(255,255,255,.16)}[data-theme=light] body{background:#f4f9fc;color:#021c40}[data-theme=light] .site-header.is-scrolled .nav-shell{border-color:rgba(2,28,64,.14)}[data-theme=light] .site-header.is-scrolled nav a,[data-theme=light] .site-header.is-scrolled .samples{color:#021c40}[data-theme=light] .gallery figcaption{background:#f4f9fc}[data-theme=light] .category img,.gallery img{background:#e7f6f8}
.footer-main{padding:74px 7vw 28px;background:#011631;color:#fff}.footer-top{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:38px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-brand .brand{font-size:25px;display:inline-flex}.footer-brand .brand img{width:92px;height:92px}.footer-brand p{max-width:300px;margin:18px 0 24px;color:#b6c9dc;font-size:12px;line-height:1.75}.footer-social{display:flex;gap:9px}.footer-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:13px}.footer-social a:hover{background:var(--blue);color:#011631;border-color:var(--blue)}.footer-col h3{margin:0 0 17px;color:var(--lime);font:700 10px var(--font);letter-spacing:.09em}.footer-col a,.footer-col span{display:block;margin:9px 0;color:#dce7ef;font-size:12px}.footer-col a:hover{color:var(--blue)}.footer-col p{margin:0;color:#dce7ef;font-size:12px;line-height:1.7}.footer-bottom{padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#94aabc;font:9px var(--font);letter-spacing:.05em}.footer-legal{display:flex;gap:17px}.footer-legal a:hover{color:white}[data-theme=light] .footer-main{background:#021c40;color:white}@media(max-width:800px){.hero-slide .hero-copy{width:calc(100% - 48px);left:24px}.hero-slide .hero-copy h1{font-size:clamp(3.8rem,11vw,6rem)}.section-head{grid-template-areas:'kicker' 'heading' 'description';grid-template-columns:1fr;gap:16px}.section-head>p:last-child{margin:0}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.hero-slider{height:620px;min-height:0}.hero-slide .hero-copy{top:46%;transform:translateY(-50%)}.hero-slide .hero-copy h1{font-size:clamp(3.4rem,15vw,4.7rem)}.hero-slider .hero-facts{display:none}.footer-main{padding:58px 20px 22px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-brand{grid-column:auto}.footer-bottom{font-size:8px}.footer-legal{flex-wrap:wrap}}
/* Final DIPROV color system and precision controls */
:root{--navy:#031b3f;--panel:#062855;--panel2:#063d73;--lime:#ffd21f;--pink:#ff3d00;--blue:#00d9e8;--cream:#fff;--fire:#ff3d00;--neon:#00e5ff}body{background:var(--navy);font-size:16px}.kicker{font-size:11px;font-weight:700;letter-spacing:.08em}.plain,.lead,.gallery-copy>p:not(.kicker),.section-head>p:last-child,.process li p{font-size:14px}.product-trigger{position:relative;padding-right:55px}.product-trigger i{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:27px;height:27px;font-size:18px}.product-trigger[aria-expanded=true] i{transform:translateY(-50%) rotate(180deg)}.config select,.contact-form select{appearance:none;-webkit-appearance:none;padding:13px 46px 13px 13px!important;background-color:#031d43!important;background-image:linear-gradient(45deg,transparent 50%,var(--blue) 50%),linear-gradient(135deg,var(--blue) 50%,transparent 50%)!important;background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;line-height:1.35;cursor:pointer}.contact-form select:focus,.config select:focus{outline:2px solid var(--blue);outline-offset:2px}.mega-search{margin:0 20px 16px;position:relative}.mega-search input{width:100%;height:40px;padding:0 42px 0 13px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#061a42;color:white;font:12px var(--font);outline:0}.mega-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,217,232,.15)}.mega-search b{position:absolute;right:13px;top:10px;color:var(--blue);font-size:17px}.mega-columns a.is-filtered{display:none}.section-soft,.process{background:#fff;color:var(--navy)}.process .kicker{color:var(--fire)}.button.lime,.account{background:var(--lime);color:var(--navy)}.button.lime:hover,.account:hover{background:var(--fire);color:#fff}.promo-bar{background:#000b20}.category svg{color:var(--fire)}.category:hover svg{background:var(--lime)}.footer-main{background:#000b20}.footer-col h3,.kicker{color:var(--lime)}[data-theme=light]{--navy:#fff;--panel:#f3f7fa;--panel2:#e7f8fa;--cream:#031b3f;--line:rgba(3,27,63,.16);background:#fff;color:#031b3f}[data-theme=light] body{background:#fff;color:#031b3f}[data-theme=light] .catalog,[data-theme=light] .gallery,[data-theme=light] .builder,[data-theme=light] .contact{background:#fff;color:#031b3f}[data-theme=light] .site-header .nav-shell{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);color:#031b3f;border-bottom:1px solid rgba(3,27,63,.12)}[data-theme=light] .site-header .brand,[data-theme=light] .site-header nav a,[data-theme=light] .site-header .samples{color:#031b3f}[data-theme=light] .product-trigger{background:#f0f5f8;color:#031b3f;border-color:#c8d5df}[data-theme=light] .theme-switch{background:white;color:#031b3f;border-color:#b4c3ce}[data-theme=light] .login{background:#e1ebf1;color:#031b3f}[data-theme=light] .mega-menu{background:#fff;color:#031b3f;border-color:#cbd8e0}[data-theme=light] .mega-promo{background:linear-gradient(90deg,#031b3f,#075b7c);color:white}[data-theme=light] .mega-search input{background:#f1f6f8;color:#031b3f;border-color:#c5d7df}[data-theme=light] .mega-columns svg{background:#e4f7f9;color:#ff3d00}[data-theme=light] .mega-columns small{color:#456176}[data-theme=light] .mega-columns h3{color:#ff3d00}[data-theme=light] .section-soft,.process{background:#031b3f;color:white}[data-theme=light] .process .kicker{color:#ffd21f}[data-theme=light] .footer-main{background:#000b20;color:white}[data-theme=light] .contact-form select{background-color:#f5fafc!important;color:#031b3f!important;background-image:linear-gradient(45deg,transparent 50%,#075b7c 50%),linear-gradient(135deg,#075b7c 50%,transparent 50%)!important}
[data-theme]:not([data-theme=light]) body,[data-theme]:not([data-theme=light]) .catalog,[data-theme]:not([data-theme=light]) .gallery,[data-theme]:not([data-theme=light]) .builder,[data-theme]:not([data-theme=light]) .contact,[data-theme]:not([data-theme=light]) .process,[data-theme]:not([data-theme=light]) .info-strip article,[data-theme]:not([data-theme=light]) .footer-main{background:#031b3f;color:#fff}[data-theme]:not([data-theme=light]) .process .kicker{color:#ffd21f}[data-theme]:not([data-theme=light]) .process li{border-color:rgba(255,255,255,.18)}[data-theme]:not([data-theme=light]) .process li>b{color:#00d9e8}
[data-theme]:not([data-theme=light]) body,html:not([data-theme=light]) body,html:not([data-theme=light]) .catalog,html:not([data-theme=light]) .gallery,html:not([data-theme=light]) .builder,html:not([data-theme=light]) .contact,html:not([data-theme=light]) .process,html:not([data-theme=light]) .info-strip article,html:not([data-theme=light]) .footer-main{background:#01142e;color:#fff}html:not([data-theme=light]) .process .kicker{color:#ffd21f}html:not([data-theme=light]) .process li{border-color:rgba(255,255,255,.18)}html:not([data-theme=light]) .process li>b{color:#00d9e8}
/* Darker navy and pixel-perfect product-menu chevron */
:root{--navy:#01142e;--panel:#04224b;--panel2:#063866}.product-trigger i{right:10px;top:50%;width:28px;height:28px;margin:0;padding:0;display:block;font-size:0;line-height:0;transform:translateY(-50%);isolation:isolate}.product-trigger i::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-66%) rotate(45deg);transform-origin:center}.product-trigger[aria-expanded=true] i{transform:translateY(-50%)}.product-trigger[aria-expanded=true] i::after{transform:translate(-50%,-34%) rotate(225deg)}
/* Keep highlighted hero statement on one line */
.hero-slide h1 mark{display:inline-block;width:max-content;max-width:none;white-space:nowrap;padding:.08em .22em;margin-left:-.22em;background:var(--lime);font-size:.82em;line-height:1;color:var(--navy)}@media(max-width:650px){.hero-slide h1 mark{font-size:.64em;letter-spacing:-.075em;padding:.1em .18em;margin-left:-.18em}}
/* High-contrast product builder */
.builder{background:#01142e}.builder-top .kicker{color:var(--blue)}.builder-top>p:not(.kicker){color:#d5e5f1}.step-panel,.quote-panel,.upload{background:#062a5b;border-color:#1a5d8e;box-shadow:0 10px 28px rgba(0,0,0,.18)}.step-panel h3,.quote-panel h3,.upload h3{font-size:14px;color:#fff}.step-panel h3 b,.quote-panel h3 b,.upload h3 b{background:var(--lime);color:#01142e}.options button{background:#092e61;border-color:#15578a;color:#fff;font-size:11px}.options button:hover{border-color:var(--blue);background:#0c4176}.options button.selected{background:var(--lime);border-color:var(--lime);color:#01142e;box-shadow:0 0 0 3px rgba(255,210,31,.22)}.options button.selected .ruler{color:#01142e}.shape{box-shadow:0 2px 0 rgba(0,0,0,.32)}.qty-list button{background:#092e61;border-color:#15578a;color:#fff;font-size:13px}.qty-list button:hover{border-color:var(--blue)}.qty-list .selected{background:var(--fire);border-color:var(--fire);color:white;box-shadow:0 0 0 3px rgba(255,61,0,.22)}.qty-list em{color:var(--lime);font-weight:800}.total{background:var(--lime);color:#01142e;border:1px solid #ffe88c}.delivery{color:#cceefa;border-color:#1a5d8e}.upload label{background:#092e61;border-color:var(--blue)}.upload label strong{font-size:13px;color:#fff}.upload label small{color:#bcd9ec}.upload label:hover{background:#0c4176}.add-project{box-shadow:5px 5px 0 var(--fire)}[data-theme=light] .builder{background:#e9f6fa;color:#01142e}[data-theme=light] .builder-top>p:not(.kicker){color:#34536a}[data-theme=light] .step-panel,[data-theme=light] .quote-panel,[data-theme=light] .upload{background:#fff;border-color:#a8cedd;box-shadow:0 8px 22px rgba(3,27,63,.08)}[data-theme=light] .step-panel h3,[data-theme=light] .quote-panel h3,[data-theme=light] .upload h3{color:#01142e}[data-theme=light] .options button,[data-theme=light] .qty-list button,[data-theme=light] .upload label{background:#edf8fb;border-color:#b3dce6;color:#01142e}[data-theme=light] .options button.selected{background:#ffd21f;border-color:#e2af00;color:#01142e}[data-theme=light] .qty-list .selected{background:#ff3d00;border-color:#ff3d00;color:white}[data-theme=light] .total{background:#ffd21f;color:#01142e}[data-theme=light] .delivery{color:#31536d;border-color:#c4dbe4}
.step-panel h3 b,.quote-panel h3 b,.upload h3 b{width:30px;height:30px;flex:0 0 30px;font-size:14px;font-weight:800}
/* Shared inner pages */
.page-body .site-header{position:sticky}.page-body .nav-shell{background:transparent;backdrop-filter:none}.page-hero{height:250px;margin:12px 1.3vw 0;border-radius:20px;overflow:hidden;position:relative;background-image:linear-gradient(90deg,rgba(1,20,46,.96),rgba(1,20,46,.55) 48%,rgba(1,20,46,.08)),var(--hero);background-size:cover;background-position:center}.page-hero>div{position:absolute;left:8%;top:50%;transform:translateY(-50%)}.page-hero h1{font-size:clamp(3rem,5vw,5.7rem);line-height:.86}.page-hero h1 mark{display:inline-block;padding:.08em .18em;margin-left:-.18em;white-space:nowrap;background:var(--lime);color:var(--navy)}.page-content{padding:105px 8%;background:var(--navy);color:white}.page-content.two-col,.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.page-content h2{font-size:clamp(3.1rem,5.2vw,6.2rem)}.page-content>div>p:not(.kicker){font-size:15px;line-height:1.85;max-width:530px}.page-content .button{margin-top:18px}.page-values{display:grid;grid-template-columns:repeat(3,1fr);background:#062a5b;color:white}.page-values article{padding:50px 8%;border-right:1px solid rgba(255,255,255,.16)}.page-values article:last-child{border:0}.page-values b,.service-list>article>b{font:13px var(--font);color:var(--lime)}.page-values h3,.service-list h3{font:25px var(--display);letter-spacing:-.05em;margin:48px 0 11px}.page-values p{margin:0;color:#c8dbe8;font-size:13px;line-height:1.7}.service-list{margin-top:55px;border-top:1px solid rgba(255,255,255,.2)}.service-list article{display:grid;grid-template-columns:70px 1fr auto;gap:20px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.2)}.service-list h3{margin:0 0 8px}.service-list p{margin:0;color:#c8dbe8;font-size:13px;line-height:1.65;max-width:550px}.service-list a{align-self:center;color:var(--lime);font-size:12px;font-weight:bold}.page-contact-links{display:grid;gap:14px;margin-top:35px}.page-contact-links a,.page-contact-links span{font-size:15px;color:var(--blue)}[data-theme=light] .page-body .nav-shell{background:transparent;color:#01142e}[data-theme=light] .page-body .nav-shell a{color:#01142e}[data-theme=light] .page-content{background:#fff;color:#01142e}[data-theme=light] .page-content>div>p:not(.kicker),[data-theme=light] .service-list p{color:#34536a}[data-theme=light] .page-values{background:#e9f6fa;color:#01142e}[data-theme=light] .page-values p{color:#34536a}[data-theme=light] .service-list{border-color:#c5d7df}[data-theme=light] .service-list article{border-color:#c5d7df}@media(max-width:700px){.page-hero{height:250px;margin:8px 10px 0}.page-hero>div{left:23px}.page-content{padding:75px 22px}.page-content.two-col,.contact-page{grid-template-columns:1fr;gap:45px}.page-values{grid-template-columns:1fr}.page-values article{padding:35px 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.page-values h3{margin-top:25px}.service-list article{grid-template-columns:35px 1fr}.service-list a{grid-column:2;justify-self:start}.page-hero h1{font-size:clamp(3rem,12vw,4.2rem)}}
.header-phone{font-size:12px;font-weight:800;color:var(--lime);white-space:nowrap}.footer-social a.social-fb{background:#1877f2}.footer-social a.social-x{background:#111;color:white}.footer-social a.social-ig{background:linear-gradient(135deg,#8a3ab9,#e95950,#fccc63)}.footer-social a.social-tk{background:#111;color:#00e5ff}.footer-social a.social-google{background:#fff;color:#4285f4}.footer-social a.social-wa{background:#25d366;color:white}.editorial-module{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:105px 8%;background:#062a5b;color:white}.editorial-module img,.contact-photo img{width:100%;min-height:390px;object-fit:cover;border-radius:20px}.editorial-module h2,.contact-photo h2{font-size:clamp(2.7rem,4.4vw,5rem);line-height:.94}.editorial-module>div>p:not(.kicker),.contact-photo p:not(.kicker){font-size:15px;line-height:1.8;color:#d4e6f2}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.mission-grid article{padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:14px}.mission-grid b{color:var(--lime);font-size:11px}.mission-grid p{font-size:12px;line-height:1.6}.values-module{padding:95px 8%;background:#01142e;color:white}.values-module>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.values-module article{padding:28px;border-top:2px solid var(--blue);background:#062a5b}.values-module b{color:var(--lime);font-size:12px}.values-module h3{font:28px var(--display);margin:35px 0 10px}.values-module p{color:#cfdfeb;font-size:13px;line-height:1.7}.service-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.service-pills span{padding:9px 12px;border-radius:20px;background:#092e61;border:1px solid #1a5d8e;font-size:12px}.contact-photo{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:100px 8%;background:#062a5b;color:white}.contact-photo .button{margin-top:18px}[data-theme=light] .editorial-module,[data-theme=light] .contact-photo{background:#e7f8fa;color:#01142e}[data-theme=light] .editorial-module>div>p:not(.kicker),[data-theme=light] .contact-photo p:not(.kicker){color:#34536a}[data-theme=light] .mission-grid article{border-color:#b9d7e2;background:#fff}[data-theme=light] .values-module{background:#fff;color:#01142e}[data-theme=light] .values-module article{background:#edf8fb}[data-theme=light] .values-module p{color:#34536a}@media(max-width:1000px){.header-phone span{display:none}.editorial-module,.contact-photo{grid-template-columns:1fr;gap:35px}.editorial-module.reverse img{order:2}.values-module>div{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}}@media(max-width:650px){.header-phone{font-size:17px}.editorial-module,.contact-photo{padding:70px 22px}.editorial-module img,.contact-photo img{min-height:270px}.values-module{padding:70px 22px}}
.header-phone{font-size:14px!important;letter-spacing:.01em}.nav-actions .cart{order:98}.nav-actions .theme-switch{order:99}.footer-main{background:#000814!important}.footer-top{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-brand{grid-column:auto}.footer-brand .brand img{width:78px;height:78px}.footer-brand p{max-width:230px}@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:500px){.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
/* Services cards and shared footer: one visual system across every page. */
.service-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:55px}.service-visual-grid article{min-height:410px;position:relative;overflow:hidden;border-radius:18px;background:#062a5b}.service-visual-grid img{width:100%;height:100%;min-height:410px;object-fit:cover;transition:transform .45s ease}.service-visual-grid article:hover img{transform:scale(1.08)}.service-visual-grid article::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,20,46,.98) 0%,rgba(1,20,46,.28) 60%,transparent 100%)}.service-visual-grid article>div{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:25px}.service-visual-grid b{display:inline-block;margin-bottom:25px;color:var(--lime);font:800 12px var(--font)}.service-visual-grid h3{margin:0 0 10px;font:25px var(--display);letter-spacing:-.05em;color:#fff}.service-visual-grid p{margin:0;color:#d9ebf6;font-size:13px;line-height:1.65}.footer-main .footer-top{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%;gap:clamp(24px,3.4vw,58px)}.footer-main .footer-brand,.footer-main .footer-col{min-width:0}.footer-main .footer-social a{border:0!important;color:#fff!important;box-shadow:0 6px 14px rgba(0,0,0,.22);transition:transform .2s ease,filter .2s ease}.footer-main .footer-social a:hover{transform:translateY(-3px);filter:brightness(1.12)}.footer-main .footer-social a span{font-size:15px;font-weight:800;line-height:1}.footer-main .footer-bottom{align-items:center}.footer-main .footer-bottom a{color:var(--lime);font-weight:800}.footer-main .footer-bottom a:hover{color:var(--blue)}[data-theme=light] .service-visual-grid article{background:#e7f8fa}[data-theme=light] .service-visual-grid article::after{background:linear-gradient(0deg,rgba(1,20,46,.95) 0%,rgba(1,20,46,.22) 60%,transparent 100%)}@media(max-width:1100px){.service-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.footer-main .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-main .footer-brand{grid-column:auto!important}}@media(max-width:560px){.service-visual-grid{grid-template-columns:1fr}.service-visual-grid article,.service-visual-grid img{min-height:330px}.footer-main .footer-top{grid-template-columns:1fr!important}.footer-main .footer-bottom{align-items:flex-start}}
.about-intro{display:block!important;text-align:center}.about-intro>div{margin-inline:auto}.about-intro>div:first-child{max-width:820px}.about-intro>div:last-child{max-width:650px;margin-top:34px}.about-intro>div>p:not(.kicker){margin-inline:auto}.about-intro .button{margin-inline:auto}
.contact-page h2 mark{padding:0;background:transparent;color:inherit}.contact-page .page-contact-links{gap:14px;margin-top:38px;max-width:560px}.contact-page .page-contact-links a,.contact-page .page-contact-links span{display:flex;align-items:center;min-height:68px;margin:0;padding:16px 20px;border:1px solid rgba(0,217,232,.55);border-radius:14px;background:transparent;color:#fff;font-size:18px;font-weight:700;line-height:1.35;transition:border-color .2s ease,background .2s ease,transform .2s ease}.contact-page .page-contact-links a:hover{border-color:var(--lime);background:rgba(0,217,232,.08);transform:translateX(4px)}.contact-page .page-contact-links a::before,.contact-page .page-contact-links span::before{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;margin-right:13px;border-radius:50%;background:rgba(0,217,232,.16);color:var(--blue);font-size:15px}.contact-page .page-contact-links a:nth-child(1)::before{content:'☎'}.contact-page .page-contact-links a:nth-child(2)::before{content:'✉'}.contact-page .page-contact-links span::before{content:'⌖'}[data-theme=light] .contact-page .page-contact-links a,[data-theme=light] .contact-page .page-contact-links span{border-color:#83baca;color:#01142e;background:transparent}[data-theme=light] .contact-page .page-contact-links a:hover{background:#edf8fb;border-color:#00a9b8}@media(max-width:560px){.contact-page .page-contact-links a,.contact-page .page-contact-links span{min-height:60px;padding:13px 15px;font-size:15px}.contact-page .page-contact-links a::before,.contact-page .page-contact-links span::before{margin-right:10px}}
.contact-page .page-contact-links span:hover{border-color:var(--lime);background:rgba(0,217,232,.08);transform:translateX(4px)}.footer-main{display:block!important}.footer-main .footer-top{max-width:none!important}.footer-main .footer-social svg{display:block;width:17px;height:17px;fill:currentColor}.footer-main .social-google{background:#fff!important}.footer-main .social-google svg{width:19px;height:19px}.footer-main .footer-social a span{display:none}
@media(min-width:701px){.about-intro>div:first-child{max-width:1160px}.about-intro h2{white-space:nowrap;font-size:clamp(3rem,5.2vw,5.6rem)}}
/* Logo lock: Home and all inner-page headers share the exact same wordmark weight. */
.site-header .nav-shell .brand{font-family:var(--display)!important;font-weight:900!important}.site-header .nav-shell .brand strong{display:block;font-family:var(--display)!important;font-weight:900!important;letter-spacing:-.08em;line-height:.78}.site-header .nav-shell .brand small{font-family:var(--mono)!important;font-weight:700!important;letter-spacing:.13em}
/* One navigation scale for the home page and every inner page. */
.site-header .nav-shell nav a{font-size:12px!important;font-weight:800!important;letter-spacing:0!important}

/* Responsive hardening: shared across Home, About, Services and Contact. */
html{overflow-x:clip}body{min-width:320px;overflow-x:clip}img,svg{max-width:100%}img{height:auto}.site-header,.nav-shell,.product-menu,.nav-actions,.page-content>*,.editorial-module>*,.contact-photo>*,.footer-top>*{min-width:0}.mobile-menu-toggle{display:none}.product-trigger i::after{content:'⌄';display:block;line-height:1;transform:translateY(-1px)}.product-trigger i{font-size:0!important}.hero-slide>img{height:100%;max-width:none}.category,.gallery figure,.service-visual-grid article{isolation:isolate}.footer-social svg{width:16px;height:16px;fill:currentColor}
@media(max-width:1120px){.nav-shell{height:88px;padding:0 3vw;gap:13px}.nav-shell .brand img{width:66px;height:66px}.nav-shell nav{display:none;position:absolute;z-index:30;top:calc(100% - 1px);left:14px;right:14px;margin:0;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:0 0 16px 16px;background:rgba(1,20,46,.98);box-shadow:0 18px 35px rgba(0,0,0,.26)}.nav-shell.menu-open nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.nav-shell nav a{padding:13px 10px;border-radius:9px;font-size:13px!important}.nav-shell nav a:hover{background:rgba(0,217,232,.14)}.mobile-menu-toggle{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(5,25,58,.62);color:var(--cream);font-size:19px;cursor:pointer}.mobile-menu-toggle[aria-expanded=true]{background:var(--lime);border-color:var(--lime);color:var(--navy)}.header-phone span{display:none}.nav-actions{gap:7px}.product-trigger{min-width:200px}.hero-slider{height:min(730px,calc(100svh - 119px));min-height:570px}.hero-slide .hero-copy{left:6vw;width:min(620px,62%)}}
@media(max-width:700px){.promo-bar{height:30px;padding:0 14px;font-size:9px;text-align:center}.promo-bar a{display:none}.site-header{position:sticky;top:0}.nav-shell{height:72px;padding:0 14px;gap:9px;background:rgba(1,20,46,.72);backdrop-filter:blur(15px)}.nav-shell .brand{gap:5px;font-size:18px}.nav-shell .brand img{width:54px;height:54px}.nav-shell .brand small{font-size:6px}.product-menu{order:3}.product-trigger{width:42px;min-width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0}.product-trigger span{margin:0;font-size:17px}.product-trigger i{display:none}.mobile-menu-toggle{order:4;width:39px;height:39px;flex-basis:39px}.nav-actions{order:5;margin-left:auto;gap:5px}.nav-actions .header-phone,.nav-actions .login,.nav-actions .account{display:none}.theme-switch{width:35px;height:35px}.cart{font-size:18px;margin:0}.nav-shell nav{top:72px;left:0;right:0;padding:10px 14px 14px;border-width:0 0 1px;border-radius:0;background:rgba(1,20,46,.98)}.nav-shell.menu-open nav{grid-template-columns:1fr 1fr}.nav-shell nav a{padding:12px 10px;font-size:13px!important}.mega-menu{position:fixed;z-index:35;top:102px;left:10px;width:calc(100vw - 20px);max-height:calc(100svh - 120px);overflow:auto;border-radius:0 0 16px 16px}.mega-columns{grid-template-columns:1fr}.mega-columns>div,.mega-columns>div:nth-child(n+2){display:block;padding:16px 18px;border-right:0;border-bottom:1px solid var(--line)}.mega-columns>div:last-child{border-bottom:0}.mega-columns a{padding:11px 0}.hero-slider{height:clamp(570px,84svh,670px);min-height:0;margin:8px 10px 0;border-radius:18px}.hero-slide .hero-copy{top:47%;left:22px;width:calc(100% - 44px);padding:0;transform:translateY(-50%)}.hero-slide .hero-copy h1{font-size:clamp(3.35rem,14.5vw,5.15rem);letter-spacing:-.065em}.hero-copy>p:not(.kicker){max-width:330px;font-size:13px;line-height:1.55}.hero-action{gap:28px;padding:16px 17px;font-size:12px}.hero-slider .hero-facts{display:none}.slider-controls{right:17px;bottom:18px;gap:8px}.slider-controls>button{width:35px;height:35px}.catalog{padding:72px 20px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:clamp(3rem,13vw,4.8rem)}.section-head>p:last-child{margin:17px 0 0;max-width:40rem}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category{height:220px;padding:13px}.category:last-child{grid-column:1/-1}.gallery{display:block;padding:0 0 72px 20px}.gallery-copy{padding:45px 20px 24px 0}.gallery-copy h2{font-size:clamp(3rem,13vw,4.8rem)}.gallery figure{flex-basis:min(76vw,265px)}.builder{padding:66px 14px}.builder-top{margin-bottom:32px}.build-grid{grid-template-columns:1fr}.options{grid-template-columns:repeat(3,1fr)}.options button{min-height:84px}.qty-list button{min-height:48px}.upload{padding:14px}.upload label{height:118px}.process{padding:70px 20px;gap:34px}.process h2{font-size:clamp(3rem,13vw,4.8rem)}.process li{grid-template-columns:31px 1fr;gap:8px;padding:19px 0}.process li p{grid-column:2;max-width:100%}.contact,.editorial-module,.contact-photo{padding:70px 22px}.contact{grid-template-columns:1fr;gap:34px}.page-hero{height:230px;margin:8px 10px 0;border-radius:16px}.page-content{padding:70px 22px}.page-content.two-col,.contact-page{grid-template-columns:1fr;gap:42px}.page-values{grid-template-columns:1fr}.page-values article{padding:33px 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.service-visual-grid{grid-template-columns:1fr;margin-top:38px}.service-visual-grid article,.service-visual-grid img{min-height:330px}.footer-main{padding:58px 22px 22px}.footer-main .footer-top{grid-template-columns:1fr!important;gap:30px;padding-bottom:35px}.footer-main .footer-bottom{display:grid;gap:12px;font-size:9px}.footer-brand .brand img{width:72px;height:72px}}
@media(max-width:380px){.nav-shell{padding:0 10px;gap:6px}.nav-shell .brand img{width:47px;height:47px}.nav-shell .brand{font-size:16px}.mobile-menu-toggle{width:35px;height:35px;flex-basis:35px}.theme-switch{width:32px;height:32px}.hero-slide .hero-copy h1{font-size:3.1rem}.category-grid{grid-template-columns:1fr}.category,.category:last-child{grid-column:auto;height:205px}.options{grid-template-columns:repeat(2,1fr)}}

/* Centred chevron: one implementation shared by every page header. */
.product-trigger i{display:grid!important;place-items:center!important;font-size:0!important;line-height:1!important}.product-trigger i::after{content:none!important}.product-trigger i::before{content:'';display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
@media(max-width:700px){.nav-shell .brand strong{display:none!important}.nav-shell .brand{gap:0}.product-trigger i{display:none!important}}

/* Mobile header order: product menu, centered emblem, theme, cart, navigation. */
@media(max-width:700px){.nav-shell{position:relative}.nav-shell .brand{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.product-menu{order:1}.nav-actions{order:2;margin-left:auto}.nav-actions .theme-switch{position:absolute;z-index:3;left:63px;top:50%;transform:translateY(-50%);order:1}.nav-actions .cart{order:2}.mobile-menu-toggle{order:3;margin-left:3px}.nav-actions .theme-switch,.nav-actions .cart,.mobile-menu-toggle{flex:0 0 auto}}
@media(max-width:700px){.product-trigger{position:relative}.product-trigger span{position:absolute;left:50%;top:50%;display:block;width:auto;height:auto;margin:0!important;line-height:1;transform:translate(-50%,-50%)}}
@media(max-width:700px){.product-trigger,.nav-actions .theme-switch,.nav-actions .cart,.mobile-menu-toggle{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:50%!important;background:rgba(5,25,58,.62)!important;color:var(--cream)!important}.nav-actions .cart{position:relative;font-size:18px}.nav-actions .cart b{right:-4px;top:-3px}.mobile-menu-toggle{margin-left:5px}.nav-actions .theme-switch{left:63px}}

/* Optical centre compensation for the two circular controls. */
.product-trigger i::before{transform:translateY(0) rotate(45deg)!important}

/* Light mode uses darker brand accents on white, while dark surfaces retain neon yellow. */
[data-theme=light]{--lime:#a86100;--fire:#c92d00;--blue:#007d91}
[data-theme=light] .button.lime,[data-theme=light] .account,[data-theme=light] mark{color:#fff}
[data-theme=light] .options button.selected,[data-theme=light] .total{background:#a86100!important;border-color:#854b00!important;color:#fff!important}
[data-theme=light] .qty-list .selected{background:#c92d00!important;border-color:#c92d00!important;color:#fff!important}
[data-theme=light] .product-trigger span,[data-theme=light] .kicker,[data-theme=light] .footer-main .footer-bottom a{color:#a86100}
[data-theme=light] .mega-columns svg,[data-theme=light] .mega-columns h3{color:#c92d00}
[data-theme=light] .process .kicker,[data-theme=light] .footer-main .footer-col h3,[data-theme=light] .footer-main .footer-bottom a{color:#ffd21f}
[data-theme=light] .footer-main .footer-social a{color:#fff}

/* Home and internal pages share the visible text-icon footer set. */
.footer-main .footer-social a span{display:inline!important}
[data-theme=light] .page-contact-links a::before,[data-theme=light] .page-contact-links span::before{color:#007d91}

/* Final light-mode system: keep DIPROV yellow, invert modules instead of muting the accent. */
[data-theme=light]{--lime:#ffd21f;--fire:#ff3d00;--blue:#00d9e8}
[data-theme=light] .button.lime,[data-theme=light] .account,[data-theme=light] mark{color:#031b3f}
[data-theme=light] .product-trigger span,[data-theme=light] .kicker{color:#ffd21f}
[data-theme=light] .options button.selected,[data-theme=light] .total{background:#ffd21f!important;border-color:#e5ad00!important;color:#031b3f!important}
[data-theme=light] .qty-list .selected{background:#ff3d00!important;border-color:#ff3d00!important;color:#fff!important}
[data-theme=light] .builder{background:#031b3f!important;color:#fff!important}
[data-theme=light] .builder-top>p:not(.kicker),[data-theme=light] .builder .delivery{color:#cfe3f0!important}
[data-theme=light] .step-panel,[data-theme=light] .quote-panel,[data-theme=light] .upload,[data-theme=light] .contact-form{background:#062855!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important}
[data-theme=light] .step-panel h3,[data-theme=light] .quote-panel h3,[data-theme=light] .upload h3,[data-theme=light] .contact-form h3{color:#fff!important}
[data-theme=light] .options button,[data-theme=light] .qty-list button,[data-theme=light] .upload label{background:#092f62!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
[data-theme=light] .contact-form label{color:#d9ebf6!important}[data-theme=light] .contact-form input,[data-theme=light] .contact-form select,[data-theme=light] .contact-form textarea{background:#031b3f!important;border-color:#28577f!important;color:#fff!important}
[data-theme=light] .info-strip article,[data-theme=light] .mission-grid article,[data-theme=light] .values-module article{background:#031b3f!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
[data-theme=light] .info-strip p,[data-theme=light] .mission-grid p,[data-theme=light] .values-module p{color:#d9ebf6!important}
[data-theme=light] .category svg,[data-theme=light] .mega-columns svg,[data-theme=light] .page-contact-links a::before,[data-theme=light] .page-contact-links span::before{color:#000!important}
[data-theme=light] .builder svg,[data-theme=light] .step-panel h3 svg,[data-theme=light] .quote-panel h3 svg,[data-theme=light] .upload h3 svg{color:#ffd21f!important}
[data-theme=light] .footer-main .footer-col h3,[data-theme=light] .footer-main .footer-bottom a,[data-theme=light] .process .kicker{color:#ffd21f!important}
@media(max-width:700px){[data-theme=light] .product-trigger,[data-theme=light] .nav-actions .theme-switch,[data-theme=light] .nav-actions .cart,[data-theme=light] .mobile-menu-toggle{color:#ffd21f!important}}

/* Light slider and header controls retain contrast over photography. */
[data-theme=light] .hero-slider .hero-copy,[data-theme=light] .hero-slider .hero-copy h1,[data-theme=light] .hero-slider .hero-copy>p:not(.kicker){color:#fff!important}
[data-theme=light] .hero-slider .hero-copy .kicker{color:#ffd21f!important}
[data-theme=light] .hero-slider .hero-facts{color:#fff}[data-theme=light] .hero-slider .hero-facts b{color:#ffd21f}
[data-theme=light] .slider-controls>button{background:#ffd21f!important;border-color:#ffd21f!important;color:#031b3f!important;font-weight:900}
[data-theme=light] .header-phone{color:#000!important;font-weight:900!important}
[data-theme=light] .header-phone::first-letter{font-weight:900}
[data-theme=light] .nav-actions .cart,[data-theme=light] .nav-actions .theme-switch{color:#000!important;font-weight:900!important}
@media(max-width:700px){[data-theme=light] .nav-actions .cart,[data-theme=light] .nav-actions .theme-switch{color:#ffd21f!important;font-weight:900!important}}
/* Home section heading scale follows the Contact section. */
.catalog .section-head h2,.gallery-copy h2,.builder-top h2,.process h2{font-family:var(--display)!important;font-size:clamp(3.5rem,6vw,7rem)!important;font-weight:900!important;line-height:.88}

/* Apple-like scroll choreography: calm movement, soft focus and no layout shift. */
.reveal-on-scroll{opacity:0;transform:translate3d(0,34px,0) scale(.987);filter:blur(7px);transition:opacity .78s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),filter .72s ease var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.reveal-on-scroll.is-revealed{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.category.reveal-on-scroll,.gallery figure.reveal-on-scroll,.service-visual-grid article.reveal-on-scroll{transform:translate3d(0,26px,0) scale(.97)}
.step-panel.reveal-on-scroll,.quote-panel.reveal-on-scroll,.upload.reveal-on-scroll{transform:translate3d(0,22px,0) scale(.99)}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll,.reveal-on-scroll.is-revealed{opacity:1;transform:none;filter:none;transition:none}}

/* The photo rail must not become a vertical scroll container under the cursor. */
.gallery-track{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:auto!important}
.gallery-arrows button{touch-action:manipulation}

/* Fixed product showcase: all five product families remain visible with no carousel controls. */
.gallery{grid-template-columns:minmax(210px,.88fr) minmax(0,4.12fr)!important;gap:clamp(18px,2vw,36px);align-items:center!important;padding-right:3vw!important}
.gallery-copy{padding:24px 0!important}.gallery-copy h2{font-size:clamp(2.65rem,4.2vw,5.2rem)!important;line-height:.9!important}.gallery-copy>p:not(.kicker){max-width:290px}
.gallery-track{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible!important;padding:0!important;touch-action:auto}
.gallery figure{min-width:0!important;flex:initial!important}.gallery img{aspect-ratio:1/1.17;object-fit:cover}.gallery figcaption{min-height:30px;padding:9px 3px 0;font-size:9px;line-height:1.35;white-space:normal}.gallery-arrows{display:none!important}
@media(max-width:1050px){.gallery{grid-template-columns:1fr!important}.gallery-copy{padding-right:5vw!important}.gallery-track{grid-template-columns:repeat(5,minmax(125px,1fr))}}
@media(max-width:700px){.gallery{padding:0 20px 70px!important}.gallery-copy{padding:34px 0 25px!important}.gallery-copy h2{font-size:clamp(2.85rem,12vw,4.2rem)!important}.gallery-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery figure:last-child{grid-column:1/-1;max-width:calc(50% - 5px)}.gallery img{aspect-ratio:1/1.1}}
