@import url("main.css");

body {
  background:var(--color-brand-vanilla);
  color:var(--color-brand-ink);
}

.skip-link{position:fixed;z-index:9999;inset-inline-start:1rem;top:0;transform:translateY(-140%);padding:.75rem 1rem;border-radius:0 0 .75rem .75rem;background:#2B1D12;color:#FFF4D6;font-weight:800}
.skip-link:focus{transform:translateY(0);outline:3px solid #FC6C26;outline-offset:2px}
:focus-visible{outline:3px solid #FC6C26;outline-offset:3px}

.profile-shell {
  width:min(88vw,1160px);
  margin-inline:auto;
}

.profile-nav {
  position:relative;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(92vw,1280px);
  margin-inline:auto;
  padding:1.25rem 0;
  border-bottom:1px solid var(--line);
}

.profile-nav__brand {
  display:flex;
  align-items:baseline;
  gap:.65rem;
}

.profile-nav__brand > span {
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:.18em;
}

.profile-nav__brand small {
  color:var(--color-brand-orange);
  font-family:var(--font-he-display);
  font-size:1rem;
}

.profile-nav__contact {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:.55rem 1rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  font-weight:800;
}

.profile-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(5rem,10vw,9rem) 0 clamp(4rem,8vw,7rem);
}

.profile-hero::before {
  content:"";
  position:absolute;
  width:min(60vw,720px);
  aspect-ratio:1;
  inset-block-start:-38%;
  inset-inline-end:-14%;
  border-radius:50%;
  background:radial-gradient(circle,rgb(var(--color-brand-orange-rgb)/.18),transparent 68%);
  pointer-events:none;
}

.profile-kicker,.profile-section__eyebrow {
  color:var(--color-brand-orange);
  font-family:var(--font-mono);
  font-size:.73rem;
  letter-spacing:.16em;
  font-weight:700;
}

.profile-hero h1 {
  max-width:900px;
  margin-top:1rem;
  font-size:clamp(3rem,7vw,6.8rem);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:900;
}

.profile-hero h1 span { color:var(--color-brand-orange); }

.profile-hero__lead {
  max-width:760px;
  margin-top:1.75rem;
  color:var(--dim);
  font-size:clamp(1.05rem,2vw,1.28rem);
  line-height:1.8;
}

.profile-status {
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  max-width:850px;
  margin-top:2rem;
  padding:1rem 1.15rem;
  border:1px solid var(--color-brand-orange-border);
  border-radius:1rem;
  background:var(--color-brand-orange-soft);
}

.profile-status__dot {
  width:.65rem;
  height:.65rem;
  margin-top:.45rem;
  flex:none;
  border-radius:50%;
  background:var(--color-brand-orange);
  box-shadow:0 0 0 5px rgb(var(--color-brand-orange-rgb)/.12);
}

.profile-hero__actions {
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:2rem;
}

.profile-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:.75rem 1.25rem;
  border-radius:999px;
  font-weight:800;
}

.profile-button--primary {
  background:var(--color-brand-orange);
  color:var(--color-brand-vanilla);
}

.profile-button--primary:hover { background:var(--color-brand-orange-hover); }
.profile-button--secondary { border:1px solid var(--line-strong); }

.profile-section {
  padding:clamp(4rem,7vw,7rem) 0;
  border-top:1px solid var(--line);
}

.profile-section h2,.profile-contact h2 {
  max-width:760px;
  margin-top:.75rem;
  font-size:clamp(2rem,4.2vw,4.25rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.profile-section__lead {
  margin-top:1.25rem;
  color:var(--dim);
  font-size:1.07rem;
  line-height:1.8;
}

.profile-grid {
  display:grid;
  gap:1rem;
  margin-top:2.5rem;
}

.profile-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }

.profile-card {
  min-height:260px;
  padding:1.4rem;
  border:1px solid var(--line);
  border-radius:1.25rem;
  background:var(--color-brand-vanilla-surface);
}

.profile-card__number {
  color:var(--color-brand-orange);
  font-family:var(--font-mono);
  font-size:.72rem;
}

.profile-card h3 {
  margin-top:3rem;
  font-size:1.28rem;
}

.profile-card p {
  margin-top:.65rem;
  color:var(--dim);
}

.profile-section--dark {
  background:var(--color-brand-ink);
  color:var(--color-brand-vanilla);
}

.profile-section--dark .profile-section__eyebrow { color:var(--color-brand-orange); }

.profile-flow {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:3rem;
  border-block:1px solid rgb(var(--color-brand-vanilla-rgb)/.18);
}

.profile-flow li {
  position:relative;
  padding:1.6rem;
  border-inline-start:1px solid rgb(var(--color-brand-vanilla-rgb)/.18);
}

.profile-flow li:first-child { border-inline-start:0; }
.profile-flow > li > span {
  color:var(--color-brand-orange);
  font-family:var(--font-mono);
  font-size:.72rem;
}

.profile-flow h3 { margin-top:2rem; font-size:1.2rem; }
.profile-flow p { margin-top:.6rem; color:rgb(var(--color-brand-vanilla-rgb)/.68); }

.profile-split {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2rem,7vw,7rem);
  align-items:start;
}

.profile-facts {
  border-top:1px solid var(--line-strong);
}

.profile-facts > div {
  display:grid;
  grid-template-columns:8rem 1fr;
  gap:1rem;
  padding:1.1rem 0;
  border-bottom:1px solid var(--line);
}

.profile-facts dt { font-weight:900; }
.profile-facts dd { color:var(--dim); }

.profile-section--pilot {
  background:var(--color-brand-vanilla-muted);
}

.profile-caveat {
  margin-top:1rem;
  padding-inline-start:1rem;
  border-inline-start:3px solid var(--color-brand-orange);
  color:var(--dim);
  font-size:.92rem;
}

.profile-pilot-card {
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:2rem;
  border-radius:1.5rem;
  color:#fff;
  background:
    radial-gradient(circle at 20% 10%,rgb(var(--color-brand-orange-rgb)/.42),transparent 40%),
    var(--color-brand-ink);
}

.profile-pilot-card__brand {
  font-family:var(--font-display);
  font-size:clamp(2.7rem,6vw,5rem);
  font-weight:700;
  letter-spacing:.06em;
}

.profile-pilot-card p { color:rgb(255 255 255/.65); }
.profile-pilot-card a {
  width:max-content;
  margin-top:1.5rem;
  color:var(--color-brand-orange);
  font-weight:900;
}

.profile-requirements {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-top:2rem;
}

.profile-requirements li {
  position:relative;
  padding:1rem 2.6rem 1rem 1rem;
  border:1px solid var(--line);
  border-radius:1rem;
  background:var(--color-brand-vanilla-surface);
  font-weight:700;
}

.profile-requirements li::before {
  content:"";
  position:absolute;
  inset-inline-start:1rem;
  top:50%;
  width:.65rem;
  height:.65rem;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--color-brand-orange);
}

.profile-contact {
  padding:clamp(4.5rem,9vw,8rem) 0;
  text-align:center;
  color:var(--color-brand-vanilla);
  background:var(--color-brand-ink);
}

.profile-contact .profile-shell { display:grid; justify-items:center; }
.profile-contact p:not(.profile-section__eyebrow) {
  margin-top:1rem;
  color:rgb(var(--color-brand-vanilla-rgb)/.68);
}

.profile-contact__links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem;
  margin-top:1.75rem;
}

.profile-contact__links a {
  padding:.65rem 1rem;
  border:1px solid rgb(var(--color-brand-vanilla-rgb)/.24);
  border-radius:999px;
}

.profile-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.25rem 4vw;
  color:var(--color-brand-vanilla);
  background:var(--color-brand-ink);
  border-top:1px solid rgb(var(--color-brand-vanilla-rgb)/.12);
  font-family:var(--font-mono);
  font-size:.72rem;
}

.profile-footer nav {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}

@media (max-width:900px) {
  .profile-grid--four,.profile-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-flow li:nth-child(3) { border-inline-start:0; border-top:1px solid rgb(var(--color-brand-vanilla-rgb)/.18); }
  .profile-flow li:nth-child(4) { border-top:1px solid rgb(var(--color-brand-vanilla-rgb)/.18); }
  .profile-split { grid-template-columns:1fr; }
  .profile-requirements { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:600px) {
  .profile-shell { width:min(90vw,1160px); }
  .profile-nav { padding:.9rem 0; }
  .profile-nav__brand small { display:none; }
  .profile-hero { padding:4rem 0; }
  .profile-hero h1 { font-size:clamp(2.65rem,14vw,4rem); }
  .profile-hero__actions,.profile-contact__links { display:grid; width:100%; }
  .profile-grid--four,.profile-flow,.profile-requirements { grid-template-columns:1fr; }
  .profile-card { min-height:0; }
  .profile-card h3 { margin-top:1.5rem; }
  .profile-flow li { border-inline-start:0; border-top:1px solid rgb(var(--color-brand-vanilla-rgb)/.18); }
  .profile-flow li:first-child { border-top:0; }
  .profile-facts > div { grid-template-columns:1fr; gap:.25rem; }
  .profile-footer { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}