:root{--yellow:#ffcf00}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#000;font-family:Arial,Helvetica,sans-serif;color:var(--yellow)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.header{height:100px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:28px;position:relative;z-index:5}.logo-word,.logo-emblem{display:block;flex-shrink:0}.logo-word span,.logo-emblem span{display:block;background-image:url('assets/fadden-logo.png');background-repeat:no-repeat}.logo-word span{width:190px;height:40px;background-size:297px 148.5px;background-position:-92px -52px}.logo-emblem span{width:54px;height:60px;background-size:251.5px 125.75px;background-position:-20px -32px}.header nav{display:flex;gap:clamp(25px,3vw,55px);align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.header nav a,.header nav button{font-size:12px;letter-spacing:.65px;font-weight:700;background:none;border:0;padding:14px 0;white-space:nowrap;color:var(--yellow)}.header nav a:hover{color:#ffe873}.header nav button:disabled{opacity:1;cursor:default}.menu-toggle{display:none}.hero{position:relative;aspect-ratio:1672/941;width:100%;overflow:hidden;background:#222}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;overflow:hidden}.slide.active{opacity:1;visibility:visible}.slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015);will-change:transform}.slide[data-slide="0"] img{transform-origin:63% 44%}.slide[data-slide="1"] img{transform-origin:32% 50%}.slide[data-slide="2"] img{transform-origin:40% 65%}.hero.ready .slide.active img{animation:product-zoom 4s linear both}.slogan{position:absolute;top:8%;left:7%;width:52%;z-index:2;color:#fff;text-shadow:0 2px 12px #000b;pointer-events:none}.slogan::before{content:'';position:absolute;inset:-24px -40px;z-index:-1;background:radial-gradient(ellipse at 35% 40%,#0007 0%,#0003 55%,transparent 75%);filter:blur(14px)}h1{font-size:clamp(20px,2.5vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.7px;margin:0 0 17px}.slogan p{font-size:clamp(12px,1.25vw,21px);line-height:1.5;margin:0;font-weight:500}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;color:#d2d2d2;border:0;background:none;padding:12px;font-family:Arial,sans-serif;font-weight:200;font-size:58px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s;text-shadow:0 1px 4px #0008}.arrow:hover,.arrow:focus-visible{opacity:1}.previous{left:1.1%}.next{right:1.1%}.static-gallery,.static-gallery figure{margin:0;padding:0;border:0;width:100%;line-height:0}.static-gallery figure{position:relative}.static-gallery img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;margin:0;border:0;transform:none}.static-gallery figcaption{position:absolute;top:4%;left:3%;color:#d6d6d6;font-size:clamp(8px,.75vw,13px);line-height:1.3;letter-spacing:1.6px;font-weight:500;text-shadow:0 1px 4px #000a}footer{background:#000;color:var(--yellow);padding:31px 5%;text-align:center}footer p{font-size:11px;line-height:1.8;letter-spacing:.25px;margin:0}.hero.paused .slide.active img{animation-play-state:paused}@keyframes product-zoom{from{transform:scale(1.015) translate(0,0)}to{transform:scale(1.09) translate(.55%,-.65%)}}@media(max-width:900px){.header{gap:20px;padding:0 3%;height:88px}.logo-word span{width:150px;height:32px;background-size:235px 117.5px;background-position:-73px -41px}.logo-emblem span{width:46px;height:52px;background-size:217px 108.5px;background-position:-17px -28px}.header nav{gap:22px}.header nav a,.header nav button{font-size:10px;letter-spacing:.2px}html{scroll-padding-top:88px}.slogan{width:60%}.arrow{font-size:43px;padding:7px}}@media(max-width:600px){.header{height:78px;padding:0 5%;gap:15px}.logo-word span{width:135px;height:29px;background-size:211px 105.5px;background-position:-65.5px -37px}.logo-emblem span{width:40px;height:47px;background-size:195px 97.5px;background-position:-16px -25px}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;font-size:23px;cursor:pointer;padding:8px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;margin:0;padding:18px 6%;background:#000;border-top:1px solid #262626;flex-direction:column;align-items:flex-start;gap:4px}.header nav.open{display:flex}.header nav a,.header nav button{font-size:11px;padding:12px 0}html{scroll-padding-top:78px}.hero{aspect-ratio:1672/941}.slogan{top:7%;left:7%;width:80%}.slogan::before{inset:-10px -15px;filter:blur(8px)}h1{font-size:clamp(15px,3.5vw,21px);letter-spacing:-.3px;margin-bottom:8px}.slogan p{font-size:clamp(9px,2.15vw,12px);line-height:1.4}.arrow{font-size:34px;padding:5px;opacity:.65}.previous{left:0}.next{right:0}.static-gallery figcaption{font-size:7px;letter-spacing:1px;top:4%;left:3%}footer{padding:25px 7%}footer p{font-size:9px;line-height:1.9}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide{transition:none}.slide.active img{animation:none;transform:none}.arrow{transition:none}}

/* Original artwork, cropped in SVG viewports to keep only each requested mark. */
.logo-word svg{display:block;width:210px;height:auto;overflow:hidden}
.logo-emblem svg{display:block;width:63px;height:70px;overflow:hidden}
.slogan-divider{background:#000;color:var(--yellow);padding:43px 6%;text-align:center}
.slogan-divider h1{font-size:clamp(22px,2.4vw,42px);letter-spacing:.4px;line-height:1.2;margin:0 0 15px;font-weight:800}
.slogan-divider p{font-size:clamp(13px,1.25vw,20px);line-height:1.6;margin:0;color:#e9e9e9}
.static-gallery figcaption{font-size:clamp(17px,1.7vw,31px);font-weight:700;letter-spacing:1.8px;top:4%;left:3%;color:#e0e0e0;text-shadow:0 2px 8px #000b}
@media(max-width:900px){.logo-word svg{width:165px}.logo-emblem svg{width:54px;height:61px}.slogan-divider{padding:35px 6%}}
@media(max-width:600px){.logo-word svg{width:145px}.logo-emblem svg{width:46px;height:53px}.slogan-divider{padding:29px 7%}.slogan-divider h1{font-size:21px;line-height:1.3;margin-bottom:13px}.slogan-divider p{font-size:12px;line-height:1.7}.static-gallery figcaption{font-size:15px;letter-spacing:1px;top:5%;left:4%}}

.slogan-divider,.slogan-divider h1,.slogan-divider p{color:#fff}
.static-gallery figcaption{color:#e0e0e0;text-shadow:0 0 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.75),0 0 22px rgba(0,0,0,.55)}

/* Product type navigation shared by the home and catalogue. */
.products-nav{display:flex;align-items:center;position:relative;gap:7px}
.header nav .categories-toggle{display:flex;padding:15px 4px;cursor:pointer}
.product-types{position:absolute;top:100%;left:-18px;min-width:230px;background:#000;padding:10px 0;box-shadow:0 8px 16px #0003;z-index:30}
.product-types[hidden]{display:none}
.header nav .product-types a,.header nav .product-types button{display:block;width:100%;padding:13px 20px;text-align:left;font-size:12px;letter-spacing:.3px;font-weight:500;color:var(--yellow);background:none;border:0}
.header nav .product-types a:hover{background:#242424}
.header nav .product-types button:disabled{opacity:.5}
@media(max-width:600px){.products-nav{flex-wrap:wrap;width:100%}.product-types{position:static;width:100%;padding:0 0 8px 8px;box-shadow:none}.header nav .product-types a,.header nav .product-types button{font-size:12px;padding:11px 12px}}

.header nav .products-link.categories-toggle{gap:8px;align-items:center;color:var(--yellow);background:none;text-decoration:none}

/* Home artwork supplied in wide proportions; keep full-width static photos intact. */
.home-page .hero{height:auto;aspect-ratio:1846/852}
.home-page .static-gallery img{height:auto;aspect-ratio:auto;object-fit:contain}
.home-page .hero.ready .slide.active img{animation:home-product-zoom 4s linear both}
@keyframes home-product-zoom{from{transform:scale(1.005) translate(0,0)}to{transform:scale(1.035) translate(.2%,-.2%)}}
@media(min-width:901px){.home-page .header{height:88px}.home-page .slogan-divider{padding:25px 6%}.home-page .slogan-divider h1{font-size:clamp(22px,2vw,34px);margin-bottom:10px}.home-page .slogan-divider p{font-size:clamp(14px,1.1vw,18px)}}
@media(prefers-reduced-motion:reduce){.home-page .hero.ready .slide.active img{animation:none;transform:none}}