/* AURELIA process case: evidence-led story layers, September 2026. */
body.case-page.flagship-case--aurelia .aurelia-process {
  position: relative;
  overflow: clip;
  padding-top: clamp(4.75rem, 9vw, 8.5rem);
  padding-bottom: clamp(4.75rem, 9vw, 8.5rem);
}

body.case-page.flagship-case--aurelia .aurelia-process::before {
  position: absolute;
  z-index: 0;
  inset: 0 auto auto 0;
  width: min(46rem, 68vw);
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(216, 183, 119, .78), transparent);
}

body.case-page.flagship-case--aurelia .aurelia-process > * { position: relative; z-index: 1; }

body.case-page.flagship-case--aurelia .aurelia-process__head,
body.case-page.flagship-case--aurelia .aurelia-process__opening-grid,
body.case-page.flagship-case--aurelia .aurelia-model-layout,
body.case-page.flagship-case--aurelia .aurelia-boundary {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .75fr);
  gap: clamp(2rem, 7vw, 8rem);
  align-items: start;
}

body.case-page.flagship-case--aurelia .aurelia-process__head { margin-bottom: clamp(2.5rem, 5vw, 5rem); }
body.case-page.flagship-case--aurelia .aurelia-process__head h2,
body.case-page.flagship-case--aurelia .aurelia-boundary h2 { max-width: 15ch; }
body.case-page.flagship-case--aurelia .aurelia-process__head > p,
body.case-page.flagship-case--aurelia .aurelia-process__copy,
body.case-page.flagship-case--aurelia .aurelia-model-layout__story,
body.case-page.flagship-case--aurelia .aurelia-boundary > div:last-child { color: #a9b6bd; font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.75; }
body.case-page.flagship-case--aurelia .aurelia-process__copy p + p,
body.case-page.flagship-case--aurelia .aurelia-model-layout__story > p + p,
body.case-page.flagship-case--aurelia .aurelia-boundary > div:last-child p + p { margin-top: 1.2em; }

body.case-page.flagship-case--aurelia .aurelia-ownership-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; }
body.case-page.flagship-case--aurelia .aurelia-ownership-list li { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); column-gap: .65rem; padding: .85rem; border: 1px solid rgba(171, 203, 213, .22); background: rgba(4, 13, 17, .45); }
body.case-page.flagship-case--aurelia .aurelia-ownership-list span { grid-row: span 2; color: #d8b777; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
body.case-page.flagship-case--aurelia .aurelia-ownership-list strong { color: #edf1f2; font-size: .89rem; line-height: 1.2; }
body.case-page.flagship-case--aurelia .aurelia-ownership-list small { margin-top: .25rem; color: #9caab0; font-size: .73rem; line-height: 1.35; }

body.case-page.flagship-case--aurelia .aurelia-process__statement {
  max-width: 31ch;
  margin: 0;
  color: #f4ecdf;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 1.85vw, 2.15rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.018em;
}

/* The opening and conclusion use two existing AURELIA moments as atmosphere,
   while a directional navy overlay keeps every reading layer stable. */
body.case-page.flagship-case--aurelia .aurelia-process--opening {
  background:
    linear-gradient(90deg, rgba(4, 14, 18, .98) 0%, rgba(4, 14, 18, .95) 37%, rgba(4, 14, 18, .78) 68%, rgba(4, 14, 18, .91) 100%),
    linear-gradient(180deg, rgba(2, 12, 16, .34), rgba(2, 12, 16, .7)),
    url("/concepts/aurelia-67/media/editorial-20260803/aurelia-underway.webp") 50% 48% / cover no-repeat;
}

body.case-page.flagship-case--aurelia .aurelia-process--boundary {
  background:
    linear-gradient(90deg, rgba(4, 15, 19, .98) 0%, rgba(4, 15, 19, .94) 38%, rgba(4, 15, 19, .76) 69%, rgba(4, 15, 19, .94) 100%),
    linear-gradient(180deg, rgba(5, 20, 25, .26), rgba(3, 12, 16, .78)),
    url("/concepts/aurelia-67/media/editorial-20260803/aurelia-capri-sunset.webp") 50% 50% / cover no-repeat;
}

body.case-page.flagship-case--aurelia .aurelia-process--modules { background: #08161c; }
body.case-page.flagship-case--aurelia .aurelia-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.75rem); }
body.case-page.flagship-case--aurelia .aurelia-evidence-card { margin: 0; border: 1px solid rgba(171, 203, 213, .24); background: rgba(4, 13, 17, .54); }
body.case-page.flagship-case--aurelia .aurelia-evidence-card__media { display: grid; min-height: 14rem; place-items: center; background: #061015; border-bottom: 1px solid rgba(171, 203, 213, .19); }
body.case-page.flagship-case--aurelia .aurelia-evidence-card__media img { display: block; width: 100%; height: auto; max-height: 30rem; object-fit: contain; }
body.case-page.flagship-case--aurelia .aurelia-evidence-card figcaption { padding: 1.3rem 1.35rem 1.5rem; }
body.case-page.flagship-case--aurelia .aurelia-evidence-card figcaption span,
body.case-page.flagship-case--aurelia .aurelia-process-shot figcaption span,
body.case-page.flagship-case--aurelia .aurelia-multiview figcaption { display: block; color: #d8b777; font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
body.case-page.flagship-case--aurelia .aurelia-evidence-card figcaption strong,
body.case-page.flagship-case--aurelia .aurelia-process-shot figcaption strong { display: block; margin-top: .55rem; color: #f5efe5; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.35rem, 2.1vw, 2rem); line-height: 1.06; }
body.case-page.flagship-case--aurelia .aurelia-evidence-card figcaption p { margin: .8rem 0 0; color: #a9b6bd; line-height: 1.55; }

body.case-page.flagship-case--aurelia .aurelia-model-layout { align-items: stretch; }
body.case-page.flagship-case--aurelia .aurelia-model-layout__story { padding: clamp(1.5rem, 3vw, 3rem); border: 1px solid rgba(216, 183, 119, .32); background: linear-gradient(145deg, rgba(18, 41, 51, .8), rgba(6, 17, 22, .68)); }
body.case-page.flagship-case--aurelia .aurelia-model-facts { display: grid; gap: .85rem; margin: 2.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid rgba(216, 183, 119, .4); }
body.case-page.flagship-case--aurelia .aurelia-model-facts div { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; }
body.case-page.flagship-case--aurelia .aurelia-model-facts dt { color: #d8b777; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.case-page.flagship-case--aurelia .aurelia-model-facts dd { margin: 0; color: #e8edf0; font-size: .92rem; line-height: 1.35; }
body.case-page.flagship-case--aurelia .aurelia-process-shot { margin: 0; overflow: hidden; border: 1px solid rgba(171, 203, 213, .24); background: #111; }
body.case-page.flagship-case--aurelia .aurelia-process-shot img { display: block; width: 100%; height: auto; background: #111; }
body.case-page.flagship-case--aurelia .aurelia-process-shot figcaption { padding: 1.1rem 1.2rem 1.25rem; background: rgba(2, 10, 14, .84); }
body.case-page.flagship-case--aurelia .aurelia-process-shot figcaption strong { font-size: clamp(1.18rem, 1.75vw, 1.55rem); }

body.case-page.flagship-case--aurelia .aurelia-multiview { margin-top: clamp(2rem, 5vw, 5rem); padding-top: clamp(1.3rem, 2.7vw, 2.5rem); border-top: 1px solid rgba(216, 183, 119, .46); }
body.case-page.flagship-case--aurelia .aurelia-multiview__head { display: grid; grid-template-columns: .7fr 1.3fr; gap: 2rem; align-items: start; margin-bottom: 1.25rem; }
body.case-page.flagship-case--aurelia .aurelia-multiview__head p { margin: 0; color: #a9b6bd; line-height: 1.55; }
body.case-page.flagship-case--aurelia .aurelia-multiview__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
body.case-page.flagship-case--aurelia .aurelia-multiview figure { display: grid; grid-template-rows: 1fr auto; min-width: 0; margin: 0; border: 1px solid rgba(163, 179, 185, .28); background: #efede8; }
body.case-page.flagship-case--aurelia .aurelia-multiview img { display: block; width: 100%; height: 100%; min-height: 9rem; object-fit: contain; }
body.case-page.flagship-case--aurelia .aurelia-multiview figcaption { padding: .65rem .8rem; border-top: 1px solid rgba(8, 22, 28, .2); background: #0d1c22; }
body.case-page.flagship-case--aurelia .aurelia-process__note { max-width: 70rem; margin: 2rem 0 0 auto; padding: 1.15rem 1.3rem; border-left: 2px solid #d8b777; color: #a9b6bd; line-height: 1.65; background: rgba(216, 183, 119, .06); }

body.case-page.flagship-case--aurelia .aurelia-process--media { background: #08161c; }
body.case-page.flagship-case--aurelia .aurelia-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.75rem); }
body.case-page.flagship-case--aurelia .aurelia-media-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.4rem, 5vw, 6rem); margin-top: clamp(1.6rem, 4vw, 3.25rem); padding-top: 1.5rem; border-top: 1px solid rgba(171, 203, 213, .24); color: #a9b6bd; line-height: 1.7; }
body.case-page.flagship-case--aurelia .aurelia-media-copy p { margin: 0; }

body.case-page.flagship-case--aurelia .aurelia-boundary > div:last-child { color: #c7d0d3; }

/* A calmer alternative to a black field: the technology section keeps the
   AURELIA palette visible without competing with its evidence cards. */
body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] {
  background:
    radial-gradient(ellipse at 8% 10%, rgba(69, 176, 185, .12), transparent 34%),
    radial-gradient(ellipse at 88% 82%, rgba(216, 183, 119, .1), transparent 29%),
    linear-gradient(126deg, #0b242d 0%, #0a1d25 47%, #061116 100%);
}

/* The map cards receive a deliberate corner hierarchy: the two corner marks
   live on the outer card geometry, while the atmospheric index sits clear of
   the lower-right cyan accent. */
body.case-page.flagship-case--aurelia .aurelia-deck-map article::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(216, 183, 119, .88), transparent 74%) left top / 76px 2px no-repeat,
    linear-gradient(180deg, rgba(216, 183, 119, .78), transparent 74%) left top / 2px 76px no-repeat,
    linear-gradient(270deg, rgba(108, 205, 193, .78), transparent 74%) right bottom / 76px 2px no-repeat,
    linear-gradient(0deg, rgba(108, 205, 193, .68), transparent 74%) right bottom / 2px 76px no-repeat;
}

/* The photographs already distinguish the four concept zones; a second
   numeric marker adds no information and competes with the imagery. */
body.case-page.flagship-case--aurelia .aurelia-deck-map article::after {
  display: none !important;
  content: none !important;
}

body.case-page.flagship-case--aurelia .aurelia-deck-map article > * {
  position: relative;
  z-index: 1;
  background: transparent !important;
  box-shadow: none !important;
}

body.case-page.flagship-case--aurelia .aurelia-deck-map article h3 { max-width: none; }

/* The final two AURELIA reading layers share one instrument language, while
   retaining two distinct roles: cinematic passages above, a lighter deck map
   below.  Both stay away from flat black and use the same sea-glass/champagne
   palette, but their depth and surface treatment deliberately differ. */
body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"],
body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-14"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] {
  padding-bottom: clamp(2rem, 4vw, 3.8rem);
  background:
    radial-gradient(ellipse at 8% 18%, rgba(89, 202, 197, .2), transparent 35%),
    radial-gradient(ellipse at 92% 82%, rgba(216, 183, 119, .14), transparent 34%),
    linear-gradient(122deg, #12424d 0%, #0b303c 47%, #103741 100%);
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"]::after {
  position: absolute;
  z-index: -1;
  right: 7%;
  bottom: 0;
  left: 7%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(216, 183, 119, .82) 26%, rgba(108, 205, 193, .68) 72%, transparent);
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-grid {
  gap: clamp(.8rem, 1.6vw, 1.35rem);
  position: relative;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card {
  min-height: clamp(19.5rem, 25vw, 22rem);
  border-color: rgba(185, 215, 215, .42);
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
  box-shadow: inset 0 1px 0 rgba(247, 240, 224, .12), 0 22px 48px rgba(3, 19, 26, .28);
  overflow: hidden;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(1) {
  background:
    radial-gradient(circle at 88% 12%, rgba(108, 205, 193, .2), transparent 31%),
    linear-gradient(143deg, #123e4a 0%, #0c2c38 58%, #09232e 100%) !important;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(2) {
  background:
    radial-gradient(circle at 12% 88%, rgba(216, 183, 119, .18), transparent 35%),
    linear-gradient(143deg, #18384c 0%, #102b3c 54%, #0d2532 100%) !important;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(3) {
  background:
    radial-gradient(circle at 86% 82%, rgba(216, 183, 119, .2), transparent 34%),
    linear-gradient(143deg, #334852 0%, #1a3440 52%, #102832 100%) !important;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card::before {
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(240, 220, 169, .96), rgba(108, 205, 193, .7) 52%, transparent 78%);
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card::after {
  position: absolute;
  right: -2.5rem;
  bottom: -3rem;
  width: 9rem;
  height: 9rem;
  border: 1px solid rgba(195, 231, 225, .18);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card span {
  color: #f0dca9 !important;
  text-shadow: 0 1px 12px rgba(5, 24, 29, .28);
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(2) span { color: #b8ece5 !important; }
body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(3) span { color: #f3d798 !important; }

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card > * {
  background: transparent !important;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card h3 {
  color: #f6efe2 !important;
  text-shadow: none;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(2) h3 { color: #d8eee9 !important; }
body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:nth-child(3) h3 { color: #f6e5bf !important; }

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card p {
  color: #c9d8d8 !important;
  max-width: 38ch;
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-13"] .feature-card:hover {
  border-color: rgba(240, 220, 169, .68);
  box-shadow: inset 0 1px 0 rgba(247, 240, 224, .17), 0 28px 54px rgba(3, 19, 26, .28);
  transform: translateY(-3px);
}

body.case-page.flagship-case--aurelia .flagship-section[data-section-id="aurelia-67-digital-twin-section-14"] {
  padding-top: clamp(1.15rem, 2.5vw, 2.5rem);
  background:
    radial-gradient(ellipse at 17% 0%, rgba(108, 205, 193, .16), transparent 33%),
    radial-gradient(ellipse at 84% 60%, rgba(216, 183, 119, .13), transparent 37%),
    linear-gradient(122deg, #082630 0%, #061c25 52%, #0a252d 100%);
}

body.case-page.flagship-case--aurelia .aurelia-deck-map {
  gap: clamp(.75rem, 1.4vw, 1.2rem);
  max-width: 1500px;
  margin-inline: auto;
}

body.case-page.flagship-case--aurelia .aurelia-deck-map article {
  min-height: 15rem;
  border: 1px solid rgba(185, 215, 215, .46);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(247, 240, 224, .15), 0 17px 38px rgba(3, 19, 26, .25);
  background-color: #123942;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

/* Each lower card is a compact window onto a distinct onboard moment, rather
   than a second set of abstract colour panels. The controlled left-to-right
   overlays reserve a calm, readable area for the content without hiding the
   photography. */
body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(1) {
  background-image:
    linear-gradient(104deg, rgba(4, 22, 28, .94) 0%, rgba(6, 35, 43, .79) 54%, rgba(6, 29, 35, .28) 100%),
    url("flagship-cases/aurelia/instrument-deck-20260905/wheelhouse.webp") !important;
  background-position: center, 48% 62% !important;
  background-size: cover, auto 180% !important;
}
body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(2) {
  background-image:
    linear-gradient(104deg, rgba(10, 20, 24, .94) 0%, rgba(16, 33, 38, .78) 55%, rgba(10, 25, 31, .32) 100%),
    url("flagship-cases/aurelia/instrument-deck-20260905/owner-suite.webp") !important;
  background-position: center, 25% 72% !important;
  background-size: cover, auto 180% !important;
}
body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(3) {
  background-image:
    linear-gradient(104deg, rgba(28, 21, 15, .91) 0%, rgba(36, 29, 21, .72) 54%, rgba(13, 28, 31, .25) 100%),
    url("flagship-cases/aurelia/instrument-deck-20260905/hospitality-dining-close.webp") !important;
  background-position: center, 58% 70% !important;
  background-size: cover, auto 180% !important;
}
body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(4) {
  background-image:
    linear-gradient(104deg, rgba(4, 14, 18, .93) 0%, rgba(8, 23, 28, .77) 55%, rgba(13, 25, 27, .34) 100%),
    url("flagship-cases/aurelia/instrument-deck-20260905/technical-engine-room.webp") !important;
  background-position: center, 64% 58% !important;
  background-size: cover, auto 180% !important;
}

body.case-page.flagship-case--aurelia .aurelia-deck-map article h3 {
  color: #f4eddd;
}

body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(2) h3,
body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(4) h3 { color: #d5ece7; }
body.case-page.flagship-case--aurelia .aurelia-deck-map article:nth-child(3) h3 { color: #f3dfb0; }

body.case-page.flagship-case--aurelia .aurelia-deck-map article p { color: #d8e2df; }

body.case-page.flagship-case--aurelia .aurelia-deck-map article:hover {
  border-color: rgba(240, 220, 169, .65);
  box-shadow: inset 0 1px 0 rgba(247, 240, 224, .13), 0 23px 43px rgba(3, 19, 26, .25);
  transform: translateY(-3px);
}

@media (max-width: 820px) {
  body.case-page.flagship-case--aurelia .aurelia-deck-map article {
    min-height: 13.75rem;
    height: 13.75rem !important;
    background-size: cover, auto 135% !important;
  }
}

@media (max-width: 820px) {
  body.case-page.flagship-case--aurelia .aurelia-process__head,
  body.case-page.flagship-case--aurelia .aurelia-process__opening-grid,
  body.case-page.flagship-case--aurelia .aurelia-model-layout,
  body.case-page.flagship-case--aurelia .aurelia-boundary,
  body.case-page.flagship-case--aurelia .aurelia-multiview__head { grid-template-columns: 1fr; gap: 1.35rem; }
  body.case-page.flagship-case--aurelia .aurelia-process__head h2,
  body.case-page.flagship-case--aurelia .aurelia-boundary h2 { max-width: 18ch; }
  body.case-page.flagship-case--aurelia .aurelia-module-grid,
  body.case-page.flagship-case--aurelia .aurelia-media-grid,
  body.case-page.flagship-case--aurelia .aurelia-media-copy { grid-template-columns: 1fr; }
  body.case-page.flagship-case--aurelia .aurelia-ownership-list { grid-template-columns: 1fr; }
  body.case-page.flagship-case--aurelia .aurelia-multiview__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
  body.case-page.flagship-case--aurelia .aurelia-evidence-card__media { min-height: 0; }
  body.case-page.flagship-case--aurelia .aurelia-model-layout__story { padding: 1.25rem; }
  body.case-page.flagship-case--aurelia .aurelia-model-facts div { grid-template-columns: 1fr; gap: .35rem; }
  body.case-page.flagship-case--aurelia .aurelia-multiview__grid { grid-template-columns: 1fr; }
}