.night-detour{margin-top:52px;padding-top:35px;border-top:1px solid var(--line);scroll-margin-top:24px}.detour-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.detour-heading .eyebrow{margin-bottom:8px;color:#c6b2df}.detour-heading h2{font:400 28px var(--display);margin:0}.detour-moon{font:48px Georgia,serif;color:#dfc28e;line-height:1}.detour-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:17px 0 24px}.detour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detour-card{--detour-accent:#d6b8e7;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c6b2df40;border-radius:16px;background:linear-gradient(135deg,#24213f,#18213f);transition:transform .2s,border-color .2s}.detour-card:hover{transform:translateY(-4px);border-color:var(--detour-accent)}.detour-story{--detour-accent:#ddc298;background:linear-gradient(135deg,#202638,#151d32)}.detour-art{position:relative;aspect-ratio:2/1;overflow:hidden;background:#292641}.detour-art canvas{display:block;width:100%;height:100%}.detour-tag{position:absolute;top:14px;left:15px;font-size:10px;letter-spacing:.04em;background:#11172ce8;color:var(--detour-accent);padding:6px 12px;border-radius:20px}.detour-copy{padding:24px;flex:1;display:flex;flex-direction:column;align-items:start}.detour-copy h3{font:400 clamp(19px,2.1vw,25px)/1.5 var(--display);margin:0 0 10px}.detour-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 14px}.detour-content-note{font-size:10px;line-height:1.8;color:#c5bdc7;display:block;margin-bottom:13px}.detour-play{margin-top:auto;padding-top:9px;color:var(--detour-accent);font-size:13px;font-weight:700;width:100%;display:flex;justify-content:space-between;align-items:center}.detour-play span{font-size:19px}.detour-note{font-size:10px;color:var(--muted);margin:15px 0 0}.detour-card:focus-visible{outline-color:var(--detour-accent)}@media(max-width:620px){.night-detour{margin-top:33px;padding-top:27px}.detour-heading h2{font-size:23px}.detour-moon{font-size:38px}.detour-intro{font-size:11px;margin:14px 0 18px}.detour-grid{grid-template-columns:1fr;gap:18px}.detour-art{aspect-ratio:2.35/1}.detour-copy{padding:19px}.detour-copy h3{font-size:21px}.detour-copy p{font-size:11px}.detour-content-note{font-size:9px}.detour-tag{top:10px;left:11px;font-size:9px;padding:5px 10px}.detour-play{font-size:12px}}@media(prefers-reduced-motion:reduce){.detour-card{transition:none}.detour-card:hover{transform:none}}