*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:#dce7e9;color:#243b45;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #456c81;outline-offset:4px}#daily-muse{--ink:#243b45;--sub:#536b75;--glass:rgba(245,251,253,.76);--ease:cubic-bezier(.22,.8,.2,1);--scroll-runway:58svh;position:relative;isolation:isolate;min-height:100svh}.backdrop,.wash{position:fixed;inset:-60px;z-index:-2;pointer-events:none;background-position:center;background-size:cover}.backdrop-photo{background-image:url('assets/lake-louise.jpg');filter:blur(45px) saturate(.62);transform:scale(1.1)}.backdrop-paper{background-image:url('assets/paper-sky.jpg');opacity:0;transition:opacity 750ms ease}#daily-muse[data-paper=true] .backdrop-paper{opacity:1}.wash{z-index:-1;background:linear-gradient(180deg,#ebf5f730,#f0f7f8a8 65%,#f4f8f6e8)}.story{height:calc(100svh + var(--scroll-runway))}.stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column}.navigation-slot{flex:none;position:relative;padding:16px 24px 0;z-index:10}.glass-nav{position:relative;max-width:720px;margin:auto;border-radius:23px;background:linear-gradient(180deg,#eff7f92b,#f1f8fa52);color:#526975;opacity:.52;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #15394a05;transition:opacity 380ms ease,background-color 380ms ease,box-shadow 420ms var(--ease),color 380ms ease,backdrop-filter 420ms ease}.glass-nav::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffffcf 30%,#fff0 75%,#ffffffa3);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:.35;transition:opacity 380ms ease}.glass-nav:is(:hover,:has(:focus-visible),.open){opacity:1;background:linear-gradient(180deg,#ffffff6b,var(--glass) 46px);color:var(--ink);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 12px 12px 2px #15394a12,0 2px 4px -1px #0000000f}.glass-nav:is(:hover,:has(:focus-visible),.open)::before{opacity:1}.bar{height:46px;padding:5px 8px 5px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:19px;font-weight:600;letter-spacing:-.8px;display:flex;align-items:baseline;gap:7px}.brand-dot{margin-left:-5px}.brand small{font-size:9px;letter-spacing:1.5px;font-weight:400}.bar nav{display:flex;gap:5px;align-items:center}.bar button{border:0;background:none;padding:8px 13px;border-radius:16px;font-size:12px}.bar button:hover{background:#ffffff65}.bar .today{background:#53697529;border:1px solid #ffffff40;padding:7px 15px;transition:background-color 380ms ease,color 380ms ease,box-shadow 380ms ease}.glass-nav:is(:hover,:has(:focus-visible),.open) .today{background:var(--ink);color:#fff;box-shadow:0 2px 4px #0002}.caret{display:inline-block;transition:transform 480ms var(--ease)}[aria-expanded=true] .caret{transform:rotate(180deg)}.drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 560ms var(--ease)}.open .drawer{grid-template-rows:1fr}.drawer-clip{overflow:hidden}.drawer-content{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;padding:4px 14px 14px;opacity:0;transform:translateY(-10px);transition:opacity 240ms ease,transform 420ms var(--ease)}.open .drawer-content{opacity:1;transform:none;transition-delay:65ms}.calendar-box{background:#ffffff80;border-radius:18px;padding:18px 22px}.month{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:500;margin-bottom:15px}.month small{font-size:11px;color:var(--sub);font-weight:400}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:12px}.days span,.days button{height:32px;display:grid;place-items:center}.days span{color:var(--sub);opacity:.5}.days button{border:0;border-radius:10px;background:#ffffff9c;font-size:12px}.days button[aria-pressed=true]{background:var(--ink);color:#fff}.mini-list{display:grid;gap:8px}.mini{border:0;border-radius:18px;background:#ffffff70;display:flex;align-items:center;gap:14px;text-align:left;padding:14px}.mini:hover{background:#ffffffe0}.mini img{width:70px;height:60px;object-fit:cover;border-radius:9px}.mini span{font-size:14px}.mini small{display:block;font-size:11px;color:var(--sub);margin-top:6px}.visual{position:relative;flex:1;min-height:0;--photo-scale:1;--photo-top:16px;--photo-height:600px;--caption-y:680px;--caption-opacity:0;--arrow-opacity:1}.artwork{position:absolute;left:50%;top:var(--photo-top);transform:translateX(-50%) scale(var(--photo-scale));transform-origin:center top;max-width:calc(100% - 56px);width:max-content;margin:0;border-radius:9px;overflow:hidden;box-shadow:0 25px 55px -16px #1b405b70,0 2px 4px #153a4920;will-change:transform}.artwork img{display:block;width:auto;height:auto;max-width:min(1600px,calc(100vw - 72px));max-height:calc(var(--visual-height,90svh) - 75px);object-fit:contain}.scroll-cue{position:absolute;left:50%;top:calc(var(--photo-top) + var(--photo-height) * var(--photo-scale) + 18px);transform:translateX(-50%);border:1px solid #ffffff35;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 15px #24424c09;color:#344d5b8c;opacity:var(--arrow-opacity);filter:blur(.6px);transition:filter 200ms ease,background-color 200ms ease}.scroll-cue:hover,.scroll-cue:focus-visible{filter:none;background:#ffffff70;color:#243b45}.scroll-cue span{font-size:25px;line-height:1;transform:translateY(-3px)}.caption{position:absolute;left:50%;top:var(--caption-y);width:min(860px,calc(100% - 64px));transform:translate(-50%,calc((1 - var(--caption-opacity)) * 15px));opacity:var(--caption-opacity);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;will-change:opacity,transform}.category{font-size:10px;letter-spacing:1.7px;color:var(--sub);margin:0 0 10px}h1{font-weight:500;font-size:clamp(27px,2.8vw,39px);letter-spacing:-1.2px;line-height:1.25;margin:0 0 12px}.credit{font-size:12px;color:var(--sub);margin:0 0 15px}.source{font-size:11px;color:var(--sub);text-decoration:none;text-underline-offset:5px}.source:hover{text-decoration:underline}.description{font-size:15px;line-height:1.9;margin:0;text-wrap:pretty;max-width:32em}.place{margin-top:20px;display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:6px;padding-top:15px;border-top:1px solid #536b7526;font-size:12px;line-height:1.7}.place[hidden]{display:none}.map{text-decoration:none}.map:hover{text-decoration:underline;text-underline-offset:4px}.map span{opacity:.6;margin-left:5px}.region{color:var(--sub);font-size:11px}.location-note{grid-column:1/-1;color:var(--sub);font-size:10px;justify-self:start}.location-note summary{cursor:pointer;opacity:.75}.location-note p{margin:5px 0}.location-note a{font-size:10px}.paging{height:42px;flex:none;display:flex;align-items:center;justify-content:center;gap:17px;font-size:11px;color:var(--sub);opacity:var(--footer-opacity,0);pointer-events:none}.paging.is-active{pointer-events:auto}.paging button{width:32px;height:32px;background:#ffffff40;border:1px solid #ffffff55;border-radius:50%;font-size:17px}.paging button:disabled{opacity:.25}.paging button:hover:not(:disabled){background:#ffffffb0}@media(min-width:1800px){.artwork img{max-width:min(1900px,calc(100vw - 96px))}}@media(max-width:650px){.navigation-slot{padding:10px 14px 0}.bar{height:44px;padding-left:15px}.brand small{display:none}.brand{font-size:18px}.artwork{max-width:calc(100% - 28px);border-radius:6px}.artwork img{max-width:calc(100vw - 28px);max-height:calc(var(--visual-height,90svh) - 75px)}.caption{width:calc(100% - 48px);grid-template-columns:1fr;gap:17px}.category{font-size:9px;margin-bottom:7px}h1{font-size:29px;margin-bottom:9px}.credit{font-size:11px;margin-bottom:8px}.description{font-size:14px;line-height:1.85}.place{margin-top:14px;padding-top:11px;grid-template-columns:1fr;gap:3px}.location-note{grid-column:auto}.source{font-size:10px}.paging{height:38px}.calendar-box{padding:14px 18px}.drawer-content{grid-template-columns:1fr}.mini-list{grid-template-columns:1fr 1fr}.mini{padding:10px;gap:8px}.mini img{width:36px;height:42px}.mini span{font-size:11px}.mini small{font-size:10px}.days span,.days button{height:28px}.month{margin-bottom:8px}}@media(hover:none){.glass-nav{opacity:.66}.bar button{min-height:38px}.days span,.days button{min-height:36px}.scroll-cue{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important;scroll-behavior:auto!important}.artwork,.caption{will-change:auto}}

/* An enlarged photograph behind a lightly frosted, restrained dark veil. */
.backdrop-photo{filter:none;transform:scale(1.18)}
.wash{inset:-30px;background:linear-gradient(180deg,rgba(12,25,36,.12),rgba(12,25,36,.18));backdrop-filter:blur(14px) saturate(.9);-webkit-backdrop-filter:blur(14px) saturate(.9)}
.wash::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ebf5f730,#f0f7f8c4 65%,#f4f8f6e8);opacity:var(--reading-progress,0)}
/* Keep the artwork's edges crisp; layered shadows supply its elevation. */
.artwork{isolation:isolate;overflow:visible;border-radius:12px;box-shadow:0 28px 52px -14px rgba(7,21,31,.52),0 10px 22px -5px rgba(7,21,31,.28),0 2px 5px rgba(7,21,31,.16)}
.artwork img{border-radius:inherit;mask:none;-webkit-mask:none}
.scroll-cue{width:44px;height:30px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;color:#283f4e85;transition:color 200ms ease}
.scroll-cue:hover,.scroll-cue:focus-visible{background:transparent;color:#243b45;filter:none}
.scroll-cue span{position:relative;display:block;width:22px;height:8px;transform:none;filter:blur(.25px);transition:filter 200ms ease}
.scroll-cue span::before,.scroll-cue span::after{content:'';position:absolute;top:3px;width:11px;height:1.25px;border-radius:2px;background:currentColor}
.scroll-cue span::before{left:0;transform-origin:right center;transform:rotate(20deg)}
.scroll-cue span::after{right:0;transform-origin:left center;transform:rotate(-20deg)}
.scroll-cue:hover span,.scroll-cue:focus-visible span{filter:none}
@media(max-width:650px){.artwork{border-radius:10px;box-shadow:0 22px 38px -12px rgba(7,21,31,.48),0 8px 16px -4px rgba(7,21,31,.28),0 2px 4px rgba(7,21,31,.14)}}
@media(hover:none){.scroll-cue{width:44px;height:44px}}

/* Leave only a small breathing gap below the chevron on the opening view. */
.paging{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);height:32px;z-index:2}
.artwork img{max-height:calc(var(--visual-height,90svh) - 56px)}
.scroll-cue{top:calc(var(--photo-top) + var(--photo-height) * var(--photo-scale) + 8px);height:24px}
@media(hover:none){.artwork img{max-height:calc(var(--visual-height,90svh) - 78px)}.scroll-cue{height:44px}}