/* Jordan-first About page */
.about-premium{
  --about-black:#050806;
  --about-panel:#0c120e;
  --about-paper:#f4f5f1;
  --about-soft:#e9ede6;
  --about-ink:#101712;
  --about-muted:#657068;
  --about-lime:#8cff00;
  background:var(--about-paper);
}

.about-premium .about-shell{
  width:min(1360px,calc(100% - 96px));
  margin-inline:auto;
}

.about-premium .about-hero{
  position:relative;
  overflow:hidden;
  min-height:780px;
  padding-top:84px;
  background:
    radial-gradient(circle at 77% 38%,rgba(140,255,0,.14),transparent 28rem),
    linear-gradient(135deg,#050806 0%,#0a100c 58%,#0d1510 100%);
  color:#fff;
}

.about-premium .about-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:rgba(255,255,255,.12);
}

.about-premium .about-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);
  gap:72px;
  align-items:end;
  min-height:696px;
  padding:72px 0 0;
}

.about-premium .about-hero-copy{
  align-self:center;
  max-width:720px;
  padding:34px 0 80px;
}

.about-premium .about-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0 0 24px;
  color:var(--about-lime);
  font-family:"Outfit",sans-serif;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.about-premium .about-eyebrow::before{
  content:"";
  width:34px;
  height:2px;
  background:currentColor;
}

.about-premium .about-hero h1{
  max-width:7.6ch;
  margin:0;
  color:#fff;
  font-family:"Outfit",sans-serif;
  font-size:clamp(4.5rem,8.7vw,9.2rem);
  font-weight:700;
  line-height:.82;
  letter-spacing:-.065em;
}

.about-premium .about-role{
  margin:28px 0 0;
  color:#fff;
  font-family:"Outfit",sans-serif;
  font-size:clamp(1.08rem,1.6vw,1.42rem);
  font-weight:600;
}

.about-premium .about-hero-lead{
  max-width:610px;
  margin:20px 0 0;
  color:#c5cec7;
  font-size:1.06rem;
  line-height:1.72;
}

.about-premium .about-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:34px;
}

.about-premium .about-hero-actions .btn{
  border-radius:999px;
}

.about-premium .about-hero-actions .btn-ghost{
  color:#fff;
  border-color:rgba(255,255,255,.3);
}

.about-premium .about-signature{
  display:block;
  width:190px;
  max-height:72px;
  object-fit:contain;
  object-position:left center;
  margin-top:30px;
  filter:drop-shadow(0 5px 15px rgba(0,0,0,.25));
}

.about-premium .about-portrait-wrap{
  position:relative;
  align-self:end;
  min-height:660px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.about-premium .about-portrait-wrap::before{
  content:"";
  position:absolute;
  width:min(540px,100%);
  aspect-ratio:1;
  bottom:44px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(140,255,0,.17),rgba(140,255,0,.04) 55%,transparent 72%);
  filter:blur(4px);
}

.about-premium .about-portrait{
  position:relative;
  z-index:1;
  display:block;
  width:min(590px,100%);
  max-height:690px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.38));
}

.about-premium .about-stat-band{
  background:var(--about-black);
  color:#fff;
}

.about-premium .about-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.1);
}

.about-premium .about-stat{
  padding:28px 30px 30px 0;
  border-right:1px solid rgba(255,255,255,.1);
}

.about-premium .about-stat:not(:first-child){padding-left:30px}
.about-premium .about-stat:last-child{border-right:0}
.about-premium .about-stat strong{display:block;color:var(--about-lime);font-family:"Outfit",sans-serif;font-size:1.9rem;line-height:1}
.about-premium .about-stat span{display:block;margin-top:8px;color:#aeb8b0;font-size:.85rem;line-height:1.45}

.about-premium .about-section{padding:110px 0}
.about-premium .about-section-soft{background:var(--about-soft)}
.about-premium .about-section-dark{background:var(--about-black);color:#fff}

.about-premium .about-story-grid{
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  gap:92px;
  align-items:start;
}

.about-premium .about-story-heading{position:sticky;top:118px}
.about-premium .about-story-heading h2,
.about-premium .about-section-title{
  margin:0;
  color:var(--about-ink);
  font-family:"Outfit",sans-serif;
  font-size:clamp(3rem,5.2vw,5.8rem);
  font-weight:700;
  line-height:.92;
  letter-spacing:-.055em;
}

.about-premium .about-story-heading p{max-width:480px;margin:24px 0 0;color:var(--about-muted);font-size:1rem;line-height:1.7}

.about-premium .about-story-copy{max-width:760px}
.about-premium .about-story-copy .story-lead{margin:0;color:var(--about-ink);font-size:clamp(1.45rem,2.25vw,2.25rem);font-weight:600;line-height:1.3;letter-spacing:-.025em}
.about-premium .about-story-copy p:not(.story-lead){margin:26px 0 0;color:#465048;font-size:1.02rem;line-height:1.82}

.about-premium .about-pullquote{
  margin:48px 0 0;
  padding:34px 0 0;
  border-top:1px solid rgba(16,23,18,.18);
  color:var(--about-ink);
  font-family:"Outfit",sans-serif;
  font-size:clamp(1.8rem,3vw,3.1rem);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.04em;
}

.about-premium .about-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,.14)}
.about-premium .about-timeline article{padding:30px 34px 0 0;border-right:1px solid rgba(255,255,255,.12)}
.about-premium .about-timeline article:not(:first-child){padding-left:34px}
.about-premium .about-timeline article:last-child{border-right:0}
.about-premium .about-timeline span{color:var(--about-lime);font-family:"Outfit",sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.about-premium .about-timeline h3{margin:16px 0 0;color:#fff;font-size:1.3rem}
.about-premium .about-timeline p{margin:13px 0 0;color:#aeb8b0;font-size:.93rem;line-height:1.65}

.about-premium .about-principles-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:end}
.about-premium .about-principles-head p{max-width:680px;margin:0 0 7px;color:var(--about-muted);font-size:1.02rem;line-height:1.75}
.about-premium .about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
.about-premium .about-principle{min-height:310px;padding:34px;border:1px solid rgba(16,23,18,.12);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(5,8,6,.05)}
.about-premium .about-principle span{color:var(--about-lime);font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.14em}
.about-premium .about-principle h3{margin:72px 0 0;color:var(--about-ink);font-size:1.55rem}
.about-premium .about-principle p{margin:14px 0 0;color:var(--about-muted);line-height:1.72}

.about-premium .about-proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:56px}
.about-premium .about-proof-card{position:relative;min-height:480px;overflow:hidden;border-radius:20px;color:#fff;text-decoration:none}
.about-premium .about-proof-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.about-premium .about-proof-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,6,4,.9) 100%)}
.about-premium .about-proof-card:hover img{transform:scale(1.025)}
.about-premium .about-proof-card div{position:absolute;z-index:2;left:34px;right:34px;bottom:30px}
.about-premium .about-proof-card h3{margin:0;color:#fff;font-size:1.75rem}
.about-premium .about-proof-card p{margin:7px 0 0;color:#c7d0c9}

.about-premium .about-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px}
.about-premium .about-review{padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b110d}
.about-premium .about-review-stars{color:var(--gold,#d7b44c);letter-spacing:.12em}
.about-premium .about-review blockquote{margin:24px 0 0;color:#fff;font-family:"Outfit",sans-serif;font-size:1.35rem;line-height:1.45}
.about-premium .about-review cite{display:block;margin-top:24px;color:#9faaa2;font-style:normal}

.about-premium .about-close{padding:110px 0;background:var(--about-lime);color:var(--about-ink)}
.about-premium .about-close-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
.about-premium .about-close h2{max-width:10ch;margin:0;color:var(--about-ink);font-family:"Outfit",sans-serif;font-size:clamp(3.4rem,6vw,6.8rem);line-height:.88;letter-spacing:-.06em}
.about-premium .about-close p{max-width:520px;margin:0 0 24px;color:#1c2a20;font-size:1.05rem;line-height:1.7}
.about-premium .about-close .btn{border-radius:999px}

@media(max-width:1100px){
  .about-premium .about-shell{width:min(100% - 56px,1180px)}
  .about-premium .about-hero-grid{grid-template-columns:1fr .82fr;gap:34px}
  .about-premium .about-portrait-wrap{min-height:590px}
  .about-premium .about-story-grid{gap:50px}
  .about-premium .about-timeline{grid-template-columns:repeat(2,1fr)}
  .about-premium .about-timeline article:nth-child(2){border-right:0}
  .about-premium .about-timeline article:nth-child(n+3){margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.12)}
  .about-premium .about-principles{grid-template-columns:1fr}
  .about-premium .about-principle{min-height:0}
  .about-premium .about-principle h3{margin-top:38px}
}

@media(max-width:780px){
  .about-premium .about-shell{width:calc(100% - 40px)}
  .about-premium .about-hero{min-height:auto;padding-top:74px}
  .about-premium .about-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:42px}
  .about-premium .about-hero-copy{width:100%;padding:26px 0 30px}
  .about-premium .about-hero h1{font-size:clamp(4rem,19vw,6.4rem);max-width:7ch}
  .about-premium .about-hero-lead{font-size:.98rem}
  .about-premium .about-portrait-wrap{order:2;width:100%;min-height:420px;margin-top:0}
  .about-premium .about-portrait{max-height:470px}
  .about-premium .about-signature{width:155px}
  .about-premium .about-stats{grid-template-columns:1fr 1fr}
  .about-premium .about-stat{padding:23px 20px 24px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .about-premium .about-stat:not(:first-child){padding-left:20px}
  .about-premium .about-stat:nth-child(2){border-right:0}
  .about-premium .about-stat:nth-child(n+3){border-bottom:0}
  .about-premium .about-section{padding:76px 0}
  .about-premium .about-story-grid{grid-template-columns:1fr;gap:38px}
  .about-premium .about-story-heading{position:static}
  .about-premium .about-principles-head{grid-template-columns:1fr;gap:24px}
  .about-premium .about-proof-grid,.about-premium .about-review-grid,.about-premium .about-close-grid{grid-template-columns:1fr}
  .about-premium .about-proof-card{min-height:360px}
  .about-premium .about-close-grid{gap:36px}
}

@media(max-width:520px){
  .about-premium .about-shell{width:calc(100% - 32px)}
  .about-premium .about-hero-actions{flex-direction:column;align-items:stretch}
  .about-premium .about-hero-actions .btn{text-align:center;justify-content:center}
  .about-premium .about-portrait-wrap{min-height:360px}
  .about-premium .about-portrait{max-height:405px}
  .about-premium .about-stats{grid-template-columns:1fr}
  .about-premium .about-stat,.about-premium .about-stat:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .about-premium .about-stat:last-child{border-bottom:0}
  .about-premium .about-timeline{grid-template-columns:1fr}
  .about-premium .about-timeline article,.about-premium .about-timeline article:not(:first-child){padding:26px 0 0;border-right:0}
  .about-premium .about-timeline article:nth-child(n+2){margin-top:26px;border-top:1px solid rgba(255,255,255,.12)}
}