


.section.editorial.cinematic {
  background:
    radial-gradient(85% 60% at 50% 6%, rgba(123,201,203,0.055), transparent 60%),
    radial-gradient(55% 45% at 88% 96%, rgba(205,167,123,0.04), transparent 62%),
    linear-gradient(180deg, var(--ink) 0%, #0A1529 100%);
  color: var(--cream);
  position: relative;
  overflow: hidden;
}
.section.editorial.cinematic > .page { position: relative; z-index: 2; }
.section.editorial.cinematic h2,
.section.editorial.cinematic .h-section,
.section.editorial.cinematic h3,
.section.editorial.cinematic h4,
.section.editorial.cinematic .lede,
.section.editorial.cinematic p,
.section.editorial.cinematic li,
.section.editorial.cinematic strong,
.section.editorial.cinematic .prose-col p,
.section.editorial.cinematic .fnote,
.section.editorial.cinematic .fineprint { color: var(--cream); }
.section.editorial.cinematic .link-inline { color: var(--cream); }
.section.editorial.cinematic .link-inline:hover { color: var(--brass-glow); }
.section.editorial.cinematic .rule,
.section.editorial.cinematic .fineprint { border-color: var(--rule-inverse); }
.section.editorial.cinematic blockquote.pull { border-left-color: var(--rule-inverse-strong); }

.section.editorial.cinematic::before,
.section.editorial.cinematic + .section.editorial::before { display: none !important; }

.section.editorial.cinematic .btn { color: var(--cream); border-color: var(--rule-inverse-strong); }
.section.editorial.cinematic .btn.brass { color: var(--ink); }


.rowset .row h4 .row-sub,
.qsheet .q h4 .row-sub {
  display: block;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: var(--fs-body);
  line-height: 1.34;
  letter-spacing: 0;
  margin-top: 5px;
  color: inherit;
  opacity: .56;
  transition: opacity .18s ease;
}
.rowset .row:hover h4 .row-sub,
.qsheet .q:hover h4 .row-sub { opacity: .8; }

.rowset .row--core,
.qsheet .q--core { position: relative; }
.rowset .row--core::before,
.qsheet .q--core::before {
  content: ""; position: absolute; left: 0; top: -1px;
  height: 1px; width: 72px; background: var(--brass-2, #B98F5F);
}
.cinematic .rowset .row--core::before,
.cinematic .qsheet .q--core::before { background: var(--brass-glow); }
.rowset .row--core h4,
.qsheet .q--core h4,
.rowset .row--core p,
.qsheet .q--core p { opacity: 1; }


.rowset .row, .qsheet .q, .ptable tbody tr, .owns .own,
.ladder .rung, .bench .who, .doors .door {
  transition: background .18s cubic-bezier(.2,.6,.2,1);
}
.rowset .row h4, .qsheet .q h4, .ladder .rung h4, .bench .who h4,
.owns .own .actor, .doors .door h3, .ptable .k {
  transition: opacity .18s ease;
}
.rowset .row p, .qsheet .q p, .ladder .rung p, .bench .who p,
.owns .own p, .doors .door p, .ptable td {
  transition: opacity .18s ease;
}
.rowset .row:hover, .qsheet .q:hover, .ptable tbody tr:hover,
.owns .own:hover, .ladder .rung:hover, .bench .who:hover,
.doors .door:hover {
  background: rgba(205,167,123,0.07);
}
.cinematic .rowset .row:hover, .cinematic .qsheet .q:hover,
.cinematic .ptable tbody tr:hover, .cinematic .owns .own:hover,
.cinematic .ladder .rung:hover, .cinematic .bench .who:hover,
.cinematic .doors .door:hover {
  background: rgba(232,195,148,0.08);
}
.rowset .row:hover h4, .qsheet .q:hover h4, .ladder .rung:hover h4,
.bench .who:hover h4, .owns .own:hover .actor, .doors .door:hover h3,
.ptable tbody tr:hover .k { opacity: 1; }
.rowset .row:hover p, .qsheet .q:hover p, .ladder .rung:hover p,
.bench .who:hover p, .owns .own:hover p, .doors .door:hover p,
.ptable tbody tr:hover td { opacity: 1; }

.cinematic .doors .door::after { background: var(--brass-glow); }
.cinematic .doors .door { border-right-color: var(--rule-inverse); }
.cinematic .doors { border-top-color: var(--rule-inverse-strong); }


.rowset .row.markrow { align-items: start; }
.rowset .row.markrow h4 > .mark { margin: 2px 0 12px; }


.hero-map:not(.hero-two) .hm-inner {
  text-align: left;
  max-width: 1180px;
  min-height: 0;
  grid-template-rows: auto auto auto;
  row-gap: var(--s-5);
  padding-top: 0;
}
.hero-map:not(.hero-two) .hm-inner:has(> .hm-mid:empty) {
  padding-top: 0; padding-bottom: 0; row-gap: var(--s-5);
}

.hero-map:not(.hero-two) .hm-head.no-eyebrow::before { height: 38px; }
.hero-map:not(.hero-two) .hm-foot .lede { margin-left: 0; margin-right: 0; max-width: 74ch; }
.hero-map:not(.hero-two) .hm-foot .hero-ctas { justify-content: flex-start; }
.hero-map:not(.hero-two) .hero-accent { text-align: left; }
.hero-map:not(.hero-two) .hm-mid { justify-content: flex-start; }

.hero-map:not(.hero-two) .hm-mid > .stagefig,
.hero-map:not(.hero-two) .hm-mid > .prt-band {
  width: min(620px, 100%); margin-left: 0; margin-right: auto;
}
.hero-map:not(.hero-two) .hm-mid > .stagefig { margin-bottom: var(--s-4); }

.pour .hero-map:not(.hero-two) .hm-mid > * { margin-top: 0; }
@media (max-width: 900px) {
  .hero-map:not(.hero-two) .hm-inner { min-height: 0; }
}
@media (max-width: 760px) {
  .hero-map:not(.hero-two) .hm-mid > .stagefig,
  .hero-map:not(.hero-two) .hm-mid > .prt-band { width: 100%; }
}


:root { --hero-pad-y: 176px; }
.hero-map, .hero-map.proto-hero,
.pf-hero, .section.pf-hero, .section.cinematic.pf-hero {
  padding-top: var(--hero-pad-y);
  padding-bottom: var(--hero-pad-y);
}

.hero-map:not(.hero-two) .hm-mid > .stagefig--tight { width: min(620px, 100%); }
.hero-map:not(.hero-two) .hm-mid > .stagefig--tight > svg { width: min(280px, 100%); }



.hero-map > .navy-lights,
.hero-map.cinematic > .navy-lights,
.section.cinematic.hero-map > .navy-lights { opacity: 1; }


.legal-line { font-family: var(--sans); font-style: italic;
  font-size: var(--fs-micro); line-height: 1.75; opacity: .62;
  max-width: 60ch; border-top-color: var(--rule); }
.section.editorial.cinematic .legal-line { border-top-color: var(--rule-inverse); }


.hero-map .hm-mid > .prt-band { margin-bottom: var(--s-5); }
.hero-map .hm-mid > .prt-band .prt-tiles { margin-bottom: 12px; gap: 12px; }
.hero-map .hm-mid > .prt-band .prt-tile { padding: 9px 12px 8px; }
.hero-map .hm-mid > .prt-band .prt-tile-bars { height: 14px; margin-top: 7px; }
.hero-map .hm-mid > .prt-band .prt-lane { margin-top: 6px; }
.hero-map .hm-mid > .prt-band .prt-track { height: 10px; }
.hero-map .hm-mid > .prt-band .prt-cap { margin-top: 10px; }


@media (prefers-reduced-motion: reduce) {
  .rowset .row, .qsheet .q, .ptable tbody tr, .owns .own, .ladder .rung,
  .bench .who, .doors .door, .rowset .row h4 .row-sub, .qsheet .q h4 .row-sub {
    transition: none !important;
  }
}


@media (max-width: 820px) {
  :root { --hero-pad-y: 96px; }
}
