:root{
  --ink:#0e1315;--ink-2:#182226;--steel:#2b3a41;--paper:#f7f5f2;--card:#fff;
  --amber:#c8842a;--amber-l:#e0a44a;--green:#2f6b4f;--body:#404c52;--line:#e2ddd6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--body);font:400 18px/1.7 'Inter',system-ui,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:#1f5c45}
h1,h2,h3{font-family:'Barlow Condensed','Inter',Arial,sans-serif;color:var(--ink);line-height:1.06;text-transform:uppercase;letter-spacing:.005em;font-weight:700}
.in{max-width:1120px;margin:0 auto;padding:0 20px}
.in.narrow{max-width:760px}
.center{text-align:center}
.skip{position:absolute;left:-9999px}

/* header */
.site-head{background:var(--ink);position:sticky;top:0;z-index:20;border-bottom:1px solid #232e33}
.site-head .in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:190px;background:#fff;border-radius:3px;padding:6px 10px}
.site-head nav{display:flex;gap:20px;flex-wrap:wrap}
.site-head nav a{color:#c3ccd0;text-decoration:none;font:600 13.5px/1 'Inter',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.site-head nav a:hover{color:var(--amber-l)}

/* hero */
.hero{position:relative;background:var(--ink);color:#e8eaea;overflow:hidden}
.hero .in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero img.shot{border-radius:4px;filter:grayscale(.25) contrast(1.05)}
.kick{display:inline-block;color:var(--amber-l);font:700 12.5px/1 'Inter',sans-serif;letter-spacing:.18em;text-transform:uppercase;border-left:3px solid var(--amber);padding-left:10px;margin-bottom:18px}
.hero h1{color:#fff;font-size:clamp(38px,6vw,68px)}
.hero h1 em{color:var(--amber-l);font-style:normal}
.hero p{color:#b9c3c7;font-size:18.5px;margin-top:18px;max-width:34rem}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;text-decoration:none;font:700 14px/1 'Inter',sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:16px 28px;border-radius:3px;background:var(--amber);color:#1a1205}
.btn:hover{background:var(--amber-l)}
.btn.ghost{background:transparent;border:1px solid #47555b;color:#dfe5e7}
.btn.ghost:hover{border-color:var(--amber-l);color:#fff}
.btn.big{font-size:17px;padding:20px 36px}

/* strip */
.strip{background:var(--steel);color:#d9e1e4}
.strip .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 30px;padding:16px 20px;font:600 13.5px/1.4 'Inter',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.strip span::before{content:"—";color:var(--amber-l);margin-right:9px}

/* sections */
.section{padding:64px 0}
.section.dark{background:var(--ink-2);color:#c2cbce}
.section.dark h2,.section.dark h3{color:#fff}
.section.alt{background:#efebe5}
.eyebrow{font:700 12.5px/1 'Inter',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
.section h2{font-size:clamp(28px,4vw,42px);margin-bottom:14px}
.lede{font-size:19px;max-width:44rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:26px 22px;border-top:3px solid var(--amber)}
.section.dark .card{background:#101a1e;border-color:#222e33;border-top-color:var(--amber)}
.card h3{font-size:22px;margin-bottom:10px}
.card p,.card li{font-size:16px}
.card ul{margin:0;padding-left:18px}
.card li{margin-bottom:7px}
.num{font:700 13px/1 'Inter',sans-serif;color:var(--amber);letter-spacing:.14em;display:block;margin-bottom:10px}

/* newsletter */
.news{background:var(--ink);color:#c9d2d5;text-align:center;padding:64px 20px}
.news h2{color:#fff}
.news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.news input{flex:1 1 300px;max-width:360px;background:#162126;border:1px solid #2e3c42;color:#fff;border-radius:3px;padding:15px 16px;font-size:16px}
.news input::placeholder{color:#7d8c92}

/* prose / legal */
.prose p{margin-bottom:18px}
.prose h2{font-size:24px;margin:30px 0 12px}
.prose ul{margin:0 0 18px 22px}
.prose li{margin-bottom:8px}
.page-head{background:var(--ink);color:#fff;padding:52px 0 46px}
.page-head h1{color:#fff;font-size:clamp(32px,5vw,50px)}
.page-head p{color:#aab5b9;margin-top:10px}

/* advertorial */
.adv{background:#fff}
.adv .wrap{max-width:740px;margin:0 auto;padding:40px 20px 60px}
.advtag{display:inline-block;background:#eee;color:#555;font:700 11px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:2px;margin-bottom:18px}
.adv h1{font-family:'Inter',Arial,sans-serif;text-transform:none;letter-spacing:-.01em;line-height:1.14;font-size:clamp(28px,4.4vw,42px);margin-bottom:14px}
.adv h2{font-family:'Inter',Arial,sans-serif;text-transform:none;letter-spacing:-.01em;line-height:1.2;font-size:clamp(21px,3vw,28px);margin:26px 0 14px}
.adv .sub{font-size:19px;color:#546066;margin-bottom:22px}
.byline{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:26px;font-size:14.5px}
.byline img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.byline b{display:block;color:var(--ink);font-size:15.5px}
.meta{display:flex;gap:16px;flex-wrap:wrap;color:#7c878c;font-size:13.5px;margin-bottom:20px}
.adv p{margin-bottom:20px;font-size:18.5px}
.adv figure{margin:26px 0}
.adv figure img{border-radius:4px;width:100%}
.adv .thumb{position:relative;display:block}
.testi{background:#f4f1ec;border-left:4px solid var(--amber);padding:20px 22px;margin:26px 0;font-size:17.5px}
.testi cite{display:block;margin-top:10px;font-style:normal;font-size:14px;color:#6d787d}
.ctawrap{text-align:center;margin:34px 0}
.fineprint{font-size:13px;color:#7c878c;margin-top:30px}

/* footer */
.site-foot{background:var(--ink);color:#8c979c;font-size:13.5px;padding:44px 0 34px}
.site-foot .in{display:grid;gap:22px}
.site-foot img{width:170px;opacity:.9}
.flinks{display:flex;flex-wrap:wrap;gap:8px 18px}
.site-foot a{color:#b9c3c7;text-decoration:none}
.site-foot a:hover{color:#fff}
.disc{border-top:1px solid #222d32;padding-top:18px;font-size:12px;line-height:1.6;color:#79868b}
.disc p{margin-bottom:9px}

@media(max-width:860px){
  .hero .in,.split{grid-template-columns:1fr}
  .hero .in{padding-top:36px;padding-bottom:36px}
  .section{padding:44px 0}
  .brand img{width:150px}
  .site-head nav{gap:14px}
  .site-head nav a{font-size:12.5px}
}
