.domo-archive { background:#08090b; }
.domo-retrospective { color:#f1f0eb; }
.domo-wrap { width:min(1156px,100%); padding-inline:28px; margin-inline:auto; }
.domo-retrospective h1,.domo-retrospective h2,.domo-interaction h3 { font-family:'PP Mondwest',Georgia,serif; font-weight:400; letter-spacing:-.025em; }
.domo-retrospective h2 { font-size:clamp(34px,4.2vw,54px); line-height:1.06; margin:14px 0 24px; }
.domo-retrospective p { font-size:16px; line-height:1.75; color:rgba(255,255,255,.72); margin:0 0 18px; }
.domo-retrospective .section-kicker { font-size:10px; line-height:1.6; letter-spacing:.13em; }
.domo-retrospective a:focus-visible,.domo-retrospective summary:focus-visible { outline:2px solid #83e9bb; outline-offset:5px; }
.domo-retrospective section[id],.domo-retrospective h2[id] { scroll-margin-top:100px; }
.domo-hero { position:relative; isolation:isolate; min-height:660px; min-height:min(780px,90svh); background:#111720; }
.domo-hero-image { position:absolute; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center 45%; }
.domo-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(4,6,9,.32),rgba(4,6,9,.12) 30%,rgba(4,6,9,.92)),linear-gradient(90deg,rgba(4,6,9,.35),transparent 80%); }
.domo-hero-content { min-height:inherit; display:flex; flex-direction:column; align-items:flex-start; padding-top:110px; padding-bottom:48px; }
.domo-back { color:rgba(255,255,255,.8); font:12px/1.5 'Courier New',monospace; text-decoration:none; }
.domo-hero-copy { margin-top:auto; padding-top:70px; max-width:800px; }
.domo-hero .section-kicker { color:rgba(255,255,255,.85); }
.domo-hero h1 { font-size:clamp(54px,7.5vw,96px); line-height:.98; margin:20px 0; text-shadow:0 2px 30px #0005; }
.domo-hero p { max-width:500px; color:rgba(255,255,255,.88); }
.domo-hero-meta { font:11px/1.7 'Courier New',monospace; color:rgba(255,255,255,.7); }
.domo-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:28px; }
.domo-button { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; padding:16px 21px; min-height:48px; border:1px solid #f1f0eb; border-radius:10px; background:#f1f0eb; color:#111; font:700 11px/1.4 'Courier New',monospace; text-transform:uppercase; letter-spacing:.04em; text-decoration:none; transition:background .2s,transform .2s; }
.domo-button:hover { background:#fff; transform:translateY(-2px); }
.domo-text-link { display:inline-block; font:12px/1.6 'Courier New',monospace; color:#eee; text-decoration:underline; text-underline-offset:5px; }
.domo-chapter-nav { position:static; inset:auto; z-index:auto; justify-content:flex-start; display:flex; gap:32px; padding:25px 0; border-bottom:1px solid #ffffff26; }
.domo-chapter-nav a { color:#ffffffa8; text-decoration:none; font:11px/1.6 'Courier New',monospace; }
.domo-chapter-nav a:hover { color:#fff; }
.domo-section { padding:72px 0; border-bottom:1px solid #ffffff20; }
.domo-intro { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:100px; align-items:center; }
.domo-intro p { max-width:640px; }
.domo-poster { margin:0; transform:rotate(2deg); }
.domo-poster img { display:block; width:100%; height:auto; border:1px solid #ffffff30; border-radius:4px; }
.domo-poster figcaption { margin-top:14px; color:#ffffff75; font:10px/1.6 'Courier New',monospace; text-align:center; }
.domo-section-head { display:flex; align-items:flex-end; gap:48px; justify-content:space-between; margin-bottom:30px; }
.domo-section-head h2 { margin-bottom:0; }
.domo-section-head>p { max-width:330px; font-size:14px; margin:0; }
.domo-retrospective .film-feature { margin-top:28px; }
.domo-interactions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.domo-interaction { min-width:0; border:1px solid #ffffff24; background:#ffffff04; border-radius:14px; overflow:hidden; }
.domo-interaction-image { position:relative; aspect-ratio:1.8; background:#11141e; }
.domo-interaction-image::after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#000c); }
.domo-interaction-image img { display:block; width:100%; height:100%; object-fit:cover; }
.domo-interaction-image>span { position:absolute; left:24px; right:24px; bottom:20px; z-index:1; font:10px/1.5 'Courier New',monospace; text-transform:uppercase; letter-spacing:.08em; }
.domo-interaction-image.is-cookie { background:radial-gradient(ellipse at 50% 50%,#40333d,#14121c 70%); }
.domo-interaction-image.is-cookie img { object-fit:contain; padding:20px 18% 28px; filter:drop-shadow(0 18px 22px #0007); }
.domo-interaction-copy { padding:28px; }
.domo-interaction h3 { font-size:32px; line-height:1.08; margin:0 0 16px; }
.domo-interaction p { font-size:14px; margin:0; }
.domo-memory-feature { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:48px; align-items:center; }
.domo-map-preview { position:relative; display:block; border:1px solid #80efba50; border-radius:14px; overflow:hidden; background:#11151b; }
.domo-map-preview img { display:block; width:100%; height:auto; aspect-ratio:1.2; object-fit:cover; object-position:center; transition:transform .4s; }
.domo-map-preview:hover img { transform:scale(1.025); }
.domo-map-preview>span { position:absolute; left:20px; bottom:20px; right:20px; display:flex; justify-content:space-between; font:11px/1.4 'Courier New',monospace; color:#b6ffd9; background:#101715e8; padding:15px; border:1px solid #80efba40; border-radius:8px; }
.domo-memory-copy .section-kicker { color:#83e9bb; }
.domo-memory-copy .domo-button { margin-top:8px; }
.domo-memory-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:36px; }
.domo-memory-gallery[hidden],.domo-memory-gallery a[hidden] { display:none; }
.domo-memory-card { display:block; overflow:hidden; border:1px solid #ffffff26; border-radius:10px; color:#eee; text-decoration:none; background:#ffffff05; animation:domo-appear .5s both; }
.domo-memory-card img { display:block; width:100%; height:auto; aspect-ratio:1.3; object-fit:cover; transition:transform .3s; }
.domo-memory-card:hover img { transform:scale(1.025); }
.domo-memory-card span { display:flex; justify-content:space-between; gap:10px; padding:16px; font:11px/1.5 'Courier New',monospace; }
.domo-memory-card b { font-weight:400; color:#83e9bb; }
.domo-retrospective .domo-memory-note { font:11px/1.7 'Courier New',monospace; color:#ffffff70; margin:22px 0 0; }
.domo-afterword { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.domo-afterword>img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:12px; }
.domo-afterword .domo-button { margin-top:12px; }
.domo-extra-films { margin-top:40px; padding:24px 0; border-bottom:1px solid #ffffff20; }
.domo-extra-films summary { color:#ffffffad; font:12px/1.6 'Courier New',monospace; cursor:pointer; }
.domo-extra-films .visual-reel-layout { margin-top:24px; }
.domo-retrospective .credits-section { padding-top:72px; }
.domo-retrospective .credits-section .section-head { margin-bottom:32px; }
.domo-retrospective .credits-section h2 { font-size:40px; }
.domo-support { display:flex; justify-content:space-between; align-items:center; gap:40px; margin:64px 0 72px; padding:36px; background:linear-gradient(120deg,#1f1a23,#12171c); border:1px solid #ffffff40; border-radius:14px; }
.domo-support h2 { font-size:36px; margin:12px 0; }
.domo-support p { font-size:14px; margin:0; }
.domo-support .domo-button { flex-shrink:0; }
@keyframes domo-appear { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:900px) { .domo-intro { gap:48px; grid-template-columns:1fr 220px; } .domo-memory-feature { gap:28px; } .domo-afterword { gap:36px; } }
@media(max-width:700px) {
  .domo-wrap { padding-inline:22px; }
  .domo-hero { min-height:740px; min-height:91svh; }
  .domo-hero-content { padding-top:90px; padding-bottom:36px; }
  .domo-hero-copy { padding-top:90px; }
  .domo-hero h1 { font-size:clamp(44px,12vw,70px); }
  .domo-hero-image { object-position:56% center; }
  .domo-hero p { font-size:15px; }
  .domo-actions { gap:20px; }
  .domo-chapter-nav { gap:16px 22px; flex-wrap:wrap; padding:23px 0; }
  .domo-section { padding:48px 0; }
  .domo-intro { grid-template-columns:1fr; gap:30px; }
  .domo-poster { width:200px; justify-self:center; }
  .domo-section-head { display:block; margin-bottom:26px; }
  .domo-section-head>p { margin-top:20px; max-width:none; }
  .domo-interactions { grid-template-columns:1fr; gap:24px; }
  .domo-interaction-copy { padding:24px; }
  .domo-interaction h3 { font-size:30px; }
  .domo-memory-feature { grid-template-columns:1fr; gap:30px; }
  .domo-memory-copy { grid-row:1; }
  .domo-map-preview img { aspect-ratio:1.3; }
  .domo-memory-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
  .domo-memory-card img { aspect-ratio:1; }
  .domo-memory-card span { padding:12px; font-size:10px; }
  .domo-afterword { grid-template-columns:1fr; gap:30px; }
  .domo-afterword>img { aspect-ratio:1.45; }
  .domo-retrospective .credits-section { padding-top:48px; }
  .domo-support { display:block; padding:26px; margin:48px 0; }
  .domo-support .domo-button { margin-top:24px; }
}
@media(prefers-reduced-motion:reduce) { .domo-retrospective *, .domo-retrospective *::before,.domo-retrospective *::after { animation:none !important; transition:none !important; scroll-behavior:auto; } }