@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101110;--panel:#1a1b19;--muted:#aaa99f;--line:#34352f;--ink:#f6f4ed;--gold:#d4b37a;--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{cursor:pointer}header{height:106px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:var(--display);font-weight:800;font-size:32px;line-height:.95;letter-spacing:-.4px;display:inline-flex;flex-direction:column}.logo span{font:600 12px/1.6 var(--font);letter-spacing:5px;margin-top:6px}nav{display:flex;align-items:center;gap:40px;font-size:14px}nav a{padding:10px 0}nav a[aria-current=page]{color:var(--gold)}nav a:last-child{border:1px solid #77756c;padding:10px 22px}nav span{margin-left:15px}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--gold);color:#111;padding:10px}.skip:focus{top:10px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:600;display:block;margin-bottom:18px}.hero{margin:0 5%;display:grid;grid-template-columns:45% 55%;min-height:660px;align-items:center;position:relative}.hero-copy{padding:60px 0;z-index:1}.hero h1{font:700 clamp(64px,7.7vw,120px)/.9 var(--display);letter-spacing:-1.8px;margin:0 0 28px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:370px;color:var(--muted);margin-bottom:30px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;overflow:hidden}.hero-art img{width:115%;max-width:none;margin-left:-6%;mix-blend-mode:lighten}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent 18%,transparent 90%,var(--bg))}.hero-caption{position:absolute;bottom:36px;right:15px;z-index:2;border-left:2px solid var(--gold);padding-left:14px;font-size:14px}.hero-caption span{display:block;color:var(--muted);font-size:12px;letter-spacing:1px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:16px 24px;background:var(--gold);color:#111;border:1px solid var(--gold);font-size:14px;font-weight:700;transition:background .2s}.button:hover{background:#e6c991}.button.secondary{background:none;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--gold)}.brand-strip{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.brand-strip a{font:600 24px var(--display);text-align:center;padding:25px 10px;color:#d8d7d0;transition:color .2s}.brand-strip a:hover{color:var(--gold)}.section{padding:85px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}h2{font:600 clamp(36px,4vw,56px)/1.08 var(--display);margin:0;text-transform:uppercase}h3{line-height:1.25}.section-title>a{font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.card{display:block;min-width:0}.card-visual{background:#181916;position:relative;aspect-ratio:1.25;overflow:hidden}.crop{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--ratio,1.25)}.crop img{display:block;position:absolute;left:0;top:calc(-100% * var(--top,0));width:100%;height:auto;max-width:none;transition:filter .25s}.card:hover img{filter:brightness(1.12)}.card-body{padding:18px 0 23px;border-bottom:1px solid var(--line)}.card-brand{font-size:12px;letter-spacing:1.7px;color:var(--gold);text-transform:uppercase}.card h3{margin:7px 0 8px;font-size:20px;font-weight:500;display:flex;justify-content:space-between;gap:12px}.card h3 span{font-weight:400;color:var(--gold)}.card-body p{font-size:14px;color:var(--muted);margin:0}.contact-banner{margin:0 5% 80px;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-banner p{color:var(--muted);margin:12px 0 0}footer{background:#161714;padding:55px 5% 25px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;color:var(--muted);font-size:14px}footer .logo{color:var(--ink)}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}footer p{margin-top:10px}footer a:hover{color:var(--gold)}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:25px;font-size:12px}.page-intro{margin:0 5%;padding:64px 0 45px;border-bottom:1px solid var(--line)}.page-intro h1{font:600 clamp(52px,6vw,88px)/1 var(--display);margin:0 0 18px;text-transform:uppercase}.page-intro p{max-width:650px;color:var(--muted);margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin-bottom:30px}.breadcrumbs a:hover{color:var(--gold)}.brands-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.brand-tile{background:var(--panel);position:relative;overflow:hidden;padding:30px;min-height:360px;display:flex;align-items:end}.brand-tile .crop{position:absolute;inset:0;opacity:.7;aspect-ratio:auto}.brand-tile .crop img{width:100%;}.brand-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080908 2%,transparent 90%)}.brand-tile .brand-label{position:relative;z-index:1;width:100%}.brand-tile h2{font-size:46px;display:flex;justify-content:space-between}.brand-tile p{margin:8px 0 0;color:#d3d2c9;font-size:14px}.catalog-tools{display:flex;gap:16px;justify-content:space-between;margin-bottom:35px;flex-wrap:wrap}.catalog-tools input,.catalog-tools select{padding:13px 16px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.catalog-tools input{min-width:260px;flex:1}.result-count{font-size:14px;color:var(--muted);margin-bottom:24px}.empty{padding:70px 20px;text-align:center;color:var(--muted);border:1px solid var(--line)}.detail{margin:0 5%;padding:40px 0 70px}.detail-main{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.detail-visual{background:#1a1b18}.detail-info h1{font:600 clamp(44px,4.5vw,68px)/1 var(--display);margin:12px 0 22px}.detail-info p{color:#c0bfb5}.detail-info .button{width:100%;margin-top:20px}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:30px}.spec{border-bottom:1px solid var(--line);padding:15px 0}.spec span{display:block;font-size:12px;color:var(--muted)}.spec strong{font-size:14px;font-weight:500}.details-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.details-bottom h2{font-size:32px;margin-bottom:20px}.features{padding-left:19px;color:#c0bfb5}.features li{margin-bottom:12px}.features li::marker{color:var(--gold)}.details-bottom p{color:#c0bfb5}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-item{padding:24px 0;border-bottom:1px solid var(--line)}.contact-item:first-child{padding-top:0}.contact-item span{display:block;font-size:12px;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:7px}.contact-item a,.contact-item p{font-size:22px;line-height:1.4;margin:0;overflow-wrap:anywhere}.contact-item a:hover{color:var(--gold)}.contact-item .minor{font-size:14px;color:var(--muted);margin-top:10px;display:inline-block}.contact-form{background:var(--panel);padding:32px}.contact-form h2{font-size:38px;margin-bottom:25px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:14px}.field input,.field textarea{width:100%;background:#11120f;color:var(--ink);border:1px solid #44463d;padding:13px 14px;border-radius:0}.field textarea{min-height:150px;resize:vertical}.contact-form .button{width:100%}.form-note{font-size:13px;color:var(--muted);margin:16px 0 0}.selected-product{border-left:2px solid var(--gold);padding:10px 14px;margin-bottom:24px;background:#23251f;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){header,.hero,.brand-strip,.page-intro,.detail,.contact-banner{max-width:1440px;margin-left:auto;margin-right:auto}.section{max-width:1600px;margin:auto}}
@media(max-width:900px){.hero{min-height:540px;grid-template-columns:48% 52%}.hero h1{font-size:76px}.hero-art img{width:145%;margin-left:-20%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-main{gap:30px}.contact-layout{gap:35px}.brand-strip a{font-size:20px}.detail-info h1{font-size:46px}}
@media(max-width:600px){header{height:90px;margin:0 6%}.logo{font-size:27px}.logo span{font-size:10px;letter-spacing:4px}nav{gap:16px;font-size:13px}nav a:last-child{padding:5px 0;border:0}nav span{display:none}.hero{margin:0 6%;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:48px 0 0}.hero h1{font-size:76px;line-height:.9}.hero p{max-width:340px}.hero-art{height:340px;margin:0 -6%;}.hero-art img{width:100%;margin:0;object-fit:contain;height:100%}.hero-caption{bottom:6px;right:14px;font-size:12px}.hero-caption span{font-size:12px}.brand-strip{margin:28px 6% 0;grid-template-columns:repeat(3,1fr)}.brand-strip a{font-size:18px;padding:18px 6px}.section{padding:48px 6%}.section-title{align-items:start}.section-title h2{font-size:36px}.section-title>a{font-size:13px;white-space:nowrap;margin-top:8px}.grid{gap:25px 14px}.card h3{font-size:16px;line-height:1.35}.card-brand{font-size:12px;letter-spacing:.5px}.card-body{padding-top:12px}.card-body p{font-size:13px}.contact-banner{margin:0 6% 45px;display:block;padding:30px 0}.contact-banner .button{margin-top:22px}footer{grid-template-columns:1fr 1fr;padding:40px 6% 22px}footer>div:first-child{grid-column:1/-1;margin-bottom:10px}.page-intro{padding:40px 0 32px;margin:0 6%}.page-intro h1{font-size:56px}.brands-grid{grid-template-columns:1fr}.brand-tile{min-height:300px;padding:24px}.brand-tile h2{font-size:40px}.detail{margin:0 6%;padding-top:25px}.detail-main,.details-bottom,.contact-layout{grid-template-columns:1fr;gap:28px}.detail-info h1{font-size:52px}.details-bottom{margin-top:40px;padding-top:30px}.contact-form{padding:24px}.contact-item a,.contact-item p{font-size:20px}.catalog-tools input{min-width:0;width:100%;flex-basis:100%}.catalog-tools select{width:100%}.eyebrow{font-size:12px;letter-spacing:1.8px}.breadcrumbs{font-size:12px}.button{padding:14px 18px}.contact-form h2{font-size:34px}}
.brand-tile .crop{inset:auto 0;top:50%;transform:translateY(-50%);aspect-ratio:var(--ratio)}
.hero-art img{width:100%;margin-left:0;object-fit:contain}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.logo img{display:block;width:88px;height:88px;object-fit:contain;border-radius:50%}.logo{line-height:1}footer .logo img{width:120px;height:120px}.hero-art{padding-bottom:110px}.hero-product{display:block;width:100%}.hero-product .crop img{width:100%;height:auto;margin:0;mix-blend-mode:normal}.hero-caption{bottom:65px;left:20px;right:20px}.hero-controls{position:absolute;bottom:10px;right:20px;display:flex;gap:8px;z-index:3}.hero-controls button{background:#1a1b19;color:var(--ink);border:1px solid var(--line);min-width:44px;min-height:44px;padding:8px 12px;font-size:14px}.hero-controls button:hover{border-color:var(--gold)}.hero-art:after{display:none}
@media(max-width:600px){.logo img{width:72px;height:72px}.hero-art{height:auto;min-height:350px;padding:25px 0 110px;margin:0}.hero-caption{bottom:66px;left:0}.hero-controls{right:0}.hero-product .crop img{height:auto}nav{gap:14px}}
.hero-stage{position:relative;width:100%}.hero-stage .hero-caption{top:calc(100% + 20px);bottom:auto}.hero-controls{inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 10px}.hero-controls button{pointer-events:auto;background:#101110cc;border-color:#ffffff55;font-size:22px;backdrop-filter:blur(4px)}.hero-controls button:hover{background:#101110}