* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f5f1ea; color: #111; font-family: Georgia, 'Times New Roman', serif; }
main { overflow: hidden; }
.cover { position: relative; min-height: 100vh; background: #000; color: #fff; }
.cover-bg { position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; opacity: .52; }
.cover-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.15), rgba(0,0,0,.9)); }
.cover-content { position: relative; z-index: 2; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding: 48px 7vw; }
.topline, .cover-footer, .kicker { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .28em; font-size: 12px; }
.topline, .cover-footer { display: flex; justify-content: space-between; color: rgba(255,255,255,.8); gap: 20px; }
.mag-brand { font-family: Arial, Helvetica, sans-serif; font-size: clamp(92px, 15vw, 190px); font-weight: 900; line-height: .82; letter-spacing: -.08em; }
.cover-main h1 { font-family: Arial, Helvetica, sans-serif; font-size: clamp(54px, 8vw, 104px); line-height: .92; max-width: 900px; margin: 24px 0; letter-spacing: -.05em; }
.deck { font-size: clamp(21px, 3vw, 34px); line-height: 1.35; color: #e5e7eb; max-width: 820px; }
.section { padding: 110px 7vw; }
.cream { background: #f8f5ef; }
.white { background: #fff; }
.grid { max-width: 1280px; margin: 0 auto; display: grid; gap: 70px; }
.grid.two { grid-template-columns: 1fr 1fr; align-items: start; }
article h2, .statement h2, .final h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 900; letter-spacing: -.055em; color: #111827; }
article h2 { font-size: clamp(42px, 5vw, 74px); line-height: .98; margin: 0 0 40px; }
article p, .case-card p, .data-card p, .statement p, .final p { font-size: 21px; line-height: 1.9; color: #222; }
.kicker.dark { color: #6b7280; margin-bottom: 22px; }
.quote-card { background: #fff; padding: 54px; box-shadow: 0 32px 80px rgba(0,0,0,.16); border: 1px solid #e5e7eb; }
.quote-card blockquote { margin: 0 0 28px; font-family: Arial, Helvetica, sans-serif; font-size: clamp(34px, 4vw, 56px); line-height: .98; font-weight: 900; color: #7f1d1d; letter-spacing: -.04em; }
figure { margin: 0; }
figure img { width: 100%; height: 720px; object-fit: cover; box-shadow: 0 34px 90px rgba(0,0,0,.22); }
.red-list { margin-top: 26px; padding-left: 28px; font-size: 22px; line-height: 1.9; color: #7f1d1d; font-weight: 700; }
.statement { background: #111827; color: #fff; text-align: center; padding: 130px 7vw; }
.statement h2 { color: #fff; font-size: clamp(48px, 7vw, 94px); line-height: 1; max-width: 1200px; margin: 0 auto 28px; }
.statement p { color: #d1d5db; max-width: 980px; margin-left: auto; margin-right: auto; }
.data-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.data-card { background: #fff; padding: 48px; box-shadow: 0 24px 70px rgba(0,0,0,.12); border: 1px solid #e5e7eb; }
.dark-card { background: #111827 !important; color: #fff !important; }
.dark-card p, .dark-card h3 { color: #e5e7eb !important; }
.number { font-family: Arial, Helvetica, sans-serif; font-size: 86px; font-weight: 900; line-height: 1; color: #111827; letter-spacing: -.07em; margin: 20px 0; }
.number.red { color: #7f1d1d; }
.case-stack { display: grid; gap: 28px; }
.case-card { background: #fff; padding: 42px; box-shadow: 0 24px 70px rgba(0,0,0,.13); border: 1px solid #e5e7eb; }
.case-card h3 { margin: 0 0 16px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-transform: uppercase; letter-spacing: .28em; color: #6b7280; }
.red-border { border-left: 12px solid #7f1d1d; }
.british { padding-top: 145px; padding-bottom: 145px; }
.final { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; padding: 110px 7vw; background: #000; }
.final-bg { position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; opacity: .28; }
.final-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.final-content { position: relative; z-index: 2; max-width: 1180px; }
.final h2 { color: #fff; font-size: clamp(52px, 7vw, 100px); line-height: .95; margin-bottom: 55px; }
.final p { color: #e5e7eb; max-width: 960px; margin: 28px auto; }
.final-line { font-size: clamp(28px, 4vw, 46px) !important; line-height: 1.3 !important; font-weight: 800; color: #fff !important; font-family: Arial, Helvetica, sans-serif; }
.references { background: #f8f5ef; padding: 90px 7vw; }
.references .kicker { text-align: center; margin-bottom: 36px; }
.refs-grid { max-width: 1080px; margin: 0 auto; background: #fff; padding: 56px; box-shadow: 0 24px 70px rgba(0,0,0,.13); border: 1px solid #e5e7eb; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.refs-grid p { font-size: 18px; line-height: 1.9; color: #222; margin: 0 0 10px; }

@media (max-width: 900px) {
  .topline, .cover-footer { flex-direction: column; }
  .grid.two, .data-grid, .refs-grid { grid-template-columns: 1fr; }
  .section { padding: 80px 24px; }
  .cover-content { padding: 32px 24px; }
  figure img { height: 520px; }
  .quote-card, .data-card, .case-card, .refs-grid { padding: 30px; }
  article p, .case-card p, .data-card p, .statement p, .final p { font-size: 19px; }
}