/* Headline only: short, stepped horizontal offsets with quiet reading time. */
.headline-copy{min-width:0}
.hero-question{font-size:clamp(18px,1.75vw,25px);font-weight:800;line-height:1.65;letter-spacing:.02em;margin-top:17px;color:var(--white)}
.hero-question>span{display:inline-block}
.motion-control{display:inline-flex;align-items:center;gap:7px;margin:10px 0 0;padding:7px 0;min-height:32px;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--white);font:inherit;font-size:10px;line-height:1.5;cursor:pointer;opacity:.72}
.motion-control[hidden]{display:none}
.motion-control::before{content:"Ⅱ";font:700 12px/1 Arial,sans-serif}
.motion-control[aria-pressed="true"]::before{content:"▶";font-size:9px}
.motion-control:focus-visible{outline:2px solid var(--gold);outline-offset:4px;opacity:1}
.headline .signal-title{position:relative;isolation:isolate;transform-origin:50% 55%;--signal-jolt:clamp(3px,.07em,6px);--signal-cycle:3.1s}
.headline h1>.signal-copy{display:none}
@media(prefers-reduced-motion:no-preference){
 .headline-copy[data-motion="playing"] .signal-title{animation:event-title-jitter var(--signal-cycle) steps(1,end) infinite}
 .headline h1>.signal-copy{display:block;position:absolute;inset:0;pointer-events:none;user-select:none;opacity:0;font:inherit;letter-spacing:inherit;text-align:inherit}
 .signal-copy>span{display:block;white-space:nowrap}
 .headline-copy[data-motion="playing"] .signal-copy{animation:event-title-bands var(--signal-cycle) steps(1,end) infinite}
}
@keyframes event-title-jitter{
 0%,32%,100%{transform:none}
 2%{transform:translate(calc(var(--signal-jolt)*-.55),calc(var(--signal-jolt)*-.3))}
 5%{transform:translate(calc(var(--signal-jolt)*.75),calc(var(--signal-jolt)*.2))}
 8%{transform:translate(calc(var(--signal-jolt)*-.4),calc(var(--signal-jolt)*.35))}
 11%{transform:translate(calc(var(--signal-jolt)*.55),calc(var(--signal-jolt)*-.3))}
 14%{transform:translate(calc(var(--signal-jolt)*-.85),calc(var(--signal-jolt)*.2))}
 17%{transform:translate(calc(var(--signal-jolt)*.45),calc(var(--signal-jolt)*-.35))}
 20%{transform:translate(calc(var(--signal-jolt)*-.35),calc(var(--signal-jolt)*.2))}
 23%{transform:translate(calc(var(--signal-jolt)*.65),calc(var(--signal-jolt)*.3))}
 26%{transform:translate(calc(var(--signal-jolt)*-.5),calc(var(--signal-jolt)*-.2))}
 29%{transform:translate(calc(var(--signal-jolt)*.25),0)}
}
@keyframes event-title-bands{
 0%,32%,100%{opacity:0;transform:none;clip-path:inset(50% 0 50%)}
 2%{opacity:.75;transform:translateX(calc(var(--signal-jolt)*1.5));clip-path:inset(14% 0 73%)}
 5%{opacity:.7;transform:translateX(calc(var(--signal-jolt)*-1.9));clip-path:inset(44% 0 43%)}
 8%{opacity:.75;transform:translateX(calc(var(--signal-jolt)*1.3));clip-path:inset(68% 0 19%)}
 11%{opacity:.7;transform:translateX(calc(var(--signal-jolt)*-1.6));clip-path:inset(25% 0 62%)}
 14%{opacity:.75;transform:translateX(calc(var(--signal-jolt)*2));clip-path:inset(56% 0 31%)}
 17%{opacity:.7;transform:translateX(calc(var(--signal-jolt)*-1.3));clip-path:inset(14% 0 73%)}
 20%{opacity:.7;transform:translateX(calc(var(--signal-jolt)*1.2));clip-path:inset(44% 0 43%)}
 23%{opacity:.75;transform:translateX(calc(var(--signal-jolt)*-1.8));clip-path:inset(68% 0 19%)}
 26%{opacity:.7;transform:translateX(calc(var(--signal-jolt)*1.4));clip-path:inset(25% 0 62%)}
 29%{opacity:.7;transform:translateX(calc(var(--signal-jolt)*-.8));clip-path:inset(56% 0 31%)}
}
@media(max-width:800px){.hero-question{font-size:19px;letter-spacing:0}.motion-control{font-size:10px}}
@media(max-width:600px){.hero-question{font-size:18px;margin-top:16px;line-height:1.7}.hero-question>span{display:block}.motion-control{margin-top:7px}.headline .signal-title{--signal-jolt:3px}}
@media(prefers-reduced-motion:reduce),print{.headline .signal-title{animation:none!important;transform:none!important}.headline h1>.signal-copy,.motion-control{display:none!important}}

/* Keep heavy headline glyphs distinct at every viewport width. */
.headline h1.signal-title{letter-spacing:.02em}

/* Consistent portrait panels and fee typography, shared by both palettes. */
.hero .portrait,.feature .portrait{background:linear-gradient(155deg,#fff 0%,#fff 42%,#f3f3f3 100%);border-color:#e1e1e1}
.entry .price,.entry dd .price-details{font-family:inherit;font-size:13px;line-height:1.9;color:var(--white)}
.entry .price{gap:2px}
.entry .price strong{font:inherit;color:inherit}
.entry .price span{font:inherit}
.entry dd .price-details{margin-top:0}