html {
  color-scheme: dark;
  scroll-padding-top: 24px;
}
body {
  margin: 0;
  background: #050506;
  color: #f4f3f6;
  font-family:
    Inter,
    -apple-system,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
* {
  box-sizing: border-box;
}
button,
a {
  font: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  cursor: pointer;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid #c8a8ff;
  outline-offset: 4px;
}
h1,
h2,
p {
  margin: 0;
}
em {
  font-style: normal;
}
img,
video {
  display: block;
}
.container {
  width: min(var(--wrap), calc(100% - var(--g) - var(--g)));
  margin-inline: auto;
}
.arrow,
.chapter-links svg,
.trust-links svg,
.directory svg {
  width: 17px;
  height: 17px;
  flex: none;
}
.hub-header {
  border-bottom: 1px solid #242327;
  background: #070708;
  position: relative;
  z-index: 5;
}
.header-inner {
  height: 68px;
  display: flex;
  align-items: center;
  gap: 7vw;
}
.brand {
  font-size: 21px;
  font-weight: 650;
  letter-spacing: -1.1px;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}
.brand svg {
  width: 24px;
  height: 28px;
  color: #ac84fa;
}
.hub-header nav,
.header-actions,
.langs {
  display: flex;
  align-items: center;
}
.hub-header nav {
  gap: 30px;
  color: #bebac6;
  font-size: 13px;
}
.hub-header nav a:hover,
.text-link:hover,
.chapter-links a:hover,
.trust-links a:hover,
.directory a:hover {
  color: #d5b7ff;
}
.header-actions {
  margin-left: auto;
  gap: 20px;
}
.langs {
  gap: 3px;
  font-size: 10px;
  letter-spacing: 0.04em;
}
.langs a {
  color: #9e99a5;
  padding: 7px;
}
.langs a[aria-current] {
  color: #eee7ff;
  background: #252129;
  border-radius: 5px;
}
.motion-switch {
  display: none;
  color: #eee;
  border: 1px solid #353238;
  background: #151417;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  place-items: center;
}
.js .motion-switch {
  display: grid;
}
.motion-switch svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}
.play-icon,
.motion-switch[aria-pressed="true"] .pause-icon {
  display: none;
}
.motion-switch[aria-pressed="true"] .play-icon {
  display: block;
}
.hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  align-items: center;
  isolation: isolate;
  min-height: clamp(490px, 60svh, 680px);
  padding: 40px 0 48px;
}
.hero-copy {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.hero-copy a {
  pointer-events: auto;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #bca3db;
  font-size: 12px;
  font-weight: 550;
  letter-spacing: 0.025em;
}
.eyebrow i {
  width: 30px;
  height: 1px;
  background: #ad7feb;
}
.hero h1 {
  margin: 25px 0 22px;
  font: 600 clamp(38px, calc(3vw + 22px), 72px)/1.04 var(--font);
  letter-spacing: -0.022em;
  text-wrap: balance;
}
.hero h1 em,
.mission h2 em {
  display: block;
  color: #c4a4f1;
}
.hero .intro {
  max-width: 470px;
  color: #b6b2bc;
  font: 400 17px/25px var(--font);
  letter-spacing: -0.022em;
}
.hero-actions {
  margin-top: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
}
.hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 550;
  font-size: 14px;
  white-space: nowrap;
}
.hero-actions .a3-btn {
  position: relative;
  isolation: isolate;
  border-radius: 100px;
  overflow: hidden;
  padding: 0 22px;
  min-height: 47px;
}
.hero-actions .text-link {
  color: #e7e2ed;
}
.hero-actions .text-link svg {
  rotate: 90deg;
}
.hero-art {
  align-self: stretch;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.metal-mount {
  position: absolute;
  inset: 0 -8% 10%;
  pointer-events: none;
  z-index: 3;
  mix-blend-mode: screen;
}
.metal {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.metal img,
.metal video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 46%;
  position: absolute;
  inset: 0;
}
.metal .film {
  mix-blend-mode: normal;
}
.film {
  opacity: 0;
  transition: opacity 0.35s;
}
.film.has-frame {
  opacity: 1;
}
.chapters {
  padding-top: clamp(40px, 7vw, 104px);
}
.chapter {
  display: grid;
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.45fr);
  align-items: center;
  gap: clamp(24px, 6vw, 108px);
  padding: clamp(36px, 5vw, 80px) 0;
  border-top: 1px solid #2d2931;
  scroll-margin-top: 20px;
}
.chapter:nth-child(even) {
  grid-template-columns: minmax(0, 1.45fr) minmax(240px, 0.72fr);
}
.chapter:nth-child(even) .chapter-copy {
  order: 1;
}
.chapter-copy h2,
.mission h2,
.directory h2,
.flight-top h2 {
  font: 600 var(--t-sec)/1.07 var(--font);
  letter-spacing: -0.005em;
  text-wrap: balance;
}
.chapter-copy h2 {
  margin: 16px 0 21px;
}
.body-copy {
  color: #b4aeba;
  font: 400 17px/25px var(--font);
  letter-spacing: -0.022em;
}
.chapter-links {
  margin-top: 25px;
  display: grid;
  gap: 14px;
  justify-items: start;
}
.chapter-links a,
.trust-links a,
.flight-top a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 550;
}
.chapter-links a:first-child {
  color: #d4b5fa;
}
.byline {
  margin-top: 16px;
}
.chapter-art {
  position: relative;
  isolation: isolate;
  aspect-ratio: 1.45;
  border: 1px solid #302b33;
  border-radius: 20px;
  overflow: hidden;
  background: #131115;
}
.chapter-art > picture,
.chapter-art > .film,
.bull > img,
.bull > .film {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chapter-art picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chapter-art::after {
  content: "";
  position: absolute;
  inset: 30% 0 0;
  background: linear-gradient(transparent, #0505089c);
  pointer-events: none;
  z-index: 0;
}
.paper-mark {
  position: absolute;
  left: 32%;
  top: 77%;
  width: 25%;
  height: 2px;
  background: #c6a0ed;
  transform-origin: left;
  transform: rotate(-5deg) scaleX(var(--line, 1));
  box-shadow: 0 0 8px #b48bf8;
}
/* The black velvet and floor roll off to black in the master itself. */
.mission {
  background: #000;
  border-block: 1px solid #201e22;
}
.mission-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 4.5vw, 84px);
  min-height: clamp(550px, 49vw, 840px);
  padding-block: clamp(48px, 5.2vw, 88px);
}
.bull {
  position: relative;
  width: 100%;
  aspect-ratio: 960 / 1000;
  max-height: 720px;
  overflow: hidden;
  background: #000;
}
.bull > img,
.bull > .film {
  object-fit: contain;
}
.mission-copy {
  min-width: 0;
  max-width: 600px;
}
.mission-copy .eyebrow {
  color: #b8abca;
}
.mission-copy h2 {
  margin: 16px 0 22px;
  font: 590 clamp(39px, 3.8vw, 69px)/1.025 var(--font);
  letter-spacing: -.057em;
  text-wrap: balance;
}
.mission-copy h2 em {
  color: #d3bbf2;
}
.mission-copy .body-copy {
  max-width: 49ch;
  font-size: clamp(15px, 1.18vw, 19px);
  line-height: 1.48;
  color: #c0bdc4;
}
.trust-links {
  margin-top: clamp(24px, 2.3vw, 38px);
  border-top: 1px solid #353238;
}
.trust-links a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 17px;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding-block: 10px;
  border-bottom: 1px solid #2a282b;
  color: #f2f0f4;
  font-size: clamp(14px, 1.08vw, 17px);
  line-height: 1.3;
  font-weight: 550;
}
.trust-links small {
  color: #a9a3ae;
  font-size: clamp(11px, .83vw, 13px);
  font-weight: 430;
  white-space: nowrap;
}
.trust-links svg {
  color: #c4b1db;
}
.flight-section,
.directory {
  padding-block: clamp(44px, 6vw, 86px);
}
.flight-top {
  margin-bottom: 26px;
}
.flight-top h2,
.directory h2 {
  font-size: clamp(29px, 3.25vw, 49px);
}
.flight-top a {
  white-space: nowrap;
  color: #ccb3e9;
}
.flight-stage {
  width: 100%;
  aspect-ratio: 2.18;
  border-radius: 20px;
  background: black;
  border: 1px solid #302d34;
}
.flight-stage picture {
  position: absolute;
  inset: 0;
}
.flight-stage button {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #695b75;
  background: #18141fe8;
  color: #fff;
  padding: 10px 22px;
  border-radius: 50px;
  white-space: nowrap;
}
.directory {
  padding-top: 0;
}
.directory > div {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid #343038;
}
.directory a {
  min-height: 55px;
  border-bottom: 1px solid #27242a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 13px 8px 0;
  font-size: 14px;
}
.directory a svg {
  color: #9b91a3;
}
@media (min-width: 1700px) {
  .metal-mount {
    inset: -4% -7% 9%;
  }
}
@media (max-width: 970px) {
  .header-inner {
    gap: 4vw;
  }
  .hero h1 {
    font-size: var(--t-hero);
  }
  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  .chapter {
    gap: 4vw;
  }
}
@media (max-width: 680px) {
  .container {
    width: calc(100% - 36px);
  }
  .header-inner {
    height: 49px;
    gap: 8px;
  }
  .brand {
    font-size: 17px;
    gap: 5px;
  }
  .brand svg {
    width: 20px;
    height: 22px;
  }
  .hub-header nav {
    display: none;
  }
  .header-actions {
    gap: 9px;
  }
  .langs {
    font-size: 9px;
  }
  .langs a {
    padding: 5px;
  }
  .motion-switch {
    width: 27px;
    height: 27px;
  }
  .hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0 0 22px;
    min-height: 0;
  }
  .hero-art {
    display: contents;
  }
  .metal-mount {
    inset: 0 -2% auto;
    height: clamp(140px, 24svh, 235px);
    z-index: 3;
  }
  .metal img,
  .metal video {
    object-fit: cover;
    object-position: 50% 46%;
  }
  .hero-copy {
    z-index: 4;
    padding-top: clamp(136px, 23.5svh, 230px);
  }
  .hero-copy .eyebrow {
    font-size: 10px;
  }
  .hero h1 {
    font-size: clamp(38px, 9.2vw, 55px);
    line-height: 1.04;
    margin: 12px 0;
  }
  .hero h1 em {
    display: inline;
  }
  .intro,
  .hero .intro {
    font-size: 16px;
    line-height: 1.45;
    max-width: 495px;
  }
  .hero-actions {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 17px;
    align-items: center;
    margin-top: 17px;
  }
  .hero-actions a {
    font-size: 12px;
  }
  .hero-actions .a3-btn {
    min-height: 40px;
    padding: 0 14px;
  }
  .hero-actions .arrow {
    width: 14px;
  }
  .chapters {
    padding-top: 38px;
  }
  .chapter,
  .chapter:nth-child(even) {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
    padding: 32px 0;
  }
  .chapter:nth-child(even) .chapter-copy {
    order: 0;
  }
  .chapter-copy h2 {
    font-size: 35px;
    margin: 9px 0 12px;
    text-wrap: initial;
  }
  .body-copy {
    font-size: 16px;
  }
  .chapter-links {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 20px;
    margin-top: 15px;
  }
  .chapter-links a,
  .trust-links a {
    font-size: 12px;
  }
  .chapter-art {
    aspect-ratio: 4/4.7;
    border-radius: 13px;
  }
  .chapter-art picture img,
  .chapter-art > .film {
    object-position: 50% 43%;
  }
  .paper-mark {
    left: 31.7%;
    top: 58%;
    width: 32%;
  }
  .mission-inner {
    grid-template-columns: minmax(0,1fr);
    gap: 7px;
    min-height: 0;
    padding-block: 22px 48px;
  }
  .bull {
    justify-self: center;
    width: min(100%, 470px);
    max-height: 54svh;
  }
  .mission-copy h2 {
    font-size: clamp(35px, 8.5vw, 49px);
    margin: 12px 0 17px;
  }
  .trust-links a {
    font-size: 14px;
    gap: 8px;
    min-height: 49px;
  }
  .flight-top {
    align-items: end;
    gap: 7px;
  }
  .flight-top a {
    font-size: 11px;
  }
  .flight-stage {
    aspect-ratio: 0.98;
    border-radius: 12px;
  }
  .directory > div {
    grid-template-columns: 1fr 1fr;
  }
  .directory a {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
  }
  .interface {
    will-change: auto;
  }
}

.interface .ui-head,
.interface .switch,
.interface [data-panel] {
  transform: translateY(calc((1 - var(--ui-in, 1)) * 12px));
  opacity: calc(0.5 + var(--ui-in, 1) * 0.5);
}
.hub-calm .interface * {
  transition: none !important;
}

body {
  background: #000;
}
.metal-mount {
  mix-blend-mode: screen;
}
.metal img,
.metal video {
  transform: scale(1.15);
}

@media (max-width: 680px) {
  .metal-mount {
    overflow: visible;
  }
  .metal img,
  .metal video {
    transform: scale(1.28);
  }

}
.paper-mark {
  transform: rotate(var(--slope, -5deg)) scaleX(var(--line, 1));
}

.mobile-pages {
  display: none;
}
@media (max-width: 680px) {
  .mobile-pages {
    display: block;
    position: relative;
  }
  .mobile-pages summary {
    list-style: none;
    display: grid;
    place-items: center;
    cursor: pointer;
    width: 29px;
    height: 29px;
  }
  .mobile-pages summary::-webkit-details-marker {
    display: none;
  }
  .mobile-pages summary svg {
    width: 17px;
    height: 17px;
  }
  .mobile-pages > div {
    position: absolute;
    top: 34px;
    right: -60px;
    width: 155px;
    display: grid;
    gap: 3px;
    padding: 6px;
    background: #17151bdc;
    backdrop-filter: blur(16px);
    border: 1px solid #39333f;
    border-radius: 10px;
  }
  .mobile-pages a {
    padding: 9px 10px;
    font-size: 13px;
  }
}

html:not(.js) .switch,
html:not(.js) [data-level],
html:not(.js) .sp-risk-more {
  display: none;
}
html:not(.js) .a3-sitefoot .sp-risk-text {
  -webkit-line-clamp: unset;
  mask: none;
  display: block;
}

.chapter-learn:has(.level-hidden) .paper-mark {
  opacity: 0;
}

/* The canyon opens the product catalogue. The same bronze light returns behind the mission. */
.canyon-opening {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  background: #21140e;
}
.canyon-opening {
  margin-top: clamp(32px, 5vw, 80px);
  aspect-ratio: 2.64;
  max-height: 860px;
}
.canyon-opening picture,
.canyon-opening img,
.canyon-opening video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canyon-opening img,
.canyon-opening video {object-position: 50% 58%}
.canyon-link {
  position: absolute;
  bottom: clamp(14px, 3vw, 44px);
  right: max(var(--g), calc((100% - var(--wrap)) / 2));
  display: inline-flex;
  gap: 12px;
  align-items: center;
  padding: 9px 15px;
  font: 500 13px/1.3 var(--font);
  color: white;
  border: 1px solid #ffffff45;
  border-radius: 24px;
  background: #140d0bd6;
}
#mission .ap-words-bg { opacity: 1; object-position: center; }
#mission picture { position: absolute; inset: 0; }
html:not(.js) #mission, .hub-calm #mission { height: auto; }
html:not(.js) #mission .ap-stick, .hub-calm #mission .ap-stick { position: relative; height: auto; min-height: 100svh; }
html:not(.js) #mission .a3-mpause, .hub-calm #mission .a3-mpause { display: none; }
.numbers {padding-block: clamp(64px, 8vw, 144px)}
.number-grid {display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; margin: clamp(26px,3vw,48px) 0 0}
.number-grid>div {border-top: 1px solid #302c34; padding-top: 22px}
.number-grid dt {
  display: table;
  color: #f0e7fa;
  background: linear-gradient(#fff 42%, #d8c7f6 87%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 600 var(--t-stat)/1.04 var(--font);
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}
.number-grid dt small{font-size:.78em}
.number-grid dd {max-width: 245px; margin: 10px 0 0; color: #aca9b0; font:400 17px/25px var(--font); letter-spacing:-.022em}
.number-grid a:hover {color:#e4cbff}
.chapter-copy .eyebrow,.mission-copy .eyebrow,.hero-copy .eyebrow {
  font:600 clamp(14px,1.2vw,18px)/1.2 var(--font);
  text-transform:none;letter-spacing:.004em;
}
@media(max-width:680px) {
  .canyon-opening {aspect-ratio: 1.13}
  .canyon-opening img,.canyon-opening video {object-position:50% 51%}
  .number-grid {grid-template-columns: repeat(2,minmax(0,1fr));gap:24px}
  .number-grid dt {font-size:clamp(52px,15vw,78px)}
  .number-grid dd {font-size:15px;line-height:1.42}
  .number-grid>div {padding-top:13px}
}

.flight-top {display:flex;align-items:center;justify-content:space-between;gap:16px}
.byline {display:block;color:#a5a0ae;font-size:12px;line-height:1.45}

/* The publication uses the author's chart as a printed figure. */
.archive {
  width: min(100%, 480px); position: relative; z-index: 4; display: grid;
  grid-template-columns: minmax(0,1fr) 27%; align-items: center; gap: 18px;
  padding: 17px 0 13px; border-block: 1px solid #383632;
  background: #080808;
}
.archive-market {display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#b8b4ad;font:500 11px/1.3 var(--font)}
.archive-market span {color:#e8ce9a;font-weight:650;letter-spacing:.06em}
.archive-market i {width:12px;border-top:1px solid #736958;margin-inline:3px}
.archive-title {display:block;margin:8px 0;font:550 clamp(19px,1.55vw,24px)/1.12 var(--font);letter-spacing:-.033em;text-wrap:balance;color:#fbfaf7}
.archive-author {font:550 13px/1.5 var(--font);color:#d8c4ed}
.archive-author span {font-size:.85em}
.archive-title:hover,.archive-author:hover {text-decoration:underline;text-underline-offset:3px}
.archive-meta {display:flex;flex-wrap:wrap;gap:5px 10px;color:#b2afa9;font:400 11px/1.4 var(--font);margin-top:3px}
.archive-cover {display:block;aspect-ratio:1.48;overflow:hidden;background:#e3e4de;border:3px solid #efeee6;border-radius:3px;transform:rotate(-2deg);margin-right:5px}
.archive-cover img {width:100%;height:100%;object-fit:cover}

/* A photographic index, with labels on a common baseline. */
.chapter-index {position:relative;padding-block:clamp(42px,5vw,74px) 0;scroll-margin-top:10px}
.index-heading h2 {font:560 clamp(30px,3.4vw,54px)/1.06 var(--font);letter-spacing:-.046em;text-wrap:balance}
.chapter-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,24px);margin-top:clamp(22px,2.6vw,36px)}
.chapter-link {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:15px 10px;border-radius:4px}
.chapter-still {grid-column:1/-1;overflow:hidden;aspect-ratio:1.73;border-radius:7px;position:relative;background:#201c1c}
.chapter-still::after {content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}
.chapter-still :is(img,video) {width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.chapter-still video {position:absolute;inset:0;opacity:0;pointer-events:none}
.chapter-still video.has-frame {opacity:1}
.chapter-link:is(:hover,:focus-visible) .chapter-still :is(img,video) {transform:scale(1.045)}
.chapter-label small {display:block;color:#bdb5ad;font-size:12px;line-height:1.35;margin-bottom:5px}
.chapter-label b {display:block;font:550 clamp(17px,1.6vw,24px)/1.14 var(--font);letter-spacing:-.032em;text-wrap:balance}
.chapter-arrow {width:20px;height:20px;align-self:end;margin-bottom:2px;transform:rotate(45deg);color:#b8b1a9;transition:transform .25s}
.chapter-link:hover .chapter-arrow {transform:rotate(45deg) translateX(3px);color:white}

.study-photo,.study-photo > picture,.study-photo > video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* The information sits in the lower portion of each shot. */
.chapter-art {border-radius:12px;border-color:#ffffff18}
.interface {
  position:absolute;z-index:1;right:4%;bottom:4%;width:min(68%,395px);
  padding:clamp(15px,1.6vw,23px);color:#f5f2ed;border-radius:10px;
  border:1px solid #ffffff20;background:linear-gradient(125deg,#212120f7,#101011fa);
  box-shadow:0 12px 32px #0007;transform:translateY(var(--panel-y,0px));
  font-variant-numeric:tabular-nums;
}
.interface:focus-within {transform:none}
.ui-head {display:flex;justify-content:space-between;align-items:center;gap:10px}
.ui-head b {font:560 clamp(18px,1.5vw,23px)/1.1 var(--font);letter-spacing:-.04em}
.interface small {display:block;color:#c2bdba;font:400 11px/1.35 var(--font)}
.ui-head > small {text-align:right;max-width:45%}
.ui-head > div:not(.switch) > small {margin-bottom:4px}
.switch {display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff21;margin:9px 0 12px}
.switch button {position:relative;border:0;padding:7px 0 8px;background:transparent;color:#bdb9bb;font:500 12px/1.3 var(--font)}
.switch button[aria-pressed=true] {color:#fff}
.switch button[aria-pressed=true]::after {content:"";position:absolute;inset:auto 0 -1px;height:2px;background:#c4a4ee}
.interface [data-panel][hidden] {display:none}
.interface [data-panel] p {font:500 16px/1.34 var(--font);letter-spacing:-.02em}
.interface [data-panel] > a {display:inline-flex;align-items:center;min-height:32px;color:#dfc8f9;font-size:13px}

.interface[data-interface=learn] {left:4%;top:4%;bottom:auto;right:auto;width:min(48%,355px);background:#f1ebdd;color:#2c2823;border-color:#fffcf1b0;box-shadow:0 8px 22px #100c0a5c}
.interface[data-interface=learn] small {color:#655e51}
.lesson-plot,.ledger-chart,.candles {display:block;width:100%;height:auto}
.lesson-plot {margin:12px 0 8px}
.study-line {fill:none;stroke:#403a32;stroke-width:2.15;stroke-linejoin:round;stroke-linecap:round}
.study-note,.ledger-caption {display:flex;align-items:center;gap:7px;font:500 12px/1.3 var(--font)}
.study-note i,.ledger-caption i {width:14px;height:6px;background:#bc8e62}
.level-switch {position:relative;display:grid;place-items:center;width:46px;height:42px;flex:none;border:0;background:none}
.level-switch span {width:34px;height:20px;border-radius:12px;background:#726959;box-shadow:inset 0 0 0 1px #30251624}
.level-switch span::after {content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fffbef;margin:3px;transition:transform .2s}
.level-switch[aria-pressed=true] span {background:#594834}
.level-switch[aria-pressed=true] span::after {transform:translateX(14px)}
.level-hidden .annotation {visibility:hidden}
.level-switch:focus-visible {outline-color:#694721}
.chapter-learn .paper-mark {background:#d6b481;box-shadow:none}

.interface[data-interface=people] {left:0;right:0;bottom:0;width:auto;border:0;border-radius:0;background:linear-gradient(0deg,#0c0b0afa 0%,#0c0b0aec 58%,#0c0b0a00 100%);box-shadow:none;padding:clamp(40px,5vw,88px) 5% 4%}
.interface[data-interface=people] .ui-head {align-items:baseline}
.interface[data-interface=people] .ui-head b {font:600 13px/1.4 var(--font);letter-spacing:0}
.interface[data-interface=people] .switch {margin:5px 0 10px}
.broadcast-topic b {font:500 clamp(23px,2.2vw,34px)/1.1 var(--font);letter-spacing:-.04em}
.audio-track {color:#c2adc6;margin-top:6px;width:min(100%,300px)}
.audio-track svg {width:100%;height:20px;display:block}
.audience {border-left:2px solid #c8aad9;padding:3px 12px}
.audience p {margin-top:5px}

.ledger-grid {stroke:#ffffff1c;stroke-width:.8;fill:none}
.interface[data-interface=tools] {background:linear-gradient(125deg,#242621f7,#141613fc)}
.interface[data-interface=tools] .switch {margin:0;flex:none;gap:12px}
.interface[data-interface=tools] .switch button[aria-pressed=true]::after {background:#c2cba3}
.ledger-chart {margin:13px 0 7px}
.ledger-range {fill:#bac89927}
.range-edge {stroke:#bac8999c;stroke-dasharray:3 3;stroke-width:.8;fill:none}
.ledger-path {stroke:#d8dacd;stroke-width:1.7;fill:none;stroke-linejoin:round}
.ledger-pin {fill:#d0dbaf;stroke:#323829;stroke-width:2}
.ledger-caption {color:#d1d2c7}
.ledger-caption i {background:#b3c09182;border:1px solid #b3c091}
.ledger-events {list-style:none;margin:14px 0 0;padding:0}
.ledger-events li {position:relative;padding:5px 0 5px 17px;font-size:13px;line-height:1.35}
.ledger-events li::before {content:"";position:absolute;left:1px;top:11px;width:5px;height:5px;border:1px solid #c2cba3;border-radius:50%}
.ledger-events li:last-child::before {background:#c2cba3}
.ledger-events li:first-child::after {content:"";position:absolute;left:4px;top:19px;bottom:-9px;border-left:1px solid #687056}

@media (max-width:980px) {
  .interface {width:min(84%,365px)}
  .chapter-list {gap:15px}
}
@media (max-width:680px) {
  .archive {width:100%;gap:12px;margin-top:22px;padding:14px 0;grid-template-columns:minmax(0,1fr) 24%}
  .archive-title {font-size:19px}
  .chapter-index {padding-top:22px}
  .chapter-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;margin-top:20px}
  .chapter-link {gap:10px 3px}
  .chapter-still {aspect-ratio:1.7;border-radius:5px}
  .chapter-label small {font-size:11px}
  .chapter-label b {font-size:17px}
  .chapter-arrow {width:15px;height:15px}
  .interface {width:min(90%,370px);right:5%;bottom:4%;padding:14px 15px}
  .interface[data-interface=people] {padding:48px 5% 6%}
  .chapter-learn .chapter-art {display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto}
  .study-photo {position:relative;grid-area:1/1;aspect-ratio:1.25;height:auto;overflow:hidden}
  .study-photo > video {object-position:50% 43%}
  .chapter-learn .chapter-art::after {display:none}
  .chapter-learn .interface {position:relative;inset:auto;grid-area:2/1;width:auto;border:0;border-radius:0;box-shadow:none;transform:none}
  .switch button {min-height:38px}
}
@media (prefers-reduced-motion:reduce) {
  .chapter-still :is(img,video),.chapter-arrow,.level-switch span::after {transition:none}
  .chapter-still video.has-frame {opacity:0}
}
.chapter .product-stage {aspect-ratio:auto;display:block;background:#151515}
.product-stage::after {display:none}
.product-film-frame {position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}
.product-film-frame > picture,.product-film-frame img,.product-film-frame video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.product-stage .interface {position:relative;inset:auto;transform:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 14px;border:0;border-top:1px solid #ffffff20;border-radius:0;padding:14px 5% 16px;background:#171719;box-shadow:none}
.product-stage .ui-head {display:grid;gap:3px}
.product-stage .ui-head b {font-size:17px}
.product-stage .ui-head small {max-width:none;text-align:left}
.product-stage .switch {margin:0;gap:14px}
.product-stage [data-panel] {grid-column:1/-1;min-height:40px}
.product-stage .ledger-events {display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
.product-stage .ledger-events li:first-child::after {display:none}
.product-stage [data-interface=tools] > .ui-head {grid-column:1/-1;display:flex}
@media(max-width:680px) {
  .product-film-frame {aspect-ratio:720/880}
  .product-stage .interface {grid-template-columns:1fr;gap:5px}
  .product-stage .ui-head {display:flex}
  .product-stage .switch {justify-self:start}
}

/* The chart, screener and AI share one instrument and the same archived session. */
.chapter .market-terminal {
  --axis-width: 39px;
  --dial-bg: #14151b;
  --plot-height: clamp(152px, 15vw, 220px);
  aspect-ratio: auto;
  background: var(--dial-bg);
  border-color: #ffffff24;
  border-radius: 18px;
}
.market-terminal::after {display:none}
.market-terminal .interface {
  position:relative; inset:auto; width:auto; padding:0; transform:none;
  background:none; border:0; border-radius:0; box-shadow:none; color:#f4f2f7;
}
.market-terminal .interface :is(.switch,[data-panel]) {transform:none;opacity:1}
.instrument-head {
  position:relative; isolation:isolate; display:flex; align-items:center;
  min-height:clamp(145px,12.5vw,190px); padding:20px 5%;
  background:linear-gradient(110deg,#22212a 0%,var(--dial-bg) 67%);
}
.instrument-copy {z-index:1;pointer-events:none}
.instrument-copy small {color:#bdbbc9;font-size:clamp(10px,.95vw,13px)}
.instrument-pair,.instrument-quote {display:flex;align-items:baseline;gap:.5em}
.instrument-pair {margin:12px 0 5px}
.instrument-pair b {font:600 clamp(30px,3.3vw,53px)/1 var(--font);letter-spacing:-.055em}
.instrument-pair span {font:450 clamp(16px,1.5vw,24px)/1 var(--font);color:#a9a5b7}
.instrument-quote strong {font:500 clamp(19px,1.65vw,28px)/1.2 var(--font);letter-spacing:-.035em}
.instrument-quote span {font-size:12px;color:#a4dfcb}
.market-terminal .switch {margin:0;padding:0 5%;gap:24px;background:#131419;border-block:1px solid #ffffff12}
.market-terminal .switch button {min-height:42px;font-size:13px}
.instrument-views {
  margin:0; padding:0; background:linear-gradient(to bottom,#131419,#101115);
  display:grid; align-items:start;
}
/* Reserve the tallest view so a tab change cannot move the page under the pointer. */
.instrument-views > [data-panel] {grid-area:1/1;min-width:0}
.market-terminal .instrument-views > [hidden] {display:block;visibility:hidden;pointer-events:none}
.instrument-plot {display:grid;grid-template-columns:minmax(0,1fr) var(--axis-width);height:var(--plot-height)}
.instrument-plot .candles {width:100%;height:100%;cursor:crosshair;touch-action:pan-y}
.instrument-grid {fill:none;stroke:#a4a4bb25;vector-effect:non-scaling-stroke}
.instrument-plot .bar path {fill:none;stroke-width:1.3;vector-effect:non-scaling-stroke}
.instrument-plot .bar rect {stroke:none}
.instrument-plot .up {fill:#c5dfd5;stroke:#c5dfd5}
.instrument-plot .down {fill:#aa8dc8;stroke:#aa8dc8}
.instrument-cursor path {stroke:#e3d4ff99;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.instrument-cursor circle {fill:#fff;stroke:#786d91;stroke-width:2;vector-effect:non-scaling-stroke}
.price-axis {position:relative}
.price-axis span {position:absolute;right:0;transform:translateY(-50%);color:#aba9b6;font:11px/1 var(--font)}
.instrument-times {display:flex;justify-content:space-between;margin:8px var(--axis-width) 0 0;color:#aaa8b7;font-size:10px}
.instrument-inspect {border-top:1px solid #ffffff18;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;color:#acaab7;font-size:11px}
.instrument-inspect b {display:block;margin-top:3px;color:#eeeaf7;font-size:14px;font-weight:520}
.instrument-inspect div {text-align:right}
#btc-hour {display:block;width:100%;height:26px;margin:4px 0 0;cursor:pointer;appearance:none;background:transparent}
#btc-hour::-webkit-slider-runnable-track {height:2px;border-radius:1px;background:#5a5464}
#btc-hour::-moz-range-track {height:2px;border-radius:1px;background:#5a5464}
#btc-hour::-webkit-slider-thumb {appearance:none;width:13px;height:13px;margin-top:-5.5px;border:3px solid #c5b0dc;border-radius:50%;background:#25232b;box-shadow:0 0 0 3px #17161c}
#btc-hour::-moz-range-thumb {box-sizing:border-box;width:13px;height:13px;border:3px solid #c5b0dc;border-radius:50%;background:#25232b}
#btc-hour:focus-visible {outline:2px solid #c8a8ff;outline-offset:2px}
.instrument-views [data-panel=filter],.instrument-views [data-panel=ai] {align-self:center}
.instrument-result {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #ffffff20}
.instrument-result strong,.market-terminal .instrument-question {font:550 clamp(20px,2vw,30px)/1.18 var(--font);letter-spacing:-.035em}
.instrument-result span,.instrument-levels dt {color:#ccc4d5;font-size:12px}
.instrument-levels {display:flex;gap:10%;margin:16px 0}
.instrument-levels dd {margin:4px 0;font-size:18px}
.market-terminal .instrument-action {padding:6px 0;border:none;background:transparent;color:#dfc7ff;font:550 14px/1.5 var(--font)}
.market-terminal .instrument-question {margin:12px 0}
.market-terminal .instrument-hint {max-width:42ch;margin-bottom:12px;color:#b1afbd;font-size:14px;line-height:1.44}
html:not(.js) .market-terminal :is(.switch,#btc-hour) {display:none}
@media(max-width:680px) {
  .chapter .market-terminal {--axis-width:28px;--plot-height:158px}
  .instrument-head {min-height:132px}
  .market-terminal .switch {gap:19px}
  .market-terminal .switch button {font-size:12px}
  .instrument-copy {max-width:69%}
  .instrument-copy small {font-size:10px;line-height:1.45}
  .instrument-views > [data-panel]:not([data-panel="scene"]) {padding-top:16px}
}

.market-terminal .instrument-head {min-height:0;padding-block:18px}
.market-terminal .instrument-copy {display:grid;grid-template-columns:auto auto;gap:6px 20px;align-items:baseline;max-width:none}
.instrument-copy small {grid-column:1/-1}
.market-terminal .instrument-pair {margin:0}
.market-terminal .instrument-pair b {font-size:clamp(24px,3vw,42px)}
.instrument-theatre {position:relative;aspect-ratio:1.92;overflow:hidden}
.instrument-theatre :is(picture,img,video) {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.instrument-views > [data-panel]:not([data-panel="scene"]) {padding:22px 5% 16px}
.market-terminal .instrument-views {min-height:calc(var(--plot-height) + 143px)}
.instrument-views > [data-panel=scene] {align-self:stretch;display:grid}
.instrument-theatre {align-self:stretch;height:100%;width:100%}
@media(max-width:680px){
  .instrument-theatre {aspect-ratio: .95}
  .market-terminal .instrument-copy {gap:5px 10px}
  .market-terminal .instrument-quote strong {font-size:17px}
  .market-terminal .switch {gap:13px}
}

.chapter .marketplace-stage {display:block;aspect-ratio:auto;background:#171513}
.marketplace-stage::after {display:none}
.marketplace-film {position:relative;aspect-ratio:16/9}
.marketplace-film :is(img,picture,video) {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.atlas-categories {display:flex;flex-wrap:wrap;gap:0 22px;border-top:1px solid #ffffff20;padding:6px 4.5%}
.atlas-categories a {display:inline-flex;align-items:center;min-height:42px;color:#dedad3;font:500 13px/1.3 var(--font)}
.atlas-categories a:hover,.atlas-categories a:focus-visible {color:#e8ceff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){
  .marketplace-film {aspect-ratio:9/16}
  .atlas-categories {gap:0 16px}
}

/* A single photographic frame. The mark, sand and the light are baked into the same film. */
.hero.container {
  width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-areas:"mark" "copy";justify-items:center;align-content:start;
  isolation:isolate;padding:0 var(--g);
}
.hero-cinema {
  grid-area:mark;position:relative;width:calc(100% + 2 * var(--g));
  aspect-ratio:3/1;max-height:none;align-self:start;overflow:hidden;
  background:#000;pointer-events:none;
}
.hero-cinema :is(picture,img,video) {
  display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
}
.hero-cinema .film {transition:none}
.hero-cinema:has(video.has-frame) picture {visibility:hidden}
.hero-cinema::after {
  content:"";position:absolute;inset:auto 0 0;height:10%;pointer-events:none;
  background:linear-gradient(transparent,#000);
}
.hero-copy {grid-area:copy;position:relative;z-index:2;text-align:center;max-width:100%;padding:0}
.hero h1 {margin:0;font:600 clamp(43px,5.55vw,94px)/1.015 var(--font);letter-spacing:-.064em;text-wrap:balance}
.hero h1 em {display:inline;color:#d0b8f3}
.hero .intro {max-width:57ch;margin:19px auto 0;color:#c6c2ce;font:400 clamp(15px,1.16vw,19px)/1.45 var(--font);text-wrap:balance;letter-spacing:-.015em}
.hero-actions {display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:12px 25px;margin-top:22px}
.hero .archive {
  grid-area:idea;position:relative;z-index:0;width:min(100%,840px);margin:clamp(30px,5svh,56px) 0 0;
  background:linear-gradient(105deg,#161416,#0b0a0c);border:1px solid #ffffff25;border-radius:14px;
  display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:16px;
  padding:15px clamp(18px,2vw,32px);
}
.hero .archive-cover {
  grid-column:1;grid-row:1;display:block;width:100%;margin:0;
  aspect-ratio:1.4;transform:none;border:1px solid #ffffff30;border-radius:4px;
}
.hero .archive-body {display:contents}
.hero .archive-story {grid-column:2;grid-row:1}
.hero .archive-credit {grid-column:3;grid-row:1;padding-left:15px;border-left:1px solid #ffffff1c}
.hero .archive-title {margin:5px 0;font-size:clamp(17px,1.5vw,23px);letter-spacing:-.032em}
.hero .archive-author {font-size:13px}
.hero .archive-meta {gap:2px 8px}
@media(max-width:680px) {
  .hero.container {padding:0 16px;--g:16px}
  .hero-cinema {aspect-ratio:1080/584;max-height:30svh}
  .hero h1 {font-size:clamp(35px,9.1vw,54px);line-height:1.03;letter-spacing:-.052em}
  .hero .intro {max-width:42ch;font-size:15px;margin-top:13px}
  .hero-actions {margin-top:17px;gap:7px 16px}
  .hero .archive {grid-template-columns:52px minmax(0,1fr);gap:4px 12px;padding:13px;margin-top:24px}
  .hero .archive-cover {grid-row:1/3}
  .hero .archive-credit {grid-column:2;grid-row:2;border:0;padding:0}
  .hero .archive-market,.hero .archive-meta {font-size:10px}
  .hero .archive-title {font-size:17px;margin:4px 0}
  .hero .archive-author {font-size:12px}
}

/* Safety: desktop uses an entire wide frame; the text sits in the unlit side of the set. */
.mission {overflow:hidden}
.mission-inner {
  position:relative;isolation:isolate;width:min(100%,1920px);margin-inline:auto;
  display:grid;grid-template-columns:55% minmax(0,1fr);align-items:center;
  min-height:0;aspect-ratio:16/9;padding:0;gap:0;
}
.mission-inner .bull {
  position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;
  z-index:-1;pointer-events:none;
}
.mission-inner .bull :is(picture,img,video) {position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mission-inner .bull .film {transition:none}
.mission-inner .bull:has(video.has-frame) picture {visibility:hidden}
.mission-copy {grid-column:2;width:min(100%,650px);max-width:none;padding:clamp(35px,5vw,90px) clamp(25px,4.5vw,84px) clamp(35px,5vw,90px) clamp(4px,1.5vw,30px)}
.mission-copy h2 {font-size:clamp(36px,3.55vw,65px);text-wrap:balance}
@media(max-width:900px) {
  .mission-inner {display:flex;aspect-ratio:auto;flex-direction:column;align-items:stretch;min-height:0;padding:clamp(14px,4vw,32px) 0 clamp(35px,7vw,68px)}
  .mission-inner .bull {position:relative;z-index:0;inset:auto;align-self:center;width:min(100%,424px);height:auto;aspect-ratio:3/4}
  .mission-inner .bull :is(img,video) {object-fit:cover;object-position:50% 49%}
  .mission-copy {width:min(calc(100% - 2 * var(--g)),590px);margin:clamp(4px,2vw,20px) auto 0;padding:0}
  .mission-copy h2 {font-size:clamp(33px,6vw,48px)}
}

/* Editorial figures: reading and motion are separate layers. Final data is always present. */
.number-grid {gap:clamp(18px,3vw,54px)}
.number-grid>div {position:relative;display:grid;grid-template-rows:auto 1fr auto;align-items:start}
.number-grid dt {letter-spacing:-.05em}
.number-grid dd.metric-figure {display:flex;align-items:center;min-width:0;min-height:88px;height:88px;max-width:100%;margin:clamp(28px,3vw,44px) 0 0;overflow:visible}
.metric-figure svg {display:block;flex:none;width:230px;max-width:100%;height:auto;max-height:100%;overflow:visible}
.metric-figure .metric-products {width:88px}
.metric-figure .metric-allocation {width:248px}
.metric-figure .metric-devices {width:226px}
.metric-tile {fill:#c9b3eb;stroke:#e0cdf5;stroke-width:.5}
.metric-tile:nth-child(3n+2){fill:#8e809f}.metric-tile:nth-child(3n){fill:#655c6f}
.metric-rule {stroke:#69606d;stroke-width:1}
.metric-share.allocated {fill:#c6adde}
.metric-share.reserve {stroke:#685f6f;stroke-width:1}
.metric-device {stroke:#d4c7de;stroke-width:1.6}
.metric-link {stroke:#a193ae;stroke-dasharray:2 3}
.metric-signal {fill:#e8ccff;stroke:#29212e;stroke-width:1.25}
@media(prefers-reduced-motion:no-preference) {
  html:not(.hub-calm) .metrics-playing :is(.metric-tile,.metric-share.allocated) {
    transform-box:fill-box;transform-origin:center bottom;animation:metric-reveal .64s cubic-bezier(.22,.68,.25,1) backwards;
    animation-delay:calc(var(--i)*71ms);
  }
  html:not(.hub-calm) .metrics-playing .metric-signal {animation:metric-transfer 1.6s cubic-bezier(.3,.01,.2,1) both}
}
@keyframes metric-reveal {from {opacity:.2;transform:translateY(7px) scaleY(.68)}to {opacity:1;transform:none}}
@keyframes metric-transfer {0%{transform:translateX(-22px);opacity:.12}30%{opacity:1}78%{transform:translateX(22px);opacity:1}90%{opacity:0}91%{transform:translateX(0)}100%{opacity:1}}
@media(max-width:680px) {
  .number-grid {gap:26px 19px}
  .number-grid dd.metric-figure {height:68px;min-height:68px;margin-top:24px}
  .metric-figure .metric-products {width:68px}
}

.metric-go {display:inline-block;margin-left:2px;color:#c5a9db;font-size:.78em;line-height:1}
.number-grid a:focus-visible {outline:2px solid #cec0dc;outline-offset:4px;border-radius:2px}
.metric-markup .markup-grid {stroke:#3b353f;stroke-width:.8}
.markup-trace {stroke:#8f809c;stroke-width:1.1;stroke-linejoin:round}
.markup-level {stroke:#766a80;stroke-width:1;stroke-dasharray:.04 .026}
.markup-line {stroke:#dac2ef;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1}
.markup-handle {stroke:#dfc6f3;fill:#201b28}
@media(prefers-reduced-motion:no-preference){
  html:not(.hub-calm) .metrics-playing .markup-line {animation:metric-draw 1.25s .12s cubic-bezier(.26,.6,.35,1) both}
  html:not(.hub-calm) .metrics-playing .markup-handle:last-child {animation:metric-end .36s 1.08s backwards}
}
@keyframes metric-draw {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes metric-end {from{opacity:0}to{opacity:1}}

/* Keep the illustrations readable on tablet instead of squeezing four columns. */
@media(min-width:681px) and (max-width:1000px) {
  .number-grid {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
}

/* A shared place: a distinct cinematic bridge into the product ecosystem. */
.pavilion-opening {width:100%;min-width:0;aspect-ratio:16/9;max-height:960px;background:#080605}
.pavilion-opening :is(img,video) {object-position:50% 50%}
.pavilion-opening::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08) 45%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.92) 100%);z-index:1}
.pavilion-copy {position:absolute;left:max(var(--g),calc((100% - var(--wrap))/2));bottom:clamp(35px,5vw,76px);z-index:2;max-width:min(70%,760px);color:#f3efe7}
.pavilion-copy .editorial-eyebrow {color:#d9c2a3;margin:0 0 18px}
.pavilion-copy h2 {font:400 clamp(30px,3.4vw,62px)/1.08 var(--font);letter-spacing:-.04em;text-wrap:balance;margin:0}
.pavilion-description {font:400 clamp(14px,1.2vw,18px)/1.5 var(--font);color:#d5ccc2;margin:18px 0 0}
.pavilion-opening .canyon-link {z-index:3;bottom:clamp(35px,5vw,76px);background:#18130ed9;backdrop-filter:blur(10px);padding:13px 19px;transition:background .25s,border-color .25s}
.pavilion-opening .canyon-link:hover {background:#32251be8;border-color:#dccbb0}
@media(max-width:900px){.pavilion-copy {max-width:85%;bottom:92px}.pavilion-opening .canyon-link {left:var(--g);right:auto;bottom:28px}.pavilion-opening {min-height:480px}}
@media(max-width:680px){.pavilion-opening {aspect-ratio:3/4;min-height:530px;max-height:700px}.pavilion-opening :is(img,video){object-position:59% 42%}.pavilion-copy {max-width:calc(100% - var(--g)*2);bottom:105px}.pavilion-copy h2{font-size:clamp(32px,8.5vw,46px)}.pavilion-copy .editorial-eyebrow{font-size:10px;margin-bottom:14px}.pavilion-description{max-width:28ch;margin-top:14px}.pavilion-opening::after{background:linear-gradient(180deg,transparent 28%,#0003 48%,#000e 82%,#000 100%)}}

/* Give the hero actions a clear ending before the product story begins. */
.hero.container {padding-bottom:clamp(48px,5vw,88px)}
@media(max-width:680px){.hero.container{padding-bottom:44px}}
/* 12.11: 4K logo film (16:9) — taller band so the whole T and its shadow fit */
.hero-cinema {aspect-ratio:5/2}
.hero-cinema :is(img,video) {object-position:center 42%}
@media(max-width:680px) {.hero-cinema {aspect-ratio:16/9;max-height:34svh}}