.yoshino-accessible-poem{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.yoshino-story{--story-header:4.5rem;--story-drift:0px;background:var(--paper);color:var(--ink)}.yoshino-stage{isolation:isolate;position:relative}.yoshino-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.yoshino-heading h1{font:400 clamp(1.1rem,1.45vw,1.4rem)/1.5 var(--font-editorial);letter-spacing:-.015em;margin:0}.yoshino-heading>span{white-space:nowrap;font-size:.875rem}.yoshino-story.is-scroll{height:480svh}.is-scroll .yoshino-stage{top:var(--story-header);height:calc(100svh - var(--story-header));position:sticky;overflow:hidden}.is-scroll .yoshino-heading{z-index:3;inset:clamp(1.5rem,4vh,3rem) var(--gutter) auto;position:absolute}.yoshino-film{z-index:0;transform:translate3d(0,var(--story-drift),0);pointer-events:none;position:absolute;inset:-18px 0}.yoshino-film video,.yoshino-poster{object-fit:cover;object-position:50% 53%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.025)}.mountain-stills{pointer-events:none;position:absolute;inset:0}.is-scroll .yoshino-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f9f8f6e6 0%,#f9f8f6bf 18%,#f9f8f69e 34%,#f9f8f600 57% 76%,#f9f8f6e0 100%);position:absolute;inset:0}.yoshino-poem{z-index:2;text-align:center;font:400 clamp(2rem,4.2vw,4.5rem)/1.2 var(--font-editorial);letter-spacing:-.035em;color:#252521;text-wrap:balance;pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0 6vw}.yoshino-poem span{will-change:opacity;grid-area:1/1;max-width:100%}.yoshino-foot,.yoshino-note{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.875rem;line-height:1.6;display:flex}.is-scroll .yoshino-foot{z-index:3;inset:auto var(--gutter) 5.1rem;position:absolute}.yoshino-foot>div{gap:1.5rem;display:flex}.yoshino-foot a,.yoshino-foot button,.yoshino-note a{text-underline-offset:4px;color:inherit;padding-block:.5rem;text-decoration:underline}.yoshino-foot button{font:inherit;cursor:pointer;background:0 0;border:0}.yoshino-foot :focus-visible,.yoshino-note a:focus-visible{outline-offset:4px;outline:2px solid}.is-scroll .yoshino-note{z-index:3;inset:auto var(--gutter) 1.65rem;position:absolute}.yoshino-progress{z-index:3;background:#3c372d1f;height:2px;position:absolute;bottom:0;left:0;right:0}.yoshino-progress span{transform-origin:0;background:#795c41;width:100%;height:100%;display:block;transform:scaleX(0)}.is-static .yoshino-stage{padding:2rem var(--gutter)}.yoshino-stills{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2rem 0;display:grid}.yoshino-stills figure{min-width:0;margin:0}.yoshino-stills figcaption{font:400 clamp(1.1rem,2vw,1.65rem)/1.5 var(--font-editorial);min-height:3em;margin-bottom:1rem}.yoshino-stills img{width:100%;height:auto;display:block}#current{scroll-margin-top:6rem}.journal-opening h2{font:400 clamp(1.15rem,1.8vw,1.5rem)/1.5 var(--font-editorial);margin:0}@media (width<=700px){.yoshino-heading{flex-direction:column;align-items:flex-start;gap:.35rem}.yoshino-stills{grid-template-columns:1fr;gap:2rem}.yoshino-stills figcaption{min-height:0;margin-bottom:.75rem;font-size:1.4rem}.yoshino-note{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.yoshino-film video{animation:none}.yoshino-poem span{will-change:auto}}@media (width<=700px){.is-scroll .yoshino-heading{top:1rem}.is-scroll .yoshino-heading h1{max-width:24rem;font-size:1rem}.is-scroll .yoshino-heading>span{font-size:.875rem}.yoshino-poem{font-size:clamp(1.8rem,7.5vw,3rem);inset:0 1rem}.is-scroll .yoshino-foot{flex-wrap:wrap;gap:.2rem;bottom:5.8rem}.yoshino-foot>div{gap:1.25rem}.is-scroll .yoshino-note{gap:.25rem;bottom:1rem}.yoshino-film video{object-position:46% 50%}}@media (height<=620px) and (width>=701px){.is-scroll .yoshino-heading{top:1rem}.yoshino-heading h1{font-size:1rem}.yoshino-poem{font-size:clamp(1.8rem,3.5vw,3rem)}.is-scroll .yoshino-foot{bottom:3.8rem}.is-scroll .yoshino-note{bottom:.65rem}}@media (width<=700px){.yoshino-story.is-scroll{height:400svh}.yoshino-film video,.yoshino-poster{object-position:var(--mobile-framing,34%) 50%}.yoshino-poem{font-size:clamp(1.65rem,7.2vw,2.75rem);line-height:1.25;inset-inline:1.25rem}.is-scroll .yoshino-foot{bottom:calc(6.75rem + env(safe-area-inset-bottom));gap:.25rem}.yoshino-foot>div{gap:1.5rem;width:100%}.yoshino-foot a,.yoshino-foot button,.yoshino-note a{align-items:center;min-height:44px;display:inline-flex}.is-scroll .yoshino-note{bottom:max(.75rem,env(safe-area-inset-bottom));gap:0;display:grid}.is-scroll .yoshino-note>a{justify-self:start}}@media (height<=500px){.is-scroll .yoshino-heading{top:.5rem}.is-scroll .yoshino-heading>span{display:none}.is-scroll .yoshino-heading h1{font-size:.875rem}.yoshino-poem{font-size:clamp(1.5rem,3.5vw,2rem)}.is-scroll .yoshino-note{display:none}.is-scroll .yoshino-foot{flex-wrap:nowrap;align-items:center;bottom:.5rem}.yoshino-foot>div{white-space:nowrap;width:auto}.yoshino-foot>span{max-width:15rem}}@media (width<=700px){.gallery-progress [role=checkbox]{min-width:44px;min-height:44px}.is-scroll .yoshino-stage:after{background:linear-gradient(#f9f8f6eb,#f9f8f69e 30%,#0000 50%,#f9f8f6cc 74%,#f9f8f6f5 100%)}}
