/* Editorial + original robot: local art-direction experiment. */
.robot-opening{background:var(--brand-ink);color:white;overflow:hidden}
.robot-opening .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;padding-block:56px 44px;align-items:center}
.robot-opening .hero-heading{position:relative;z-index:1}
.robot-opening .eyebrow{color:var(--brand-note)}
.robot-opening .hero-heading>h1{font-size:clamp(48px,5.5vw,74px);margin-top:24px}
.robot-opening .hero-description{color:#d5dae3;font-size:21px;max-width:43ch}
.robot-opening .button{background:var(--brand-note);color:var(--brand-ink)}
.robot-opening .button:hover{background:#ffe17b}
.robot-opening .subscription-note{color:#aeb8c9}
.robot-opening :focus-visible{outline-color:var(--brand-note);box-shadow:none}
.robot-feature{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.robot-stage{position:relative;height:450px;overflow:hidden;mix-blend-mode:screen}
.robot-poster,.robot-stage iframe{position:absolute;width:800px;max-width:none;height:450px;left:50%;top:0;transform:translateX(-50%);border:0;mix-blend-mode:screen}
.robot-poster{object-fit:cover}
#robot-animation{position:absolute;inset:0;mix-blend-mode:screen}
.robot-stage iframe{opacity:0;transition:opacity .5s}
.robot-stage[data-ready] iframe{opacity:1}
.robot-stage[data-ready] .robot-poster{visibility:hidden}
.robot-feature figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #384355;padding-top:18px;margin-left:30px;font-family:var(--brand-reading);font-size:19px;line-height:1.4}
.robot-feature figcaption strong{font-weight:600}
#robot-toggle{flex-shrink:0;border:0;border-bottom:1px solid #788497;background:transparent;color:#d5dae3;padding:10px 0;font-size:11px;font-family:var(--brand-display)}
.editorial-line{border-top:0}
@media(max-width:960px){.robot-opening .hero{gap:0}.robot-opening .hero-heading>h1{font-size:52px}.robot-feature figcaption{margin-left:20px;flex-wrap:wrap;font-size:17px}.robot-stage{height:410px}.robot-poster,.robot-stage iframe{height:410px;width:729px}}
@media(max-width:700px){.robot-opening .hero{grid-template-columns:1fr;padding-block:36px 28px;gap:12px}.robot-opening .hero-heading>h1{font-size:clamp(44px,10.5vw,64px)}.robot-opening .hero-description{font-size:20px}.robot-stage{height:340px}.robot-poster,.robot-stage iframe{width:604px;height:340px}.robot-feature figcaption{margin-left:0;flex-wrap:nowrap;font-size:18px}}
@media(prefers-reduced-motion:reduce){.robot-stage iframe{transition:none}}

.robot-stage{mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}