/* Centered two-line hero experiments; never loaded by the live homepage. */
.hero .hero-copy{left:var(--gutter);right:var(--gutter);top:48%;bottom:auto;max-width:none;transform:translateY(-50%);text-align:center}
.hero h1.designed-title{font-size:clamp(86px,9.5vw,160px);line-height:1;letter-spacing:-.025em;margin:0}
.headline-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.designed-visual{display:grid;justify-items:stretch;row-gap:.05em}
.headline-words{display:grid;block-size:1.08em}
.headline-word{grid-area:1/1;white-space:nowrap;opacity:0;transition:opacity 1.2s ease-in-out;line-height:1.08}
.headline-word.is-active{opacity:1}
.designed-static{display:block;white-space:nowrap;line-height:1.08}
.designed-italic{font-style:italic}
@media(max-width:700px){.hero .hero-copy{top:49%}.hero h1.designed-title{font-size:clamp(48px,13.5vw,94px)}}
@media(prefers-reduced-motion:reduce){.headline-word{transition:none}}

/* Primary centered italic experiment; isolated from the live homepage. */
.designed-visual{row-gap:0}
.headline-words{block-size:1.04em}
.headline-word,.designed-static{line-height:1}
/* Move only the y-following period; preserve word width and centering. */
.headline-word .y-period{position:relative;left:-.05em}

/* A subordinate second movement; first-line scale remains unchanged. */
.designed-static{font-size:.71em}

/* Tighten only W–o; the natural inline width keeps Wonder centered. */
.headline-word .wonder-initial{margin-right:-.10em}