:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--link:#0066cc;--paper:#fff;--soft:#f5f5f7;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:142px}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button,summary{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:8px}.container{max-width:1240px;margin:auto;padding:0 42px}.skip{position:fixed;top:-70px;left:16px;z-index:100;background:#fff;padding:14px}.skip:focus{top:8px}.global-header{height:64px;position:sticky;top:0;z-index:30;background:rgba(250,250,252,.86);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid #0000000c}.header-inner{height:100%;max-width:1440px;padding:0 48px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.email{font-size:13px;justify-self:start}.email:hover{color:var(--link)}.wordmark{font-size:31px;font-weight:800;letter-spacing:-2px;line-height:1.2}.global-nav{display:flex;gap:30px;justify-self:end;align-items:center;font-size:13px}.global-nav [aria-current]{color:var(--link)}.category-menu{position:relative}.category-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}.category-menu summary::-webkit-details-marker{display:none}.chevron{width:15px;height:15px;transition:transform .3s var(--ease)}details[open] .chevron{transform:rotate(180deg)}.dropdown{position:absolute;right:0;top:48px;background:rgba(255,255,255,.98);padding:14px;min-width:260px;box-shadow:0 18px 55px #0002;border:1px solid #00000009;border-radius:20px;animation:menu-in .3s var(--ease)}.dropdown a{display:flex;align-items:center;gap:14px;padding:15px;border-radius:12px;font-size:15px}.dropdown a:hover{background:var(--soft)}.dropdown .category-icon{width:26px;height:26px}.dropdown .arrow{margin-left:auto}.arrow{width:18px;height:18px;vertical-align:middle;flex-shrink:0;transition:transform .35s var(--ease)}.text-link{color:var(--link);display:inline-flex;align-items:center;gap:7px;font-size:17px;line-height:1.5}.text-link:hover{text-decoration:underline}.text-link:hover .arrow,.category-card:hover .arrow,.group-card:hover .arrow{transform:translateX(4px)}.hero{text-align:center;padding:55px 0 0;overflow:hidden}.hero h1{font-size:clamp(100px,10vw,150px);letter-spacing:-.075em;line-height:1.04;margin:0 0 22px;padding-right:.075em;color:#090909;animation:hero-in 1.1s var(--ease) both}.hero h2{font-size:clamp(30px,3.7vw,52px);line-height:1.1;letter-spacing:-.047em;margin:0 24px 17px;font-weight:700;animation:hero-in 1.1s .1s var(--ease) both}.hero>p{font-size:clamp(18px,1.8vw,24px);line-height:1.45;letter-spacing:-.02em;color:var(--muted);margin:0 24px;animation:hero-in 1.1s .18s var(--ease) both}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:28px 0 14px;animation:hero-in 1.1s .25s var(--ease) both}.pill{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:var(--blue);color:#fff;border-radius:100px;font-size:17px;transition:background .2s,transform .45s var(--ease),box-shadow .3s}.pill:hover{background:#0077ed;transform:translateY(-2px);box-shadow:0 8px 24px #0071e326}.hero-media{max-width:1450px;margin:26px auto 0;animation:product-in 1.5s .2s var(--ease) both;transform-origin:center bottom}.hero-media img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.category-section{background:var(--soft);padding:72px 0 76px;scroll-margin-top:64px}.section-title{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.043em;line-height:1.13;margin:0;font-weight:700}.category-section .section-title{margin-bottom:36px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:27px;min-height:267px;padding:36px 22px;box-shadow:8px 8px 24px #dfe0e64d,-6px -6px 20px #ffffffa6;transition:transform .65s var(--ease),box-shadow .65s var(--ease)}.category-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 20px 38px #1d1d1f14}.category-icon{width:75px;height:75px;stroke-width:1.25}.category-card h3{font-size:25px;letter-spacing:-.03em;margin:24px 0 16px}.contact-section{text-align:center;padding:65px 24px 55px}.contact-section h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.2;margin:0 0 17px}.contact-section>a{font-size:23px;color:var(--link);text-underline-offset:5px}.contact-section>a:hover{text-decoration:underline}.footer{background:var(--soft);color:var(--muted);padding:27px 42px;font-size:12px;line-height:1.6}.footer>div{max-width:1156px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer .wordmark{font-size:25px;color:var(--ink)}.footer p{margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-top:28px;font-size:12px;color:var(--muted);line-height:1.5}.breadcrumbs a:hover{color:var(--link)}.catalog-hero{padding-top:58px;padding-bottom:58px;animation:hero-in 1s var(--ease) both}.catalog-hero h1{font-size:clamp(40px,5.6vw,76px);letter-spacing:-.05em;line-height:1.09;max-width:1080px;margin:0 0 24px}.catalog-hero h1 span{color:#86868b}.catalog-hero p{max-width:780px;font-size:24px;line-height:1.45;letter-spacing:-.02em;color:var(--muted);margin:0}.catalog-context{display:block;color:var(--muted);font-size:14px;margin-top:15px;line-height:1.6}.subnav{position:sticky;top:64px;z-index:20;background:#ffffffed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #0000000a;border-bottom:1px solid #0000000a}.subnav-inner{display:flex;align-items:center;gap:6px;max-width:1240px;margin:auto;padding:15px 42px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d2d2d7 transparent}.subnav a{white-space:nowrap;flex:none;padding:10px 15px;font-size:13px;border-radius:30px;transition:background .25s,color .25s}.subnav a:hover{background:var(--soft)}.subnav a[aria-current]{background:var(--blue);color:#fff}.catalog-section{background:var(--soft);padding:55px 0 45px;min-height:420px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading>span{font-size:15px;color:var(--muted);white-space:nowrap}.product-grid,.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.group-card,.product-card{background:#fff;border-radius:24px;padding:32px;min-height:250px;display:flex;flex-direction:column;box-shadow:0 4px 18px #1d1d1f03;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.group-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #1d1d1f0b}.group-number,.product-family{font-size:13px;color:var(--muted);margin-bottom:19px}.group-card h3,.product-card h3{font-size:27px;letter-spacing:-.035em;line-height:1.15;margin:0 0 13px}.group-card p,.product-card p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 25px}.group-card .text-link,.product-card .text-link{font-size:15px;margin-top:auto;align-self:flex-start}.catalog-note{font-size:12px;line-height:1.7;color:var(--muted);margin:28px 0 0}.reveal.is-visible{animation:reveal-in .9s calc(var(--order,0)*70ms) var(--ease) backwards}@keyframes reveal-in{from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-in{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes product-in{from{opacity:0;transform:translateY(38px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menu-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .45s var(--ease) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{padding-top:70px}.hero-media{max-width:1500px}}
@media(max-width:1000px){.header-inner{padding:0 28px}.container{padding-left:28px;padding-right:28px}.global-nav{gap:20px}.category-grid{gap:16px}.category-card{padding:28px 15px;min-height:235px}.category-card .text-link{font-size:15px}.product-grid,.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subnav-inner{padding-left:28px;padding-right:28px}.hero-media{margin-top:35px}.category-section{padding:55px 0}.footer>div{flex-wrap:wrap;gap:15px}.footer p{flex:1}}
@media(max-width:640px){html{scroll-padding-top:180px}.global-header{height:98px}.header-inner{padding:11px 20px;grid-template-columns:1fr auto;gap:7px 20px}.header-inner>.wordmark{grid-column:2;grid-row:1}.email{font-size:12px}.global-nav{grid-column:1 / -1;grid-row:2;justify-self:end;font-size:12px;gap:22px}.category-menu summary{min-height:30px}.dropdown{top:38px;width:260px}.container{padding-left:22px;padding-right:22px}.hero{padding-top:42px}.hero h1{font-size:108px;margin-bottom:22px}.hero h2{font-size:34px;max-width:345px;margin-left:auto;margin-right:auto;padding:0 14px}.hero>p{font-size:18px;margin:0 auto;max-width:330px;padding:0 15px}.hero-actions{gap:20px;margin-top:26px}.pill{font-size:14px;padding:13px 18px}.hero-actions .text-link{font-size:15px}.hero-media{margin:32px -18% 0}.category-section{padding:44px 0}.section-title{font-size:32px}.category-section .section-title{max-width:330px;margin-bottom:27px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-card{min-height:213px;padding:28px 12px;border-radius:23px}.category-card .category-icon{width:57px;height:57px}.category-card h3{font-size:22px;margin:21px 0 13px}.category-card .text-link{font-size:13px;gap:3px}.arrow{width:16px;height:16px}.contact-section{padding:48px 20px}.contact-section>a{font-size:20px}.contact-section h2{font-size:29px}.footer{padding:25px 22px}.footer>div{align-items:flex-start}.footer p{flex-basis:calc(100% - 80px)}.footer>div>span{margin-left:auto}.catalog-hero{padding-top:37px;padding-bottom:38px}.catalog-hero h1{font-size:44px;overflow-wrap:break-word}.catalog-hero p{font-size:20px}.catalog-context{font-size:13px}.breadcrumbs{padding-top:22px;font-size:11px;gap:8px}.subnav{top:98px}.subnav-inner{padding:12px 22px}.subnav a{font-size:12px;padding:9px 13px}.catalog-section{padding:35px 0}.section-heading{align-items:flex-start;gap:15px}.section-heading .section-title{font-size:28px}.section-heading>span{font-size:12px;padding-top:7px}.product-grid,.group-grid{grid-template-columns:1fr;gap:17px}.group-card,.product-card{min-height:225px;padding:28px}.group-card h3,.product-card h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.category-card:hover,.product-card:hover,.group-card:hover,.pill:hover{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
