/*
 * Whole-Act Governance — W08 reset.
 * Home is the visual constitution. This file contains only semantic exceptions
 * that Home does not already own: the hero word cycle and the consequence turn.
 */
.wa-hero__headline{white-space:nowrap!important;max-width:none!important}
.wa-hero__cycle{display:inline-grid!important;grid-template-areas:"word";vertical-align:baseline;color:var(--f50-gold)}
.wa-hero__word{display:inline-block!important;grid-area:word;opacity:0;transform:translateY(.18em);transition:opacity 220ms ease,transform 260ms cubic-bezier(.2,.72,.25,1);white-space:nowrap}
.wa-hero__word.is-active{opacity:1;transform:none}
.wa-consequence{border-block:1px solid rgba(249,247,241,.06)}
.wa-consequence .vh-prose h2{color:var(--pe-white)}
.wa-consequence .vh-prose p{color:rgba(249,247,241,.69)}
.wa-consequence .vh-prose .vh-spine{color:var(--pe-white)!important}
@media(max-width:680px){.wa-hero__headline{font-size:clamp(32px,9.9vw,46px)!important}}
@media(prefers-reduced-motion:reduce){.wa-hero__word{transition:none}}

/* H9 hero-only optical correction. Mobile two-line authored form:
   "Govern the" / [evidence | judgment | consequence | whole act].
   The widest animated word no longer forces the whole h1 down to 28–34px.
   Keep every word in one stable grid cell to avoid reflow during rotation.
   The 681px+ composition, wording, timing and accessible name stay unchanged. */
@media (max-width:680px){
 .wa-hero .wa-hero__headline{
   display:flex!important;
   flex-direction:column;
   align-items:flex-start;
   max-width:100%!important;
   white-space:normal!important;
   font-size:clamp(42px,11.8vw,46px)!important;
   line-height:1.015!important;
 }
 .wa-hero .wa-hero__cycle{
   width:max-content;
   max-width:100%;
   margin-top:.015em;
 }
}

/* R52 desktop optical balance: preserve the approved proposition and
   avoid a solitary final word without changing mobile or animated hero. */
@media (min-width:1101px){
 .wa-opening .vh-prose--opening>h2[data-compose="natural-reviewed"]{text-wrap:balance}
}
