@layer pages{.aud-cinema{width:min(100%,1180px);margin-inline:auto}.aud-cinema .an-chapter[data-chapter="1"]{--chapter: var(--hue-purple)}.aud-cinema .an-chapter[data-chapter="2"]{--chapter: var(--accent)}.aud-cinema .an-chapter[data-chapter="3"]{--chapter: var(--hue-blue)}.aud-cinema .an-chapter[data-chapter="4"]{--chapter: var(--hue-green)}.aud-cinema .an-chapter[data-chapter="5"]{--chapter: var(--accent-3)}.aud-cinema .section-eyebrow{display:inline-flex;align-items:center;gap:9px;width:fit-content;margin:0;padding:7px 15px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 52%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--chapter, var(--accent))}.aud-cinema .section-eyebrow .in-flex{color:var(--chapter, var(--accent))}.aud-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:clamp(54vh,66vh,78vh);padding-block:clamp(40px,7vh,96px)}.aud-hero__copy{display:grid;gap:16px;justify-items:start}.aud-title{margin:0;font-size:clamp(2.1rem,4.6vw,4.2rem);line-height:1.04;letter-spacing:-.025em;background:var(--heading-gradient);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 9s ease infinite}.aud-subtitle{margin:0;max-width:62ch;font-size:clamp(1.04rem,1.4vw,1.24rem);line-height:1.65;color:var(--text)}.aud-callout{margin:4px 0 0;padding-left:16px;border-left:3px solid var(--chapter, var(--accent));color:var(--text-2);line-height:1.65;max-width:66ch}.aud-callout strong{color:var(--text)}.aud-hero__visual{width:100%;max-width:320px;justify-self:center;will-change:transform}.aud-spine-wrap{position:relative;display:grid;gap:clamp(40px,7vw,92px);padding-left:clamp(22px,4vw,56px)}.aud-spine{position:absolute;left:clamp(4px,1.2vw,16px);top:12px;bottom:40px;width:2px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--border-strong) 70%,transparent)}.aud-spine__fill{display:block;width:100%;height:100%;transform-origin:top center;background:var(--cta-gradient);box-shadow:0 0 16px var(--accent-glow)}.aud-chapter{scroll-margin-top:90px}.aud-chapter__head{display:grid;gap:12px;margin-bottom:18px}.aud-chapter__head h2{margin:0;font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.1;letter-spacing:-.02em;color:var(--text)}.aud-lead{margin:0 0 16px;max-width:72ch;color:var(--text-2);line-height:1.72}.aud-sub{margin-top:26px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--chapter, var(--accent)) 22%,var(--border))}.aud-sub h3{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.1rem,1.7vw,1.5rem);color:var(--text)}.aud-points{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px;max-width:76ch}.aud-points li{position:relative;padding-left:24px;color:var(--text-2);line-height:1.68}.aud-points li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--chapter, var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--chapter, var(--accent)) 55%,transparent)}.aud-points li strong{color:var(--text)}.aud-callout .aud-points{margin-top:12px;margin-bottom:0}.aud-sources{margin:0 0 4px;display:grid;gap:8px}.aud-sources__label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.aud-links{list-style:none;margin:0;padding:0;display:grid;gap:9px;max-width:76ch}.aud-links li{position:relative;padding-left:22px;line-height:1.5}.aud-links li:before{content:"↗";position:absolute;left:0;top:.05em;color:var(--chapter, var(--accent))}.aud-links a{color:var(--text-2);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--chapter, var(--accent)) 40%,transparent);transition:color .2s ease,border-color .2s ease}.aud-links a:hover,.aud-links a:focus-visible{color:var(--chapter, var(--accent));border-bottom-color:var(--chapter, var(--accent))}@media (max-width: 900px){.aud-hero{grid-template-columns:1fr;min-height:auto}.aud-hero__visual{max-width:260px;order:-1;justify-self:start}}@media (max-width: 640px){.aud-spine-wrap{padding-left:14px}.aud-spine{display:none}}}
