/* SOLUNA home — interactive extras: day journey, story rail, quiz. */
.day-journey .section-heading{align-items:end}
.day-hint{max-width:340px;font-size:13px;color:var(--muted);margin:0}
.day-stage{margin-top:10px}
.day-scene{position:relative;height:clamp(380px,62vh,620px);overflow:hidden;background:var(--ink)}
.day-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.day-img.is-active{opacity:1}
.day-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(16,46,50,.72) 0%,rgba(16,46,50,0) 55%)}
.day-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;color:var(--paper);max-width:640px}
.day-time{display:inline-block;border:1px solid #ffffff70;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.day-caption h3{font:500 clamp(28px,4.4vw,52px)/1.1 'Space Grotesk','Hiragino Kaku Gothic ProN',sans-serif;letter-spacing:-.03em;margin:0 0 12px}
.day-caption p{font-size:14px;margin:0;max-width:480px;color:#e4e0d2}
.day-control{margin-top:22px}
.day-slider{width:100%;appearance:none;-webkit-appearance:none;height:2px;background:var(--line);outline-offset:8px}
.day-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--orange);border:4px solid var(--paper);box-shadow:0 0 0 1px var(--line);cursor:grab}
.day-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--orange);border:4px solid var(--paper);cursor:grab}
.day-ticks{display:flex;justify-content:space-between;margin-top:14px}
.day-ticks button{background:none;border:0;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:500 11px/1.5 'Space Grotesk',sans-serif}
.day-ticks button.is-active{color:var(--ink)}
.day-ticks button span:first-child{font-size:12px;color:var(--ink)}

.stories .section-heading p{max-width:340px;font-size:13px;color:var(--muted);margin:0}
.story-rail{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--pad) 26px;margin:0 calc(var(--pad) * -1);scrollbar-width:none}
.story-rail::-webkit-scrollbar{display:none}
.story-card{flex:0 0 min(74vw,420px);scroll-snap-align:start;margin:0}
.story-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.story-card figcaption{display:flex;flex-direction:column;gap:8px;padding-top:14px}
.story-card figcaption .label{color:var(--muted)}
.story-card figcaption span:last-child{font-size:15px}

.quiz-box{border:1px solid var(--line);padding:clamp(26px,5vw,64px);background:#fff8}
.quiz-q{font:500 clamp(20px,2.6vw,30px)/1.4 'Space Grotesk','Hiragino Kaku Gothic ProN',sans-serif;letter-spacing:-.02em;margin:0 0 26px}
.quiz-opts{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.quiz-opts button{border:1px solid var(--line);background:var(--paper);padding:22px 24px;text-align:left;font-size:15px;transition:background .25s,color .25s,border-color .25s}
.quiz-opts button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.quiz-result h3{font:500 clamp(30px,4.6vw,56px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:10px 0 16px}
.quiz-result p{max-width:520px}
.quiz-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}
.quiz-actions .text-link{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:6px}

@media(max-width:720px){
  .day-caption{bottom:22px}
  .day-caption p{font-size:12px}
  .story-card{flex-basis:78vw}
  .quiz-box{padding:26px 20px}
}
@media(prefers-reduced-motion:reduce){
  .day-img{transition:none}
}