@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#1d303d;background:#f5f7f8;scroll-behavior:smooth;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{max-width:1480px;margin:auto;padding-left:clamp(22px,5.5vw,90px);padding-right:clamp(22px,5.5vw,90px)}:focus-visible{outline:3px solid #5ca9da;outline-offset:3px}
.site-header{background:#f8fafb;border-bottom:1px solid #dce5ea}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font:800 1rem Manrope,Arial,sans-serif;letter-spacing:.12em;color:#172d3d}.brand-symbol{width:38px;height:38px;background:#173449;color:#80c4e8;display:grid;place-items:center;font-size:.78rem;letter-spacing:-.06em;border:1px solid #2c6c96}.brand-words b{color:#3b8fbd}.main-nav{display:flex;gap:clamp(18px,2.5vw,40px);align-items:center}.main-nav a,.all-products{font-size:.84rem;font-weight:700;color:#355267}.main-nav a:hover,.all-products:hover{color:#167dad}.all-products{white-space:nowrap;border:1px solid #b7c9d4;padding:10px 13px}.all-products span{margin-left:10px}
.hero{height:min(590px,52vw);min-height:500px;position:relative;overflow:hidden;background:#102232;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 48%;position:absolute;inset:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,21,32,.98),rgba(11,29,43,.80) 30%,rgba(13,34,49,.2) 72%),linear-gradient(0deg,rgba(7,19,29,.3),transparent 50%)}.hero-content{position:relative;padding-top:clamp(100px,10vw,145px)}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.17em;color:#3d91c0;text-transform:uppercase}.hero .eyebrow{color:#a9d3e8}.hero h1{font:800 clamp(3.5rem,5.4vw,5.7rem)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:28px 0 17px}.hero h1 em{font-style:normal;color:#79bbe2}.hero p{max-width:430px;color:#dbe8ef;font-size:1.05rem;line-height:1.65;margin:0 0 31px}.primary-action{display:inline-flex;gap:40px;justify-content:space-between;background:#3d98ca;color:#fff;padding:15px 20px;min-width:215px;font-size:.88rem;font-weight:800}.primary-action:hover{background:#63add5}
.section{padding-top:72px;padding-bottom:85px}.section-rule{border-top:1px solid #b8c9d2;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#467d9b;font-size:.72rem;font-weight:800;letter-spacing:.17em}.section-rule span:last-child{color:#8ba0ac}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:27px 0 32px}.section-title h2,.related-section h2{font:800 clamp(2rem,3.2vw,3.2rem)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:#172d3c;margin:0}.section-title p{font-size:.95rem;color:#657c89;margin:0 0 6px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card{min-height:235px;background:#e5edf1;border:1px solid #cbdbe3;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px;transition:transform .2s,background .2s}.category-card:nth-child(2){background:#dce8ee}.category-card:nth-child(3){background:#d2e0e7}.category-card:hover{background:#c9e1ee;transform:translateY(-3px)}.category-index{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:#577e94}.category-card h3{font:800 clamp(1.4rem,2vw,1.9rem) Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 6px;color:#203a4b}.category-card p{font-size:.88rem;color:#587080;margin:0;line-height:1.4;max-width:240px}.category-arrow{position:absolute;right:24px;bottom:25px;font-size:1.45rem;color:#2d80ac}
.featured-section{background:#e9eff2;padding:72px 0 90px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{background:#fff;border:1px solid #d8e3e8;min-width:0;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);border-color:#90bdd5}.product-image{background:#dde6eb;aspect-ratio:1.2;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.035)}.product-copy{padding:20px 21px 23px;min-height:148px;display:flex;flex-direction:column}.card-eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#477f9f}.product-copy h3{font:800 1.12rem/1.35 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:8px 0 20px;color:#1b3546}.product-copy h3 a:hover{color:#247da9}.text-link{margin-top:auto;font-size:.82rem;font-weight:800;color:#297fae}.text-link span{margin-left:8px}.catalog-link{display:inline-flex;gap:30px;align-items:center;margin-top:30px;border-bottom:1px solid #8db3c8;padding-bottom:7px;font-weight:800;color:#236c94;font-size:.9rem}.catalog-link:hover{color:#154765}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.8rem;color:#66808f;margin-bottom:60px}.breadcrumbs a:hover{color:#207eac;text-decoration:underline}.crumb-divider{color:#a9bbc5}.breadcrumbs [aria-current]{color:#244253;font-weight:700}.page-intro{padding-top:31px;padding-bottom:65px}.page-intro h1{font:800 clamp(2.8rem,5vw,5rem)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.065em;color:#172d3c;margin:13px 0 15px}.page-intro p{font-size:1.05rem;line-height:1.6;color:#617988;margin:0;max-width:650px}.taxonomy-section{padding-bottom:72px}.taxonomy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.taxonomy-card{background:#e9f0f3;border:1px solid #d1e0e7;min-height:180px;padding:20px 22px;position:relative;display:flex;flex-direction:column;transition:background .2s}.taxonomy-card:hover{background:#d5e9f3}.taxonomy-card>span{font-size:.69rem;color:#54819a;font-weight:800;letter-spacing:.13em}.taxonomy-card h3{font:800 1.22rem/1.3 Manrope,Arial,sans-serif;color:#233e4f;margin:20px 0 5px;letter-spacing:-.03em;padding-right:20px}.taxonomy-card p{font-size:.8rem;color:#667e8b;line-height:1.4;margin:0;padding-right:20px}.taxonomy-card b{position:absolute;right:21px;bottom:19px;color:#2c87b4;font-size:1.2rem;font-weight:400}.listing-section{padding-bottom:95px}.listing-section .product-grid{margin-top:28px}
.detail-section{padding-top:31px;padding-bottom:85px}.detail-section .breadcrumbs{margin-bottom:35px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(35px,6vw,90px);align-items:start}.detail-image{background:#dfe8ec;border:1px solid #d3e0e6;overflow:hidden}.detail-image img{width:100%;aspect-ratio:1;object-fit:cover}.detail-copy{padding:18px 0}.detail-copy h1{font:800 clamp(2.2rem,3.5vw,3.7rem)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:#1a3445;margin:18px 0 27px}.detail-description{font-size:1rem;line-height:1.72;color:#4d6574;border-top:1px solid #cbdbe3;padding-top:19px}.detail-description p{margin:0 0 17px}.detail-path{display:grid;grid-template-columns:115px 1fr;gap:10px 20px;border-top:1px solid #cfdee5;border-bottom:1px solid #cfdee5;padding:20px 0;margin:28px 0}.detail-path span:nth-child(odd){font-size:.79rem;font-weight:800;color:#78909e}.detail-path a,.detail-path span:nth-child(even){font-size:.85rem;color:#2a5873}.detail-path a:hover{text-decoration:underline}.back-link{display:inline-block;font-size:.86rem;font-weight:800;color:#267ba7}.related-section{padding-bottom:100px}.related-section h2{font-size:clamp(1.75rem,2.4vw,2.4rem);margin:25px 0}.related-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-footer{background:#142b3a;color:#d6e6ef}.footer-inner{padding-top:50px;padding-bottom:40px;display:grid;grid-template-columns:1fr auto;gap:32px}.footer-logo{font:800 1.06rem Manrope,Arial,sans-serif;letter-spacing:.13em}.footer-logo b{color:#78bce2}.footer-inner p{font-size:.8rem;color:#a5becb;margin:11px 0 0}.footer-inner nav{display:flex;gap:25px;font-size:.8rem;font-weight:700;color:#b7ceda;align-items:start}.footer-inner nav a:hover{text-decoration:underline}.footer-inner small{grid-column:1/-1;color:#84a0af;font-size:.72rem;border-top:1px solid #315061;padding-top:21px}
@media(max-width:1000px){.main-nav{gap:15px}.all-products{display:none}.product-grid,.taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.header-inner{min-height:74px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:13px}.brand-words{font-size:.88rem}.main-nav{width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:2px}.main-nav a{font-size:.78rem}.hero{height:530px;min-height:0}.hero>img{object-position:65% center}.hero-overlay{background:linear-gradient(90deg,rgba(8,21,32,.93),rgba(11,29,43,.58) 78%),linear-gradient(0deg,rgba(7,19,29,.35),transparent 50%)}.hero-content{padding-top:90px}.hero h1{font-size:clamp(3rem,10vw,4.3rem)}.hero p{font-size:.96rem;max-width:330px}.section{padding-top:53px;padding-bottom:65px}.section-rule span:last-child{display:none}.section-title{display:block;margin:22px 0 26px}.section-title p{margin:10px 0 0}.category-grid{grid-template-columns:1fr;gap:9px}.category-card{min-height:165px;padding:20px}.category-card h3{font-size:1.55rem}.category-card p{max-width:none;padding-right:30px}.featured-section{padding:55px 0 70px}.product-grid,.taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-image{aspect-ratio:1}.product-copy{padding:14px 13px 17px;min-height:140px}.product-copy h3{font-size:.99rem}.page-intro{padding-bottom:45px}.breadcrumbs{margin-bottom:40px}.taxonomy-section{padding-bottom:55px}.taxonomy-card{min-height:155px;padding:17px}.taxonomy-card h3{font-size:1.07rem}.taxonomy-card p{font-size:.75rem}.listing-section{padding-bottom:70px}.detail-layout{grid-template-columns:1fr;gap:22px}.detail-image{max-width:680px}.detail-copy{padding:4px 0}.detail-section{padding-bottom:60px}.related-section{padding-bottom:70px}.footer-inner{grid-template-columns:1fr}.footer-inner nav{flex-wrap:wrap;gap:14px}.footer-inner small{grid-column:1}}
@media(max-width:430px){.product-grid,.taxonomy-grid,.related-section .product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1.15}.product-copy{min-height:0}.taxonomy-card{min-height:140px}.hero h1{font-size:2.9rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}