/* Spektrum product page: same shell as Thunderlink (light page, dark film entrance). */
@font-face{font-family:Inter;src:url('/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.project-page--spektrum{background:#ecebe6;color:#191c20}
.project-page--spektrum::before{display:none}
.project-page--spektrum .nav{color:#e9ecf1}
.project-page--spektrum header.nav::before{background:#08090b9c}
.project-page--spektrum .footer{background:#08090b;color:#e9ecf1}
/* Title-only scaffold: no full-screen intro until there is content to fill it. */
.project-page--spektrum .tl-page .tl-intro{min-height:0}

/* Entrance: the film fills the first screen behind the translucent nav, like Thunderlink. */
.spektrum-entrance{position:relative;width:100%;height:100svh;height:100dvh;min-height:20rem;overflow:hidden;background:#000}
.spektrum-entrance__frame{position:absolute;inset:0;overflow:hidden}
.spektrum-entrance__frame>video,.spektrum-entrance__frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/* No phone cut yet: portrait shows the whole 16:9 film below the navigation. */
@media(max-aspect-ratio:1/1){
 .spektrum-entrance{height:calc(var(--nav-h,69px) + 56.25vw);min-height:0}
 .spektrum-entrance__frame{top:var(--nav-h,69px)}
}

/* Live HTML copy over the clean video (1280x720 design stage, scaled by site-film.js). */
.spektrum-film,.spektrum-film *{box-sizing:border-box}
.spektrum-film{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;pointer-events:none;color:#f3f4ed;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.spektrum-film #web-overlay{position:absolute;inset:0}
.spektrum-film a{pointer-events:auto}
.spektrum-film .film-copy{position:absolute;left:57.6px;top:360px;transform:translateY(-50%);width:320px;opacity:0}
.spektrum-film h1,.spektrum-film h2{font-family:Inter,Arial,sans-serif}
.spektrum-film h2{margin:0;font-size:44.544px;line-height:1.04;font-weight:500;letter-spacing:-.055em;text-wrap:balance}
.spektrum-film h2>span{display:block}
.spektrum-film mark{background:none;color:#e0353b;font:inherit;padding:0}
.spektrum-film .eyebrow{margin:0 0 17.92px;font-size:8.704px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:#d1dcd3}
.spektrum-film .body-copy{font-size:13.44px;line-height:1.55;font-weight:400;margin:19.2px 0 0;color:#e2e8df;text-wrap:pretty}
.spektrum-film .source-ref{font:inherit;color:inherit}
.spektrum-film .listener-copy{width:358.4px}
.spektrum-film .listener-copy h2{font-size:42.24px;line-height:1.05}
.spektrum-film #solution-card{position:absolute;inset:0;opacity:0}
.spektrum-film .solution-item{position:absolute;left:0;margin:0;display:block;width:max-content;white-space:nowrap;transform-origin:0 0}
.spektrum-film #solution-brand{top:182px;width:288px;height:56px}
.spektrum-film #solution-line{top:246px;font-size:30px;line-height:1.1;font-weight:450;letter-spacing:-.03em}
.spektrum-film #solution-product{top:303px;font-size:84px;line-height:1.12;font-weight:730;letter-spacing:.035em}
.spektrum-film #solution-promise-first,.spektrum-film #solution-promise-second{font-size:33px;line-height:1.07;letter-spacing:-.025em;font-weight:400}
.spektrum-film #solution-promise-first{top:430px}.spektrum-film #solution-promise-second{top:465.3px}
.spektrum-film #solution-product span,.spektrum-film #map-brand span,.spektrum-film #secure-copy span,.spektrum-film #end-card span{color:#91c6df}
.spektrum-film #map-brand{position:absolute;left:57.6px;top:38.88px;font-size:26.24px;font-weight:730;letter-spacing:.035em;text-shadow:0 2px 10px #0008;opacity:0}
.spektrum-film .map-copy{position:absolute;left:57.6px;top:360px;transform:translateY(-50%);width:440px;opacity:0}
.spektrum-film .map-copy h2{font-size:44.54px;line-height:1.18;letter-spacing:-.055em;text-shadow:0 2px 16px #0009}
.spektrum-film #end-card{position:absolute;left:0;top:360px;transform:translateY(-50%);width:1280px;display:flex;flex-direction:column;align-items:center;gap:24px;opacity:0}
.spektrum-film #end-card p{margin:0;font-size:84px;line-height:1.12;font-weight:730;letter-spacing:.035em}
.spektrum-film #end-card img{display:block}
/* At phone scale the small print would be ~4px: keep the headlines only. */
.spektrum-film[data-compact] .eyebrow,.spektrum-film[data-compact] .body-copy{display:none}

.spektrum-sources{margin:clamp(2rem,4vw,4rem) 0 0;font-size:.8rem;line-height:1.6;color:#51575e}
.spektrum-sources ol{margin:0;padding-left:1.4em}
.spektrum-sources a{color:inherit}