/*
 * AURELIA 67 case repair
 *
 * Keeps the shared Battlefield/Phoenix hero-frame language while restoring
 * the visual identity of the real AURELIA twin: midnight navy, champagne,
 * sea glass and editorial serif typography.
 */

body.case-page.flagship-case--aurelia {
  --case-accent: #c9a55f;
  --case-hero-line: #c9a55f;
  --case-primary-core: #f0dca9;
  --case-primary: #c9a55f;
  --case-primary-glow: #a87527;
  --case-primary-rgb: 201, 165, 95;
  --case-secondary-rgb: 108, 205, 193;
  --case-hero-title: #f4eddd;
  --case-reading-accent: #d7aa50;
  --case-reading-line: rgba(201, 165, 95, .28);
  --case-reading-surface: #07131d;
  --case-reading-card: rgba(16, 41, 56, .72);
  --case-reading-ink: #f4eddd;
  --case-reading-muted: #9eacb3;
}

body.case-page.flagship-case--aurelia .case-hero {
  background:
    radial-gradient(ellipse at 25% 46%, rgba(108, 205, 193, .12), transparent 34%),
    radial-gradient(ellipse at 82% 18%, rgba(201, 165, 95, .08), transparent 28%),
    linear-gradient(112deg, #07131d 0 52%, #0b1d2a 52%);
}

body.case-page.flagship-case--aurelia .case-hero::before,
body.case-page.flagship-case--aurelia .case-hero::after {
  content: none !important;
}

body.case-page.flagship-case--aurelia .case-hero-image,
body.case-page.flagship-case--aurelia .case-hero-content {
  border: 1px solid rgba(201, 165, 95, .46) !important;
  border-radius: 0 !important;
  box-shadow:
    0 30px 76px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(240, 220, 169, .08) !important;
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px)) !important;
  position: relative;
}

body.case-page.flagship-case--aurelia .case-hero-image::before,
body.case-page.flagship-case--aurelia .case-hero-content::after {
  background:
    linear-gradient(135deg, transparent calc(50% - 2px), rgba(240, 220, 169, .96) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) top right / 38px 38px no-repeat,
    linear-gradient(135deg, transparent calc(50% - 2px), rgba(108, 205, 193, .92) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) bottom left / 38px 38px no-repeat,
    linear-gradient(90deg, rgba(201, 165, 95, .96), rgba(201, 165, 95, .12)) top right / 110px 3px no-repeat,
    linear-gradient(180deg, rgba(201, 165, 95, .96), rgba(201, 165, 95, .12)) top right / 3px 110px no-repeat,
    linear-gradient(270deg, rgba(108, 205, 193, .92), rgba(108, 205, 193, .12)) bottom left / 110px 3px no-repeat,
    linear-gradient(0deg, rgba(108, 205, 193, .92), rgba(108, 205, 193, .12)) bottom left / 3px 110px no-repeat !important;
  border: 0 !important;
  content: "" !important;
  height: auto !important;
  inset: 0 !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  width: auto !important;
  z-index: 3;
}

body.case-page.flagship-case--aurelia .case-hero-image::after {
  background:
    linear-gradient(90deg, rgba(7, 19, 29, .16), transparent 34%),
    linear-gradient(0deg, rgba(7, 19, 29, .36), transparent 48%) !important;
  border: 0 !important;
  content: "" !important;
  inset: 0 !important;
  height: auto !important;
  left: 0 !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  width: auto !important;
  z-index: 1;
}

body.case-page.flagship-case--aurelia .case-hero-image > img {
  filter: saturate(.98) contrast(1.04) brightness(.95) !important;
  object-position: 53% 50% !important;
  scale: 1 !important;
}

body.case-page.flagship-case--aurelia .case-hero-content {
  background:
    radial-gradient(circle at 92% 8%, rgba(201, 165, 95, .12), transparent 31%),
    linear-gradient(145deg, rgba(16, 41, 56, .98), rgba(7, 19, 29, .99)) !important;
}

body.case-page.flagship-case--aurelia .case-hero-content::before {
  background: linear-gradient(180deg, #f0dca9, #c9a55f 54%, #6ccdc1) !important;
  box-shadow: 0 0 24px rgba(201, 165, 95, .24) !important;
  content: "" !important;
  height: auto !important;
  inset: 24px auto 24px 0 !important;
  opacity: 1 !important;
  position: absolute;
  width: 3px !important;
}

body.case-page.flagship-case--aurelia .case-wordmark {
  align-items: flex-start;
  margin: 2px 0 18px;
}

body.case-page.flagship-case--aurelia .case-wordmark__asset {
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .28));
  height: auto;
  max-height: 148px;
  object-fit: contain;
  object-position: left center;
  width: min(320px, 62vw);
}

body.case-page.flagship-case--aurelia .case-hero-content .eyebrow {
  color: #d7aa50 !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: .09em !important;
}

body.case-page.flagship-case--aurelia .case-hero-content h1 {
  color: #f4eddd !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3.45rem, 4.4vw, 5rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.052em !important;
  line-height: .92 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 2px 3px 0 rgba(7, 19, 29, .9), 0 18px 34px rgba(0, 0, 0, .28) !important;
}

body.case-page.flagship-case--aurelia .case-hero-content h1.sr-only {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

body.case-page.flagship-case--aurelia .case-hero-content .hero-copy {
  color: #aab5bd !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.04rem !important;
  line-height: 1.62 !important;
}

body.case-page.flagship-case--aurelia .case-status {
  border-left-color: rgba(201, 165, 95, .72);
  color: #aab5bd;
}

body.case-page.flagship-case--aurelia .live-lab-launchpad {
  --lab-accent: #c9a55f !important;
  background:
    linear-gradient(90deg, rgba(201, 165, 95, .045) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(108, 205, 193, .035) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(112deg, #07131d, #0b1d2a 58%, #102938) !important;
  border-color: rgba(201, 165, 95, .5) !important;
  box-shadow: 0 34px 84px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(240, 220, 169, .06);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

body.case-page.flagship-case--aurelia .live-lab-launchpad__intro {
  background:
    radial-gradient(circle at 6% 16%, rgba(201, 165, 95, .16), transparent 34%),
    linear-gradient(138deg, rgba(16, 41, 56, .97), rgba(7, 19, 29, .98)) !important;
}

body.case-page.flagship-case--aurelia .live-lab-kicker,
body.case-page.flagship-case--aurelia .live-lab-signals article > span {
  color: #d7aa50 !important;
}

body.case-page.flagship-case--aurelia .live-lab-launchpad h2,
body.case-page.flagship-case--aurelia .live-lab-signals strong {
  color: #f4eddd !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}

body.case-page.flagship-case--aurelia .live-lab-launchpad h2 {
  font-size: clamp(3.2rem, 5vw, 5.8rem) !important;
  letter-spacing: -.055em;
  line-height: .92;
}

body.case-page.flagship-case--aurelia .live-lab-launchpad__intro > p:not(.live-lab-kicker),
body.case-page.flagship-case--aurelia .live-lab-signals small {
  color: #9eacb3 !important;
}

body.case-page.flagship-case--aurelia .live-lab-signals article {
  background: linear-gradient(160deg, rgba(16, 41, 56, .98), rgba(7, 19, 29, .99)) !important;
  border-color: rgba(201, 165, 95, .2) !important;
}

body.case-page.flagship-case--aurelia .live-lab-signals article:nth-child(2) {
  background: linear-gradient(160deg, rgba(19, 51, 62, .98), rgba(9, 27, 38, .99)) !important;
}

body.case-page.flagship-case--aurelia .live-lab-button--primary {
  background: linear-gradient(135deg, #f0dca9, #c9a55f) !important;
  border-color: #f0dca9 !important;
  color: #07131d !important;
}

body.case-page.flagship-case--aurelia .live-lab-button--secondary {
  background: rgba(16, 41, 56, .76) !important;
  border-color: rgba(108, 205, 193, .44) !important;
  color: #e9edf0 !important;
}

@media (max-width: 980px) {
  body.case-page.flagship-case--aurelia .case-wordmark__asset {
    max-height: 82px;
    width: min(260px, 66vw);
  }
}

@media (max-width: 680px) {
  body.case-page.flagship-case--aurelia .case-hero-content {
    padding: 30px 26px !important;
  }

  body.case-page.flagship-case--aurelia .case-wordmark {
    margin-top: 0;
  }

  body.case-page.flagship-case--aurelia .case-wordmark__asset {
    max-height: 72px;
    width: min(240px, 74vw);
  }

  body.case-page.flagship-case--aurelia .case-hero-content h1 {
    font-size: clamp(2.8rem, 15vw, 4.15rem) !important;
  }
}