@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Jost:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap');

:root {
  --ink:#15171a; --charcoal:#20242b; --bg:#f5f3ef; --paper:#fff;
  --grey:#5c616b; --line:#e4e0d8; --taupe:#b7a890;
  --blue:#23456e; --burgundy:#7a2233; --gold:#c39a5b; --gold-bright:#d8b16e;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --serif:"Georgia","Times New Roman",serif;
  --sans:"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--serif);color:var(--ink);background:var(--bg);line-height:1.65;font-size:18px;}
a{color:var(--burgundy);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:1080px;margin:0 auto;padding:0 32px;}

/* Header */
header.site{background:var(--ink);color:#fff;border-bottom:1px solid rgba(255,255,255,0.08);position:relative;z-index:10;}
header.site .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:22px 32px;max-width:1140px;}
.brand{color:#fff;}
.brand .logo{height:75px;width:auto;display:block;}
.brand .name{font-family:var(--display);font-size:24px;letter-spacing:3px;font-weight:800;text-transform:uppercase;}
.brand .tagline{font-family:var(--sans);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--taupe);margin-top:3px;}
nav.site ul{list-style:none;display:flex;gap:30px;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;}
nav.site a{color:#d7d4cc;transition:color .15s ease;}
nav.site a:hover,nav.site a.active{color:var(--gold-bright);text-decoration:none;}

/* Page banner */
.page-banner{background:var(--ink);color:#fff;padding:74px 0 64px;border-bottom:4px solid var(--gold);}
.page-banner .eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold-bright);border-left:3px solid var(--gold);padding-left:14px;margin-bottom:18px;}
.page-banner h1{font-family:var(--display);font-size:60px;line-height:0.98;letter-spacing:-2px;font-weight:900;}
.page-banner p{font-size:19px;color:#d9d6ce;max-width:680px;margin-top:18px;}

/* Sections */
section{padding:72px 0;}
.kicker{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--burgundy);margin-bottom:14px;}
h2{font-family:var(--display);font-size:36px;line-height:1.0;letter-spacing:-1px;color:var(--ink);font-weight:800;}
.rule{width:72px;height:4px;background:var(--gold);margin:18px 0 8px;border-radius:2px;}
section.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

/* Press item */
.press-list{margin-top:36px;}
.press-item{
  display:grid;grid-template-columns:170px 1fr auto;gap:28px;align-items:start;
  padding:26px 0;border-bottom:1px solid var(--line);
}
.press-item:first-child{border-top:1px solid var(--line);}
.press-meta{font-family:var(--display);}
.press-outlet{font-size:15px;font-weight:800;letter-spacing:0.3px;color:var(--ink);text-transform:uppercase;}
.press-date{font-family:var(--sans);font-size:13px;color:var(--grey);margin-top:4px;letter-spacing:0.4px;}
.press-body h3{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-0.3px;color:var(--ink);line-height:1.25;margin-bottom:8px;}
.press-body h3 a{color:var(--ink);}
.press-body h3 a:hover{color:var(--burgundy);text-decoration:none;}
.press-body p{font-size:16px;color:var(--grey);margin:0;}
.press-body .program{font-family:var(--sans);font-size:13px;letter-spacing:0.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px;}
.watch{
  align-self:center;white-space:nowrap;
  font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--ink);background:var(--gold);padding:11px 20px;border-radius:2px;transition:background .15s ease,transform .15s ease;
}
.watch:hover{background:var(--gold-bright);text-decoration:none;transform:translateY(-2px);}
.read{
  align-self:center;white-space:nowrap;
  font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--burgundy);border:1.5px solid var(--line);padding:10px 18px;border-radius:2px;transition:border-color .15s ease,color .15s ease;
}
.read:hover{border-color:var(--gold);color:var(--ink);text-decoration:none;}
.note{font-family:var(--sans);font-size:14px;color:var(--grey);margin-top:30px;font-style:italic;}

/* Footer */
footer.site{background:var(--ink);color:#bcbfc6;font-family:var(--sans);font-size:14px;padding:56px 0 40px;border-top:3px solid var(--gold);}
footer.site .container{max-width:1140px;}
.footer-grid{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;align-items:flex-start;}
.footer-brand{display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.footer-logo{height:58px;width:auto;}
.footer-brand a{color:var(--gold-bright);font-size:15px;}
.footer-offices{display:flex;gap:30px;flex-wrap:wrap;}
.office{width:152px;}
.office img{width:100%;height:84px;object-fit:cover;border-radius:3px;border-bottom:2px solid var(--gold);margin-bottom:10px;display:block;}
.office strong{display:block;font-family:var(--display);color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:12px;margin-bottom:5px;}
.office span{color:#9aa0a8;font-size:13px;line-height:1.5;}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.1);}
.footer-copy{font-family:var(--display);letter-spacing:1px;color:#9aa0a8;font-size:13px;}
.disclaimer{font-size:12px;color:#84888f;max-width:660px;line-height:1.6;}

@media(max-width:800px){
  .page-banner h1{font-size:42px;}
  h2{font-size:28px;}
  .press-item{grid-template-columns:1fr;gap:10px;}
  .watch,.read{justify-self:start;margin-top:6px;}
  .footer-grid{flex-direction:column;gap:32px;}
  .brand .logo{height:65px;}
  header.site .container{flex-direction:column;gap:16px;text-align:center;}
  nav.site ul{flex-wrap:wrap;justify-content:center;gap:18px;}
}
