/* Healthcare Content Marketing Agency
 * Refactor only: preserve layout, typography, color, motion and native controls.
 * design-system.css owns tokens, reset and structural defaults.
 * edition.css owns editorial components and their responsive/state variants.
 */

/* Foundations and shared components */
.edition .shell {
  width: calc(100% - clamp(32px,7vw,144px));
  max-width: 1600px;
  margin-inline: auto;
}

.edition :is(h1,h2,h3) {
  font-family: var(--font-display);
  font-weight: 450;
  letter-spacing: -.035em;
  color: inherit;
  text-wrap: balance;
}

.edition h1 {
  max-width: none;
  font-size: clamp(2.8rem,5.7vw,6.6rem);
  line-height: .99;
  margin: 0 0 1.4rem;
  overflow-wrap: normal;
}

.edition h2 {
  font-size: clamp(2rem,3.6vw,4rem);
  line-height: 1.08;
}

.edition h3 {
  font-size: clamp(1.5rem,2vw,2.2rem);
  line-height: 1.15;
}

.edition p,
.edition li {
  font-size: clamp(1.05rem,1.15vw,1.2rem);
  line-height: 1.65;
}

.edition a {
  color: inherit;
  text-underline-offset: 5px;
}

.edition a:focus-visible,
.edition button:focus-visible,
.edition summary:focus-visible {
  outline: var(--focus-width) solid var(--edition-accent);
  outline-offset: var(--focus-offset);
}

.edition [id] {
  scroll-margin-top: 100px;
}


/* Navigation */
.edition .site-header {
  position: sticky;
  top: 0;
  background: var(--edition-deep);
  color: var(--edition-paper);
  z-index: 30;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.edition .nav-inner {
  min-height: var(--header-height-desktop);
  display: flex;
  align-items: center;
  gap: var(--space-8);
}

.edition .site-logo {
  display: flex;
  align-items: center;
  gap: .8rem;
  font-size: var(--font-size-body);
  font-weight: 650;
  line-height: 1.1;
  max-width: 290px;
  text-decoration: none;
}

.edition .site-logo img {
  width: var(--logo-size);
  height: var(--logo-size);
  border-radius: 0;
}

.edition .desktop-menu {
  margin-left: auto;
  display: flex;
  gap: var(--space-8);
}

.edition .desktop-menu a {
  color: var(--edition-paper);
  font-size: var(--font-size-body);
  font-weight: 600;
  text-decoration: none;
}

.edition .desktop-menu a:hover,
.edition .desktop-menu a[aria-current="page"] {
  color: var(--color-white);
  text-decoration: underline;
}

.edition :is(.nav-contact,.button,.toc-cta) {
  display: inline-flex;
  gap: var(--space-inline);
  align-items: center;
  padding: var(--space-4) 1.4rem;
  background: var(--edition-accent);
  color: var(--color-white);
  border: 0;
  border-radius: 0;
  text-decoration: none;
  box-shadow: none;
  font-size: var(--font-size-body);
  font-weight: 600;
  min-height: var(--control-size);
}

.edition :is(.button,.nav-contact):hover {
  background: var(--color-action-hover);
  color: var(--color-white);
}

.edition .button-quiet {
  background: transparent;
  color: var(--edition-ink);
  padding-inline: 0;
}

.edition .button-quiet:hover {
  background: transparent;
  color: var(--edition-accent);
}

.edition :is(.button,.nav-contact) span {
  transition: transform var(--motion-feedback) ease-out;
}

.edition :is(.button,.nav-contact):hover span {
  transform: translate(3px,-2px);
}

.edition .eyebrow {
  display: block;
  color: var(--edition-accent);
  font: 600 var(--font-size-body)/1.3 var(--font-body);
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 var(--space-inline);
}

.edition .glow-dot {
  display: none;
}


/* Heroes and media */
.edition .edition-hero {
  padding: var(--space-8) 0 var(--space-20);
  background: var(--edition-paper);
}

.edition .edition-hero .hero-text {
  max-width: none;
}

.edition .edition-hero .hero-deck {
  font-size: clamp(1.15rem,1.5vw,1.45rem);
  line-height: 1.5;
  max-width: 42rem;
  color: var(--edition-ink);
}

.edition .edition-hero--home .hero-text {
  gap: 0 var(--space-12);
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: min(54%,780px);
  max-width: none;
  margin: 0;
  padding: clamp(var(--space-8),4vw,var(--space-20)) clamp(24px,3.5vw,72px);
  background: transparent;
  color: var(--edition-paper);
}

.edition .hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-inline);
  margin-top: var(--space-6);
}

.edition .hero-review-note {
  font-size: var(--font-size-body);
  color: var(--muted);
}

.edition .inner-next {
  display: inline-flex;
  margin-top: var(--space-6);
  gap: var(--space-4);
  font-weight: 600;
}

.edition .inner-next span {
  text-decoration: none;
}

.edition .section {
  padding: clamp(var(--space-14),7vw,var(--space-28)) 0;
  background: var(--edition-paper);
  color: var(--edition-ink);
}

.edition .section-alt {
  background: var(--edition-soft);
}

.edition .section-intro {
  margin-bottom: var(--space-10);
  max-width: none;
}

.edition .section-intro h2 {
  max-width: 1000px;
  margin: 0 0 var(--space-4);
}

.edition .section-intro p {
  max-width: 720px;
  color: var(--muted);
}


/* Editorial content and chapter navigation */
.edition .editorial {
  color: var(--edition-ink);
  max-width: 820px;
  font-size: 1.15rem;
}

.edition .editorial p {
  color: inherit;
}

.edition .editorial h2 {
  font-size: clamp(2rem,3vw,3rem);
  margin: var(--space-10) 0 var(--space-4);
}

.edition .editorial h3 {
  margin-top: var(--space-8);
}

.edition .editorial a {
  color: var(--edition-accent);
}

.edition .editorial strong {
  color: var(--edition-ink);
}

.edition .article-layout {
  display: grid;
  grid-template-columns: minmax(200px,.38fr) minmax(0,1fr);
  gap: clamp(var(--space-8),6vw,var(--space-28));
  align-items: start;
}

.edition .article-toc {
  position: sticky;
  top: 104px;
  max-height: calc(100dvh - 125px);
  overflow-y: auto;
  padding: 0 var(--space-4) var(--space-4) 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.edition .article-toc nav {
  display: grid;
  gap: 4px;
}

.edition .article-toc nav a {
  display: block;
  min-height: var(--menu-toggle-size);
  height: auto;
  padding: var(--space-control-block) var(--space-inline-tight);
  color: var(--edition-ink);
  font: 400 var(--font-size-body)/1.35 var(--font-body);
  text-decoration: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  overflow-wrap: anywhere;
  white-space: normal;
  min-width: 0;
}

.edition .article-toc nav a[aria-current="location"] {
  color: var(--color-white);
  background: var(--edition-ink);
}

.edition .article-toc nav a:hover {
  text-decoration: underline;
}

.edition .article-toc .toc-cta {
  display: flex;
  margin-top: var(--space-4);
}

/* Publication record: a quiet editorial colophon below the photographic hero. */
.edition .publication-meta {
  background: var(--edition-paper);
  color: var(--edition-ink);
  border-bottom: 1px solid var(--line);
}

.edition .publication-meta__list {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  margin: 0;
  padding: var(--space-8) 0;
}

.edition .publication-meta__list > div {
  min-width: 0;
  padding-left: var(--space-6);
  border-left: 1px solid var(--line);
}

.edition .publication-meta__list > .publication-meta__author {
  padding-left: var(--space-4);
  border-left: 3px solid var(--edition-accent);
}

.edition .publication-meta dt {
  margin-bottom: var(--space-2);
  color: var(--muted);
  font: 600 .8125rem/1.4 var(--font-body);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.edition .publication-meta dd {
  margin: 0;
  font: 500 1.0625rem/1.5 var(--font-body);
  overflow-wrap: anywhere;
}

.edition .publication-meta a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--line);
  text-underline-offset: .2em;
}

.edition .publication-meta a:hover {
  text-decoration-color: var(--edition-accent);
}

.edition .folio-acts {
  padding: var(--space-8) 0;
  background: var(--edition-deep);
  color: var(--color-white);
}

.edition .folio-acts h2 {
  font-size: var(--font-size-heading-small);
}

.edition .folio-acts ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-8);
  list-style: none;
  padding: 0;
}

.edition .folio-acts li {
  flex: 1 1 220px;
}

.edition .folio-acts span {
  display: inline-block;
  margin-left: var(--space-4);
}


/* Resource index */
.edition .resource-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: transparent;
}

.edition .resource-card {
  display: grid;
  grid-template-columns: 130px minmax(0,1.2fr) minmax(0,.8fr) 35px;
  gap: var(--space-8);
  align-items: start;
  padding: var(--space-8) 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--color-divider);
  box-shadow: none;
  border-radius: 0;
  transform: none;
  min-height: 0;
}

.edition .resource-card h3 {
  margin: 0;
}

.edition .resource-card h3 a {
  text-decoration: none;
}

.edition .resource-card h3 a:hover {
  text-decoration: underline;
}

.edition .resource-card p {
  margin: 0;
  color: var(--muted);
}

.edition .card-type {
  font-size: var(--font-size-body);
  color: var(--edition-accent);
  letter-spacing: 0;
}

.edition .card-arrow {
  position: static;
  color: var(--edition-accent);
  text-decoration: none;
  transition: transform var(--motion-feedback) ease-out;
}

.edition .resource-card:hover .card-arrow {
  transform: translateX(4px);
}

.edition .case-resource {
  grid-template-columns: 130px 160px minmax(0,1fr) 40px;
}

.edition .case-resource .card-num {
  font-size: 2.4rem;
  color: var(--edition-accent);
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}

.edition .case-resource .card-strap {
  grid-column: 3;
}

.edition .case-resource .card-arrow {
  grid-column: 4;
  grid-row: 1;
}

.edition .bottom-cta {
  background: var(--edition-accent);
  color: var(--color-white);
  padding: var(--space-20) 0;
}

.edition .bottom-cta .eyebrow {
  color: var(--color-white);
}

.edition .bottom-cta h2 {
  margin: 0;
}

.edition .bottom-cta .button {
  background: var(--color-white);
  color: var(--edition-ink);
}


/* Footer */
.edition .site-footer {
  background: var(--edition-deep);
  color: var(--color-footer-text);
  padding: var(--space-16) 0 var(--space-8);
}

.edition .site-footer p {
  color: inherit;
}

.edition .site-footer a {
  display: block;
  color: inherit;
  margin: var(--space-inline-tight) 0;
}

.edition .foot-columns {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--space-8);
}

.edition .foot-bottom {
  margin-top: var(--space-12);
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-4);
  font-size: var(--font-size-small);
}


.edition .foot-credit {
  color: var(--color-footer-meta);
  font-size: inherit;
  line-height: inherit;
  text-align: right;
}

.edition .foot-credit a {
  display: inline;
  margin: 0;
  text-decoration: none;
  text-underline-offset: 0.2em;
}

.edition .foot-credit a:hover,
.edition .foot-credit a:focus-visible {
  color: var(--color-white);
  text-decoration: underline;
}

/* Forms */
.edition .form-wrap {
  background: var(--color-white);
  padding: var(--space-8);
  color: var(--edition-ink);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.edition :is(input,select,textarea) {
  background: var(--edition-paper);
  color: var(--edition-ink);
  border: 1px solid var(--color-input-border);
  border-radius: 0;
  min-height: var(--control-size);
  font: inherit;
}

.edition label {
  color: var(--edition-ink);
}


/* Reading controls */
.edition .back-top {
  width: var(--control-size);
  height: 66px;
  padding: 0 0 9px;
  right: 24px;
  bottom: 24px;
  background: var(--edition-accent);
  color: var(--color-white);
  box-shadow: none;
  border-radius: 0;
  clip-path: polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
  transition: opacity var(--motion-feedback) ease-out,transform var(--motion-feedback) ease-out;
}

.edition .back-top svg.progress {
  display: none;
}

.edition .back-top svg.arrow {
  width: 22px;
  height: 22px;
  transition: transform var(--motion-arrow) ease-out;
}

.edition .back-top:hover svg.arrow {
  transform: translateY(-3px);
}

.edition .back-top:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 3px var(--edition-paper);
}

.edition .edition-home-reading {
  display: grid;
  grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr);
  gap: var(--space-12);
}

.edition .edition-home-reading .section-intro {
  position: sticky;
  top: 115px;
  align-self: start;
}

.edition .edition-home-reading .section-intro h2 {
  font-size: clamp(2rem,3.4vw,4rem);
}

.edition .edition-chapter {
  transition: opacity var(--motion-chapter) ease-out,transform var(--motion-chapter) ease-out;
}

.edition .edition-chapter.is-visible {
  opacity: 1;
  transform: none;
}

.edition .edition-section-progress {
  position: fixed;
  inset: var(--header-height-desktop) auto auto 0;
  height: 3px;
  width: 100%;
  transform: scaleX(var(--reading-progress,0));
  transform-origin: left;
  background: var(--edition-accent);
  z-index: 31;
  pointer-events: none;
}

.edition .nav-toggle {
  position: relative;
}

.edition .nav-toggle span {
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  left: 11px;
  opacity: 1;
  transform: none;
}

.edition .nav-toggle span:first-child {
  top: 16px;
}

.edition .nav-toggle span:last-child {
  top: 24px;
}

.edition .nav-toggle[aria-expanded="true"] span:first-child {
  top: 20px;
  transform: rotate(45deg);
}

.edition .nav-toggle[aria-expanded="true"] span:last-child {
  top: 20px;
  transform: rotate(-45deg);
}

.edition .form-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.edition .editorial details {
  border-top: 1px solid var(--color-divider);
  padding: var(--space-inline) 0;
}

.edition .editorial summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--space-inline);
  cursor: pointer;
  list-style: none;
}

.edition .editorial summary::-webkit-details-marker,
.edition .edition-index summary::-webkit-details-marker {
  display: none;
}

.edition .editorial summary::after {
  content: "+";
  font: 400 1.8rem/1.2 var(--font-body);
  color: var(--edition-accent);
}

.edition .editorial details[open] summary::after {
  content: "−";
}

.edition .editorial summary h2 {
  margin: 0;
  font-size: clamp(1.6rem,2.5vw,2.4rem);
  text-align: left;
}

.edition .editorial details > :last-child {
  margin-bottom: var(--space-2);
}

.edition .resource-card.case-resource h3,
.edition .resource-card.case-resource h3 a {
  color: var(--edition-ink);
}

.edition .resource-card a::after {
  content: none;
}

.edition .resource-card:hover {
  transform: none;
}

.edition .edition-reveal {
  opacity: 1;
  transform: translateY(36px);
  transition: transform var(--motion-reveal) var(--ease-reveal);
}

.edition .edition-reveal.is-visible {
  transform: none;
}

.edition .edition-heading-ink {
  display: block;
}

.edition .resource-card.edition-reveal {
  transform: translateY(28px);
}

.edition .resource-card.edition-reveal.is-visible {
  transform: none;
}

.edition .edition-index {
  border: 0;
  padding: 0;
}

.edition .edition-index summary {
  font: 600 var(--font-size-body)/1.4 var(--font-body);
  color: var(--edition-ink);
  cursor: pointer;
  list-style: none;
  padding: 0 0 var(--space-4);
}

.edition .edition-index summary::-webkit-details-marker {
  display: none;
}

.edition .edition-index summary::after {
  content: "−";
  float: right;
  margin-left: var(--space-4);
}

.edition .edition-index:not([open]) summary::after {
  content: "+";
}


/* Scroll storytelling */
.edition .edition-case-scene {
  margin: var(--space-8) 0;
  aspect-ratio: 16/8;
  overflow: hidden;
  background: var(--edition-deep);
}

.edition .edition-case-scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateY(calc(var(--scene-progress,0)*-18px)) scale(calc(1.08 + var(--scene-progress,0)*.05));
}

.edition .edition-process {
  padding: var(--space-20) 0;
  background: var(--edition-deep);
  color: var(--edition-paper);
}

.edition .edition-process .section-intro p {
  color: var(--edition-soft);
}

.edition .edition-process-layout {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);
  gap: var(--space-16);
  align-items: start;
  position: relative;
}

.edition .edition-process-media {
  position: sticky;
  top: 110px;
  aspect-ratio: 1.15;
  overflow: hidden;
  background: var(--edition-deep);
}

.edition .edition-process-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.07);
  transition: opacity var(--motion-scene) ease-out,transform var(--motion-scene-transform) ease-out;
}

.edition .edition-process-image.is-active {
  opacity: 1;
  transform: scale(1);
}

.edition .edition-process-step {
  padding: var(--space-12) 0;
  min-height: 330px;
}

.edition .edition-process-step:first-child {
  padding-top: 0;
}

.edition .edition-process-step h3 {
  font-size: clamp(2rem,3vw,3.2rem);
  margin: 0 0 var(--space-4);
}

.edition .edition-process-step p {
  color: var(--edition-soft);
}

.edition .edition-process-step a {
  display: inline-flex;
  gap: var(--space-4);
  font-size: var(--font-size-lead);
  padding: var(--space-4) 0;
  color: var(--color-white);
}

.edition .edition-process-step a span {
  text-decoration: none;
}

.edition .edition-process-step.is-active h3 {
  color: var(--color-white);
}

.edition .edition-process-layout::before,
.edition .edition-process-layout::after {
  content: "";
  position: absolute;
  right: calc(45% - var(--space-4));
  top: var(--process-start,28px);
  height: var(--process-length,80%);
  width: 2px;
  pointer-events: none;
}

.edition .edition-process-layout::before {
  background: var(--color-rail);
}

.edition .edition-process-layout::after {
  background: var(--edition-paper);
  transform: scaleY(var(--process-progress,0));
  transform-origin: top;
}

.edition :is(.inner-next,.edition-process a,.folio-acts a,.craft-link,.button) {
  text-decoration: none;
}

.edition .inner-next:hover {
  text-decoration: underline;
}

.edition .inner-next:hover span {
  text-decoration: none;
}

.edition .edition-step-photo {
  display: none;
}

.edition a > span[aria-hidden="true"] {
  display: inline-block;
  text-decoration: none;
}

.edition .form-consent {
  display: grid;
  grid-template-columns: 20px minmax(0,1fr);
  align-items: start;
  gap: 12px;
  width: 100%;
  margin: var(--space-6) 0;
  font-weight: 400;
}

.edition .form-consent input[type="checkbox"] {
  appearance: auto;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 3px 0 0;
  padding: 0;
  accent-color: var(--edition-accent);
}

.edition .form-consent span {
  font-size: var(--font-size-body);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.edition #contact-form > button[type="submit"] {
  display: flex;
  margin-top: var(--space-4);
  max-width: 100%;
  white-space: normal;
}

.edition .edition-hero--home {
  padding: 0;
}

.edition .edition-hero--home > .shell {
  width: 100%;
  max-width: none;
  position: relative;
  isolation: isolate;
}

.edition .edition-hero--home .edition-film {
  position: relative;
  width: 100%;
  height: max(760px,calc(100svh - var(--header-height-desktop)));
  margin: 0;
  overflow: hidden;
  background: var(--edition-deep);
}

.edition .edition-film img,
.edition .edition-film video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% center;
  transform: translateY(calc(var(--hero-progress,0)*-7%)) scale(1.16);
}

.edition .edition-film video[hidden] {
  display: none;
}

.edition .edition-film::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(var(--edition-deep-rgb),.96),rgba(var(--edition-deep-rgb),.86) 38%,rgba(var(--edition-deep-rgb),.42) 60%,rgba(var(--edition-deep-rgb),0) 82%);
}

.edition .edition-hero--home .hero-text .eyebrow {
  max-width: none;
  padding: 0;
  margin: 0 0 var(--space-6);
  color: var(--edition-paper);
}

.edition .edition-hero--home h1 {
  font-size: clamp(2.8rem,4.4vw,5.6rem);
  line-height: 1.02;
  margin: 0 0 var(--space-6);
}

.edition .edition-hero--home .hero-deck {
  color: var(--edition-paper);
  font-size: clamp(1.1rem,1.4vw,1.4rem);
  margin: 0;
}

.edition .edition-hero--home .hero-review-note {
  color: var(--edition-soft);
  font-size: var(--font-size-body);
  line-height: 1.5;
  margin: var(--space-4) 0 0;
}

.edition .edition-hero--home .button-quiet {
  color: var(--color-white);
}

.edition .edition-hero--home .button-quiet:hover {
  color: var(--color-white);
  text-decoration: underline;
}

.edition .edition-hero--home .hero-buttons {
  gap: var(--space-2) var(--space-inline);
}

.edition .edition-playback {
  position: absolute;
  right: var(--space-4);
  bottom: var(--space-4);
  z-index: 2;
  display: grid;
  place-items: center;
  width: var(--control-size);
  height: var(--control-size);
  padding: 0;
  color: var(--color-white);
  background: var(--edition-deep);
  border: 1px solid var(--color-white);
  border-radius: 0;
}

.edition .edition-playback[hidden],
.edition .edition-playback .edition-pause,
.edition .edition-playback[aria-label="Pause background"] .edition-play {
  display: none;
}

.edition .edition-playback[aria-label="Pause background"] .edition-pause {
  display: block;
}

.edition .edition-hero--inner {
  padding: 0;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--edition-deep);
  color: var(--edition-paper);
}

.edition .edition-hero--inner .shell {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: clamp(680px,calc(100svh - var(--header-height-desktop)),1000px);
  margin: 0;
}

.edition .edition-hero--inner .edition-art {
  position: absolute;
  inset: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--edition-deep);
}

.edition .edition-hero--inner .edition-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 60%;
  transform: translateY(calc(var(--hero-progress,0)*-65px)) scale(calc(1.12 + var(--hero-progress,0)*.08));
}

.edition .edition-hero--inner .edition-art::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(var(--edition-deep-rgb),.96),rgba(var(--edition-deep-rgb),.88) 34%,rgba(var(--edition-deep-rgb),.48) 57%,rgba(var(--edition-deep-rgb),.05) 82%);
}

.edition .edition-hero--inner .edition-art figcaption {
  display: none;
}

.edition .edition-hero--inner .hero-text {
  position: relative;
  z-index: 1;
  width: min(60%,980px);
  max-width: none;
  padding: clamp(var(--space-12),5vw,var(--space-28)) clamp(24px,3.5vw,72px);
}

.edition .edition-hero--inner h1 {
  font-size: clamp(2.5rem,4.6vw,5.6rem);
  line-height: 1.04;
  margin-bottom: var(--space-6);
}

.edition .edition-hero--inner :is(.eyebrow,.hero-deck,.inner-next) {
  color: var(--edition-paper);
}

.edition .edition-hero--inner .hero-deck {
  max-width: 44ch;
}

.edition .edition-hero--inner .hero-buttons {
  margin-top: var(--space-6);
}


/* Responsive:(max-width:1060px) */
@media(max-width:1060px) {
  .edition .desktop-menu,
  .edition .nav-contact {
    display: none;
  }

  .edition .nav-toggle {
    display: block;
    margin-left: auto;
    background: transparent;
    color: var(--edition-paper);
    border: 1px solid var(--color-nav-border);
    border-radius: 0;
    min-width: var(--menu-toggle-size);
    min-height: var(--menu-toggle-size);
  }

  .edition .nav-toggle span {
    background: var(--edition-paper);
  }

  .edition .mobile-menu {
    position: absolute;
    top: 100%;
    inset-inline: 0;
    padding: var(--space-4) var(--space-6) var(--space-8);
    max-height: calc(100dvh - var(--header-height-desktop));
    overflow: auto;
    background: var(--edition-deep);
    color: var(--color-white);
  }

  .edition .mobile-menu > a {
    display: block;
    color: var(--color-white);
    padding: var(--space-4) 0;
    text-decoration: none;
    border-color: var(--color-rail);
  }

  .edition .mobile-menu .mobile-cta {
    background: var(--edition-accent);
    padding: var(--space-4);
  }

  .edition .edition-hero--home .hero-text {
    gap: var(--space-6);
  }

  .edition .article-layout {
    grid-template-columns: 220px minmax(0,1fr);
    gap: var(--space-8);
  }

}


/* Responsive:(max-width:760px) */
@media(max-width:760px) {
  .edition .publication-meta__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-4);
    padding: var(--space-6) 0;
  }

  .edition .publication-meta__author {
    grid-column: 1 / -1;
  }

  .edition .publication-meta__list > div {
    padding-left: var(--space-4);
  }

  .edition .nav-inner {
    min-height: var(--header-height-mobile);
    gap: var(--space-2);
  }

  .edition .site-logo {
    max-width: 240px;
    font-size: .95rem;
  }

  .edition .edition-section-progress {
    top: var(--header-height-mobile);
  }

  .edition .edition-hero {
    padding-top: var(--space-4);
    padding-bottom: var(--space-12);
  }

  .edition .hero-buttons {
    display: grid;
    align-items: start;
    gap: var(--space-2);
  }

  .edition .hero-buttons a {
    justify-self: start;
  }

  .edition :is(.article-layout,.contact-grid,.craft-scene .shell,.edition-home-reading) {
    display: block;
  }

  .edition .edition-home-reading .section-intro {
    position: static;
  }

  .edition .article-toc {
    position: static;
    max-height: none;
    overflow: visible;
    margin: 0 0 var(--space-8);
    background: var(--edition-paper);
    padding: var(--space-2) var(--space-4);
  }

  .edition .article-toc nav {
    display: grid;
    overflow: visible;
    min-width: 0;
  }

  .edition .resource-card {
    grid-template-columns: minmax(0,1fr) 24px;
    gap: var(--space-4);
  }
  .edition .resource-card .card-type,
  .edition .resource-card h3,
  .edition .resource-card p {
    grid-column: 1;
  }

  .edition .resource-card .card-arrow {
    grid-column: 2;
    grid-row: 2;
  }
  .edition .case-resource .card-num,
  .edition .case-resource .card-strap {
    grid-column: 1;
  }

  .edition .foot-columns {
    grid-template-columns: 1fr 1fr;
  }

  .edition .foot-columns > div {
    grid-column: 1 / -1;
  }

  .edition .foot-bottom {
    flex-direction: column;
  }

  .edition .foot-credit {
    text-align: left;
  }

  .edition .form-wrap {
    padding: var(--space-inline);
  }

  .edition .folio-acts ol {
    display: grid;
  }

  .edition .folio-acts h2 {
    margin-top: 0;
  }

  .edition .folio-acts li {
    flex: auto;
  }

  .edition .edition-process-layout {
    display: block;
  }

  .edition .edition-process-layout::before,
  .edition .edition-process-layout::after {
    display: none;
  }

  .edition .edition-process-media {
    position: relative;
    top: auto;
    aspect-ratio: 16/10;
    margin-bottom: var(--space-8);
    display: none;
  }

  .edition .edition-process-step {
    min-height: 0;
    padding: var(--space-6) 0;
  }

  .edition .edition-process-step + .edition-process-step {
    border-top: 1px solid var(--color-rail);
  }

  .edition .edition-index summary {
    padding: var(--space-control-block) 0;
  }

  .edition .article-toc .toc-cta {
    display: none;
  }

  .edition .edition-case-scene {
    aspect-ratio: 16/11;
  }

  .edition .edition-step-photo {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    object-fit: cover;
    margin-bottom: var(--space-6);
  }

  .edition .back-top {
    display: none;
  }

  .edition .edition-hero--home .edition-film {
    height: max(900px,calc(var(--hero-copy-height,700px) + 240px));
  }

  .edition .edition-hero--home .hero-text {
    inset: 0 0 auto;
    width: 100%;
    padding: var(--space-8) var(--space-4);
    justify-content: flex-start;
  }

  .edition .edition-hero--home .hero-text .eyebrow {
    margin-bottom: var(--space-text-small);
  }

  .edition .edition-hero--home h1 {
    font-size: clamp(2.35rem,8.6vw,3.8rem);
  }

  .edition .edition-hero--home .hero-deck {
    font-size: var(--font-size-lead);
  }

  .edition .edition-hero--home .hero-buttons {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-top: var(--space-text-small);
  }

  .edition .edition-hero--home .hero-buttons .button {
    padding: .9rem var(--space-4);
    font-size: var(--font-size-body);
  }

  .edition .edition-hero--home .hero-review-note {
    margin-top: var(--space-control-block);
  }

  .edition .edition-hero--home .edition-film img,
  .edition .edition-hero--home .edition-film video {
    object-position: 52% center;
    transform: translateY(calc(var(--hero-progress,0)*-28px)) scale(1.06);
  }

  .edition .edition-film::after {
    background: linear-gradient(180deg,rgba(var(--edition-deep-rgb),.92),rgba(var(--edition-deep-rgb),.86) 58%,rgba(var(--edition-deep-rgb),.25) 88%);
  }

  .edition .edition-hero--inner .shell {
    align-items: flex-start;
    min-height: max(820px,calc(var(--hero-copy-height,540px) + 280px));
  }

  .edition .edition-hero--inner .hero-text {
    width: 100%;
    text-align: center;
    padding: var(--space-10) var(--space-6) var(--space-8);
  }

  .edition .edition-hero--inner h1 {
    font-size: clamp(2.1rem,8vw,3.2rem);
  }

  .edition .edition-hero--inner .hero-deck {
    margin-inline: auto;
    font-size: var(--font-size-lead);
  }

  .edition .edition-hero--inner .hero-buttons {
    justify-content: center;
  }

  .edition .edition-hero--inner .edition-art img {
    object-position: 58% center;
    transform: translateY(calc(var(--hero-progress,0)*-28px)) scale(1.08);
  }

  .edition .edition-hero--inner .edition-art::after {
    background: linear-gradient(180deg,rgba(var(--edition-deep-rgb),.96),rgba(var(--edition-deep-rgb),.88) 48%,rgba(var(--edition-deep-rgb),.15) 78%);
  }

}


/* Responsive:(prefers-reduced-motion:reduce) */
@media(prefers-reduced-motion:reduce) {
  .edition .edition-chapter {
    transition: none;
  }

  .edition .edition-image img {
    transform: none;
  }

  .edition .edition-section-progress {
    display: none;
  }

  .edition .resource-card.edition-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .edition .edition-hero--home .edition-film img,
  .edition .edition-hero--home .edition-film video,
  .edition .edition-hero--inner .edition-art img {
    transform: none;
  }

  .edition .edition-film img,
  .edition .edition-film video,
  .edition .edition-art img,
  .edition .edition-case-scene img,
  .edition .edition-reveal {
    transform: none;
    transition: none;
    opacity: 1;
  }

  .edition .edition-process-image {
    transition: none;
    transform: none;
  }

}


/* Responsive:(max-width:1060px) and (min-width:761px) */
@media(max-width:1060px) and (min-width:761px) {
  .edition .edition-hero--home .hero-text {
    width: 62%;
    padding-inline: var(--space-8);
  }

  .edition .edition-hero--home h1 {
    font-size: clamp(2.8rem,4.8vw,4.2rem);
  }

  .edition .edition-hero--inner .hero-text {
    width: 72%;
  }

  .edition .edition-hero--inner h1 {
    font-size: clamp(2.5rem,5.4vw,4.2rem);
  }

}