/* A cinematic product display, using original campaign artwork and shared type. */
html.aethir-document { scroll-padding-top:calc(var(--header-height) + var(--ae-chapter-height,3.75rem) + 12px); }
.aethir-page { --ae-light:#d7c4ff; }
.ae-main { min-width:0; }
.ae-main .section-shell { max-width:1400px; }
.ae-main h1,.ae-main h2,.ae-main h3,.ae-next strong { overflow-wrap:anywhere; }
.ae-main h2 { font:500 clamp(2rem,3.8vw,3.5rem)/1.12 var(--display); letter-spacing:-.05em; text-wrap:balance; }
.ae-main em { color:var(--ae-light); font-style:normal; }
.ae-main .eyebrow { font-size:.75rem; color:var(--muted); margin-bottom:18px; }
.ae-main [id] { scroll-margin-top:0; }
.ae-opening { padding-block:24px 20px; }
.ae-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:.8125rem; color:var(--muted); }
.ae-topline>a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:var(--ink); }
.ae-topline>a>span { color:var(--accent); }
.ae-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; padding-block:32px 28px; }
.ae-intro h1 { font:500 clamp(4rem,12vw,10rem)/.94 var(--display); letter-spacing:-.04em; }
.ae-intro h1>span { color:var(--accent); }
.ae-deck { font:500 clamp(1.75rem,3.3vw,3rem)/1.1 var(--display); letter-spacing:-.045em; }
.ae-summary { margin-top:16px; color:var(--muted); font-size:.9375rem; line-height:1.65; }
.ae-stage { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,.6fr) minmax(0,1fr); align-items:center; gap:48px; padding-block:40px 24px; --light-x:60%; --light-y:48%; }
.ae-light { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at var(--light-x) var(--light-y),#7843ab24,transparent 62%); }
.ae-light i { position:absolute; width:78%; height:1px; left:28%; bottom:12%; background:linear-gradient(90deg,transparent,#bb93ed66,transparent); transform:rotate(-13deg); transform-origin:left; box-shadow:0 0 28px 7px #ab6af716; }
.ae-light i:nth-child(2) { bottom:5%; left:12%; transform:rotate(-5deg); opacity:.4; }
.ae-light i:nth-child(3) { bottom:25%; left:38%; transform:rotate(5deg); opacity:.25; }
.ae-credits { display:flex; flex-direction:column; gap:24px; margin:0; padding-left:26px; border-left:1px solid #b697ff47; }
.ae-credits dt { color:var(--muted); font-size:.6875rem; margin-bottom:6px; }
.ae-credits dd { font-size:.875rem; margin:0; }
.ae-hero-art { min-width:0; width:100%; max-width:660px; justify-self:end; margin:0; position:relative; }
.ae-frame { display:block; border:1px solid #b697ff65; padding:6px; background:#0c0b11; box-shadow:0 24px 65px #000a; position:relative; }
.ae-frame::before,.ae-frame::after { content:''; position:absolute; width:24px; height:24px; border-color:var(--ae-light); border-style:solid; pointer-events:none; }
.ae-frame::before { top:-1px; left:-1px; border-width:1px 0 0 1px; }
.ae-frame::after { bottom:-1px; right:-1px; border-width:0 1px 1px 0; }
.ae-creative { position:relative; width:100%; overflow:hidden; background:#09080d; }
.ae-creative img { position:absolute; max-width:none; width:var(--crop-width); height:auto; top:var(--crop-top); left:var(--crop-left); }
.ae-hero-art figcaption,.ae-screen figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px 16px; color:var(--muted); font-size:.6875rem; padding-top:6px; }
.ae-hero-art figcaption>a,.ae-screen figcaption>a { min-height:44px; display:inline-flex; align-items:center; gap:14px; color:var(--ae-light); flex-shrink:0; }
.ae-hero-art figcaption>a>span { font-size:1.125rem; }
.ae-stage-end { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:6px; }
.ae-stage-end>span { font-size:.6875rem; color:var(--muted); }
.ae-intro .ae-inline { margin-top:8px; }
.ae-inline { display:inline-flex; align-items:center; gap:24px; min-height:44px; font-size:.8125rem; color:var(--ae-light); }
.ae-inline>span { color:var(--accent); font-size:1.25rem; }
.ae-inline:hover { color:var(--ink); }
.ae-motion { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px; background:transparent; color:var(--muted); font-size:.6875rem; }
.ae-motion:hover { color:var(--ink); }
.ae-motion-mark { width:8px; height:10px; border-inline:2px solid currentColor; }
.ae-motion[aria-pressed=true] .ae-motion-mark { width:0; height:0; border:5px solid transparent; border-left:7px solid currentColor; border-right:0; }
.ae-chapters { position:sticky; top:var(--header-height); z-index:30; background:#07070af5; border-block:1px solid var(--line); backdrop-filter:blur(14px); }
.ae-chapters>div { display:flex; flex-wrap:wrap; align-items:center; gap:0 36px; padding-block:0; }
.ae-chapters a { display:inline-flex; align-items:center; gap:10px; min-height:60px; font-size:.8125rem; color:var(--muted); position:relative; }
.ae-chapters a>span { color:#a28ebd; font-size:.6875rem; }
.ae-chapters a:last-child { margin-left:auto; }
.ae-chapters a[aria-current],.ae-chapters a:hover { color:var(--ink); }
.ae-chapters a[aria-current]::after { content:''; position:absolute; height:2px; background:var(--accent); inset:auto 0 -1px; }
.ae-remit { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:100px; align-items:start; padding-block:72px; }
.ae-remit-copy>p:not(.eyebrow) { font-size:1rem; line-height:1.75; color:var(--muted); max-width:52ch; margin-top:22px; }
.ae-remit-copy>p:last-child { margin-top:12px; }
.ae-outcome { border-left:1px solid #b697ff47; padding-left:32px; }
.ae-outcome>.eyebrow { margin-bottom:8px; }
.ae-outcome>strong { display:block; font:500 clamp(3.5rem,6.5vw,6rem)/1.05 var(--display); letter-spacing:-.06em; color:var(--ae-light); }
.ae-outcome-label { color:var(--ink); font-size:.875rem; margin-top:10px; }
.ae-source-note { color:var(--muted); font-size:.75rem; line-height:1.65; margin-top:16px; max-width:48ch; }
.ae-outcome>.ae-inline { margin-top:12px; }
.ae-work { padding-block:48px 64px; border-block:1px solid var(--line); }
.ae-section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.ae-section-head>p { font-size:.875rem; color:var(--muted); line-height:1.6; }
.ae-controls { display:flex; flex-wrap:wrap; gap:8px; margin-block:32px; padding:6px; background:#0d0b11; border:1px solid #b697ff24; border-radius:8px; }
.ae-controls button { flex:1 1 5rem; min-width:0; display:flex; align-items:center; gap:18px; color:var(--muted); background:transparent; text-align:left; min-height:54px; padding:12px 20px; border:1px solid transparent; border-radius:4px; font-size:.9375rem; }
.ae-tab-number { font-size:.6875rem; color:#a18abe; font-variant-numeric:tabular-nums; }
.ae-tab-light { margin-left:auto; width:18px; height:1px; background:#b697ff50; }
.ae-controls button[aria-selected=true] { color:var(--ink); border-color:#b697ff48; background:linear-gradient(110deg,#b697ff14,#b697ff05); }
.ae-controls button[aria-selected=true] .ae-tab-light { background:var(--ae-light); box-shadow:0 0 9px 1px #ab6af777; }
.ae-controls button:hover { color:var(--ink); }
.ae-scene { display:grid; min-width:0; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:56px; align-items:start; margin-top:32px; }
.ae-scene+.ae-scene { padding-top:40px; border-top:1px solid var(--line); }
.ae-enhanced .ae-scenes { display:grid; grid-template-columns:minmax(0,1fr); overflow-anchor:none; }
.ae-enhanced .ae-scene { grid-area:1/1; align-self:start; padding:0; margin:0; border:0; }
.ae-enhanced .ae-scene[aria-hidden=true] { visibility:hidden; pointer-events:none; }
.ae-screen { min-width:0; }
.ae-screen-image { display:flex; align-items:center; justify-content:center; background:#08070c; aspect-ratio:16/9; border:1px solid #b697ff30; padding:5px; position:relative; }
.ae-screen-image .ae-creative { max-height:100%; }
.ae-phase-focus { position:absolute; left:calc(9.5% + var(--phase,0)*26.3%); top:52%; width:25%; height:32%; border:1px solid #e5d8ff; border-radius:5px; box-shadow:0 0 12px #b697ff70,inset 0 0 16px #b697ff25; pointer-events:none; }
.ae-timeline-reader { margin-top:16px; }
.ae-timeline-label { color:var(--muted); font-size:.6875rem; }
.ae-phase-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.ae-phase-controls button { flex:1 1 5rem; min-width:0; min-height:44px; border-bottom:1px solid #b697ff25; color:var(--muted); background:transparent; font-size:.75rem; text-align:left; padding:8px 0; }
.ae-phase-controls button[aria-pressed=true] { color:var(--ae-light); border-color:var(--accent); }
.ae-phase-controls button:hover { color:var(--ink); }
.ae-phase-notes { min-height:66px; padding-top:14px; }
.ae-phase-notes p { display:flex; gap:18px; align-items:baseline; font-size:.75rem; line-height:1.65; }
.ae-phase-notes strong { color:var(--ae-light); font-weight:400; flex-shrink:0; }
.ae-phase-notes span { color:var(--muted); }
.ae-piece-link { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:20px; padding-top:16px; }
.ae-piece-link>strong { max-width:100%; font:500 1.125rem/1.4 var(--display); letter-spacing:-.025em; }
.ae-piece-link>span { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:.75rem; color:var(--ae-light); flex-shrink:0; }
.ae-piece-link:hover>strong { color:var(--ae-light); }
.ae-scene-copy .eyebrow { color:var(--ae-light); margin-bottom:12px; }
.ae-scene-copy h3 { font:500 clamp(1.75rem,2.8vw,2.5rem)/1.12 var(--display); letter-spacing:-.045em; text-wrap:balance; }
.ae-scene-copy>p:not(.eyebrow) { color:var(--muted); font-size:.9375rem; line-height:1.75; margin-top:18px; max-width:45ch; }
.ae-scene-copy>p.ae-credit { font-size:.75rem; padding-left:14px; border-left:1px solid #b697ff47; color:#c2b3d4; }
.ae-captured { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.ae-captured>p:first-child { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; }
.ae-captured strong { font:500 1.5rem/1.2 var(--display); color:var(--ae-light); }
.ae-captured span { color:var(--ink); font-size:.75rem; }
.ae-captured>p:last-child { color:var(--muted); font-size:.6875rem; line-height:1.65; margin-top:8px; }
.ae-related { margin-top:22px; border-top:1px solid var(--line); }
.ae-related summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:52px; font-size:.8125rem; cursor:pointer; list-style:none; }
.ae-related summary::-webkit-details-marker { display:none; }
.ae-disclosure { font-size:1.25rem; color:var(--ae-light); }
.ae-related[open] .ae-disclosure { transform:rotate(45deg); }
.ae-related a { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; padding-block:12px; font-size:.8125rem; line-height:1.5; border-top:1px solid #b697ff18; }
.ae-related a>span:last-child { color:var(--ae-light); font-size:1.125rem; flex-shrink:0; }
.ae-related a:hover { color:var(--ae-light); }
.ae-record-note { margin-top:26px; color:var(--muted); font-size:.75rem; line-height:1.65; max-width:75ch; }
.ae-collection { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-block:64px; }
.ae-collection p:last-child { color:var(--muted); font-size:.9375rem; line-height:1.65; margin-top:20px; }
.ae-button { display:inline-flex; align-items:center; gap:24px; min-height:48px; padding:12px 20px; font-size:.8125rem; background:#773fca; border:1px solid #ad7bf745; border-radius:var(--radius); box-shadow:inset 0 1px 0 #ffffff16; }
.ae-button:hover { transform:none; background:#8650d6; box-shadow:0 0 26px #8650d62b; }
.ae-handoff { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:80px; padding-block:64px; border-top:1px solid var(--line); }
.ae-handoff>div>.ae-inline { margin-top:24px; }
.ae-next { display:block; border-left:1px solid #b697ff47; padding:16px 0 16px 32px; }
.ae-next:hover { border-color:var(--accent); }
.ae-next .eyebrow { display:block; }
.ae-next>strong { display:block; font:500 clamp(1.75rem,2.8vw,2.5rem)/1.12 var(--display); letter-spacing:-.045em; }
.ae-next>.ae-inline { margin-top:20px; }
.ae-end { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-block:20px; border-top:1px solid var(--line); font-size:.75rem; color:var(--muted); }
.ae-end>div { display:flex; gap:28px; }
.ae-end a { display:inline-flex; align-items:center; min-height:44px; }
.ae-end a:hover { color:var(--ae-light); }
.ae-media-status { color:var(--muted); font-size:.875rem; padding:24px; line-height:1.6; }
@media(prefers-reduced-motion:no-preference) {
  .ae-stage[data-ambient-ready] .ae-light i { animation:ae-illumination 10s ease-in-out infinite alternate; }
  .ae-stage.is-paused .ae-light i,.ae-stage.is-offscreen .ae-light i { animation-play-state:paused; }
  .ae-scene[data-active] .ae-screen-image { animation:ae-reveal .4s ease both; }
  .ae-phase-focus { transition:left .35s ease; }
}
@keyframes ae-illumination { from { opacity:.35; } to { opacity:.8; } }
@keyframes ae-reveal { from { opacity:.6; } to { opacity:1; } }
@media(max-width:1000px) {
  .ae-intro { gap:32px; }
  .ae-intro h1 { font-size:clamp(4rem,12vw,7.5rem); }
  .ae-stage { grid-template-columns:minmax(0,.45fr) minmax(0,1fr); gap:32px; }
  .ae-remit { gap:48px; padding-block:56px; }
  .ae-scene { gap:32px; }
  .ae-piece-link { flex-direction:column; gap:0; }
  .ae-handoff { gap:48px; }
}
@media(max-width:700px) {
  .ae-intro { grid-template-columns:1fr; gap:24px; padding-block:28px 8px; }
  .ae-intro h1 { font-size:clamp(3rem,19vw,6rem); }
  .ae-deck { font-size:clamp(1.75rem,5.5vw,2.5rem); }
  .ae-deck br { display:none; }
  .ae-summary br { display:none; }
  .ae-stage { grid-template-columns:1fr; gap:24px; padding-block:26px 14px; }
  .ae-hero-art { grid-row:1; }
  .ae-credits { flex-direction:row; flex-wrap:wrap; gap:18px 30px; padding:0; border:0; }
  .ae-credits dd { font-size:.8125rem; }
  .ae-hero-art figcaption { gap:8px; }
  .ae-hero-art figcaption>span { max-width:24ch; }
  .ae-remit { grid-template-columns:1fr; gap:32px; padding-block:44px; }
  .ae-outcome { padding:24px 0 0; border-left:0; border-top:1px solid var(--line); }
  .ae-outcome>strong { font-size:clamp(3rem,13vw,4.5rem); }
  .ae-work { padding-block:36px 44px; }
  .ae-section-head { align-items:start; flex-direction:column; gap:16px; }
  .ae-section-head>p br { display:none; }
  .ae-controls { margin-block:24px; gap:4px; padding:4px; }
  .ae-controls button { flex-direction:column; align-items:start; gap:5px; padding:10px 12px; font-size:.875rem; }
  .ae-tab-light { display:none; }
  .ae-scene { grid-template-columns:minmax(0,1fr); gap:28px; }
  .ae-screen figcaption>span { max-width:30ch; }
  .ae-piece-link { flex-direction:row; gap:12px; align-items:center; padding-top:8px; }
  .ae-piece-link>strong { font-size:1rem; }
  .ae-piece-link>span { gap:8px; font-size:.6875rem; }
  .ae-phase-notes p { flex-direction:column; gap:4px; }
  .ae-phase-notes { min-height:84px; }
  .ae-scene-copy h3 { font-size:clamp(1.35rem,7.7vw,1.875rem); }
  .ae-collection { align-items:start; flex-direction:column; gap:24px; padding-block:44px; }
  .ae-collection p br { display:none; }
  .ae-handoff { grid-template-columns:1fr; gap:32px; padding-block:44px; }
  .ae-next { padding:24px 0 0; border-left:0; border-top:1px solid #b697ff47; }
  .ae-end { flex-direction:column; align-items:start; gap:8px; }
}
@media(max-width:400px) {
  .ae-topline { align-items:start; flex-direction:column; gap:0; }
  .ae-topline>span { font-size:.75rem; }
  .ae-main h2 { font-size:1.75rem; }
  .ae-chapters>div { gap:20px; }
  .ae-chapters a { min-height:56px; font-size:.75rem; gap:6px; }
  .ae-chapters a>span { display:none; }
  .ae-stage-end { flex-wrap:wrap; gap:0 16px; }
  .ae-controls button { padding-inline:8px; }
}
@media(forced-colors:active) {
  .ae-frame,.ae-screen-image,.ae-controls,.ae-controls button[aria-selected=true] { border-color:CanvasText; }
  .ae-controls button[aria-selected=true] { outline:2px solid Highlight; }
}