@font-face{font-family:"Bellefair";font-weight:400;font-display:swap;src:url(/assets/fonts/bellefair-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Bellefair";font-weight:400;font-display:swap;src:url(/assets/fonts/bellefair-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-weight:400;font-display:swap;src:url(/assets/fonts/rubik-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-weight:400;font-display:swap;src:url(/assets/fonts/rubik-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-weight:500;font-display:swap;src:url(/assets/fonts/rubik-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-weight:500;font-display:swap;src:url(/assets/fonts/rubik-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-weight:700;font-display:swap;src:url(/assets/fonts/rubik-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-weight:700;font-display:swap;src:url(/assets/fonts/rubik-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --night:#0b0f2e;--paper:#f7f8fc;--ink:#141832;--muted:#5b6080;--rule:#e3e6f0;--link:#3346b8;
  --serif:"Bellefair",Georgia,"Times New Roman",serif;
  --sans:"Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --sky-top:#171845;--sky-bot:#4a2a6a;--dark:1;--fg:#f4f1ff;
  --p:#8ea2ff;--p-ink:#3346b8;--p-soft:#e8ecff;
}
.ph-dusk{--p:#ffad5c;--p-ink:#8a4b00;--p-soft:#fff0de}
.ph-neon{--p:#ff6fb1;--p-ink:#b0215f;--p-soft:#ffe6f2}
.ph-moon{--p:#8ea2ff;--p-ink:#3346b8;--p-soft:#e8ecff}
.ph-dawn{--p:#4fc3e8;--p-ink:#0b6c8c;--p-soft:#e0f6fd}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.1rem;line-height:1.8;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:.22em;text-decoration-thickness:.06em}
:focus-visible{outline:3px solid #ffd699;outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.js-only{display:none!important}
.js .js-only{display:revert!important}
.skip{position:absolute;inset-inline-start:1rem;top:-4rem;z-index:60;background:#ffd699;color:var(--night);padding:.5rem 1rem;border-radius:8px;font-weight:700}
.skip:focus{top:1rem}
.wrap{max-width:75rem;margin:0 auto;padding:0 1.25rem}

.top{background:var(--night);color:#eef0ff}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.7rem;padding-bottom:.7rem}
.logo{display:inline-flex;align-items:center;gap:.6rem;color:#fff3e0;text-decoration:none;font-family:var(--serif);font-size:1.9rem;line-height:1}
.logo svg{width:32px;height:32px}
.top nav{display:flex;gap:1.3rem}
.top nav a{color:#d9dcf5;text-decoration:none;font-weight:500;font-size:1rem}
.top nav a:hover,.top nav a[aria-current]{color:#ffd699}

/* ===== night sky (home) ===== */
.sky{position:relative;overflow:hidden;color:var(--fg);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 100%)}
.stars{position:absolute;inset:0;width:100%;height:100%;opacity:var(--dark);pointer-events:none}
.stars circle{fill:#fff6e6}
.stars .tw{animation:tw 5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes tw{0%,100%{opacity:.35}50%{opacity:1}}
.shoot{position:absolute;top:12%;left:-10%;width:140px;height:2px;background:linear-gradient(90deg,transparent,#fff);opacity:0;transform:rotate(-18deg);pointer-events:none}
.js .shoot.go{animation:shoot 1.6s ease-out}
@keyframes shoot{0%{opacity:0;transform:translate(0,0) rotate(-18deg)}15%{opacity:calc(var(--dark) * .9)}100%{opacity:0;transform:translate(70vw,22vh) rotate(-18deg)}}
.sky .wrap{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:2rem 3rem;align-items:center;padding-top:2.6rem;padding-bottom:2.8rem}
.kick{margin:0 0 .3rem;font-weight:500;font-size:1.02rem;opacity:.85}
.title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(4.6rem,12vw,9rem);line-height:.86;letter-spacing:-.01em}
.title span{display:block}
.tag{margin:1rem 0 1.4rem;font-size:1.3rem;line-height:1.5;max-width:30ch;opacity:.92}
.glass{background:color-mix(in srgb,var(--sky-top) 35%,rgba(255,255,255,.14));border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:1rem 1.15rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.say{margin:0;font-size:1.06rem;line-height:1.55}
.say b{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-inline-end:.35rem}
.say button{margin-top:.6rem}
.hourcard{margin-top:1rem;padding:1.1rem 1.2rem 1.2rem;border-radius:16px;background:#fff;color:var(--ink);border-top:6px solid var(--p);box-shadow:0 26px 50px -26px rgba(0,0,0,.6)}
.hourcard__top{display:flex;align-items:center;gap:.6rem}
.chip{display:inline-block;padding:.08rem .7rem;border-radius:999px;background:var(--p-soft);color:var(--p-ink);font-size:.85rem;font-weight:700}
.hourcard__time{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--p-ink)}
.hourcard__t{display:block;margin:.5rem 0 .3rem;font-weight:700;font-size:1.2rem;line-height:1.35}
.hourcard__x{margin:0 0 .8rem;color:var(--muted);font-size:.98rem;line-height:1.6}
.go{display:inline-block;padding:.5rem 1.1rem;border-radius:999px;background:var(--p-ink);color:#fff;text-decoration:none;font-weight:700;font-size:.98rem}
.go:hover{filter:brightness(1.12)}

/* clock */
.clockbox{position:relative}
.dial{display:block;width:100%;max-width:560px;margin:0 auto;height:auto;touch-action:none;cursor:grab;outline:none}
.dial:active{cursor:grabbing}
.dial:focus-visible .face{stroke:#ffd699;stroke-width:4}
.face{fill:rgba(255,255,255,.06);stroke:color-mix(in srgb,var(--fg) 35%,transparent);stroke-width:2}
.tick{stroke:var(--fg);stroke-opacity:.45;stroke-width:2}
.tick.maj{stroke-opacity:.85;stroke-width:3}
.hl{font-family:var(--serif);font-size:30px;fill:var(--fg);fill-opacity:.85;text-anchor:middle;dominant-baseline:central}
.arc{fill:none;stroke-width:14;stroke-linecap:round;stroke:var(--p);opacity:.85}
.arc.day{stroke:color-mix(in srgb,var(--fg) 25%,transparent);opacity:.6}
.hand line{stroke:var(--fg);stroke-width:4;stroke-linecap:round}
.hand .moon{fill:#ffd699}
.hand .moon-cut{fill:var(--sky-top)}
.digital{font-family:var(--serif);font-size:120px;fill:var(--fg);text-anchor:middle;dominant-baseline:central}
.phase-lbl{font-family:var(--sans);font-size:26px;font-weight:500;fill:var(--fg);fill-opacity:.85;text-anchor:middle}
.mk .st{fill:var(--p);stroke:#fff;stroke-width:0;transition:transform .2s ease;transform-box:fill-box;transform-origin:center}
.js .mk.on .st{animation:pop .55s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(.5s + var(--i) * 80ms)}
@keyframes pop{from{transform:scale(0) rotate(-90deg);opacity:0}}
.mk.off .st{fill:none;stroke:var(--p);stroke-width:2;stroke-dasharray:3 4;opacity:.6}
.mk.on .st{filter:drop-shadow(0 0 6px var(--p))}
.mk.on a:hover .st,.mk.on a:focus .st,.mk.cur .st{transform:scale(1.45);stroke-width:2.5}
.mk.seen .st{fill:#fff6e6}
.mk a{outline:none}
.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.6rem}
.btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:var(--fg);border-radius:999px;padding:.45rem 1rem;font:500 .98rem/1.2 var(--sans);cursor:pointer}
.btn:hover{background:rgba(255,255,255,.22)}
.btn--main{background:#ffd699;color:var(--night);border-color:#ffd699;font-weight:700}
.counter{margin:.8rem 0 0;text-align:center;font-size:.98rem;opacity:.9}
.hint{margin:.3rem 0 0;text-align:center;font-size:.92rem;opacity:.75}

/* ===== reveal on scroll ===== */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.js .tl__item.reveal{transform:translateX(44px)}
.js .tl__item.reveal:nth-child(even){transform:translateX(-44px)}
.js .tl__item.reveal.in{transform:none}

.sec{padding:3.4rem 0}
.h2{margin:0 0 1.3rem;font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1}

/* night strip */
.strip-sec{padding:3.2rem 0 3.4rem;background:var(--night);color:#eef0ff}
.strip-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.strip-head .h2{margin:0;color:#fff3e0}
.strip-head p{margin:.4rem 0 0;color:#c9cdea;font-size:1rem}
.strip-nav{display:flex;gap:.5rem}
.strip-nav button{width:2.9rem;height:2.9rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s,transform .2s}
.strip-nav button:hover{background:rgba(255,255,255,.2);transform:scale(1.06)}
.strip{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(1.25rem,calc((100vw - 75rem) / 2 + 1.25rem));scroll-behavior:smooth;margin:0;padding:.4rem max(1.25rem,calc((100vw - 75rem) / 2 + 1.25rem)) 1.3rem;list-style:none;scrollbar-width:thin;scrollbar-color:#3a4180 transparent}
.slot{flex:0 0 17.5rem;scroll-snap-align:start}
.slot a{position:relative;display:block;height:25rem;border-radius:22px;overflow:hidden;color:var(--fg);text-decoration:none;background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));box-shadow:0 26px 44px -28px rgba(0,0,0,.85);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.slot a:hover{transform:translateY(-6px)}
.slot img{position:absolute;inset:0 0 auto 0;width:100%;height:64%;object-fit:cover;transition:transform .7s ease;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.slot a:hover img{transform:scale(1.07)}
.slot__time{position:absolute;inset-inline-start:1rem;top:.8rem;font-family:var(--serif);font-size:2.5rem;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.slot__body{position:absolute;inset-inline:1.05rem;bottom:1.05rem}
.slot__ph{display:inline-block;margin-bottom:.45rem;padding:.05rem .65rem;border-radius:999px;background:var(--p-soft);color:var(--p-ink);font-size:.8rem;font-weight:700}
.slot__t{display:block;font-weight:700;font-size:1.12rem;line-height:1.35}

/* manifesto */
.manifesto{padding:4.4rem 0;text-align:center;background:radial-gradient(34rem 18rem at 50% 0%,rgba(142,162,255,.2),transparent 70%),var(--paper)}
.moonmark{display:block;width:46px;height:46px;margin:0 auto 1.3rem;animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.manifesto .big{max-width:34ch;margin:0 auto 1.1rem;font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.38;color:var(--ink)}
.manifesto p{max-width:62ch;margin:0 auto;color:var(--muted)}

/* zig-zag timeline of the four phases */
.tl{position:relative;list-style:none;margin:0;padding:0}
.tl::before{content:"";position:absolute;top:.5rem;bottom:2rem;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:linear-gradient(180deg,#ffad5c,#ff6fb1 33%,#8ea2ff 64%,#4fc3e8)}
.tl__item{position:relative;width:50%;padding:0 0 2.8rem;padding-inline-end:3rem}
.tl__item:nth-child(even){margin-inline-start:auto;padding-inline-end:0;padding-inline-start:3rem}
.tl__dot{position:absolute;top:1.2rem;inset-inline-end:-13px;width:26px;height:26px;border-radius:50%;background:var(--p);box-shadow:0 0 0 7px var(--p-soft),0 0 26px var(--p)}
.tl__item:nth-child(even) .tl__dot{inset-inline-end:auto;inset-inline-start:-13px}
.js .tl__item.in .tl__dot{animation:glow 3.6s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 7px var(--p-soft),0 0 18px var(--p)}50%{box-shadow:0 0 0 11px var(--p-soft),0 0 34px var(--p)}}
.tl__body{background:#fff;border:1px solid var(--rule);border-radius:22px;padding:1.3rem 1.4rem 1.4rem;box-shadow:0 22px 38px -32px rgba(11,15,46,.65)}
.tl__body h3{margin:0;font-family:var(--serif);font-weight:400;font-size:2.1rem;line-height:1.1}
.tl__body h3 a{color:var(--ink);text-decoration:none}
.tl__body h3 a:hover{color:var(--p-ink)}
.tl__when{display:block;margin:.15rem 0 .3rem;color:var(--p-ink);font-weight:700;font-size:.9rem}
.tl__body>p{margin:0 0 .9rem;color:var(--muted);font-size:1rem}
.pills{display:flex;flex-direction:column;gap:.45rem;list-style:none;margin:0;padding:0}
.pills a{display:flex;gap:.75rem;align-items:baseline;padding:.55rem .8rem;border-radius:14px;background:var(--p-soft);color:var(--ink);text-decoration:none;line-height:1.35;font-weight:500;transition:transform .25s ease,background .25s}
.pills a:hover{transform:translateX(-5px);background:color-mix(in srgb,var(--p-soft) 70%,var(--p))}
.pills b{flex:none;font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--p-ink)}
.pills time{display:block;font-size:.8rem;color:var(--muted);font-weight:400}

/* ===== article ===== */
.readbar{position:fixed;top:0;left:0;right:0;height:4px;z-index:70;pointer-events:none}
.readbar span{display:block;height:100%;background:linear-gradient(-90deg,var(--p),#ffd699);transform:scaleX(0);transform-origin:100% 50%}
.cine{position:relative;display:flex;align-items:flex-end;min-height:min(84vh,47rem);overflow:hidden;color:#fff;background:var(--night)}
.cine__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 35%;animation:kb 2.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.cine__veil{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sky-top) 45%,transparent) 0%,color-mix(in srgb,var(--sky-bot) 40%,transparent) 42%,rgba(11,15,46,.88) 78%,var(--night) 100%)}
.cine__in{position:static;width:100%;padding-top:5.5rem;padding-bottom:2.8rem}
.cine__in>*{position:relative}
.cine .crumbs{position:absolute;z-index:2;top:1.1rem;inset-inline:max(1.25rem,calc((100vw - 75rem) / 2 + 1.25rem));font-size:.92rem;color:#eef0ff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.cine .crumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.cine .crumbs li+li::before{content:"‹";margin-inline-end:.35rem;opacity:.7}
.cine .crumbs a{color:inherit}
.cine__time{display:flex;align-items:center;gap:.9rem;margin-bottom:.5rem}
.cine__hh{font-family:var(--serif);font-size:clamp(3.6rem,8.5vw,6.4rem);line-height:.85;color:#ffd699;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.cine .h1{margin:.1rem 0 .9rem;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;max-width:23ch;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.45)}
.cine .lead{margin:0 0 .9rem;max-width:52ch;font-size:1.25rem;line-height:1.6;color:#eef0ff}
.cine .meta{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem;margin:0;font-size:.95rem;color:#d9dcf5}
.cine__time,.cine .h1,.cine .lead,.cine .meta{animation:up .95s cubic-bezier(.2,.7,.2,1) both}
.cine .h1{animation-delay:.12s}.cine .lead{animation-delay:.24s}.cine .meta{animation-delay:.34s}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.ar__grid{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2.5rem 3.5rem;align-items:start;padding-top:2.6rem;padding-bottom:1rem}
.rail{position:sticky;top:1.2rem;padding:1.1rem 1.1rem 1.2rem;border-radius:22px;background:var(--night);color:#e7e9fb;box-shadow:0 24px 44px -30px rgba(11,15,46,.8)}
.rail .miniclock{display:block;width:100%;max-width:9.5rem;margin:0 auto .3rem;color:#e7e9fb}
.rail__time{margin:0;text-align:center;font-family:var(--serif);font-size:2rem;line-height:1;color:#ffd699}
.rail__ph{margin:.25rem 0 .9rem;text-align:center;font-size:.85rem;color:#c9cdea}
.rail__toc summary{cursor:pointer;list-style:none;margin:0 0 .45rem;font-size:.82rem;color:#aab0d8}
.rail__toc summary::-webkit-details-marker{display:none}
.rail__toc ol{list-style:none;margin:0;padding:0;border-inline-start:2px solid rgba(255,255,255,.14)}
.rail__toc a{display:block;margin-inline-start:-2px;padding:.3rem .75rem;border-inline-start:2px solid transparent;color:#c9cdea;font-size:.9rem;line-height:1.35;text-decoration:none;transition:color .25s,border-color .25s,background .25s}
.rail__toc a:hover{color:#fff}
.rail__toc a.on{color:#fff;border-color:var(--p);background:rgba(255,255,255,.07)}
.rail__moon{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.12);font-size:.86rem;color:#c9cdea}
.rail__moon svg{width:2.3rem;height:2.3rem;flex:none}
.log{margin:0 0 2.3rem;padding:1.3rem 1.4rem 1.4rem;border-radius:18px;background:var(--p-soft);border-inline-start:6px solid var(--p)}
.log h2{margin:0 0 .35rem;font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1;color:var(--p-ink)}
.log p{margin:0;font-size:1.08rem;line-height:1.75}
.prose p{margin:0 0 1.25rem}
.prose>p:first-of-type::first-letter{float:right;margin:.06em 0 0 .14em;font-family:var(--serif);font-size:3.7em;line-height:.8;color:var(--p-ink)}
.prose h2{display:flex;align-items:baseline;gap:.65rem;margin:2.8rem 0 .9rem;font-family:var(--serif);font-weight:400;font-size:2.1rem;line-height:1.15;scroll-margin-top:1rem}
.prose h2::before{content:"✦";flex:none;font-size:.7em;color:var(--p);opacity:.25;transform:scale(.4) rotate(-60deg);transition:opacity .7s ease,transform .7s cubic-bezier(.3,1.6,.5,1)}
.prose h2.lit::before{opacity:1;transform:none}
.prose ul{margin:0 0 1.25rem;padding-inline-start:1.4rem;list-style:none}
.prose ul li{position:relative;margin:.4rem 0}
.prose ul li::before{content:"✦";position:absolute;inset-inline-start:-1.3rem;color:var(--p);font-size:.75em;top:.25em}
.tablewrap{overflow-x:auto;margin:0 0 1.4rem;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--rule)}
.prose table{width:100%;border-collapse:collapse;font-size:.98rem;line-height:1.5}
.prose th,.prose td{padding:.7rem .85rem;text-align:start;vertical-align:top;border-bottom:1px solid var(--rule)}
.prose th{background:var(--night);color:#ffd699;font-weight:500}
.prose tr:nth-child(even) td{background:#fafbff}
.prose tr:last-child td{border-bottom:0}
.prose .note{margin-top:2.6rem;padding:1rem 1.1rem;border-radius:14px;background:#eef0f8;color:var(--muted);font-size:.95rem}
.sources{margin:1.6rem 0 0;padding:1rem 1.2rem;border-radius:14px;border:1px dashed var(--p);font-size:.98rem}
.sources h2{margin:0 0 .3rem;font-size:1.05rem}
.sources ul{margin:0;padding-inline-start:1.2rem}
.hours-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:3.2rem}
.hn{position:relative;display:block;min-height:15rem;padding:1.7rem 1.9rem;overflow:hidden;color:var(--fg);text-decoration:none;background:linear-gradient(160deg,var(--sky-top),var(--sky-bot))}
.hn::after{content:"";position:absolute;inset:0;background:radial-gradient(18rem 12rem at var(--mx,50%) var(--my,50%),rgba(255,255,255,.22),transparent 70%);opacity:0;transition:opacity .35s}
.hn:hover::after{opacity:1}
.hn small{position:relative;display:block;font-size:.9rem;opacity:.85}
.hn .hh{position:relative;display:block;margin:.3rem 0 .4rem;font-family:var(--serif);font-size:3.4rem;line-height:1}
.hn b{position:relative;display:block;max-width:26ch;font-size:1.2rem;line-height:1.35}
.hn--next{text-align:end}
.hn--next b{margin-inline-start:auto}
.hn--back{display:grid;place-items:center;text-align:center;background:var(--night);color:#eef0ff}

/* phase page */
.pband{color:#eef0ff;background:radial-gradient(40rem 20rem at 80% 0%,color-mix(in srgb,var(--p) 40%,transparent),transparent 70%),var(--night)}
.pband .wrap{padding-top:1.3rem;padding-bottom:2.4rem}
.pband .crumbs{font-size:.92rem;color:#c9cdea}
.pband .crumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.pband .crumbs li+li::before{content:"‹";margin-inline-end:.35rem}
.pband .crumbs a{color:inherit}
.pband h1{margin:.6rem 0 .5rem;font-family:var(--serif);font-weight:400;font-size:clamp(3rem,7vw,5rem);line-height:1;color:var(--p)}
.pband p{margin:0;max-width:55ch;font-size:1.15rem;opacity:.92}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.3rem;margin:0;padding:2.4rem 0 3.4rem;list-style:none}
.pgrid .slot{flex:none}

/* plain pages */
.page{max-width:68ch;margin:0 auto;padding:.5rem 0 3.5rem}
.page h1{margin:1.4rem 0 1rem;font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,6vw,4.2rem);line-height:1}
.page h2{margin:2.2rem 0 .6rem;font-size:1.4rem}
.crumbs-plain{margin:1.3rem 0 0;font-size:.92rem;color:var(--muted)}
.crumbs-plain ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.crumbs-plain li+li::before{content:"‹";margin-inline-end:.35rem}
.crumbs-plain a{color:inherit}

.foot{background:var(--night);color:#c9cdea;padding:2.2rem 0 2.6rem;font-size:.95rem}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2.5rem}
.foot p{margin:0;max-width:46ch}
.foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.foot a{color:#eef0ff;text-decoration:none}
.foot a:hover{color:#ffd699}

@media (max-width:900px){
  .sky .wrap{grid-template-columns:minmax(0,1fr)}
  .tag{max-width:none}
  .ar__grid{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;order:-1;padding:.8rem 1rem}
  .rail .miniclock,.rail__time,.rail__ph,.rail__moon{display:none}
  .rail__toc summary{margin:0;font-size:1rem;color:#fff}
  .rail__toc[open] summary{margin-bottom:.5rem}
  .tl::before{left:auto;right:12px}
  .tl__item,.tl__item:nth-child(even){width:auto;margin:0;padding:0 2.8rem 2rem 0}
  .tl__dot,.tl__item:nth-child(even) .tl__dot{inset-inline-start:-1px;inset-inline-end:auto;right:0;left:auto}
  .js .tl__item.reveal,.js .tl__item.reveal:nth-child(even){transform:translateY(28px)}
}
@media (max-width:640px){
  body{font-size:1.04rem}
  .digital{font-size:104px}
  .hours-nav{grid-template-columns:1fr}
  .hn--next{text-align:start}
  .hn--next b{margin-inline-start:0}
  .slot{flex-basis:15.5rem}
  .cine{min-height:78vh}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal,.js .tl__item.reveal{opacity:1;transform:none}
}
@media print{.top,.foot,.rail,.hours-nav,.strip-sec,.readbar{display:none}.cine{min-height:0;color:#000}.cine__img,.cine__veil{display:none}}