.about-page {background:#050b12;color:#e4edf4}
.about-main {background:linear-gradient(180deg,#081521,#040911 75%);min-height:100vh}
.about-hero {
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(145px,14vw,185px) max(24px,calc((100vw - 1160px)/2)) 70px;
  background:radial-gradient(ellipse at 80% 18%,rgba(96,124,149,.17),transparent 36%),
    radial-gradient(ellipse at 20% 85%,rgba(180,127,63,.10),transparent 35%),#07111a;
}
.about-hero::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:url("/assets/home/realm-concept.webp") center 45%/cover;
  filter:grayscale(.6);opacity:.12;pointer-events:none;
}
.about-eyebrow {
  color:#83c3e8;font:700 10px "Trebuchet MS",Arial,sans-serif;
  letter-spacing:.26em;text-transform:uppercase;
}
.about-hero h1 {
  margin:19px 0 20px;max-width:820px;
  font:500 clamp(3rem,6vw,5.8rem)/.97 Georgia,serif;
  letter-spacing:-.045em;
}
.about-hero h1 em {color:#e9ce95;font-style:normal}
.about-lead {max-width:670px;color:#bbcbd6;font-size:clamp(15px,1.5vw,19px);line-height:1.8}
.about-body {width:min(1160px,calc(100% - 44px));margin:auto;padding:52px 0 80px}
.about-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.about-card {
  border:1px solid rgba(123,180,213,.25);
  background:linear-gradient(145deg,rgba(15,33,48,.8),rgba(5,15,24,.88));
  padding:clamp(22px,3vw,31px);
}
.about-card .about-index {font:500 29px Georgia,serif;color:#e1c38e}
.about-card h2 {margin:17px 0 11px;font:500 clamp(1.45rem,2vw,1.85rem) Georgia,serif}
.about-card p {color:#aec1ce;line-height:1.7;font-size:13px;margin:0}
.about-callout {
  margin-top:28px;padding:25px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:23px;
  border-left:2px solid #dec28c;background:rgba(138,104,60,.09);
}
.about-callout h2 {font:500 clamp(1.4rem,2vw,2rem) Georgia,serif;margin:0 0 8px}
.about-callout p {font-size:12px;color:#a9bfcc;margin:0;max-width:680px;line-height:1.7}
.about-callout a {flex-shrink:0;padding:13px 19px;border:1px solid #d3b47d;background:rgba(145,105,48,.38);font-size:11px;letter-spacing:.1em;color:#f6dfaf;text-decoration:none}
.about-callout a:hover,.about-callout a:focus-visible {background:rgba(174,128,63,.51)}
.about-note {margin:22px 0 0;color:#7f96a7;font-size:11px;line-height:1.7}
@media(max-width:860px){.about-grid{grid-template-columns:1fr 1fr}.about-card:last-child{grid-column:1/-1}}
@media(max-width:610px){.about-hero{padding:133px 22px 51px}.about-body{width:calc(100% - 28px);padding:30px 0 60px}.about-grid{grid-template-columns:1fr}.about-card:last-child{grid-column:auto}.about-callout{flex-direction:column;align-items:flex-start}.about-callout a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.about-callout a{transition:none}}