/* Overlapping grid cells reserve space for the longest headline at every width. */
.hook-controls,.edition{display:none!important}
.intro>div:first-child{min-width:0;flex:1}.intro #expo-hook h1{max-width:900px;font-size:clamp(30px,3.8vw,56px);line-height:1.16;margin-bottom:16px}.intro .hook-lead{display:block;color:#1d1d1f}.intro .hook-stage{display:grid;margin-top:5px}.intro .hook-line{grid-area:1/1;display:block;visibility:hidden;opacity:0;overflow-wrap:break-word;color:#676772;transition:opacity .22s ease}.intro .hook-line.is-active{visibility:visible;opacity:1}.intro #expo-hook p{max-width:650px;font-size:16px;line-height:1.6}.hook-controls{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.hook-controls button{font-size:14px;line-height:1.5;padding:6px 0;color:#51515a;min-height:36px;text-decoration:underline;text-underline-offset:4px}.hook-controls button:hover{color:#1d1d1f}.hook-controls button:focus-visible{outline:2px solid #0965c5;outline-offset:4px}@media(prefers-reduced-motion:reduce){.intro .hook-line{transition:none}}

/* Keep the rotating tagline visually familiar but outside the document heading. */
.intro #expo-hook h1{margin-bottom:0}.intro #expo-hook .hook-stage{max-width:900px;font-family:inherit;font-size:clamp(30px,3.8vw,56px);font-weight:700;line-height:1.16;margin:5px 0 16px}