.night-scroll{height:100svh;background:#171513;color:#f3e7d8;position:relative;--light:1;--progress:0%}.night-scroll.scroll-ready{height:320svh}.night-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#171513}.night-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 53%,#74512c 0%,#3c3024 35%,transparent 72%);opacity:var(--light);z-index:-1}.night-heading{position:absolute;top:6%;left:5%;right:5%;text-align:center;z-index:2}.night-heading .eyebrow{color:#cdb594;margin-bottom:14px}.night-heading h2{font-size:clamp(36px,4.5vw,62px);margin:0 0 15px}.night-heading h2 br{display:none}.night-heading p{font-size:14px;color:#b9aa99;margin:0}.light-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70vw,560px);height:300px;display:grid;place-items:center}.light-rings{position:absolute;width:800px;height:800px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.light-rings i{position:absolute;border:1px solid #efc389;border-radius:50%;background:radial-gradient(ellipse,transparent 60%,#d5a26325);opacity:.12;inset:0}.light-rings i:nth-child(2){inset:55px}.light-rings i:nth-child(3){inset:110px}.light-rings i:nth-child(4){inset:165px}.light-rings i:nth-child(5){inset:220px}.light-rings i:nth-child(6){inset:275px}.sleep-lamp{position:relative;width:340px;height:242px;border-radius:48% 48% 29% 29% / 37% 37% 25% 25%;background:linear-gradient(100deg,#302d28,#444038 47%,#25231f);box-shadow:inset 0 1px 1px #77706640,0 18px 35px #0007;overflow:hidden;isolation:isolate}.shell-lit{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 15%,#fff2be 0%,#ffdfa0 40%,#eab76b 90%);opacity:var(--light);box-shadow:inset 12px 0 28px #fff0b64d,inset -15px -10px 25px #bf81372e}.shell-crown{position:absolute;inset:0;opacity:var(--light);background:radial-gradient(ellipse at 50% 1%,#fff9cf99,transparent 60%)}.lamp-clock{position:absolute;top:57%;width:100%;text-align:center;font:300 34px/1.1 'Manrope',sans-serif;letter-spacing:.08em;color:#fff4cb;text-shadow:0 0 13px #ffdb91;opacity:var(--light);font-variant-numeric:tabular-nums}.lamp-clock span{font-size:8px;letter-spacing:.1em;margin-left:5px}.floor-glow{position:absolute;width:460px;height:100px;bottom:-4px;background:radial-gradient(ellipse,#ffc97a88,transparent 68%);filter:blur(13px);opacity:var(--light)}.night-caption{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:min(420px,86%);text-align:center}.night-time{font-family:'Manrope',sans-serif;font-weight:400;font-size:27px;color:#dfc4a2;letter-spacing:.06em;font-variant-numeric:tabular-nums}.night-time span{font-size:10px}.night-message{color:#dacabb;font-family:var(--serif);font-size:20px;margin:10px 0 18px}.night-track{height:1px;background:#625345}.night-track span{display:block;background:#e7c292;height:1px;width:var(--progress)}.night-endpoints{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;color:#ae9c89;margin-top:11px}.scroll-cue{display:block;color:#b6a899;font-size:11px;letter-spacing:.04em;margin-top:22px}.night-skip{font-size:10px;color:#c7b49e;display:inline-flex;align-items:center;min-height:36px;text-decoration:underline;text-underline-offset:4px}.evening-story{padding-top:100px;padding-bottom:85px}.story-heading{max-width:710px;text-align:center;margin:0 auto 40px}.story-heading p{max-width:570px;margin:24px auto 0;line-height:1.85}.evening-story>img,.morning-story img{aspect-ratio:16/9;height:auto;border-radius:4px}.story-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;text-align:center}.story-notes p{font-family:var(--serif);font-size:20px}.story-notes span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.2em;margin-bottom:10px;color:var(--bronze)}.morning-story{padding:95px 0;background:#efe7db}.app-editorial{padding:40px;background:#eae3d7;border-radius:4px}.app-editorial>p{font-family:var(--serif);font-size:clamp(28px,3vw,38px);line-height:1.65;color:var(--ink);margin:0}.app-editorial em{color:#8b6a4c}.shop .small-note{margin-top:25px}
@media(max-width:650px){.night-stage{min-height:520px}.night-heading{top:6%}.night-heading h2{font-size:35px}.night-heading p{font-size:12px}.night-heading .eyebrow{font-size:9px}.light-scene{width:88%;height:230px;top:49%}.sleep-lamp{width:260px;height:185px}.lamp-clock{font-size:27px}.light-rings{width:570px;height:570px}.light-rings i:nth-child(2){inset:38px}.light-rings i:nth-child(3){inset:76px}.light-rings i:nth-child(4){inset:114px}.light-rings i:nth-child(5){inset:152px}.light-rings i:nth-child(6){inset:190px}.floor-glow{width:330px;bottom:-5px;height:80px}.night-caption{bottom:4%}.night-time{font-size:23px}.night-message{font-size:18px;margin:7px 0 14px}.scroll-cue{margin-top:16px;font-size:10px}.night-endpoints{font-size:7px}.evening-story{padding-top:65px;padding-bottom:45px}.story-heading{margin-bottom:28px}.story-heading p{font-size:16px}.evening-story>img,.morning-story img{aspect-ratio:4/3}.story-notes{grid-template-columns:1fr;gap:0;margin-top:25px}.story-notes p{font-size:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.morning-story{padding:60px 0}.app-editorial{padding:28px}.app-editorial>p{font-size:29px}}
@media(max-height:650px){.night-heading{top:4%}.night-heading h2{font-size:30px;margin-bottom:8px}.night-heading .eyebrow{margin-bottom:8px}.sleep-lamp{width:220px;height:156px}.light-scene{height:190px}.night-caption{bottom:2%}.night-message{margin:5px 0 8px}.scroll-cue{margin-top:10px}.night-time{font-size:20px}.lamp-clock{font-size:23px}}
@media(prefers-reduced-motion:reduce){.night-scroll.scroll-ready{height:100svh}.night-stage{position:relative}.light-rings{display:none}}