:root{--ink:#101310;--paper:#f2f2ed;--muted:#a7aaa3;--line:rgba(255,255,255,.14);--gold:#c7a15a;--olive:#66705b;--max:1240px;--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}.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}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#000;padding:10px 14px}.skip-link:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto 0;z-index:40;background:linear-gradient(to bottom,rgba(11,13,11,.94),rgba(11,13,11,.45),transparent);transition:.25s ease}.site-header.scrolled{background:rgba(12,14,12,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{height:92px;max-width:calc(var(--max) + 2 * var(--pad));margin:auto;padding:0 var(--pad);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(16px,2.4vw,36px)}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);color:var(--gold);font-size:13px;letter-spacing:-.08em}.brand-name{font-size:20px}
.main-menu{display:flex;justify-content:center;gap:clamp(20px,3vw,44px)}.main-menu a{font-size:14px;color:#d7d8d2;transition:.2s}.main-menu a:hover,.main-menu a:focus{color:#fff}
.header-shop{font-weight:700;font-size:14px;border-bottom:1px solid var(--gold);padding:8px 0}.header-shop span,.button span{color:var(--gold);margin-left:7px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button>span:not(.sr-only){display:block;width:25px;height:2px;background:#fff;margin:5px}
.language-switcher{display:flex;align-items:center;gap:3px;white-space:nowrap}.language-switcher a{display:inline-flex;align-items:center;flex-direction:column;gap:2px;min-width:30px;padding:4px 2px;color:#c5c8c1;font-size:11px;font-weight:700;line-height:1;border:1px solid transparent;border-radius:3px}.language-switcher img{display:block;width:24px;height:16px;object-fit:cover;border:1px solid rgba(255,255,255,.25)}.language-switcher a:hover,.language-switcher a:focus-visible,.language-switcher a[aria-current="page"]{color:#fff;border-color:var(--gold)}.language-switcher a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero{min-height:760px;height:100svh;max-height:980px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/jsa-hero-v3.webp') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,11,9,.97) 0%,rgba(9,11,9,.78) 38%,rgba(9,11,9,.12) 74%),linear-gradient(0deg,rgba(9,11,9,.84),transparent 45%)}
.hero-inner{width:100%;max-width:calc(var(--max) + 2 * var(--pad));margin:auto;padding:110px var(--pad) 50px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:700;color:var(--gold)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,7.4vw,108px);line-height:.92;letter-spacing:-.055em;max-width:900px;margin:24px 0 34px;font-weight:800}h1 span{color:transparent;-webkit-text-stroke:1px rgba(242,242,237,.58)}
.hero-lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#ced0c9;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:14px;transition:.2s}.button:hover,.button:focus{transform:translateY(-2px)}.button-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-secondary:hover{background:rgba(255,255,255,.08)}
.hero-index{position:absolute;right:var(--pad);bottom:42px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.hero-index span:nth-child(2){width:90px;height:1px;background:linear-gradient(90deg,var(--gold) 25%,rgba(255,255,255,.25) 25%)}
.section{max-width:calc(var(--max) + 2 * var(--pad));margin:auto;padding:clamp(80px,10vw,150px) var(--pad)}h2{font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:20px 0 30px}p{color:#bfc2ba}
.intro{display:grid;grid-template-columns:.6fr 1.6fr .65fr;gap:clamp(28px,5vw,70px);align-items:start}.intro-copy p{font-size:20px;max-width:680px}.fact-card{border-left:1px solid var(--gold);padding-left:28px;margin-top:42px}.fact-card strong{display:block;font-size:64px;line-height:1;color:var(--gold)}.fact-card span{display:block;color:#bfc2ba;margin-top:14px}
.offer{border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:end}.section-heading>p{max-width:390px;margin-bottom:34px}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:42px}.offer-grid article{padding:34px 28px 18px 0;border-right:1px solid var(--line);min-height:270px}.offer-grid article+article{padding-left:28px}.offer-grid article:last-child{border-right:0}.offer-grid article>span{color:var(--gold);font-size:12px}.offer-grid h3{font-size:21px;margin:40px 0 14px}.offer-grid p{font-size:15px}
.brands{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(50px,8vw,120px);background:#171a17;max-width:none;padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}.brands-copy p{max-width:520px;font-size:18px}.brand-list-heading{margin:0 0 16px;color:var(--gold);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-list{border-top:1px solid var(--line)}.brand-list a{display:grid;grid-template-columns:1fr 1.15fr auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:color .2s,background .2s}.brand-list a:hover,.brand-list a:focus{color:var(--gold);background:rgba(255,255,255,.025)}.brand-list strong{font-size:clamp(24px,3vw,40px);letter-spacing:-.04em}.brand-list span{color:#aeb1aa;font-size:14px}.brand-list i{font-style:normal;color:var(--gold);font-size:20px;transition:transform .2s}.brand-list a:hover i,.brand-list a:focus i{transform:translate(3px,-3px)}
.shop-cta{display:grid;grid-template-columns:1.25fr 1fr auto;gap:50px;align-items:end;background:var(--gold);color:var(--ink);max-width:none;padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}.shop-cta .section-label{color:#33280f}.shop-cta h2{margin-bottom:0}.shop-cta p{color:#302b21;margin:0}.button-light{background:var(--ink);color:#fff;border-color:var(--ink);white-space:nowrap}.button-light span{color:var(--gold)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}.contact>div p{font-size:18px;max-width:520px}.contact address{font-style:normal;border-top:1px solid var(--line)}.contact address>a,.contact address>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.contact address span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.contact address strong{font-size:18px}.contact address a:hover strong{color:var(--gold)}
footer{max-width:calc(var(--max) + 2 * var(--pad));margin:auto;padding:34px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:30px;color:#8f928b;font-size:13px}.footer-brand{color:#fff;font-weight:800;letter-spacing:.15em}
@media(max-width:900px){.header-inner{height:114px;grid-template-columns:auto 1fr auto;grid-template-rows:74px 40px;gap:0 18px}.language-switcher{grid-column:1/-1;grid-row:2;justify-content:center;gap:8px;align-self:start}.language-switcher a{flex-direction:row;gap:5px;padding:4px}.main-menu{display:none;position:absolute;top:114px;left:0;right:0;background:#101310;padding:24px var(--pad);flex-direction:column;border-top:1px solid var(--line)}.main-menu.open{display:flex}.menu-button{display:block;margin-left:auto}.header-shop{font-size:14px}.intro,.brands,.contact{grid-template-columns:1fr}.section-heading,.shop-cta{grid-template-columns:1fr}.offer-grid{grid-template-columns:1fr 1fr}.fact-card{margin-top:0}.shop-cta{align-items:start}.shop-cta p{max-width:560px}.button-light{justify-self:start}footer{grid-template-columns:1fr 1fr}footer>div:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:600px){:root{--pad:20px}.header-inner{height:76px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:76px;gap:10px;padding:0 var(--pad)}.brand{grid-column:1;grid-row:1;gap:8px}.brand-mark{width:34px;height:34px}.brand-name{font-size:16px}.header-inner>nav:not(.language-switcher){grid-column:3;grid-row:1}.language-switcher{grid-column:2;grid-row:1;justify-content:center;gap:2px;align-self:center;min-width:0}.language-switcher a{flex-direction:column;min-width:26px;padding:3px 1px;font-size:0;gap:0}.language-switcher img{width:24px;height:16px}.header-shop{display:none}.main-menu{top:76px;padding:22px var(--pad)}.hero{min-height:720px;height:auto;padding:76px 0 30px}.hero-inner{padding:54px var(--pad) 42px}.hero-backdrop{background-position:69% center}.hero:after{background:linear-gradient(90deg,rgba(9,11,9,.98) 0%,rgba(9,11,9,.9) 46%,rgba(9,11,9,.48) 100%),linear-gradient(0deg,rgba(9,11,9,.9),transparent 55%)}h1{font-size:clamp(42px,12vw,56px);line-height:.98;letter-spacing:-.045em;max-width:100%;margin:20px 0 28px;overflow-wrap:normal;word-break:normal}.hero-lead{font-size:17px;line-height:1.5;max-width:100%}.hero-actions{flex-direction:column;align-items:stretch;margin-top:32px}.button{width:100%;padding:0 18px;text-align:center}.hero-index{display:none}.section{padding-top:78px;padding-bottom:78px}.offer-grid{grid-template-columns:1fr}.offer-grid article,.offer-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.brand-list a{grid-template-columns:1fr auto}.brand-list a span{grid-column:1/-1;grid-row:2}.contact address>a,.contact address>div{grid-template-columns:1fr;gap:6px}footer{grid-template-columns:1fr}.footer-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.button{transition:none}}