:root{
  --bg:#F3F2EE; --bg-2:#E6E4DD; --ink:#15181C; --muted:#545A62; --line:#D3D0C7;
  --tape:#F2B300; --dark:#15181C; --on-dark:#F3F2EE;
  --display:'Big Shoulders Display',Impact,sans-serif; --sans:'Public Sans',system-ui,-apple-system,sans-serif;
  --wrap:1240px; --gut:clamp(20px,4vw,40px);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:.005em}
h1{font-size:clamp(3rem,8.4vw,7rem)}
h2{font-size:clamp(2.4rem,5vw,4.2rem)}
h3{font-size:1.55rem;font-weight:700;line-height:1}
p{max-width:62ch}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--ink);color:var(--bg);padding:8px 12px;z-index:9}
:focus-visible{outline:3px solid var(--tape);outline-offset:3px}

header{padding:20px 0}
.bar{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo svg{width:40px;height:40px;flex:none}
.logo b{font:800 1.9rem/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
nav{display:flex;align-items:center;gap:28px;font-weight:500;font-size:.98rem}
nav a{text-decoration:none}
nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:4px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;padding:15px 24px;border-radius:4px;transition:background .2s,color .2s}
.btn:hover{background:var(--tape);color:var(--ink)}
.btn svg{width:18px;height:18px}
@media (max-width:900px){nav a:not(.btn){display:none}nav .btn{padding:11px 16px;font-size:.92rem}}

/* hero */
.hero{padding:clamp(24px,5vw,56px) 0 0}
.hero .top{display:grid;grid-template-columns:8fr 4fr;gap:clamp(24px,4vw,56px);align-items:end}
.hero h1 span{background:linear-gradient(transparent 62%,var(--tape) 62%,var(--tape) 92%,transparent 92%)}
.hero p{color:var(--muted);font-size:1.12rem;margin-bottom:24px}
.hero figure{margin-top:clamp(28px,4vw,48px)}
.hero img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:4px;background:var(--bg-2)}
@media (max-width:860px){
  .hero .top{grid-template-columns:1fr;gap:18px}
  .hero p{margin-bottom:20px}
  .hero img{aspect-ratio:4/3}
}

/* range */
.range{padding:clamp(72px,9vw,120px) 0}
.range .intro{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.range .intro p{color:var(--muted);font-size:1.1rem}
.rows{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);align-items:start}
.pics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pics img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;background:var(--bg-2)}
.pics img:first-child{grid-column:1/-1;aspect-ratio:4/3}
.list{border-top:2px solid var(--ink)}
.list div{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}
.list p{color:var(--muted)}
@media (max-width:960px){
  .range .intro,.rows{grid-template-columns:1fr}
  .pics{order:2}
}
@media (max-width:560px){.list div{grid-template-columns:1fr;gap:8px;padding:22px 0}}

/* import export */
.trade{background:var(--dark);color:var(--on-dark);padding:clamp(72px,9vw,120px) 0}
.trade .grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px)}
.trade h2{position:relative;padding-top:28px}
.trade h2::before{content:"";position:absolute;top:0;left:0;width:64px;height:8px;background:var(--tape)}
.trade p{color:#C9CBCD}
.trade p+p{margin-top:22px}
.trade strong{color:var(--on-dark);font-weight:600}
@media (max-width:860px){.trade .grid{grid-template-columns:1fr;gap:24px}}

/* contact */
.contact{padding:clamp(72px,9vw,120px) 0}
.contact .grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px)}
.contact .lead{color:var(--muted);margin:18px 0 28px}
dl{display:grid;grid-template-columns:150px 1fr;border-top:2px solid var(--ink)}
dt,dd{padding:16px 0;border-bottom:1px solid var(--line)}
dt{color:var(--muted)}
dd a{text-underline-offset:4px}
@media (max-width:860px){.contact .grid{grid-template-columns:1fr;gap:32px}dl{grid-template-columns:110px 1fr}}

nav a[aria-current="page"]:not(.btn){text-decoration:underline;text-decoration-color:var(--tape);text-decoration-thickness:3px;text-underline-offset:6px}

/* inner pages */
.page-head{padding:clamp(28px,5vw,64px) 0 clamp(36px,5vw,56px);border-bottom:2px solid var(--ink)}
.page-head .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,56px);align-items:end}
.page-head h1{font-size:clamp(3rem,7vw,5.6rem)}
.page-head p{color:var(--muted);font-size:1.12rem}
@media (max-width:860px){.page-head .wrap{grid-template-columns:1fr;gap:14px}}
.cats{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.cat{display:grid;grid-template-columns:4fr 8fr;gap:clamp(28px,5vw,72px);padding:clamp(28px,4vw,48px) 0;align-items:start}
.cat+.cat{border-top:1px solid var(--line)}
.cat img{border-radius:4px;aspect-ratio:3/4;object-fit:cover;width:100%;background:var(--bg-2)}
.cat h2{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:16px}
.cat p+p{margin-top:14px}
.cat .incl{color:var(--muted)}
.cat .incl b{color:var(--ink);font-weight:600}
@media (max-width:860px){.cat{grid-template-columns:1fr;gap:20px}.cat img{aspect-ratio:4/3}}
.prose{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.prose .row{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);padding:clamp(28px,4vw,44px) 0}
.prose .row+.row{border-top:1px solid var(--line)}
.prose h2{font-size:clamp(1.9rem,3.2vw,2.6rem)}
.prose p+p{margin-top:16px}
.prose strong{font-weight:600}
@media (max-width:860px){.prose .row{grid-template-columns:1fr;gap:12px}}
.wide img{width:100%;aspect-ratio:21/8;object-fit:cover;object-position:70% 50%;border-radius:4px;background:var(--bg-2)}
@media (max-width:860px){.wide img{aspect-ratio:4/3}}
.more-link{display:inline-block;margin-top:28px;font-weight:600;text-underline-offset:4px}
.trade .more-link{color:var(--on-dark)}
.cta{border-top:2px solid var(--ink);padding:clamp(56px,7vw,96px) 0}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta p{color:var(--muted);margin-top:12px}
.checklist{margin:18px 0 0;padding-left:1.2em;color:var(--muted)}
.checklist li+li{margin-top:6px}

footer{background:var(--dark);color:#C9CBCD;padding:clamp(48px,6vw,72px) 0 28px;font-size:.95rem}
.foot{display:grid;grid-template-columns:5fr 3fr 4fr;gap:32px}
.foot-name{font:800 1.6rem/1 var(--display);text-transform:uppercase;color:var(--on-dark);margin-bottom:10px}
.foot-h{font-weight:600;color:var(--on-dark);margin-bottom:8px}
footer ul{list-style:none;padding:0}
footer li+li{margin-top:4px}
footer a{text-underline-offset:3px}
.legal{margin-top:40px;padding-top:20px;border-top:1px solid #2E3339;font-size:.88rem}
@media (max-width:760px){.foot{grid-template-columns:1fr;gap:24px}}