/* AT Pulse home hero: slim masthead banner over the Kling-animated logo loop. Video bg ~ rgb(241,214,207).
   Geometry: --ph = panel height; the 16:9 frame is scaled to --vh (1.3 x panel) so the mark reads ~265px tall and the pulse ring is cropped by the panel, not the frame. */
.hero{--ph:216px;--vh:calc(var(--ph)*1.35);--vw:calc(var(--vh)*16/9);--mx:calc(100% - var(--vw)*.3 - 8px);--hero-bg:#EED6CC;width:min(1280px,calc(100% - 96px));margin:6px auto 0;container-type:inline-size}
@media(max-width:1150px){.hero{width:calc(100% - 60px)}}
@media(max-width:720px){.hero{width:calc(100% - 36px)}}
.hero-panel{position:relative;isolation:isolate;overflow:hidden;background:var(--hero-bg);border-radius:clamp(24px,3vw,40px);min-height:var(--ph);display:grid;box-shadow:0 0 0 1px var(--line),0 20px 48px #46354712}
.hero-panel::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#eed6ccd9 0,#eed6cc8c 34%,#eed6cc00 52%)}
.hero-media{position:absolute;inset:0;z-index:-2;pointer-events:none;--fx:radial-gradient(circle calc(var(--vw)*.37) at calc(var(--mx) - var(--vw)*.07) 50%,#000 87%,transparent 100%),linear-gradient(transparent 0,#000 15%,#000 85%,transparent 100%);-webkit-mask-image:var(--fx);-webkit-mask-composite:source-in;mask-image:var(--fx);mask-composite:intersect}
.hero-poster,.hero-video{position:absolute;left:var(--mx);top:50%;height:var(--vh);width:var(--vw);object-fit:fill;transform:translate(-70%,-50%)}
.hero-video{opacity:0;transition:opacity .9s ease}
.hero-video.ready{opacity:1}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(20px,2.2cqw,28px) clamp(28px,4.4cqw,60px);max-width:66%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 clamp(10px,1.2cqw,14px);padding:6px 14px 6px 12px;border-radius:999px;background:#ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--line);font:500 12px/1.4 var(--mono);letter-spacing:1px;color:var(--plum)}
.hero-eyebrow .date-dot{width:7px;height:7px;background:var(--accent);flex:none}
.hero h1{margin:0;font:600 clamp(1.9rem,3.9cqw,3.4rem)/1 var(--display);letter-spacing:-.04em;word-spacing:.05em;color:var(--plum);white-space:nowrap}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-quiet{--ph:380px;margin-bottom:28px}
.hero-quiet h1{font-size:clamp(1.8rem,3.4cqw,3rem);white-space:normal}
.hero-quiet .hero-copy{max-width:56%}
.hero-lede{margin:16px 0 0;max-width:38ch;font:400 1.05rem/1.5 var(--sans);letter-spacing:-.01em;color:var(--plum)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:clamp(14px,1.6cqw,20px)}
.hero-actions .button{margin-top:0;font-size:15px;padding:6px 6px 6px 22px;box-shadow:0 8px 24px #46354730}
.hero-actions .text-link{font-size:15px;font-weight:550;padding:10px 2px;border-bottom:1.5px solid var(--line-strong);gap:10px}
.hero-actions .text-link:hover{border-color:var(--accent)}
.hero-pause{position:absolute;right:clamp(14px,1.6cqw,20px);bottom:clamp(14px,1.6cqw,20px);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--line);color:var(--plum);transition:background .2s}
.hero-pause:hover{background:#fff}
.hero-pause svg{width:13px;height:13px}
.hero-pause .i-play,.hero-pause[aria-pressed=true] .i-pause{display:none}
.hero-pause[aria-pressed=true] .i-play{display:inline}
.edition-lede{padding-top:clamp(28px,3vw,44px)}
.edition-lede>h2{font:600 clamp(2rem,3.6vw,3.4rem)/1.05 var(--display);letter-spacing:-.04em;max-width:1000px;margin:16px 0 20px;text-wrap:balance}
.edition-lede>p{font:20px/1.65 var(--display);color:var(--muted);max-width:820px}
@media(min-width:721px){.hero:not(.hero-quiet) h1 br{display:none}.hero:not(.hero-quiet) h1 em{margin-left:.26em}}
@media(max-width:900px){.hero{--ph:200px;--vh:230px}.hero h1{font-size:clamp(1.6rem,3.6cqw,2.2rem)}.hero-copy{max-width:70%}}
@media(max-width:720px){
 .hero{--vh:150px}
 .hero-panel::before{display:none}
 .hero-panel{min-height:0}
 .hero-copy{max-width:none;padding:22px 20px 26px}
 .hero-quiet{--vh:170px}
 .hero-quiet .hero-media{opacity:.32}
 .hero-quiet .hero-copy{max-width:none}
 .hero-eyebrow{letter-spacing:.6px;margin-bottom:14px}
 .hero h1{font-size:clamp(1.4rem,6vw,1.9rem);letter-spacing:-.04em;white-space:normal}
 .hero h1 em{display:block}
 .hero-quiet h1{font-size:clamp(1.6rem,7.4vw,2.2rem)}
 .hero-lede{max-width:none;font-size:1rem}
 .hero-actions{margin-top:18px}
 .hero-poster,.hero-video{top:55%}
 .hero-pause{bottom:10px;right:10px;background:#fff;opacity:1;z-index:3}
}
@media(max-width:420px){.hero-copy{padding:18px 18px 20px}.hero-eyebrow{letter-spacing:.3px;padding:6px 12px 6px 10px}.hero-actions .button{font-size:15px}}
@media(max-width:360px){.hero{--vh:105px;--mx:calc(100% - var(--vw)*.2 - 6px)}.hero h1{font-size:1.4rem}.hero-eyebrow{border-radius:18px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.hero-pause{display:none}.hero-video{display:none}.hero-actions .button,.hero-pause{transition:none}}