:root{--bg:#eeeadf;--ink:#383c35;--secondary:#73776a;--line:#383c3530;--accent:#a0783e;--sun:#e5bc7180;--shadow:#7d827338;--frame:#8c795c;--spot:radial-gradient(ellipse at 78% 26%,#fff8dc99,transparent 60%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'Yu Mincho','Hiragino Mincho ProN',serif;transition:background-color 1s,color .8s}body[data-hour="1"]{--bg:#e4d4be;--ink:#4b3c32;--secondary:#806b58;--line:#674b3035;--accent:#986849;--sun:#e1a75ea0;--shadow:#88654840;--frame:#86664c;--spot:radial-gradient(ellipse at 54% 35%,#fbe4ae88,transparent 62%)}body[data-hour="2"]{--bg:#343f49;--ink:#eee9dd;--secondary:#b6bdbe;--line:#d3d6d02e;--accent:#e5b979;--sun:#d4b28038;--shadow:#111b2999;--frame:#776959;--spot:radial-gradient(ellipse at 20% 60%,#a2a4a41c,transparent 65%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.ambient{position:absolute;inset:0 0 auto;height:1020px;overflow:hidden;pointer-events:none;z-index:-1;background:var(--spot)}.sun{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--sun);filter:blur(45px);right:-160px;top:120px;transition:transform 1.5s,background 1s,opacity 1s;opacity:.6}.window-shadow{position:absolute;width:700px;height:630px;right:-200px;top:160px;border:65px solid var(--shadow);transform:rotate(-28deg) skewY(12deg);opacity:.23;filter:blur(6px);transition:transform 1.5s,opacity 1s}.window-shadow:before,.window-shadow:after{content:'';position:absolute;background:var(--shadow)}.window-shadow:before{height:100%;width:40px;left:45%}.window-shadow:after{width:100%;height:40px;top:45%}body[data-hour="1"] .sun{transform:translate(-400px,230px)}body[data-hour="1"] .window-shadow{transform:translate(-90px,50px) rotate(-40deg) skewY(18deg);opacity:.34}body[data-hour="2"] .sun{transform:translate(-800px,500px);opacity:.3}body[data-hour="2"] .window-shadow{transform:translate(-160px,120px) rotate(-52deg) skewY(23deg);opacity:.3}header{margin:0 5.5%;height:103px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:20px Georgia,serif;letter-spacing:.16em}.brand span{font-size:9px;display:block;letter-spacing:.35em;margin-top:7px}.header-caption{font:8px Georgia,serif;letter-spacing:.2em;color:var(--secondary)}.about-link{font-size:10px;letter-spacing:.1em}.about-link span{margin-left:20px}.journey{max-width:1500px;margin:auto;padding:28px 5.5% 0}.stage-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font:9px Georgia,serif;letter-spacing:.2em;color:var(--secondary);margin:0 0 20px;line-height:1.8}.stage-top .eyebrow{font:10px 'Yu Mincho',serif;letter-spacing:.22em;margin:0}.current-period{font-size:10px;letter-spacing:.1em;color:var(--secondary)}.scene{display:grid;grid-template-columns:1fr 1fr .75fr;gap:6%;align-items:center;min-height:565px;padding:30px 0 35px}.time-column{padding-top:10px}.small-label{font:7px Georgia,serif;letter-spacing:.16em;color:var(--secondary);margin:0 0 10px}.big-time{display:flex;align-items:baseline;font:clamp(62px,7.3vw,110px) Georgia,serif;font-weight:400;letter-spacing:-.07em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.colon{font-size:.63em;margin:0 .07em;font-weight:300;transform:translateY(-.08em);opacity:.6}.time-rule{height:1px;background:var(--line);width:35px;margin:22px 0 16px}#scene-date{font-size:10px;letter-spacing:.16em;color:var(--secondary);margin:0}h1{font-size:25px;line-height:1.95;letter-spacing:.13em;font-weight:400;margin:32px 0 22px}.instruction{font-size:10px;line-height:2;letter-spacing:.12em;color:var(--secondary);margin:0}.down-link{display:inline-block;font:21px Georgia,serif;margin-top:14px;padding:6px 15px 6px 0}.art-display{position:relative;margin:0;justify-self:center;width:100%;max-width:300px}.frame{background:var(--frame);padding:7px;box-shadow:9px 20px 26px #27261c25,1px 2px 3px #27261c40;transition:background .8s;position:relative;z-index:1}.frame button{border:0;background:#f9f6ed;display:block;padding:20px;width:100%;cursor:zoom-in;box-shadow:inset 0 0 5px #2f2a2528}.frame img{display:block;width:100%;height:405px;object-fit:contain;transition:opacity .2s}.art-display figcaption{font:7px Georgia,serif;display:flex;justify-content:space-between;gap:10px;color:var(--secondary);letter-spacing:.12em;margin-top:18px}.art-shadow{position:absolute;width:100%;height:100%;top:23px;left:34px;background:var(--shadow);z-index:0;transform:skewY(-10deg);filter:blur(15px);opacity:.55}.memo-column{align-self:center;padding-top:30px}.memo-index{font:italic 11px Georgia,serif;letter-spacing:.1em;color:var(--secondary)}.poem h2{font-size:18px;font-weight:400;letter-spacing:.1em;line-height:1.8;margin:35px 0 27px}.poem p{font-size:11px;line-height:2.5;letter-spacing:.07em;white-space:pre-line;min-height:180px;margin:0}.bookmark{display:flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px;color:var(--secondary);margin-top:24px;letter-spacing:.05em}.bookmark svg{height:17px;width:14px;stroke:currentColor;fill:none;stroke-width:1.2}.bookmark[aria-pressed=true]{color:var(--accent)}.bookmark[aria-pressed=true] svg{fill:var(--accent);fill-opacity:.3}.timeline-wrap{padding:0 0 30px;border-bottom:1px solid var(--line)}.timeline-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.timeline-top p{font-size:10px;letter-spacing:.14em;margin:0}.timeline-top>span{font:7px Georgia,serif;letter-spacing:.17em;color:var(--secondary)}.timeline{position:relative;display:flex;justify-content:space-between;padding:0 6%;gap:20px}.track{position:absolute;height:1px;left:10%;right:10%;top:15px;background:var(--line)}.track-fill{height:1px;background:var(--accent);width:0;transition:width .8s}.time-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:8px 20px;color:var(--secondary);min-width:100px}.stop-dot{border:1px solid var(--secondary);background:var(--bg);width:8px;height:8px;border-radius:50%;position:relative;z-index:1;transition:background .8s}.time-stop[aria-pressed=true] .stop-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--line)}.stop-time{font:23px Georgia,serif;letter-spacing:.03em;margin-top:5px}.stop-name{font-size:9px;letter-spacing:.12em}.time-stop[aria-pressed=true]{color:var(--ink)}.timeline-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--secondary);gap:20px;margin-top:15px}.timeline-bottom>span{font:6px Georgia,serif;letter-spacing:.2em}.timeline-bottom p{font-size:8px;letter-spacing:.08em;margin:0}.about{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:15%;padding:100px 12% 80px}.about h2{font-size:32px;line-height:1.9;letter-spacing:.14em;font-weight:400;margin:22px 0 25px}.about p:not(.eyebrow){font-size:12px;line-height:2.5;letter-spacing:.08em;color:var(--secondary);margin:0 0 25px}.about-detail{padding-top:45px}.signature{font:italic 17px Georgia,serif;display:block;margin-top:35px;color:var(--secondary)}.saved-section{margin:0 8%;padding:45px 0;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{margin:0}.section-heading h2{font-size:20px;font-weight:400;letter-spacing:.12em;margin:0}#saved-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.saved-empty{font-size:11px;line-height:2;color:var(--secondary);margin:0}.saved-item{display:flex;gap:17px;align-items:center;background:none;border:1px solid var(--line);padding:12px 22px 12px 12px;text-align:left;transition:background .3s}.saved-item:hover{background:var(--line)}.saved-item img{height:65px;width:42px;object-fit:cover}.saved-item small{display:block;font:17px Georgia,serif;margin-bottom:9px;color:var(--secondary)}.saved-item span{font-size:11px;letter-spacing:.07em}.guide{padding:35px 0 25px;margin:0 8%}details{border-bottom:1px solid var(--line);padding:22px 0}summary{list-style:none;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--secondary)}details[open] summary span{transform:rotate(45deg)}details p{font-size:11px;line-height:2.3;color:var(--secondary);max-width:800px;margin:20px 0 0}.closing{text-align:center;padding:45px 20px 70px}.closing p{font-size:18px;letter-spacing:.18em;margin:0 0 27px}.closing a{font-size:10px;color:var(--secondary);border-bottom:1px solid var(--line);padding:10px 0;letter-spacing:.1em}footer{margin:0 5.5%;padding:32px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>a{font:15px Georgia,serif;letter-spacing:.14em}footer>a span{font-size:9px;margin-left:15px}footer p,footer>span{font:7px Georgia,serif;letter-spacing:.15em;color:var(--secondary)}dialog{background:#f9f6ed;border:0;padding:48px 30px 25px;width:min(620px,92vw);max-height:94vh;color:#383c35}dialog::backdrop{background:#19202cdb;backdrop-filter:blur(6px)}dialog img{display:block;margin:auto;max-height:75vh;max-width:100%;object-fit:contain}dialog p{font-size:10px;text-align:center;letter-spacing:.1em;margin:18px 0 0}#close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:12px 22px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.scene{min-height:620px}.frame img{height:450px}.art-display{max-width:330px}}@media(max-width:1050px){.scene{gap:4%;grid-template-columns:.9fr 1fr .75fr}.big-time{font-size:75px}h1{font-size:22px}.frame button{padding:14px}.frame img{height:370px}.poem h2{font-size:15px}.poem p{font-size:10px}.art-display{max-width:260px}.memo-column{padding-top:10px}.poem p{min-height:160px}.header-caption{font-size:6px}.scene{min-height:535px}}@media(max-width:700px){header{height:86px;margin:0 6%}.brand{font-size:17px}.header-caption{display:none}.about-link{font-size:9px}.about-link span{margin-left:10px}.journey{padding:25px 6% 0}.stage-top .eyebrow{font-size:9px}.current-period{font-size:8px}.scene{grid-template-columns:.8fr 1fr;gap:28px 20px;padding:35px 0 30px;min-height:auto}.small-label{font-size:5px;letter-spacing:.08em}.big-time{font-size:clamp(48px,11vw,75px)}.time-column{padding-top:0}.time-rule{margin:17px 0 13px}#scene-date{font-size:8px}h1{font-size:19px;margin:23px 0 17px;letter-spacing:.08em}.instruction{font-size:9px}.down-link{font-size:18px;margin-top:8px}.art-display{max-width:230px;align-self:center}.frame{padding:5px}.frame button{padding:11px}.frame img{height:290px}.art-display figcaption{font-size:5px;letter-spacing:.02em;margin-top:12px;gap:3px}.art-shadow{left:15px;top:15px}.memo-column{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:15px;align-items:center;padding:0 0 0 3px;border-top:1px solid var(--line)}.memo-index{font-size:9px;grid-column:1/-1;margin-top:22px}.poem h2{font-size:17px;margin:15px 0 12px}.poem p{font-size:10px;line-height:2.1;min-height:0;white-space:normal;max-width:230px}.bookmark{margin:0;align-self:end;padding-bottom:8px;font-size:9px}.bookmark svg{height:15px}.timeline-top>span{font-size:5px;letter-spacing:.04em}.timeline-top p{font-size:9px}.timeline-wrap{padding-bottom:22px}.timeline{padding:0;gap:8px}.time-stop{padding:8px 12px;min-width:75px}.track{left:12%;right:12%}.stop-time{font-size:23px}.stop-name{font-size:8px}.timeline-bottom{gap:10px}.timeline-bottom p{font-size:7px;max-width:210px;text-align:center;line-height:1.8}.timeline-bottom>span{font-size:5px}.ambient{height:1050px}.sun{width:240px;height:240px;right:-100px;top:140px}.window-shadow{width:480px;height:600px;top:70px;right:-260px;border-width:40px}body[data-hour="1"] .sun{transform:translate(-180px,200px)}body[data-hour="2"] .sun{transform:translate(-300px,430px)}.about{grid-template-columns:1fr;gap:18px;padding:55px 8% 45px}.about h2{font-size:28px;margin:18px 0 23px}.about p:not(.eyebrow){font-size:11px}.about-detail{padding:0}.signature{font-size:15px;margin-top:25px}.saved-section{padding:32px 0}.section-heading{display:block}.section-heading .eyebrow{font-size:8px;margin-bottom:13px}.section-heading h2{font-size:20px}.saved-item{width:100%}.guide{padding:15px 0 20px}summary{font-size:10px}.closing{padding:35px 15px 50px}.closing p{font-size:17px}footer{flex-wrap:wrap;padding:28px 0;gap:15px}footer>a{font-size:14px}footer p{font-size:6px}footer>span{display:none}#toast{width:max-content;max-width:90vw}.art-display figcaption>span:last-child{display:none}}@media(max-width:380px){.big-time{font-size:45px}.scene{gap:22px 16px}.frame img{height:250px}.frame button{padding:8px}h1{font-size:17px}.bookmark{font-size:8px;gap:6px}.time-stop{padding-inline:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.art-source{font-size:8px;color:var(--secondary);line-height:1.7;letter-spacing:.03em;margin:10px 0 0}@media(max-width:700px){.art-source{font-size:7px}}


.big-time{width:max-content}.time-column>.kz-wrap{display:block;width:max-content;line-height:0}.kz-dg:nth-child(3){font-size:.63em;margin:0 .07em;position:relative;top:-.08em;opacity:.6}.kz-ghost{font-variant-numeric:tabular-nums}.kz-blocks i[style*="rgb(238, 234, 223)"]{background:var(--bg)!important}