:root{color-scheme:dark;--pale:#d2e4ee;--muted:#a3b6c5;--gold:#c6af7e;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#101e30;color:var(--pale);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #e2c78f;outline-offset:7px}.landscape,.veil,#night,.mist{position:fixed;inset:0;pointer-events:none}.landscape{background:#112037 url('../images/night-landscape.webp') center 59%/cover no-repeat;z-index:-5}.veil{z-index:-4;background:linear-gradient(180deg,rgba(12,25,42,.22),rgba(9,22,37,.04) 48%,rgba(7,17,29,.18) 76%,rgba(5,13,23,.58))}#night{z-index:-3;width:100%;height:100%}.mist{inset:60% -20% auto;height:16%;z-index:-2;opacity:.14;background:radial-gradient(ellipse at center,rgba(151,186,206,.4),transparent 66%);filter:blur(18px);animation:drift 75s ease-in-out infinite alternate}.mist-two{inset:21% -35% auto 25%;height:7%;opacity:.09;animation-duration:110s;animation-direction:alternate-reverse}@keyframes drift{to{transform:translateX(12%) scaleX(1.12)}}.masthead{position:absolute;top:clamp(22px,4.4vh,52px);left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.masthead h1{margin:0;line-height:0}.masthead img{width:clamp(235px,24vw,350px);height:auto;mix-blend-mode:lighten}.header-note{font:12px var(--serif);letter-spacing:.22em;color:#c3cdd4;text-align:right;line-height:2}.header-note span{display:block;font:8px sans-serif;letter-spacing:.3em;color:var(--gold);margin-top:6px}.thought{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:min(880px,81%);text-align:center}.eyebrow{display:flex;gap:18px;justify-content:center;align-items:center;font-size:9px;letter-spacing:.26em;color:var(--gold);margin:0 0 30px}.eyebrow span{width:25px;height:1px;background:linear-gradient(90deg,transparent,#aa9874)}.eyebrow span:last-child{transform:rotate(180deg)}.quote-content{transition:opacity .4s ease,transform .4s ease;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quote-content.changing{opacity:0;transform:translateY(5px)}blockquote{margin:0;font:clamp(21px,2.05vw,32px)/1.95 var(--serif);letter-spacing:.12em;text-wrap:balance;color:#e2ebef;text-shadow:0 2px 24px #071523,0 2px 6px #071523;max-width:100%}.author{font:12px/1.6 var(--serif);letter-spacing:.16em;color:#c0ced7;margin:22px 0 0}.author:before{content:'—';margin-right:12px;color:var(--gold)}.quote-actions{display:flex;align-items:center;gap:16px;justify-content:center;margin-top:25px}.quote-actions button{border:0;background:transparent;font-size:10px;letter-spacing:.12em;padding:9px 4px;color:#adbfcc;transition:color .2s}.quote-actions button:hover{color:#fff}.quote-actions svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;vertical-align:-2px;margin-right:8px}.action-divider{height:9px;width:1px;background:#526473}.destinations{position:absolute;bottom:16.8%;left:50%;transform:translateX(-50%);width:min(880px,78%);display:grid;grid-template-columns:1fr 1fr;gap:65px}.destination{display:block;position:relative;background:rgba(12,25,42,.18);padding:21px 0 20px;border-top:1px solid #a6b9c04d;border-bottom:1px solid #a6b9c02b;text-shadow:0 2px 10px #071321;transition:border-color .4s}.destination:before{content:'';position:absolute;inset:-20px -25px;z-index:-1;background:radial-gradient(ellipse,#c7dce415,transparent 72%);opacity:0;transition:opacity .6s}.destination:hover:before{opacity:1}.destination:hover{border-top-color:#d5be8d}.destination-index{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.2em;color:var(--gold)}.destination-index i{display:inline-block;width:20px;height:1px;background:#bda77999}.destination h2{font:clamp(21px,2vw,29px)/1.3 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.01em;margin:17px 0 13px;color:#e1eaf1}.destination-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;color:#bfced9}footer{position:absolute;left:4.5%;right:4.5%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a4b6c2}footer p{font:10px var(--serif);letter-spacing:.18em;margin:0}footer small{font-size:8px;letter-spacing:.1em}dialog{color:#d8e4ec;background:#142638;border:1px solid #526476;border-radius:3px;width:min(570px,90vw);max-height:82dvh;padding:28px;box-shadow:0 20px 100px #0009;font-size:13px;line-height:1.9}dialog::backdrop{background:#030b15a8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font:18px var(--serif);letter-spacing:.1em;margin:0}.dialog-heading button{border:0;background:none;font-size:26px;padding:0 7px}#source-quote{font:17px/1.9 var(--serif);border-bottom:1px solid #ffffff20;padding-bottom:20px}dt{color:#aa9976;font-size:10px;letter-spacing:.1em;margin-top:15px}dd{margin:4px 0 0;overflow-wrap:anywhere}#source-original{color:#aebecb;font-family:Georgia,serif}#source-link{display:inline-block;margin-top:16px;color:#dfcba1;text-decoration:underline;text-underline-offset:5px}body.paused .mist{animation-play-state:paused}
@media(min-width:1800px){.thought{top:32%}.destinations{bottom:19%}}@media(max-width:650px){.masthead{top:max(22px,env(safe-area-inset-top));left:6%;right:6%}.masthead img{width:238px;max-width:70vw}.header-note{display:none}.landscape{background-position:63% center}.veil{background:linear-gradient(180deg,#0c192a44,#0c192a22 25%,#09162566 65%,#050d17aa)}.thought{top:25%;width:87%}.eyebrow{font-size:7px;letter-spacing:.2em;margin-bottom:23px;gap:12px}.eyebrow span{width:17px}.quote-content{min-height:157px}blockquote{font-size:21px;line-height:1.95;letter-spacing:.08em}.author{font-size:11px;margin-top:19px}.quote-actions{margin-top:10px}.destinations{width:84%;gap:19px;bottom:13.5%;grid-template-columns:1fr}.destination{padding:13px 0 12px;border-bottom:0}.destination-index{font-size:7px;letter-spacing:.15em;position:absolute;right:0;top:17px}.destination-index i{width:12px}.destination h2{font-size:22px;margin:0 0 9px;padding-right:55px}.destination:nth-child(2) h2{font-size:21px;max-width:85%}.destination-bottom{font-size:10px}footer{left:6%;right:6%;bottom:max(15px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}footer p{font-size:8px;letter-spacing:.08em}footer small{font-size:7px}.mist-one{top:66%}}
@media(max-height:670px) and (max-width:650px){.thought{top:20%}.eyebrow{margin-bottom:14px}.quote-content{min-height:125px}blockquote{font-size:18px;line-height:1.8}.quote-actions{margin-top:1px}.destinations{bottom:12%;gap:12px}.destination{padding:10px 0}.destination h2{font-size:19px}.destination:nth-child(2) h2{font-size:18px}.destination-index{top:13px}}@media(max-height:560px) and (min-width:651px){.masthead{top:10px}.masthead img{width:215px}.thought{top:24%}.eyebrow{margin-bottom:10px}.quote-content{min-height:95px}blockquote{font-size:21px}.author{margin-top:8px}.quote-actions{margin-top:4px}.destinations{bottom:11%;gap:45px}.destination{padding:10px 0}.destination h2{margin:8px 0;font-size:22px}footer{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.moon-caption{position:absolute;top:calc(22% + 72px);left:79.5%;transform:translateX(-50%);white-space:nowrap;font:9px var(--serif);letter-spacing:.16em;color:#c8ccb7;text-shadow:0 2px 8px #102136}.quote-actions button{min-height:38px}@media(max-width:650px){.moon-caption{top:calc(17.2% + 36px);left:83%;font-size:8px;letter-spacing:.08em}}
#scenery{position:fixed;inset:0;z-index:-5;width:100%;height:100%;pointer-events:none;opacity:0}#scenery.ready{opacity:1}