:root{--ink0:#0A0A0B;--ink1:#101012;--ink2:#17171A;--ink3:#202025;--ink4:#2B2B31;--y:#FFCE00;--y2:#FFB300;--y-soft:rgba(255,206,0,.14);--fg:#FFFFFF;--fg2:#B2B2BA;--fg3:#7C7C86;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);--tile:#FFFFFF;--rad:16px;--rad-lg:22px;--wrap:1200px;--shadow:0 24px 60px rgba(0,0,0,.5)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ink0);color:var(--fg);font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.16;font-weight:800;letter-spacing:-.015em}p{margin:0 0 1em}ul{margin:0;padding:0;list-style:none}button{font:inherit}:focus-visible{outline:3px solid var(--y);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}.sec{padding:96px 0;position:relative}.sec-alt{background:var(--ink1)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--y);margin-bottom:16px}.eyebrow::before{content:"";width:26px;height:2px;background:var(--y);border-radius:2px}.h-xl{font-size:clamp(34px,5.4vw,62px);font-weight:900}.h-lg{font-size:clamp(28px,3.6vw,44px);font-weight:900}.h-md{font-size:clamp(21px,2.2vw,27px);font-weight:800}.lead{font-size:clamp(17px,1.5vw,20px);color:var(--fg2);max-width:62ch}.y{color:var(--y)}.sec-head{max-width:70ch;margin-bottom:44px}.sec-head p{color:var(--fg2);margin:14px 0 0}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:16px;border:2px solid transparent;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;white-space:nowrap}.btn svg{width:18px;height:18px;flex:none}.btn-y{background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;box-shadow:0 14px 34px rgba(255,196,0,.24)}.btn-y:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(255,196,0,.34)}.btn-o{border-color:var(--line2);color:var(--fg)}.btn-o:hover{border-color:var(--y);color:var(--y);transform:translateY(-2px)}.btn-dark{background:#0A0A0B;color:var(--y)}.btn-dark:hover{transform:translateY(-2px)}#site-header{position:sticky;top:0;z-index:900;background:rgba(10,10,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.hd-in{display:flex;align-items:center;gap:22px;padding:14px 0}.brand{flex:none;display:block}.brand img{width:172px;height:auto}.hd-nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.hd-nav>li{position:relative}.hd-nav a.nl{display:block;padding:10px 14px;border-radius:10px;font-size:15.5px;font-weight:500;color:var(--fg2);transition:color .16s ease,background .16s ease}.hd-nav a.nl:hover,.hd-nav a.nl[aria-current="page"]{color:var(--y);background:rgba(255,206,0,.09)}.hd-nav a.nl[aria-current="page"]{font-weight:700}.has-sub>a.nl::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:8px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.sub{position:absolute;top:100%;inset-inline-start:0;min-width:280px;background:var(--ink2);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translateY(0)}.sub a{display:block;padding:9px 14px;border-radius:9px;font-size:15px;color:var(--fg2);transition:background .15s ease,color .15s ease}.sub a:hover{background:rgba(255,206,0,.1);color:var(--y)}.hd-phone{flex:none;display:inline-flex;align-items:center;gap:9px;margin-inline-start:auto;padding:11px 20px;border-radius:999px;background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;font-weight:800;font-size:15.5px;letter-spacing:.01em;transition:transform .18s ease}.hd-phone:hover{transform:translateY(-2px)}.hd-phone svg{width:17px;height:17px}.fab-menu{display:none;flex:none;background:none;border:0;padding:8px;cursor:pointer;margin-inline-start:auto}.fab-menu .bar{display:block;width:26px;height:2.4px;background:var(--y);margin:5.5px 0;border-radius:3px}.drawer{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,340px);z-index:1500;background:var(--ink1);border-inline-start:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.6);padding:78px 22px 34px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;transform:translateX(105%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;overflow-y:auto;overscroll-behavior:contain}.drawer[aria-hidden="false"]{transform:translateX(0) !important;visibility:visible !important;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s !important}.drawer a{display:block;padding:13px 14px;border-radius:11px;font-weight:600;font-size:16.5px;color:var(--fg);border-bottom:1px solid var(--line)}.drawer a:hover{background:rgba(255,206,0,.1);color:var(--y)}.drawer .d-sub a{font-size:14.5px;font-weight:400;color:var(--fg2);padding:10px 26px 10px 14px;border-bottom:0}.drawer .d-sub{margin:2px 0 8px;border-inline-start:2px solid var(--line)}.drawer .d-head{padding:13px 14px 6px;font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--y)}.drawer .d-cta{margin-top:16px;background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;text-align:center;border-radius:999px;font-weight:800;border-bottom:0}.drawer-close{position:absolute;top:16px;inset-inline-end:18px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--ink3);color:var(--fg);font-size:26px;line-height:1;cursor:pointer}html.nav-open{overflow:hidden}html.nav-open #site-header .fab-menu,html.nav-open .fab-menu{display:none !important}.hero{position:relative;padding:74px 0 92px;overflow:hidden;background:radial-gradient(1100px 520px at 85% -5%,rgba(255,206,0,.13),transparent 62%),var(--ink0)}.hero::after{content:"";position:absolute;inset-inline-end:-160px;top:-160px;width:520px;height:520px;border:1px solid rgba(255,206,0,.14);border-radius:50%;pointer-events:none}.hero-in{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:2}.hero h1{font-size:clamp(36px,5.6vw,66px);font-weight:900;letter-spacing:-.025em}.hero h1 .y{display:block}.hero .lead{margin:22px 0 0}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-facts{display:grid;grid-template-columns:repeat(3,auto);gap:26px 34px;justify-content:start;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.hero-facts div{min-width:88px}.hero-facts b{display:block;font-size:27px;font-weight:900;color:var(--y);line-height:1.1}.hero-facts span{font-size:13.5px;color:var(--fg3)}.cluster{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:start}.cluster .ccol{display:flex;flex-direction:column;gap:18px}.cluster .ccol-down{margin-top:52px}.cluster .tile{background:var(--tile);border-radius:var(--rad-lg);padding:16px;box-shadow:var(--shadow)}.cluster .tile img{width:100%;aspect-ratio:4/3;object-fit:contain}.cluster .ccol-down .tile img{aspect-ratio:1/1}.cluster .badge{position:absolute;inset-inline-start:0;top:-16px;z-index:6;background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;font-weight:900;font-size:14px;padding:9px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(255,196,0,.3)}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cat{display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.cat:hover{transform:translateY(-6px);border-color:rgba(255,206,0,.45);box-shadow:0 22px 50px rgba(0,0,0,.5)}.cat-ph{background:var(--tile);aspect-ratio:4/3;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;min-height:0}.cat-ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}.cat:hover .cat-ph img{transform:scale(1.06)}.cat-bar{padding:18px 20px 20px;display:flex;flex-direction:column;gap:5px;flex:1;border-top:3px solid var(--y);background:linear-gradient(135deg,var(--y),var(--y2));transition:background .22s ease}.cat:hover .cat-bar{background:#0A0A0B}.cat-name{font-size:18px;font-weight:800;color:#0A0A0B;transition:color .22s ease}.cat:hover .cat-name{color:var(--y)}.cat-tag{font-size:13.5px;color:rgba(10,10,11,.74);line-height:1.5;transition:color .22s ease}.cat:hover .cat-tag{color:var(--fg2)}.cat-n{margin-top:8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:rgba(10,10,11,.62);transition:color .22s ease}.cat:hover .cat-n{color:var(--fg3)}.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.prod{display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;transition:transform .22s ease,border-color .22s ease}.prod:hover{transform:translateY(-5px);border-color:rgba(255,206,0,.4)}.prod-ph{background:var(--tile);aspect-ratio:4/3;padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;min-height:0}.prod-ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.prod-b{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;gap:9px;border-top:3px solid var(--y);background:linear-gradient(135deg,var(--y),var(--y2))}.prod-b h2,.prod-b h3{font-size:17.5px;font-weight:800;color:#0A0A0B}.prod-b p{margin:0;font-size:14.5px;color:rgba(10,10,11,.74);line-height:1.65}.prod-b .ask{margin-top:auto;padding-top:12px;font-size:13.5px;font-weight:800;color:#0A0A0B;display:inline-flex;align-items:center;gap:7px;text-decoration:underline;text-decoration-color:rgba(10,10,11,.35);text-underline-offset:3px}.prod-b .ask svg{width:15px;height:15px}.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.val{background:var(--ink2);border:1px solid var(--line);border-radius:var(--rad);padding:28px 24px}.val .vi{width:48px;height:48px;border-radius:13px;background:var(--y-soft);color:var(--y);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.val .vi svg{width:24px;height:24px}.val h3{font-size:17.5px;margin-bottom:8px}.val p{margin:0;font-size:14.5px;color:var(--fg2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split .media{position:relative}.split .media img{width:100%;border-radius:var(--rad-lg);background:var(--tile);padding:26px;aspect-ratio:4/3;object-fit:contain}.split .media::before{content:"";position:absolute;inset-inline-end:-18px;bottom:-18px;width:150px;height:150px;background:linear-gradient(135deg,var(--y),transparent);border-radius:var(--rad-lg);z-index:-1;opacity:.5}.since{position:absolute;inset-inline-start:-16px;top:-16px;background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;border-radius:16px;padding:14px 20px;font-weight:900;line-height:1.1;text-align:center;box-shadow:0 16px 36px rgba(255,196,0,.28)}.since b{display:block;font-size:26px}.since span{font-size:12px;font-weight:700}.mrq{position:relative;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.mrq-track{display:flex;flex-wrap:nowrap;width:max-content;animation:mrq-run 46s linear infinite}.mrq:hover .mrq-track,.mrq:focus-within .mrq-track{animation-play-state:paused}.mrq .bl{flex:none;width:190px;margin-inline-end:16px;background:var(--tile);border-radius:14px;padding:16px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.mrq .bl:hover{transform:translateY(-4px)}.mrq .bl img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}@keyframes mrq-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}.cband{background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;border-radius:var(--rad-lg);padding:52px 56px;display:grid;grid-template-columns:1.2fr auto;gap:34px;align-items:center}.cband h2{font-size:clamp(26px,3.2vw,38px);font-weight:900}.cband p{margin:12px 0 0;font-weight:500;color:rgba(10,10,11,.78)}.cband .cta-row{margin-top:0}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}.cinfo{display:flex;flex-direction:column;gap:6px}.crow{display:flex;gap:16px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--line)}.crow .ci{width:44px;height:44px;flex:none;border-radius:12px;background:var(--y-soft);color:var(--y);display:flex;align-items:center;justify-content:center}.crow .ci svg{width:21px;height:21px}.crow dt{font-size:13px;color:var(--fg3);margin-bottom:2px}.crow dd{margin:0;font-size:17px;font-weight:600}.crow dd a:hover{color:var(--y)}.crow .hrs{font-size:15px;font-weight:400;color:var(--fg2);line-height:1.85}.cform{background:var(--ink2);border:1px solid var(--line);border-radius:var(--rad-lg);padding:34px}.cform h2,.cform h3{font-size:22px;margin-bottom:6px}.cform>p{color:var(--fg2);font-size:15px}.fld{margin-top:16px}.fld label{display:block;font-size:13.5px;font-weight:600;color:var(--fg2);margin-bottom:7px}.fld input,.fld textarea{width:100%;background:var(--ink0);border:1px solid var(--line2);border-radius:12px;padding:13px 16px;color:var(--fg);font:inherit;font-size:16px;transition:border-color .16s ease}.fld textarea{min-height:118px;resize:vertical}.fld input:focus,.fld textarea:focus{border-color:var(--y);outline:none}.cform button{margin-top:22px;width:100%;justify-content:center;cursor:pointer}.phero{padding:62px 0 54px;background:radial-gradient(900px 400px at 82% 0%,rgba(255,206,0,.11),transparent 60%),var(--ink1);border-bottom:1px solid var(--line)}.crumbs{font-size:13.5px;color:var(--fg3);margin-bottom:16px}.crumbs a:hover{color:var(--y)}.crumbs span{margin:0 8px;opacity:.5}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.post{display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;transition:transform .22s ease,border-color .22s ease}.post:hover{transform:translateY(-5px);border-color:rgba(255,206,0,.4)}.post .ph{aspect-ratio:16/10;overflow:hidden;background:var(--ink3);flex:none;min-height:0}.post .ph img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post:hover .ph img{transform:scale(1.05)}.post .pb{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.post time{font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--y)}.post h2,.post h3{font-size:19px;font-weight:700;line-height:1.35}.post p{margin:0;font-size:14.5px;color:var(--fg2)}.post .ask{margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:700;color:var(--y);display:inline-flex;align-items:center;gap:7px}.post .ask svg{width:15px;height:15px}.article{max-width:78ch;margin-inline:auto}.article .ahero{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--rad-lg);margin-bottom:34px}.article h2{font-size:clamp(22px,2.4vw,29px);margin:38px 0 14px;color:var(--y)}.article p{color:var(--fg2);font-size:17px;line-height:1.85}.article ul{margin:0 0 1.2em;padding-inline-start:0}.article li{position:relative;padding-inline-start:26px;margin-bottom:11px;color:var(--fg2);line-height:1.8}.article li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--y)}.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.logogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.logogrid .bl{background:var(--tile);border-radius:var(--rad);padding:26px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;transition:transform .22s ease,box-shadow .22s ease}.logogrid .bl:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.45)}.logogrid .bl img{max-height:100%;width:auto;object-fit:contain}.about-copy p{font-size:18px;color:var(--fg2);line-height:1.9}.about-copy p:first-of-type{font-size:21px;color:var(--fg);font-weight:500}.tl{display:grid;gap:0;margin-top:8px;max-width:78ch}.tl li{position:relative;padding-inline-start:32px;padding-bottom:30px;border-inline-start:2px solid var(--line)}.tl li:last-child{border-inline-start-color:transparent;padding-bottom:0}.tl li::before{content:"";position:absolute;inset-inline-start:-8px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--y);box-shadow:0 0 0 5px rgba(255,206,0,.16)}.tl h3{font-size:18px;margin-bottom:6px}.tl p{margin:0;color:var(--fg2);font-size:15px}#site-footer{background:var(--ink1);border-top:1px solid var(--line);padding:64px 0 0;margin-top:0}.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:40px;padding-bottom:48px}.foot-col h3,.foot-col h4{font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--y);margin-bottom:18px}.foot-col p{color:var(--fg2);font-size:15px}.foot-col a{display:block;color:var(--fg2);font-size:15px;padding:5px 0}.foot-col a:hover{color:var(--y)}.fbrand img{width:190px;margin-bottom:16px}.fsoc{display:flex;gap:10px;margin-top:16px}.fsoc a{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg2);padding:0;transition:border-color .18s ease,color .18s ease,transform .18s ease}.fsoc a:hover{border-color:var(--y);color:var(--y);transform:translateY(-3px)}.fsoc svg{width:19px;height:19px}.foot-bottom{border-top:1px solid var(--line);padding:22px 0;font-size:13.5px;color:var(--fg3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.foot-bottom a:hover{color:var(--y)}.fab-call{display:none;position:fixed;inset-inline-end:16px;bottom:16px;z-index:1200;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(255,196,0,.4)}.fab-call svg{width:25px;height:25px}@keyframes wb-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes wb-fall{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes wb-zoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes wb-slide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}@keyframes wb-pop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.hero .eyebrow{animation:wb-fall .7s cubic-bezier(.22,.61,.36,1) .04s both}.hero h1{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .1s both}.hero .lead{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .22s both}.hero .cta-row{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .32s both}.hero-facts div{animation:wb-rise .7s cubic-bezier(.22,.61,.36,1) both}.hero-facts div:nth-child(1){animation-delay:.44s}.hero-facts div:nth-child(2){animation-delay:.52s}.hero-facts div:nth-child(3){animation-delay:.6s}.cluster .tile{animation:wb-zoom .9s cubic-bezier(.22,.61,.36,1) both}.cluster .ccol:nth-child(2) .tile:nth-child(1){animation-delay:.18s}.cluster .ccol:nth-child(2) .tile:nth-child(2){animation-delay:.42s}.cluster .ccol:nth-child(3) .tile:nth-child(1){animation-delay:.3s}.cluster .ccol:nth-child(3) .tile:nth-child(2){animation-delay:.54s}.cluster .badge{animation:wb-pop .6s cubic-bezier(.22,.61,.36,1) .74s both}.phero .crumbs{animation:wb-fall .6s cubic-bezier(.22,.61,.36,1) .04s both}.phero .eyebrow{animation:wb-fall .7s cubic-bezier(.22,.61,.36,1) .08s both}.phero h1{animation:wb-rise .8s cubic-bezier(.22,.61,.36,1) .14s both}.phero .lead{animation:wb-rise .8s cubic-bezier(.22,.61,.36,1) .26s both}.sec-head{animation:wb-rise .75s cubic-bezier(.22,.61,.36,1) .1s both}.cats .cat{animation:wb-rise .8s cubic-bezier(.22,.61,.36,1) both}.cats .cat:nth-child(4n+1){animation-delay:.16s}.cats .cat:nth-child(4n+2){animation-delay:.26s}.cats .cat:nth-child(4n+3){animation-delay:.36s}.cats .cat:nth-child(4n+4){animation-delay:.46s}.prods .prod{animation:wb-rise .8s cubic-bezier(.22,.61,.36,1) both}.prods .prod:nth-child(3n+1){animation-delay:.16s}.prods .prod:nth-child(3n+2){animation-delay:.26s}.prods .prod:nth-child(3n+3){animation-delay:.36s}.vals .val{animation:wb-rise .75s cubic-bezier(.22,.61,.36,1) both}.vals .val:nth-child(1){animation-delay:.16s}.vals .val:nth-child(2){animation-delay:.26s}.vals .val:nth-child(3){animation-delay:.36s}.vals .val:nth-child(4){animation-delay:.46s}.split .panel{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .16s both}.split .media{animation:wb-slide .9s cubic-bezier(.22,.61,.36,1) .28s both}.mrq{animation:wb-rise .8s cubic-bezier(.22,.61,.36,1) .16s both}.logogrid .bl{animation:wb-pop .65s cubic-bezier(.22,.61,.36,1) both}.logogrid .bl:nth-child(4n+1){animation-delay:.16s}.logogrid .bl:nth-child(4n+2){animation-delay:.24s}.logogrid .bl:nth-child(4n+3){animation-delay:.32s}.logogrid .bl:nth-child(4n+4){animation-delay:.4s}.posts .post{animation:wb-rise .8s cubic-bezier(.22,.61,.36,1) both}.posts .post:nth-child(3n+1){animation-delay:.16s}.posts .post:nth-child(3n+2){animation-delay:.26s}.posts .post:nth-child(3n+3){animation-delay:.36s}.article .ahero{animation:wb-zoom .9s cubic-bezier(.22,.61,.36,1) .1s both}.cband{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .16s both}.contact-grid .cinfo{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .16s both}.contact-grid .cform{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .28s both}.about-copy{animation:wb-rise .85s cubic-bezier(.22,.61,.36,1) .16s both}.tl li{animation:wb-rise .7s cubic-bezier(.22,.61,.36,1) both}.tl li:nth-child(1){animation-delay:.2s}.tl li:nth-child(2){animation-delay:.3s}.tl li:nth-child(3){animation-delay:.4s}.tl li:nth-child(4){animation-delay:.5s}#site-footer .foot-col{animation:wb-rise .75s cubic-bezier(.22,.61,.36,1) both}#site-footer .foot-col:nth-child(1){animation-delay:.1s}#site-footer .foot-col:nth-child(2){animation-delay:.2s}#site-footer .foot-col:nth-child(3){animation-delay:.3s}#site-footer .foot-col:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.mrq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.mrq-track{animation:none !important}.hero .eyebrow,.hero h1,.hero .lead,.hero .cta-row,.hero-facts div,.cluster .tile,.cluster .badge,.phero .crumbs,.phero .eyebrow,.phero h1,.phero .lead,.sec-head,.cats .cat,.prods .prod,.vals .val,.split .panel,.split .media,.mrq,.logogrid .bl,.posts .post,.article .ahero,.cband,.contact-grid .cinfo,.contact-grid .cform,.about-copy,.tl li,#site-footer .foot-col{animation:none !important;opacity:1 !important;transform:none !important}}@media (max-width:1180px){.hd-nav a.nl{padding:10px 10px;font-size:14.5px}.brand img{width:150px}}@media (max-width:1020px){.hd-nav,.hd-phone{display:none}.fab-menu{display:block}.fab-call{display:flex}.hero-in{grid-template-columns:1fr;gap:44px}.hero-facts{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.prods{grid-template-columns:repeat(2,1fr)}.vals{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:36px}.contact-grid{grid-template-columns:1fr;gap:36px}.cband{grid-template-columns:1fr;padding:40px 32px}.posts,.rel{grid-template-columns:repeat(2,1fr)}.logogrid{grid-template-columns:repeat(3,1fr)}.foot-in{grid-template-columns:1fr 1fr;gap:32px}.sec{padding:72px 0}}@media (max-width:680px){body{font-size:16px}.wrap{width:min(100% - 32px,var(--wrap))}.sec{padding:56px 0}.hero{padding:48px 0 66px}.cats,.prods,.vals,.posts,.rel{grid-template-columns:1fr}.mrq .bl{width:150px}.logogrid{grid-template-columns:repeat(2,1fr)}.foot-in{grid-template-columns:1fr;gap:28px}.cband{padding:34px 24px}.cform{padding:26px 22px}.cta-row .btn{flex:1;justify-content:center}.cluster{gap:14px}.cluster .ccol{gap:14px}.cluster .ccol-down{margin-top:34px}.cluster .tile{padding:12px;border-radius:16px}.hero-facts{grid-template-columns:repeat(3,1fr);gap:18px 10px}.hero-facts div{min-width:0}.hero-facts b{font-size:21px}.hero-facts span{font-size:12px}.foot-bottom{flex-direction:column;gap:8px;padding-bottom:88px}.article .ahero{aspect-ratio:16/10}}
/* the stationery's two bars, with the contact line beneath them */
#site-footer .foot-rule{height:6px;border-top:2px solid var(--y);border-bottom:2px solid var(--y);margin-top:2px}
#site-footer .foot-rule+.foot-bottom{border-top:0}
#site-footer .foot-bottom .fcontact{color:var(--fg2)}
#site-footer .foot-bottom .fcontact a{color:inherit}
#site-footer .foot-bottom .fcontact a:hover{color:var(--y)}
/* Gentle scroll reveal — RENDER-SAFE BY CONSTRUCTION.
   Nothing is ever hidden: an element with no .wbrv-on is a plain, fully visible
   element. The reveal is an ADDITIVE animation that starts transparent and ends
   visible, added only when the element crosses into the viewport. So a static
   publish snapshot (no scroll, no JS, or JS mid-flight) always shows the page.
   The load-time animations below are cancelled so the two cannot double up. */
html.wbrv .cluster .tile,html.wbrv .cluster .badge,html.wbrv .sec-head,html.wbrv .cats .cat,html.wbrv .prods .prod,html.wbrv .vals .val,html.wbrv .split .panel,html.wbrv .split .media,html.wbrv .mrq,html.wbrv .logogrid .bl,html.wbrv .posts .post,html.wbrv .cband,html.wbrv .about-copy,html.wbrv .contact-grid .cinfo,html.wbrv .contact-grid .cform,html.wbrv .tl li,html.wbrv #site-footer .foot-col,html.wbrv .article .ahero{animation:none}
html.wbrv .wbrv-i.wbrv-on{animation:wb-rise .82s cubic-bezier(.22,.61,.36,1) both}
html.wbrv .wbrv-i.wbrv-m.wbrv-on{animation:wb-zoom .9s cubic-bezier(.22,.61,.36,1) both}
@media (prefers-reduced-motion:reduce){html.wbrv .wbrv-i,html.wbrv .wbrv-i.wbrv-on{animation:none !important;opacity:1 !important;transform:none !important}}

/* ── round 3 (16.09.2026): centred hero + orbiting intro + floating category cards ── */
.hero-v3{padding:0;min-height:min(78vh,760px);display:flex;align-items:center;background:var(--ink0);isolation:isolate}
.hero-v3::before,.hero-v3::after{content:"";position:absolute;pointer-events:none}
/* the gradient behind the text: the site's yellow and amber over the black canvas, slowly breathing */
.hero-v3::before{inset:-12% -8%;z-index:0;background:
  radial-gradient(44% 58% at 50% 52%,rgba(255,206,0,.42),rgba(255,170,0,.18) 42%,transparent 72%),
  radial-gradient(28% 40% at 12% 18%,rgba(255,179,0,.22),transparent 70%),
  radial-gradient(30% 44% at 88% 84%,rgba(255,206,0,.20),transparent 70%);
  animation:wb-breathe 9s ease-in-out infinite alternate}
/* a slow conic sweep gives the banner motion without touching the content */
.hero-v3::after{inset:-40%;z-index:0;background:conic-gradient(from 0deg at 50% 50%,rgba(255,206,0,.16),transparent 22%,rgba(255,179,0,.10) 48%,transparent 66%,rgba(255,206,0,.14) 84%,transparent);animation:wb-sweep 70s linear infinite;opacity:.9}
.hero-v3 .hero-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:92px 0 84px}
.hero-v3 h1{font-size:clamp(38px,6.2vw,78px);font-weight:900;letter-spacing:-.025em;line-height:1.08;color:#fff;text-shadow:0 14px 50px rgba(0,0,0,.55);margin:44px 0 30px;animation:wb-rise .9s cubic-bezier(.22,.61,.36,1) .22s both}
.hero-v3 .hero-logo{width:min(440px,72vw);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6));margin:0 0 46px;animation:wb-zoom 1s cubic-bezier(.22,.61,.36,1) .42s both}
.hero-v3 .hrule{display:block;width:min(720px,88vw);height:8px;border-top:2px solid var(--y);border-bottom:2px solid var(--y);animation:wb-grow .9s cubic-bezier(.22,.61,.36,1) .05s both}
.hero-v3 .hrule-b{animation-delay:.6s}
.hero-v3 .eyebrow{display:none}

/* overflow:hidden — the rotating pivot reports its children as a rotated rect of scrollable overflow, which widened phones to ~425px */
.intro{position:relative;overflow:hidden;padding:88px 0 96px;background:linear-gradient(180deg,var(--ink1),var(--ink0) 60%)}
.intro-in{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:64px;align-items:center}
.intro-copy{animation:wb-rise .9s cubic-bezier(.22,.61,.36,1) .3s both}
.intro-copy .lead{font-size:clamp(18px,1.55vw,22px);line-height:1.8;max-width:56ch;margin:0}
.intro-copy .cta-row{margin-top:32px}
.intro-copy .hero-facts{margin-top:38px}

/* the orbit — four product photos circling a "since 1991" core; hover pauses the ride and enlarges the photo */
.orbit{--size:520px;--r:190px;--tile:150px;position:relative;width:var(--size);height:var(--size);max-width:100%;margin-inline:auto;animation:wb-zoom 1.1s cubic-bezier(.22,.61,.36,1) .12s both}
.orbit-ring{position:absolute;left:50%;top:50%;width:calc(var(--r)*2);height:calc(var(--r)*2);margin:calc(var(--r)*-1) 0 0 calc(var(--r)*-1);border-radius:50%;border:1.5px dashed rgba(255,206,0,.42)}
.orbit-ring2{width:calc(var(--size) - 4px);height:calc(var(--size) - 4px);margin:calc((var(--size) - 4px)*-.5) 0 0 calc((var(--size) - 4px)*-.5);border:1px solid rgba(255,255,255,.07);background:radial-gradient(closest-side,rgba(255,206,0,.10),transparent 72%)}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;background:linear-gradient(135deg,var(--y),var(--y2));color:#0A0A0B;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;line-height:1;box-shadow:0 18px 44px rgba(255,196,0,.3)}
.orbit-core b{font-size:30px}
.orbit-core span{font-size:12.5px;font-weight:700;letter-spacing:.06em;margin-top:5px}
/* a 0x0 pivot at the centre: a rotating 300px square would widen scrollWidth on phones by its rotated bounding box */
.orbit-spin{position:absolute;left:50%;top:50%;width:0;height:0;animation:wb-orbit 34s linear infinite;will-change:transform}
.ob{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--a)) translateY(calc(var(--r)*-1))}
.ob-in{position:absolute;left:0;top:0;width:var(--tile);height:var(--tile);margin:calc(var(--tile)*-.5) 0 0 calc(var(--tile)*-.5);animation:wb-orbit-hold 34s linear infinite}
.ob-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px;border-radius:26px;background:var(--tile);box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease;cursor:zoom-in}
.ob-ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.orbit:hover .orbit-spin,.orbit:hover .ob-in{animation-play-state:paused}
.ob:hover{z-index:5}
.ob:hover .ob-ph{transform:scale(1.28);box-shadow:0 34px 80px rgba(0,0,0,.65),0 0 0 3px var(--y)}
@keyframes wb-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes wb-orbit-hold{from{transform:rotate(calc(var(--a)*-1))}to{transform:rotate(calc(var(--a)*-1 - 360deg))}}
@keyframes wb-breathe{from{transform:scale(1)}to{transform:scale(1.09)}}
@keyframes wb-sweep{to{transform:rotate(360deg)}}
@keyframes wb-grow{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}

/* category cards float: soft lift shadow, enlarge on hover, the yellow bar stays yellow */
.cat{border-color:rgba(255,255,255,.06);box-shadow:0 18px 40px rgba(0,0,0,.42),0 40px 70px -30px rgba(255,206,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.cat:hover{transform:translateY(-12px) scale(1.035);border-color:rgba(255,206,0,.55);box-shadow:0 34px 70px rgba(0,0,0,.6),0 60px 90px -30px rgba(255,206,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}
.cat:hover .cat-ph img{transform:scale(1.14)}
/* the entrance animation ends at the base state, so releasing its forward fill costs nothing — and with fill-mode both the finished animation pinned transform:none and the hover lift never applied */
.cats .cat,html.wbrv .cats .cat.wbrv-on{animation-fill-mode:backwards}
.cat:hover .cat-bar{background:linear-gradient(135deg,var(--y),var(--y2))}
.cat:hover .cat-name{color:#0A0A0B}
.cat:hover .cat-tag{color:rgba(10,10,11,.74)}
.cat:hover .cat-n{color:rgba(10,10,11,.62)}

@media (max-width:1020px){
  .intro-in{grid-template-columns:1fr;gap:48px}
  .intro-in .orbit{order:2}
  .orbit{--size:440px;--r:160px;--tile:126px}
  .hero-v3{min-height:0}
}
@media (max-width:680px){
  .hero-v3 .hero-c{padding:64px 0 60px}
  .hero-v3 h1{margin:30px 0 22px}
  .hero-v3 .hero-logo{margin-bottom:34px}
  .hero-v3::before{opacity:.7}
  .hero-v3::after{opacity:.45}
  .intro{padding:60px 0 64px}
  .orbit{--size:300px;--r:104px;--tile:86px}
  .orbit-core{width:84px;height:84px}
  .orbit-core b{font-size:22px}
  .orbit-core span{font-size:10.5px}
  .ob-ph{padding:9px;border-radius:18px}
  .orbit-ring{border-width:1px}
}

/* r4:yellow-prod */.prod:hover .prod-b .ask{text-decoration-color:#0A0A0B}.foot-bottom .flegal{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.foot-bottom .flegal a{color:var(--fg2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.25)}.foot-bottom .flegal a:hover{color:var(--y);text-decoration-color:var(--y)}

/* r5:headings+drawer */