:root {
  --navy:#08283d;
  --blue:#0c6f94;
  --light-blue:#dcecf5;
  --gold:#b99454;
  --ink:#15202b;
  --muted:#5d6a73;
  --paper:#ffffff;
  --soft:#f4f7f9;
  --line:#d8e1e7;
  --shadow:0 14px 40px rgba(8,40,61,.16);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--blue)}
.hero{background:linear-gradient(135deg,var(--navy),#0a6688);color:white;padding:54px 22px 64px}
.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:190px 1fr;gap:42px;align-items:center}
.anniversary-logo{width:190px;height:auto}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:#d7e9f1;margin:0 0 14px}
h1{font-size:clamp(2.2rem,5vw,5rem);line-height:.95;margin:0 0 18px;letter-spacing:-.04em}
.lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:900px;margin:0 0 24px;color:#eef7fb}
.button{display:inline-block;background:var(--gold);color:#081d2b;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 20px;margin:6px 8px 6px 0}
.button.secondary{background:transparent;color:white;border:1px solid rgba(255,255,255,.55)}
.section{max-width:1180px;margin:0 auto;padding:54px 22px;border-bottom:1px solid var(--line)}
.section h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px;color:var(--navy)}
.section h3{margin-top:0;color:var(--navy)}
.intro-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:32px;align-items:start}
.callout{background:var(--soft);border-left:5px solid var(--gold);padding:24px;border-radius:14px;box-shadow:0 8px 22px rgba(8,40,61,.08)}
.stats-section{background:linear-gradient(180deg,#fbfdfe,#f3f8fb);border-radius:22px;margin-top:26px;margin-bottom:26px;border-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stats-grid div{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:140px;box-shadow:0 10px 28px rgba(8,40,61,.07);position:relative;overflow:hidden}
.stats-grid strong{display:block;font-size:2.65rem;line-height:1;color:var(--blue);margin-bottom:10px;letter-spacing:-.04em}
.stats-grid span{display:block;color:#405261;font-size:1rem;line-height:1.42}
.note{color:#405261;max-width:960px;background:white;border-left:5px solid var(--gold);border-radius:12px;padding:18px 22px;margin-top:22px;box-shadow:0 8px 22px rgba(8,40,61,.05)}
.section-heading{max-width:920px;margin-bottom:28px}
.video-grid{display:grid;grid-template-columns:1fr;gap:28px}
.video-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(8,40,61,.07)}
.video-wrap{position:relative;aspect-ratio:16/9;background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-copy{padding:22px 24px}
.video-copy h3{font-size:1.35rem;margin-bottom:8px}
.video-copy p{color:var(--muted);margin-bottom:0}
.quote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.quote-item{margin:0;background:var(--soft);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(8,40,61,.05)}
.image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.quote-item img{width:100%;height:auto}
.two-column{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
.bts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bts-grid img,.anniversary-grid img{border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 26px rgba(8,40,61,.09)}
.anniversary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.final-cta{text-align:center;border-bottom:0;padding-bottom:72px}
.credit{margin-top:28px;color:var(--muted);font-size:.95rem}
.lightbox[hidden]{display:none}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:grid;place-items:center;padding:24px;z-index:50}
.lightbox img{max-height:90vh;max-width:92vw;border-radius:8px}
.lightbox-close{position:fixed;top:18px;right:22px;font-size:42px;line-height:1;border:0;background:transparent;color:white;cursor:pointer}
@media(max-width:900px){
  .hero-inner,.intro-grid,.video-card,.two-column{grid-template-columns:1fr}
  .anniversary-logo{width:150px}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .quote-grid{grid-template-columns:repeat(2,1fr)}
  .anniversary-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .stats-grid,.quote-grid,.bts-grid{grid-template-columns:1fr}
  .hero{padding-top:34px}
}

.stats-grid div:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--blue),var(--gold));}

.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;align-items:start}
.social-item{margin:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(8,40,61,.09)}
.social-item img{width:100%;height:auto;display:block}
@media(max-width:900px){.social-grid{grid-template-columns:1fr}}