/* Layout choreography shared by both lighting modes. Palette lives in trust-theme.css. */
@media(min-width:1100px) and (min-height:760px) {
  .has-scroll .opening {height:150dvh}
}
.site-story .presence-scene {padding-top:clamp(52px,6vw,86px)}
.site-story .presence-scene .scene-heading {margin-bottom:42px}
.site-story .presence-scene h2 {font-size:clamp(54px,5.3vw,82px)}
.site-story .presence-register {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(30px,6vw,110px);
  border-top:1px solid var(--line);
}
.site-story .presence-row {
  grid-template-columns:34px minmax(0,1fr) 24px;
  gap:7px 16px;
  min-height:103px;
  padding:17px 0;
  align-content:center;
}
.site-story .presence-row h3 {font-size:clamp(34px,3.35vw,52px)}
.site-story .presence-row__detail {grid-column:2;grid-row:2}
.site-story .presence-row .story-arrow {grid-column:3;grid-row:1}
.site-story .scene-bridge {margin-top:36px}

/* The legal work is the longest and largest chapter, with one persistent form. */
.site-story .practice-scene {padding-top:clamp(96px,9vw,150px)}
.site-story .practice-scene .scene-heading {margin-bottom:84px}
.site-story .practice-chapter {
  min-height:clamp(370px,48svh,520px);
  grid-template-columns:clamp(130px,21vw,300px) minmax(0,1fr);
  align-content:center;
  padding:56px 0;
}
.site-story .practice-chapter__number {font-size:clamp(118px,12vw,185px)}
.site-story .practice-chapter h3 {font-size:clamp(63px,6.6vw,100px);max-width:720px}
.site-story .practice-chapter__caption {max-width:360px}
.site-story .practice-chapter h3 a {display:inline-block;transition:transform .6s cubic-bezier(.22,.61,.2,1)}
.site-story .practice-chapter[data-story-focus] h3 a {transform:translateY(-5px)}
.site-story .practice-chapter .story-link {margin-top:28px}

/* The final path stays inside the same spatial grid as the preceding chapters. */
.site-story .evidence-scene,.site-story .process-scene,.site-story .matter-scene {padding-top:clamp(105px,10vw,160px)}
.site-story .evidence-heading h2 {max-width:760px}
.site-story .matter-scene {padding-bottom:clamp(120px,12vw,190px)}

@media(max-width:900px) {
  .site-story .presence-register {column-gap:35px}
  .site-story .presence-row {grid-template-columns:25px minmax(0,1fr) 20px;gap:6px 10px}
  .site-story .presence-row h3 {font-size:clamp(30px,4vw,42px)}
  .site-story .practice-chapter {grid-template-columns:120px minmax(0,1fr);min-height:360px}
  .site-story .practice-chapter__number {font-size:120px}
  .site-story .practice-chapter h3 {font-size:clamp(54px,6vw,76px)}
}
@media(max-width:699px) {
  body:not(.has-js) .header [data-menu] {display:flex;visibility:hidden}
}
@media(max-width:600px) {
  .hero-copy {min-height:540px}
  .site-story .presence-scene {padding-top:42px}
  .site-story .presence-register {grid-template-columns:1fr}
  .site-story .presence-row {min-height:82px;padding:13px 0;grid-template-columns:24px minmax(0,1fr) 20px}
  .site-story .presence-row h3 {font-size:34px}
  .site-story .scene-bridge {margin-top:28px}
  .site-story .practice-scene {padding-top:88px}
  .site-story .practice-scene .scene-heading {margin-bottom:45px}
  .site-story .practice-chapter {grid-template-columns:56px minmax(0,1fr);gap:12px;min-height:310px;padding:38px 0}
  .site-story .practice-chapter__number {font-size:70px}
  .site-story .practice-chapter h3 {font-size:clamp(42px,12vw,58px)}
  .site-story .practice-chapter__caption {font-size:13px;margin-top:15px}
  .site-story .practice-chapter .story-link {margin-top:18px}
  .site-story .evidence-scene,.site-story .process-scene,.site-story .matter-scene {padding-top:78px}
}
@media(prefers-reduced-motion:reduce) {
  .site-story .practice-chapter h3 a {transition:none;transform:none!important}
}