/* About page — 2026 design refresh */
body[data-page='about'] main{
  padding:30px 0 54px;
}

body[data-page='about'] .eyebrow{
  margin:0 0 10px;
  color:#9a7419;
  font-size:9.8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-page='about'] .hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:20px;
  margin-bottom:24px;
  align-items:stretch;
}

body[data-page='about'] .hero-main{
  position:relative;
  overflow:hidden;
  display:grid;
  align-content:center;
  padding:clamp(26px,4.2vw,44px);
  border-radius:var(--acw-refresh-radius-card,28px);
  border:1px solid rgba(11,31,58,.4);
  background:
    radial-gradient(1100px 380px at 82% -8%, rgba(212,166,74,.16), transparent 55%),
    linear-gradient(150deg, rgba(11,31,58,.99), rgba(16,38,70,.96));
  color:#fff;
  box-shadow:var(--acw-refresh-shadow-lg);
}

body[data-page='about'] .hero-main::before{
  content:'';
  position:absolute;
  inset:auto -60px -110px auto;
  width:280px;
  height:280px;
  border-radius:46% 54% 60% 40%;
  background:rgba(255,255,255,.05);
}

body[data-page='about'] .hero-main .eyebrow{
  color:var(--footer-gold,#D4A64A);
}

body[data-page='about'] .hero-main h1{
  margin:0 0 14px;
  font-size:clamp(19.5px,3.5vw,29.3px);
  line-height:1.2;
  letter-spacing:-.015em;
  color:#fff;
}

body[data-page='about'] .hero-main > p{
  margin:0;
  max-width:56ch;
  color:rgba(255,255,255,.84);
  line-height:1.9;
}

body[data-page='about'] .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

body[data-page='about'] .hero-actions .button{
  position:relative;
  z-index:1;
}

body[data-page='about'] .hero-actions .button.primary{
  background:var(--footer-gold,#D4A64A);
  color:#10213A;
  border-color:transparent;
  box-shadow:0 16px 30px rgba(212,166,74,.28);
}

body[data-page='about'] .hero-actions .button.light{
  background:rgba(255,255,255,.1);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}

body[data-page='about'] .hero-side{
  display:grid;
  gap:20px;
  align-content:stretch;
}

body[data-page='about'] .side-card{
  padding:24px;
  border-radius:var(--acw-refresh-radius-card,28px);
  border:1px solid var(--acw-refresh-line);
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,244,236,.95));
  box-shadow:var(--acw-refresh-shadow-md);
}

body[data-page='about'] .side-card h3{
  margin:0 0 8px;
  color:var(--shell-ink,#10213A);
  font-size:16.3px;
}

body[data-page='about'] .side-card p{
  margin:0;
  color:#5a677d;
  line-height:1.85;
}

body[data-page='about'] .section{
  margin-top:22px;
}

body[data-page='about'] .section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  flex-wrap:wrap;
}

body[data-page='about'] .section-head h2{
  margin:0;
  color:var(--shell-ink,#10213A);
  font-size:clamp(19.5px,3.2vw,29.3px);
  line-height:1.25;
  letter-spacing:-.01em;
}

body[data-page='about'] .section-head > p:not(.eyebrow){
  margin:0;
  max-width:64ch;
  color:#5a677d;
}

body[data-page='about'] .about-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

body[data-page='about'] .about-card{
  padding:26px;
  display:grid;
  gap:14px;
  border-radius:var(--acw-refresh-radius-card,28px);
  border:1px solid var(--acw-refresh-line);
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,244,236,.95));
  box-shadow:var(--acw-refresh-shadow-md);
}

body[data-page='about'] .about-card h3{
  margin:0;
  color:var(--shell-ink,#10213A);
  font-size:17.1px;
}

body[data-page='about'] .about-card p{
  margin:0;
  color:#5a677d;
  line-height:1.9;
}

body[data-page='about'] .dark-card{
  border-color:rgba(11,31,58,.4);
  background:
    radial-gradient(1000px 360px at 80% -10%, rgba(212,166,74,.14), transparent 55%),
    linear-gradient(150deg, rgba(11,31,58,.99), rgba(16,38,70,.96));
}

body[data-page='about'] .dark-card h3{color:#fff}
body[data-page='about'] .dark-card p{color:rgba(255,255,255,.84)}

body[data-page='about'] .value-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

body[data-page='about'] .value-card{
  padding:20px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid var(--acw-refresh-line);
  box-shadow:var(--acw-refresh-shadow-sm);
}

body[data-page='about'] .value-card strong{
  display:block;
  color:var(--shell-ink,#10213A);
  font-size:13.8px;
  margin-bottom:6px;
}

body[data-page='about'] .value-card p{
  margin:0;
  color:#5a677d;
  font-size:11.4px;
  line-height:1.8;
}

body[data-page='about'] .about-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}

body[data-page='about'] .about-list li{
  position:relative;
  padding-inline-start:20px;
  color:#5a677d;
  line-height:1.85;
}

body[data-page='about'] .about-list li::before{
  content:'';
  position:absolute;
  inset-inline-start:0;
  top:11px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--footer-gold,#D4A64A);
}

body[data-page='about'] .report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

body[data-page='about'] .report-card{
  display:grid;
  grid-template-rows:auto;
  gap:16px;
  padding:20px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  border:1px solid var(--acw-refresh-line);
  border-radius:20px;
  box-shadow:var(--acw-refresh-shadow-sm);
  align-content:start;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

body[data-page='about'] .report-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 44px rgba(11,31,58,.14);
  border-color:rgba(216,173,62,.55);
}

body[data-page='about'] .report-cover{
  position:relative;
  overflow:hidden;
  cursor:pointer;
  border-radius:16px;
}

body[data-page='about'] .report-cover img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  transition:transform 1.5s ease;
}

body[data-page='about'] .report-card:hover .report-cover img{transform:scale(1.04)}

body[data-page='about'] .report-meta{
  position:absolute;
  top:12px;
  inset-inline-start:12px;
  z-index:1;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:var(--shell-ink,#10213A);
  font-size:9.8px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(11,31,58,.16);
}

body[data-page='about'] .report-body{
  padding:0;
  display:grid;
  gap:10px;
  align-content:start;
}

body[data-page='about'] .report-body h3{
  margin:0;
  color:#111827;
  font-size:15.4px;
  line-height:1.4;
  font-weight:800;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

body[data-page='about'] .report-body p{
  margin:0;
  color:#667085;
  font-size:11.4px;
  line-height:1.75;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body[data-page='about'] .report-body .button.secondary{
  justify-self:start;
  min-height:38px;
  border-radius:10px;
  background:#fff;
  border-color:rgba(17,24,39,.14);
  color:var(--shell-ink,#10213A);
}

body[data-page='about'] .report-body .button.secondary:hover{
  border-color:rgba(216,173,62,.55);
  background:#fff;
}

/* Report Windows — news-style section head */
body[data-page='about'] section:has(> .report-grid) .section-head{
  margin-bottom:14px;
}
body[data-page='about'] section:has(> .report-grid) .section-head .eyebrow{
  color:#c51525;
}
body[data-page='about'] section:has(> .report-grid) .section-head h2{
  font-size:clamp(16.3px,2.5vw,22.8px);
  line-height:1.2;
}
body[data-page='about'] section:has(> .report-grid) .section-head > p:not(.eyebrow){
  max-width:62ch;
  color:#667085;
}

body[data-page='about'] .footer{
  margin-top:52px;
  padding:38px 0 22px;
  background:var(--footer-bg,#0B1F3A);
  color:#fff;
}

body[data-page='about'] .footer .footer-top{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr .8fr;
  gap:18px;
}

body[data-page='about'] .footer .footer-card{
  padding:22px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}

body[data-page='about'] .footer .footer-card h4{
  margin:0 0 8px;
  color:#fff;
  font-size:13px;
}

body[data-page='about'] .footer .footer-card p{
  margin:0;
  color:var(--footer-text-muted,rgba(255,255,255,.56));
  line-height:1.85;
}

body[data-page='about'] .footer .footer-links{
  display:grid;
  gap:8px;
}

body[data-page='about'] .footer .footer-links a{
  color:rgba(255,255,255,.82);
  font-size:11.4px;
  transition:color .2s ease;
}

body[data-page='about'] .footer .footer-links a:hover{
  color:var(--footer-gold,#D4A64A);
}

body[data-page='about'] .footer .footer-bottom{
  padding-top:20px;
  margin-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.74);
  font-size:11.4px;
}

body[data-page='about'] .footer .footer-bottom span:last-child{
  color:var(--footer-gold,#D4A64A);
}

@media (max-width:1080px){
  body[data-page='about'] .hero,
  body[data-page='about'] .about-grid,
  body[data-page='about'] .footer .footer-top{
    grid-template-columns:1fr;
  }

  body[data-page='about'] .value-grid,
  body[data-page='about'] .report-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  body[data-page='about'] .value-grid,
  body[data-page='about'] .report-grid{
    grid-template-columns:1fr;
  }

  body[data-page='about'] .hero-actions .button{
    flex:1 1 100%;
  }

  body[data-page='about'] .section-head{
    flex-direction:column;
    align-items:flex-start;
  }

  body[data-page='about'] .footer .footer-top{
    grid-template-columns:1fr;
  }
}