/* Subpage composition stays complete without JS or movement. Homepage is excluded. */
[data-story-page] {
  --story-accent: #56732c;
}
.story-image-frame {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #e9ebe1;
}
.story-image-frame > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-story-page] .person-portrait .story-image-frame {
  aspect-ratio: 4 / 5;
}
[data-story-page] .valuation-photo .story-image-frame {
  aspect-ratio: 4 / 3;
}
[data-inheritance-guide] .local-hero-figure .story-image-frame > img {
  object-position: 54% center;
}
.story-motion [data-story-image] > img {
  transform: translateY(var(--story-image-y, 0%)) scale(1.085);
}
[data-story-page] .local-hero {
  position: relative;
  isolation: isolate;
  padding-bottom: clamp(60px, 8vw, 128px);
}
[data-story-page] .local-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 36% -20px 25px 16%;
  background: #f2f3ed;
}
[data-story-page] .local-hero-figure {
  align-self: center;
}
[data-story-page] .local-hero-figure .story-image-frame {
  aspect-ratio: 5 / 4;
}
[data-story-page] .local-hero-figure figcaption {
  max-width: 62ch;
}
[data-story-page] .local-contents {
  border-top: 3px solid #a6bd7a;
  box-shadow: 0 18px 44px -30px #25301e55;
}
[data-story-page] .editorial-story {
  margin-block: clamp(56px, 9vw, 144px);
}
[data-story-page] .editorial-story-heading {
  max-width: 850px;
  margin-bottom: 40px;
}
[data-story-page] .editorial-story-heading h2 {
  max-width: 18ch;
}
[data-story-page] .editorial-photos {
  align-items: start;
  gap: clamp(28px, 5vw, 80px);
}
[data-story-page] .editorial-photo {
  position: relative;
  min-width: 0;
}
[data-story-page] .editorial-photo figcaption {
  position: relative;
  margin-left: 16px;
  padding: 20px 0 0 16px;
  border-left: 1px solid #a6bd7a;
  max-width: 53ch;
}
[data-story-page] .editorial-photo figcaption::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #56732c;
  left: -3px;
  top: 24px;
}
[data-story-sequence] {
  position: relative;
}
[data-story-step] {
  position: relative;
}
[data-story-step]::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  top: -1px;
  height: 3px;
  background: var(--story-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.story-motion .is-story-current::after {
  transform: scaleX(1);
}
[data-story-page] .local-process,
[data-story-page] .local-place,
[data-story-page] .inheritance-community {
  --story-accent: #d8ec9b;
}
[data-story-page] .local-data-list {
  padding-left: 22px;
  border-left: 1px solid #c4cbb9;
}
.story-motion [data-story-sequence].local-data-list::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 3px;
  background: #56732c;
  transform-origin: top;
  transform: scaleY(var(--story-progress, 0));
}
/* Long comparisons read as chapters; no horizontally collapsing card stack. */
[data-story-page] .inheritance-options {
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
}
[data-story-page] .inheritance-options > article {
  border-top: 1px solid #bec8b0;
  padding: 30px 24px;
}
[data-story-page] .guide-group {
  background: white;
  border-top: 3px solid #b1c58c;
  padding: clamp(20px, 3vw, 46px);
  box-shadow: 10px 10px 0 #e1e6d8;
}
[data-story-page] .guide-progress {
  display: block;
  width: 100%;
  height: 6px;
  accent-color: #56732c;
  border: 0;
}
.guide-progress::-webkit-progress-bar {
  background: #e5e9de;
}
.guide-progress::-webkit-progress-value {
  background: #56732c;
}
.guide-progress::-moz-progress-bar {
  background: #56732c;
}
@media (min-width: 700px) {
  [data-story-page] .editorial-photos {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
  [data-story-page] .editorial-photos > .editorial-photo:nth-child(2) {
    margin-top: clamp(65px, 10vw, 150px);
  }
  [data-story-page] .editorial-photos > .editorial-photo:first-child .story-image-frame {
    aspect-ratio: 4 / 5;
  }
  [data-story-page] .editorial-photos:has(> :only-child) {
    grid-template-columns: minmax(0, 1fr);
    max-width: 1040px;
  }
  [data-story-page] .editorial-photos > .editorial-photo:only-child .story-image-frame {
    aspect-ratio: 16 / 10;
  }
  [data-story-page] .inheritance-options > article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    gap: 0 8%;
    padding: 40px;
  }
  [data-story-page] .inheritance-options > article > .eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  [data-story-page] .inheritance-options > article > h3 {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }
  [data-story-page] .inheritance-options > article > dl {
    grid-column: 2;
    grid-row: 1 / 4;
  }
  [data-story-page] .inheritance-options dt:first-child {
    margin-top: 0;
  }
}
@media (min-width: 1000px) {
  [data-story-page] .local-hero {
    gap: 7%;
    align-items: start;
  }
  [data-story-page] .local-hero::before {
    inset: 190px -50px 45px 42%;
  }
  [data-story-page] .local-hero-copy {
    padding-top: 32px;
  }
  [data-story-page] .local-hero-figure {
    margin-top: 62px;
  }
  [data-story-page] .local-hero-figure .story-image-frame {
    aspect-ratio: 4 / 5;
  }
  .story-motion .story-can-stick {
    position: sticky;
    top: 115px;
    align-self: start;
  }
  [data-story-page] .guide-group:nth-of-type(even) {
    margin-right: 40px;
  }
  [data-story-page] .story-comparison {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
    align-items: start;
    gap: 8%;
  }
  [data-story-page] .story-comparison > .local-section-heading {
    display: block;
  }
  [data-story-page] .story-comparison .local-section-heading h2 {
    margin-top: 24px;
    font-size: clamp(40px, 4.5vw, 68px);
  }
  [data-story-page] .story-comparison .inheritance-options {
    margin-top: 0;
  }
  [data-story-page] .story-comparison .inheritance-options > article {
    display: block;
  }
  [data-story-page] .inheritance-steps {
    grid-template-columns: minmax(0, 1fr);
    margin-left: 22%;
  }
}
@media (max-width: 699px) {
  .story-motion [data-story-image] > img {
    transform: translateY(var(--story-image-y, 0%)) scale(1.055);
  }
  [data-story-page] .editorial-photos {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-story-page] .editorial-photo:nth-child(2) {
    margin-left: 16px;
  }
  [data-story-page] .guide-item {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-story-page] [data-story-image] > img {
    transform: none !important;
  }
  [data-story-step]::after {
    transition: none;
  }
  [data-story-sticky] {
    position: static !important;
  }
}
@media print {
  [data-story-page] [data-story-image] > img {
    transform: none !important;
  }
  [data-story-page] .editorial-photos,
  [data-story-page] .inheritance-options {
    display: block;
  }
  [data-story-page] .editorial-photo,
  [data-story-page] .guide-group {
    margin: 20px 0 !important;
    box-shadow: none;
  }
  [data-story-sticky] {
    position: static !important;
  }
}