/* Conference-first visual direction, informed by all seven source PDF sessions. */
:root { --paper:#e8e6df; --ink:#142e46; }
.brand-mark { font-size:25px; letter-spacing:-2px; }
.brand-copy { font-size:7px; line-height:1.6; letter-spacing:.08em; }
.live-model { position:relative; overflow:hidden; }
.live-model > img,.live-model > canvas { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.live-model > img { z-index:0; }
.live-model > canvas { z-index:1; opacity:0; transition:opacity .55s; }
.live-model.model-ready > canvas { opacity:1; }
.live-model.model-ready > img { opacity:0; }
.stage-model { width:100%; height:100%; cursor:default; }
.about { padding-top:120px; padding-bottom:100px; }
.about h2 { font-size:clamp(37px,4.1vw,60px); }
.dialogue-set { display:grid; grid-template-columns:.8fr 1.25fr; gap:20px; background:#102033; color:#dce9f2; margin-top:75px; padding:40px 0 35px 40px; border:1px solid #304357; box-shadow:0 3px 0 #668397,0 8px 0 #d1dbe2,0 24px 45px #102b3d18; }
.dialogue-copy { align-self:center; padding:20px 0; }
.dialogue-copy .eyebrow { color:#92adc0; font-size:8px; }
.dialogue-copy h3 { font-size:clamp(27px,2.65vw,38px); line-height:1.2; letter-spacing:-.04em; margin:25px 0; }
.dialogue-copy h3 em { color:#b5d5ea; font-family:Georgia,serif; font-weight:400; }
.dialogue-copy > p:not(.eyebrow) { color:#95acbf; font-size:12px; line-height:1.9; max-width:340px; }
.dialogue-copy .arrow-link { font-size:11px; margin-top:22px; color:#c0dfef; }
.dialogue-visual { min-width:0; position:relative; height:450px; }
.dialogue-caption { display:block; position:absolute; bottom:0; right:20px; font-size:8px; color:#8ba1b5; }
.folio-section { color:var(--ink); background:var(--paper); padding:95px 0 0; }
.folio-heading { display:grid; grid-template-columns:1.3fr 1fr; align-items:end; column-gap:60px; }
.folio-heading .eyebrow { grid-column:1/-1; color:#688096; margin-bottom:25px; }
.folio-heading h2 { font-size:clamp(36px,4vw,60px); letter-spacing:-.055em; line-height:1.12; margin:0; }
.folio-heading h2 em { font-family:Georgia,serif; font-weight:400; color:#54768e; }
.folio-heading > p:last-child { font-size:13px; line-height:1.9; color:#607486; margin:0 0 3px; }
.folio-scroll { position:relative; margin-top:35px; }
.folio-sticky { position:relative; display:grid; grid-template-columns:1.48fr 1fr; gap:0 55px; align-items:center; padding-block:45px; }
.folio-art { position:relative; min-width:0; }
.folio-art-label { display:flex; justify-content:space-between; margin-bottom:10px; font-size:8px; letter-spacing:.1em; color:#697d89; }
.book-model { width:116%; margin-left:-8%; height:470px; }
.folio-hint { position:relative; margin:5px 0 0; text-align:center; color:#71828c; font-size:9px; }
.folio-hint span { margin-left:14px; }
.folio-panels { position:relative; z-index:2; min-width:0; }
.folio-panel { padding:25px 0; border-bottom:1px solid #142e4626; }
.folio-panel[hidden] { display:none; }
.folio-number { display:flex; align-items:center; gap:17px; font-size:65px; letter-spacing:-.07em; font-weight:400; color:#24475f; line-height:1; }
.folio-number small { font-size:11px; color:#728793; letter-spacing:.04em; font-weight:400; }
.folio-time { font-size:10px; letter-spacing:.08em; color:#638097; margin:25px 0 17px; }
.folio-panel h3 { font-size:clamp(28px,2.65vw,40px); letter-spacing:-.04em; line-height:1.2; margin:0 0 22px; }
.folio-panel h3 em { font-family:Georgia,serif; font-weight:400; color:#54768e; }
.folio-description { color:#607384; font-size:12px; line-height:1.9; max-width:360px; }
.folio-panel .chapter-link { display:inline-flex; font-size:10px; border-bottom:1px solid #718b9c; padding-bottom:12px; margin-top:20px; color:#264c68; }
.folio-navigation { grid-column:1/-1; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-self:end; border-top:1px solid #bac4c8; padding-top:15px; margin-top:30px; gap:10px; }
.folio-navigation button { display:flex; flex-direction:column; align-items:flex-start; gap:11px; border:0; border-top:2px solid transparent; background:transparent; cursor:pointer; text-align:left; color:#6f808e; min-height:75px; padding:12px 9px; }
.folio-navigation button > span { font-size:12px; font-weight:500; }
.folio-navigation b { font-size:9px; line-height:1.5; font-weight:500; }
.folio-navigation button[aria-pressed="true"] { color:#153c5a; background:#f5f4ee; border-color:#345f7f; box-shadow:0 4px 10px #1b35490c; }
.folio-source { display:flex; justify-content:space-between; padding-block:25px 30px; border-top:1px solid #bac4c8; font-size:9px; color:#678094; gap:20px; }
.folio-source a { text-decoration:underline; text-underline-offset:4px; }
.has-live-folio:not(.motion-paused) .folio-scroll { height:370svh; }
.has-live-folio:not(.motion-paused) .folio-sticky { position:sticky; top:78px; height:calc(100svh - 78px); min-height:550px; padding-block:28px; grid-template-rows:1fr auto; }
.has-live-folio:not(.motion-paused) .book-model { height:clamp(320px,51svh,550px); }
.has-folio-controls .folio-panel { border:0; }
html:not(.has-folio-controls) .folio-navigation { display:none; }
html:not(.has-folio-controls) .folio-art { align-self:start; position:sticky; top:90px; }
.themes { background:#f7f7f2; color:#142e46; }
.theme-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 22px; perspective:none; }
.theme-card,.theme-card:nth-child(n) { min-height:440px; grid-column:span 1; border:1px solid #dce2e2; border-radius:3px; background:#e0e4e5; box-shadow:0 2px 0 #b4c0c5,0 5px 0 #e6e9e7,0 14px 28px #1a344512; transform:none; }
.theme-card:first-child { grid-column:span 2; }
.theme-card::after { display:none; }
.theme-card .theme-model { position:absolute; inset:0 0 auto; height:285px; }
.theme-model::after { content:''; position:absolute; inset:auto 0 0; z-index:2; height:40px; background:linear-gradient(transparent,#e0e4e5); pointer-events:none; }
.theme-model img { filter:none; opacity:1; }
.theme-no { left:22px; right:22px; top:18px; display:flex; justify-content:space-between; align-items:center; color:#31516a; font-size:12px; border-bottom:0; z-index:3; }
.theme-no > span { font-size:7px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.theme-card-copy { left:22px; right:22px; bottom:28px; text-shadow:none; }
.theme-card h3 { color:#15364f; font-size:clamp(23px,1.95vw,29px); line-height:1.13; letter-spacing:-.04em; margin-top:10px; max-width:100%; }
.theme-card small,.theme-card:nth-child(n) small { color:#638096; font-size:8px; letter-spacing:.07em; }
.theme-card p,.theme-card:nth-child(n) p { font-size:10px; line-height:1.7; color:#627888; margin-top:12px; padding-right:22px; }
.theme-arrow { z-index:6; width:33px; height:33px; bottom:18px; right:16px; top:auto; background:#f3f5f1; color:#294f6b; border:1px solid #b5c4cd; box-shadow:0 2px 0 #8da1ae; backdrop-filter:none; }
.theme-arrow:hover { background:#204969; color:#fff; }
.theme-card:hover .theme-model { transform:none; }
.program { background:#10263b; }
.program-meta { transform:none; border-color:#849dad55; box-shadow:2px 3px 0 #527185,5px 7px 0 #0b1b2a,12px 19px 29px #0003; }
.speaker-card { border-radius:2px; box-shadow:0 2px #aebfc9,0 5px #e0e6e9,0 16px 28px #1a354510; }
.speaker-card:hover { transform:translateY(-4px); }

@media (max-width:1160px) {
  .theme-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .theme-card:first-child { grid-column:span 1; }
  .theme-card:last-child { grid-column:span 3; min-height:370px; }
  .theme-card:last-child .theme-model { width:55%; height:100%; left:45%; }
  .theme-card:last-child .theme-card-copy { max-width:40%; }
  .folio-sticky { column-gap:30px; grid-template-columns:1.25fr 1fr; }
  .folio-panel h3 { font-size:30px; }
  .folio-navigation b { font-size:8px; }
}
@media (max-width:900px) {
  .dialogue-set { grid-template-columns:1fr; padding:30px; }
  .dialogue-copy > p:not(.eyebrow) { max-width:540px; }
  .dialogue-visual { height:430px; }
  .folio-section { padding-top:70px; }
  .folio-heading { gap:22px; }
  .folio-heading > p:last-child { font-size:11px; }
  .folio-heading h2 { font-size:40px; }
  .has-live-folio:not(.motion-paused) .folio-scroll { height:auto; }
  .folio-sticky,.has-live-folio:not(.motion-paused) .folio-sticky { height:auto; min-height:0; position:relative; top:0; padding-block:25px; }
  .book-model,.has-live-folio:not(.motion-paused) .book-model { height:350px; }
  .folio-panel h3 { font-size:26px; }
  .folio-number { font-size:47px; }
  .folio-description { font-size:11px; }
  .folio-navigation { gap:3px; }.folio-navigation button { padding:10px 5px; }
  .folio-navigation b { font-size:7px; }
  .theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .theme-card:last-child { grid-column:span 2; }
  .brand-copy { font-size:6px; }
}
@media (max-width:620px) {
  .dialogue-set { margin-top:48px; padding:25px 22px; }
  .dialogue-copy h3 { font-size:28px; }
  .dialogue-visual { height:310px; margin-inline:-20px; }
  .dialogue-caption { font-size:6px; right:0; }
  .about { padding-block:65px; }
  .about h2 { font-size:36px; }
  .folio-heading { display:block; }
  .folio-heading h2 { font-size:36px; }
  .folio-heading > p:last-child { font-size:12px; margin-top:22px; }
  .folio-heading .eyebrow { font-size:7px; }
  .folio-scroll { margin-top:24px; }
  .folio-sticky,.has-live-folio:not(.motion-paused) .folio-sticky { display:flex; flex-direction:column; align-items:stretch; padding-block:10px 20px; gap:0; }
  .folio-art { order:0; }
  .folio-art-label { font-size:7px; }
  .book-model,.has-live-folio:not(.motion-paused) .book-model { height:300px; width:100vw; margin-left:calc((100% - 100vw)/2); }
  .folio-hint { display:none; }
  .folio-navigation { order:1; width:100%; align-self:stretch; margin:0 0 20px; padding:8px 0; display:grid; grid-template-columns:repeat(7,1fr); }
  .folio-navigation button { padding:12px 0; min-height:45px; align-items:center; gap:0; }
  .folio-navigation b { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .folio-panels { order:2; min-height:350px; }
  .folio-panel { padding:15px 0 10px; }
  .folio-number { float:right; font-size:37px; gap:8px; }
  .folio-number small { font-size:8px; }
  .folio-time { font-size:9px; margin:12px 0 26px; }
  .folio-panel h3 { font-size:31px; clear:both; }
  .folio-description { font-size:12px; }
  .folio-source { flex-direction:column; font-size:8px; gap:15px; }
  .theme-grid { grid-template-columns:1fr; gap:23px; }
  .theme-card,.theme-card:nth-child(n),.theme-card:last-child { grid-column:1; min-height:445px; }
  .theme-card:last-child .theme-model { width:100%; height:285px; left:0; }
  .theme-card:last-child .theme-card-copy { max-width:none; }
  .theme-card h3 { font-size:28px; max-width:90%; }
  .theme-card p { font-size:11px; }
  .brand-mark { font-size:23px; }
  .brand-copy { font-size:5px; }
  html:not(.has-folio-controls) .folio-art { position:relative; top:0; }
}
@media (max-width:360px) { .folio-panel h3 { font-size:28px; } }
@media (max-height:720px) and (min-width:901px) {
  .has-live-folio:not(.motion-paused) .folio-sticky { min-height:470px; padding-block:10px; }
  .has-live-folio:not(.motion-paused) .book-model { height:300px; }
  .folio-number { font-size:40px; }.folio-time { margin:15px 0; }.folio-panel { padding:5px 0; }.folio-panel h3 { font-size:28px; margin-bottom:14px; }.folio-description { font-size:11px; }.folio-panel .chapter-link { margin-top:10px; }.folio-navigation { margin-top:10px; padding-top:5px; }.folio-navigation button { min-height:60px; padding-block:7px; gap:6px; }
}
@media (prefers-reduced-motion:reduce) { .live-model > canvas { transition:none; }.speaker-card:hover { transform:none; } }

/* Cinematic staging. Native sticky sections drive real perspective cameras. */
.stage-journey { position:relative; background:#102033; color:#dce9f2; padding:60px 0; }
.stage-sticky { position:relative; width:100%; }
.stage-journey .dialogue-set { position:relative; width:var(--shell); margin:0 auto; padding:30px 0 35px 38px; min-height:510px; grid-template-columns:.85fr 1.25fr; overflow:hidden; }
.stage-journey .dialogue-visual { grid-column:2; grid-row:1; height:450px; margin:0; }
.stage-journey .dialogue-copy { grid-column:1; grid-row:1; z-index:4; min-width:0; }
.stage-shot[hidden] { display:none; }
.stage-shot > p:not(.eyebrow) { color:#b0c0ce; font-size:12px; line-height:1.9; max-width:350px; }
.stage-journey .dialogue-caption { bottom:16px; right:24px; z-index:5; }
.stage-topline,.stage-bottomline,.stage-timeline,.stage-shading { display:none; }
.has-stage-cinema:not(.motion-paused) .stage-journey { height:480svh; padding:0; --stage-inset:24px; }
.has-stage-cinema:not(.motion-paused) .stage-sticky { position:sticky; top:70px; height:calc(100svh - 70px); min-height:530px; overflow:hidden; }
.has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-set { display:block; position:absolute; inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; clip-path:inset(var(--stage-inset,0px) round 3px); }
.has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-visual { position:absolute; inset:0; height:100%; width:100%; margin:0; }
.has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-copy { position:absolute; left:max(48px,calc((100% - 1344px)/2)); top:50%; transform:translateY(calc(-50% + var(--stage-copy-y,0px))); padding:0; width:30%; max-width:410px; pointer-events:none; }
.has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-copy a { pointer-events:auto; }
.has-stage-cinema:not(.motion-paused) .stage-journey h3 { font-size:clamp(31px,3.4vw,51px); line-height:1.12; letter-spacing:-.045em; text-shadow:0 4px 40px #0005; }
.has-stage-cinema:not(.motion-paused) .stage-shading { display:block; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,#091929ed,#091929c9 22%,#09192936 43%,transparent 67%),linear-gradient(180deg,#07152370,transparent 20%,transparent 74%,#071523e8); }
.has-stage-cinema:not(.motion-paused) .stage-journey[data-shot="2"] .stage-shading { background:linear-gradient(90deg,#091929f7,#091929d9 24%,#09192955 45%,transparent 68%),linear-gradient(180deg,#07152370,transparent 20%,transparent 74%,#071523e8); }
.has-stage-cinema:not(.motion-paused) .stage-topline { display:flex; position:absolute; top:42px; left:48px; right:48px; z-index:4; justify-content:space-between; align-items:center; color:#b0c2d2; font:8px Inter,sans-serif; letter-spacing:.14em; }
.has-stage-cinema:not(.motion-paused) .stage-bottomline { position:absolute; display:flex; left:48px; right:48px; bottom:60px; z-index:5; justify-content:space-between; align-items:center; gap:20px; }
.stage-film-controls { display:flex; gap:5px; padding:4px; border:1px solid #bacbd233; background:#0b1a2ca6; backdrop-filter:blur(12px); }
.stage-film-controls button { border:0; border-radius:0; background:transparent; cursor:pointer; color:#acbfce; font-size:10px; padding:13px 16px; min-height:44px; }
.stage-film-controls button b { font-weight:400; }
.stage-film-controls button > span { font:8px Inter,sans-serif; color:#718fa8; margin-right:10px; }
.stage-film-controls button[aria-pressed="true"] { background:#c2daea; color:#18394f; }
.stage-film-controls button[aria-pressed="true"] > span { color:#557286; }
.stage-scroll-hint { color:#a2b9cc; font-size:9px; }
.stage-scroll-hint i { font-size:21px; font-style:normal; margin-left:18px; }
.has-stage-cinema:not(.motion-paused) .stage-timeline { display:block; position:absolute; bottom:0; left:0; right:0; height:2px; z-index:5; background:#7c9fb42b; }
.stage-timeline span { display:block; height:100%; background:#b9e1f9; transform:scaleX(var(--stage-progress,0)); transform-origin:left; }
.has-stage-cinema:not(.motion-paused) .dialogue-caption { font-size:7px; bottom:22px; right:48px; color:#8da5b9; }
.folio-art { perspective:1400px; }
.folio-panel { transform-style:preserve-3d; }
.theme-model { will-change:auto; }
@media (max-width:1160px) {
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-copy { left:32px; width:31%; }
  .has-stage-cinema:not(.motion-paused) .stage-topline { left:32px; right:32px; }
  .has-stage-cinema:not(.motion-paused) .stage-bottomline { left:32px; right:32px; }
  .stage-shot > p:not(.eyebrow) { font-size:11px; }
}
@media (max-width:900px) {
  .stage-journey .dialogue-set { padding:30px; grid-template-columns:1fr; }
  .stage-journey .dialogue-copy { grid-column:1; grid-row:1; }
  .stage-journey .dialogue-visual { grid-column:1; grid-row:2; height:380px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey { height:365svh; }
  .has-stage-cinema:not(.motion-paused) .stage-sticky { top:65px; height:calc(100svh - 65px); min-height:620px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-copy { top:13%; left:32px; width:62%; max-width:420px; transform:translateY(var(--stage-copy-y,0px)); }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-visual { top:16%; height:84%; }
  .has-stage-cinema:not(.motion-paused) .stage-shading { background:linear-gradient(180deg,#0b1c2edb,transparent 40%,transparent 76%,#0a1b2eea); }
  .has-stage-cinema:not(.motion-paused) .stage-journey[data-shot="2"] .stage-shading { background:linear-gradient(180deg,#0b1c2edb,transparent 40%,transparent 76%,#0a1b2eea); }
  .has-stage-cinema:not(.motion-paused) .stage-journey h3 { font-size:36px; margin:17px 0; }
  .has-stage-cinema:not(.motion-paused) .stage-topline { top:28px; font-size:7px; }
  .has-stage-cinema:not(.motion-paused) .stage-bottomline { bottom:55px; }
  .stage-scroll-hint { display:none; }
  .stage-shot > p:not(.eyebrow) { max-width:320px; }
}
@media (max-width:620px) {
  .stage-journey { padding:30px 0; }
  .stage-journey .dialogue-set { padding:22px; }
  .stage-journey .dialogue-visual { height:310px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey { height:345svh; --stage-inset:0px!important; }
  .has-stage-cinema:not(.motion-paused) .stage-sticky { top:60px; height:calc(100svh - 60px); min-height:570px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-set { clip-path:none; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-copy { top:65px; left:24px; width:calc(100% - 48px); max-width:390px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey h3 { font-size:30px; margin:15px 0; }
  .stage-journey .dialogue-copy .eyebrow { font-size:7px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-visual { top:26%; height:74%; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-visual::after { content:''; position:absolute; inset:0 0 auto; height:20%; z-index:2; background:linear-gradient(#102033,transparent); pointer-events:none; }
  .stage-shot > p:not(.eyebrow) { font-size:10px; line-height:1.75; max-width:320px; }
  .stage-journey .dialogue-copy .arrow-link { font-size:9px; margin-top:10px; }
  .has-stage-cinema:not(.motion-paused) .stage-topline { left:24px; right:24px; top:25px; font-size:6px; }
  .has-stage-cinema:not(.motion-paused) .stage-bottomline { left:20px; right:20px; bottom:47px; }
  .stage-film-controls { display:grid; grid-template-columns:repeat(5,1fr); width:100%; gap:2px; }
  .stage-film-controls button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; font-size:7px; padding:9px 2px; white-space:nowrap; }
  .stage-film-controls button > span { font-size:8px; margin-right:0; }
  .has-stage-cinema:not(.motion-paused) .dialogue-caption { right:22px; bottom:18px; font-size:6px; }
}
@media (max-height:720px) and (min-width:901px) {
  .has-stage-cinema:not(.motion-paused) .stage-sticky { min-height:450px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey h3 { font-size:37px; margin:18px 0; }
  .has-stage-cinema:not(.motion-paused) .stage-topline { top:25px; }
  .has-stage-cinema:not(.motion-paused) .stage-bottomline { bottom:40px; }
  .has-stage-cinema:not(.motion-paused) .dialogue-caption { bottom:12px; font-size:6px; }
}
@media (max-height:600px) and (max-width:900px) {
  .has-stage-cinema:not(.motion-paused) .stage-sticky { min-height:290px; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-visual { inset:0; height:100%; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .dialogue-copy { top:65px; left:24px; width:39%; }
  .has-stage-cinema:not(.motion-paused) .stage-journey h3 { font-size:25px; margin:12px 0; }
  .has-stage-cinema:not(.motion-paused) .stage-shot > p:not(.eyebrow) { display:none; }
  .has-stage-cinema:not(.motion-paused) .stage-journey .stage-shading { background:linear-gradient(90deg,#091929ed,#091929b8 28%,transparent 65%),linear-gradient(180deg,#07152360,transparent 40%,#071523ad); }
  .has-stage-cinema:not(.motion-paused) .stage-bottomline { bottom:36px; }
  .has-stage-cinema:not(.motion-paused) .dialogue-caption { bottom:11px; }
}

/* Brushed steel name band: a front face, separate bevels and raised lettering. */
.names-ticker {
  position:relative; width:100%; margin:65px 0 -25px; padding:80px 0 85px;
  overflow:visible; background:transparent; color:#263e51; transform:none;
  perspective:1500px; --ribbon-pitch:16deg; --ribbon-yaw:-4deg; --ribbon-roll:-2deg; --ribbon-light:55%;
}
.names-ticker::before {
  content:''; position:absolute; left:4%; right:4%; top:150px; height:80px;
  background:radial-gradient(ellipse,#112c4540,transparent 68%); filter:blur(15px);
  transform:rotate(-2deg); pointer-events:none;
}
.names-belt {
  position:relative; width:124%; margin-left:-12%; height:132px; transform-style:preserve-3d;
  transform:rotateX(var(--ribbon-pitch)) rotateY(var(--ribbon-yaw)) rotateZ(var(--ribbon-roll));
}
.names-window {
  position:relative; height:100%; overflow:hidden;
  border-top:1px solid #f7fdff; border-bottom:1px solid #617688;
  background:
    repeating-linear-gradient(0deg,#ffffff1c 0px,#ffffff1c 1px,#233d4d12 1px,#233d4d12 2px,transparent 2px,transparent 4px),
    linear-gradient(180deg,#b8c6d0 0%,#edf2f5 13%,#c2d0d9 32%,#a5b6c2 46%,#eaf1f5 51%,#d6e0e6 58%,#b5c5d1 83%,#8a9eae 100%);
  box-shadow:inset 0 2px 1px #ffffffb0,inset 0 -3px 3px #29435835;
}
.names-window::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(107deg,transparent 20%,#ffffff00 30%,#ffffffe0 48%,#ffffff16 61%,transparent 73%);
  background-size:200% 100%; background-position:var(--ribbon-light) 0; opacity:.45;
}
.names-belt::before,.names-belt::after { content:''; position:absolute; left:0; right:0; pointer-events:none; }
.names-belt::before {
  height:7px; bottom:100%;
  background:linear-gradient(#6e879b,#c3d4df 38%,#f2f8fc 79%,#a6bac9); border-top:1px solid #eff8fd;
}
.names-belt::after {
  height:14px; top:100%;
  background:linear-gradient(#577083,#bacbd8 12%,#667f92 23%,#4d6679 62%,#a5bac9 83%,#364f63);
  box-shadow:0 2px 0 #253c4b,0 11px 16px #0c2c4230;
}
.names-track { height:100%; padding:0; animation-duration:48s; animation-play-state:paused; }
.ribbon-active .names-track { animation-play-state:running; }
.names-track span {
  position:relative; padding:0 43px; white-space:nowrap; font-size:clamp(27px,2.7vw,39px); font-weight:650;
  line-height:1.25; letter-spacing:-.045em; color:#334c60;
  text-shadow:0 -1px 0 #172f42,0 1px 0 #f0f7fa,0 2px 0 #9aaebd,0 3px 0 #6a8193,1px 5px 4px #233d4d36;
}
.names-track i {
  display:block; width:9px; height:9px; flex:0 0 9px; padding:0; font-size:0; border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fff 0%,#cbdce7 24%,#7992a5 50%,#304b60 73%,#c5d8e5 93%);
  box-shadow:0 1px 0 #fff,0 -1px 1px #233c4d,1px 3px 3px #19384c40;
}
@media (max-width:620px) {
  .names-ticker { margin-top:35px; margin-bottom:-35px; padding:56px 0 75px; perspective:850px; }
  .names-ticker::before { top:108px; height:58px; left:-20%; right:-20%; }
  .names-belt { width:148%; margin-left:-24%; height:106px; }
  .names-track span { font-size:27px; padding-inline:30px; }
  .names-belt::after { height:11px; }
}
@media (prefers-reduced-motion:reduce) { .names-track { animation-play-state:paused; } }