@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{font-family:Figtree,sans-serif;color:#101827;background:#fff;font-synthesis:none;--blue:#087bff;--muted:#6d7788;--navy:#06182a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #087bff;outline-offset:5px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;background:#fff;border-bottom:1px solid #eff1f4;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:26px;letter-spacing:-1px}.brand img{width:44px;height:44px;object-fit:cover;border-radius:9px}.brand-sub{display:block;font-size:8px;letter-spacing:2.2px;margin-top:4px;font-weight:600;color:#6c788b}.nav{display:flex;gap:32px;font-size:14px;font-weight:550}.nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--blue);color:#fff;padding:17px 23px;border-radius:7px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#0063dd;transform:translateY(-1px)}.header-contact{padding:13px 19px}.menu-toggle{display:none}.hero{height:580px;background:#061726;position:relative;color:#fff;isolation:isolate;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.hero-inner{max-width:1440px;margin:auto;padding:77px 5%;position:relative}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.6px;color:#417bb5;margin-bottom:17px}.hero .eyebrow{color:#76c8ff}.hero h1{font-size:clamp(40px,4.5vw,65px);letter-spacing:-2.4px;line-height:1.06;font-weight:750;max-width:670px}.hero-copy{font-size:18px;line-height:1.65;color:#c5d4e6;margin:23px 0 28px;max-width:520px}.hero-note{display:block;margin-top:19px;color:#9cb1c7;font-size:12px}.hero-caption{position:absolute;right:5%;bottom:26px;font-size:9px;letter-spacing:2px;color:#9eb3c8}.category-bar{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5%;border-bottom:1px solid #e7ebf0;max-width:1600px;margin:auto}.category-bar a{padding:26px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;border-right:1px solid #e7ebf0}.category-bar a:first-child{padding-left:0}.category-bar a:last-child{border:0;padding-right:0}.category-bar svg{width:17px;color:#087bff}.section{max-width:1440px;padding:72px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-1.4px;line-height:1.15}.section .eyebrow{margin-bottom:12px}.text-link{display:inline-flex;align-items:center;gap:8px;padding:0;color:#0572eb;font-weight:550;font-size:14px;line-height:1.4}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 23px}.product-image{display:block;position:relative;width:100%;height:240px;padding:21px;background:#f3f5f7;border-radius:9px;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-image:hover img{transform:scale(1.06)}.large .product-image{height:290px}.image-arrow{position:absolute;right:12px;bottom:12px;background:#fff;border-radius:50%;padding:8px;display:flex;opacity:0;transition:opacity .2s}.product-image:hover .image-arrow,.product-image:focus-visible .image-arrow{opacity:1}.product-category{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#70829a;font-weight:650;margin:17px 0 8px}.product h3{font-size:16px;line-height:1.4;font-weight:600;margin-bottom:13px;min-height:45px}.product h3 button{text-align:left;padding:0}.product .text-link{font-size:13px}.badge{position:absolute;top:12px;left:12px;z-index:1;background:#e4f0ff;color:#1268c7;font-size:10px;font-weight:650;padding:6px 9px;border-radius:4px}.catalog-section{background:#fcfcfd;border-block:1px solid #edf0f3}.search{border:1px solid #dce3eb;border-radius:7px;display:flex;gap:10px;align-items:center;padding:13px 14px;width:340px;max-width:100%;background:#fff;color:#8290a5}.search input{width:100%;border:0;background:none;font-size:12px;outline:none;color:#14243a}.search button{display:flex;padding:0}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px}.category-filters{display:flex;flex-wrap:wrap;gap:9px}.category-filters button{padding:12px 19px;border-radius:30px;background:#eef1f5;font-size:12px;white-space:nowrap}.category-filters button.active{background:#087bff;color:#fff}.sort{display:flex;align-items:center;gap:7px;color:#627087}.sort select{border:0;background:none;max-width:170px;font-size:12px;color:#526075;padding:8px 0}.results-line{display:flex;justify-content:space-between;margin:25px 0 21px;color:#7a8595;font-size:11px}.more{text-align:center;margin-top:36px}.outline{background:#fff;color:#1768c5;border:1px solid #cad9ee}.outline:hover{background:#e9f2ff;color:#1453a1}.ranking-note{font-size:10px;line-height:1.6;color:#798391;max-width:900px;margin-top:30px}.heading-copy{font-size:14px;line-height:1.7;color:#6b7686}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.pack{border-radius:12px;overflow:hidden;background:#eff5fa}.pack.blue{background:#eaf1ff}.pack.sand{background:#f5f2ed}.pack-images{height:240px;display:flex;align-items:center;padding:24px 16px;gap:1px}.pack-images img{width:33%;height:175px;object-fit:contain;mix-blend-mode:multiply}.pack-images img:first-child{transform:rotate(-7deg)}.pack-images img:nth-child(2){transform:translateY(15px)}.pack-images img:nth-child(3){transform:rotate(7deg)}.pack-copy{padding:8px 28px 30px}.pack-copy .eyebrow{font-size:9px;letter-spacing:1.7px}.pack-copy h3{font-size:24px;letter-spacing:-.7px;font-weight:650;margin-bottom:10px}.pack-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#657286;min-height:42px;margin-bottom:22px}.pack-note{margin-top:19px;font-size:11px;color:#778392}.contact-section{max-width:1296px;background:#eaf4ff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:45px;margin:0 auto 65px;width:90%}.contact-section h2{font-size:36px}.contact-section p:not(.eyebrow){color:#667d97;margin-top:15px;font-size:15px;line-height:1.7}.contact-actions{text-align:center;flex-shrink:0}.email-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#52708e;margin-top:17px}.footer{border-top:1px solid #e8edf3;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8190a4}.footer .brand{font-size:20px;color:#1a2637}.footer>a:last-child{display:flex;align-items:center;gap:5px}.empty{min-height:300px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.empty p{color:#6b788b}.empty h3{font-size:23px}dialog{padding:0;border:0;border-radius:15px;width:min(950px,92vw);max-height:90dvh;color:#152135;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#071326b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-modal{position:absolute;right:14px;top:14px;z-index:2;background:#fff;border-radius:50%;padding:9px;display:flex}.detail{display:grid;grid-template-columns:1fr 1fr}.detail-images{padding:45px;min-height:480px;background:#f4f6f8;display:flex;align-items:center;justify-content:center}.detail-images img{max-height:420px;object-fit:contain;mix-blend-mode:multiply}.detail-images.is-pack{flex-wrap:wrap;gap:12px}.detail-images.is-pack img{width:45%;max-height:170px}.detail-copy{padding:60px 35px 38px}.detail-copy h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin-bottom:17px}.detail-copy p{line-height:1.65;font-size:14px;color:#68788d}.detail-copy .reference{font-size:11px;margin-bottom:22px}.detail-copy .eyebrow{font-size:10px;color:#1d70c9}.detail-copy .button{margin-top:28px;width:100%;padding:15px 12px;font-size:14px}.detail-copy .detail-note{font-size:10px;margin-top:24px;color:#8794a3}.pack-list{padding:0;list-style:none;margin:20px 0}.pack-list li{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin-bottom:14px;line-height:1.5}.pack-list svg{color:#1476dc}.pack-list small{display:block;color:#8191a5;font-size:10px}.detail-copy .compatibility{font-size:11px;background:#f1f6fd;padding:12px;border-radius:6px}@media(min-width:1600px){.hero-inner{padding-inline:72px}}@media(max-width:1100px){.nav{gap:20px}.header{padding-inline:4%}.hero{height:530px}.hero-inner{padding-top:70px}.hero h1{font-size:52px}.hero-image{object-position:57% center}.product-image{height:200px}.large .product-image{height:240px}.section-heading{align-items:flex-start}.pack-copy{padding-inline:20px}.pack-copy h3{font-size:21px}.pack-images{height:200px}.search{width:290px}.contact-section{padding:32px}.category-bar a{font-size:11px;padding-inline:14px}}@media(max-width:760px){html{scroll-padding-top:80px}.header{height:73px;padding-inline:20px}.brand{font-size:23px}.brand img{width:35px;height:35px}.brand-sub{font-size:6px}.header-contact{margin-left:auto;font-size:12px;padding:11px 13px;gap:6px}.menu-toggle{display:flex;padding:5px}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff;border-bottom:1px solid #dfe6ef;padding:25px;flex-direction:column;gap:25px}.nav.open{display:flex}.hero{height:650px}.hero-image{height:340px;top:auto;bottom:0;object-position:76% center}.hero-inner{padding:39px 23px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero h1{font-size:41px;letter-spacing:-1.5px;line-height:1.06}.hero-copy{font-size:14px;margin:16px 0 20px;line-height:1.5}.hero .button{padding:13px 18px;font-size:13px}.hero-note{font-size:10px;margin-top:13px}.hero-caption{font-size:7px;bottom:17px}.category-bar{grid-template-columns:repeat(2,1fr);padding:0 20px}.category-bar a{padding:17px 9px;font-size:10px}.category-bar a:nth-child(2){border:0}.category-bar a:nth-child(3){padding-left:0}.category-bar a:nth-child(-n+2){border-bottom:1px solid #e7ebf0}.section{padding:43px 20px}.section-heading{flex-direction:column;gap:18px;margin-bottom:26px}.section h2{font-size:29px;letter-spacing:-.9px}.eyebrow{font-size:9px;letter-spacing:1.8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-image{height:175px;padding:15px}.large .product-image{height:215px}.product h3{font-size:13px;min-height:54px;line-height:1.4;margin-bottom:10px}.product-category{font-size:8px;margin-top:13px}.product .text-link{font-size:11px}.image-arrow{display:none}.search{width:100%;padding:14px}.search input{font-size:13px}.catalog-section .section-heading{gap:22px}.filters{align-items:flex-start;flex-direction:column;gap:13px}.category-filters{gap:7px}.category-filters button{padding:10px 13px;font-size:11px}.sort{align-self:flex-end}.results-line{margin-top:13px}.results-line span:last-child{display:none}.badge{font-size:8px;top:8px;left:8px;padding:5px}.ranking-note{font-size:9px}.pack-grid{grid-template-columns:1fr;gap:18px}.pack-images{height:210px;padding:20px 30px}.pack-copy{padding:0 25px 27px}.pack-copy h3{font-size:26px}.pack-copy>p:not(.eyebrow){min-height:0}.heading-copy{font-size:13px}.contact-section{margin-bottom:38px;padding:30px 23px;align-items:flex-start;flex-direction:column;width:calc(100% - 40px);gap:25px}.contact-section h2{font-size:29px}.contact-section p:not(.eyebrow){font-size:13px}.contact-actions{width:100%}.contact-actions>.button{width:100%;font-size:13px}.footer{padding:25px 20px;flex-wrap:wrap;font-size:9px;gap:15px}.footer>span{order:3;width:100%}.detail{grid-template-columns:1fr}.detail-images{min-height:240px;padding:25px}.detail-images img{max-height:240px}.detail-copy{padding:27px 24px}.detail-copy h2{font-size:24px}.detail-images.is-pack img{width:28%;max-height:140px}.detail-images.is-pack{min-height:210px}.detail-copy .button{margin-top:20px}dialog{width:94vw}.pack-note{font-size:10px}.empty h3{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.vinyl-label{position:absolute;bottom:9px;left:8px;right:8px;font-size:9px;background:#fffffff0;color:#45576d;padding:5px;border-radius:4px}.pack-copy>p:not(.eyebrow){min-height:62px}@media(max-width:760px){.hero h1{font-size:36px;line-height:1.1}.hero-image{height:300px}}