/* Storyboard v3: eight authored scenes controlled by native page scrolling. */
.experience{height:900svh;position:relative}.experience>.hero{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;background:#173f3c;isolation:isolate}
.hero>.film-poster,.hero>#world,.hero>#film-effects{position:absolute;inset:0;width:100%;height:100%}.film-poster{z-index:0;overflow:hidden;transition:opacity .3s}.hero>#world{z-index:1}.hero>#film-effects{z-index:2;pointer-events:none}.hero.film-ready .film-poster{opacity:0}.hero>.scene-grain{z-index:3;opacity:.035}.hero>.hero-topline{z-index:4;color:#f0f4e8b3;border-color:#e9f6e130;font-size:8px;top:121px}
.site-header{color:#f2f5e9;background:linear-gradient(180deg,#052d2b40,transparent);text-shadow:0 1px 10px #153e3840}.site-header .wordmark-dot{color:#b4e0a1}.site-header .nav-explore{border-color:#e3f1d66b}.header-note{color:#e5eee2ba}.film-copy{position:absolute;z-index:4;pointer-events:none;will-change:transform,opacity;max-width:55vw;color:#fcf8e9;filter:drop-shadow(0 2px 13px #07372b55)}.film-copy p{margin:0}.film-copy h1,.film-copy h2{font-weight:500;letter-spacing:-.06em;font-feature-settings:'palt';line-height:1.26;margin:22px 0 24px}.film-copy .scene-kicker{font:9px var(--mono);letter-spacing:.19em}.film-copy .scene-description{font-size:11px;line-height:2;letter-spacing:.09em;max-width:380px}.film-copy-opening{left:7vw;bottom:12.5%;}.film-copy-opening h1{font-size:clamp(54px,6.2vw,105px)}.film-copy-world{left:7vw;bottom:15%;}.film-copy-world h2{font-size:clamp(42px,5.5vw,83px)}.film-copy-memory{left:7vw;bottom:14%;max-width:36vw}.film-copy-memory h2{font-size:clamp(33px,4.1vw,62px)}.film-copy-invitation{left:7vw;top:26%;max-width:36vw}.film-copy-invitation h2{font-size:clamp(48px,5.9vw,91px)}.film-copy-invitation .scene-description{font-size:10px}.film-copy:not(.film-copy-opening){opacity:0}
.experience-bottom{z-index:4;bottom:29px;left:4.2vw;right:4.2vw;color:#f3f6e8d4;font:8px var(--mono);text-shadow:0 1px 8px #123b38aa}.experience-bottom>span:first-child{visibility:visible;font-size:8px}.experience-bottom .scroll-cue{margin-left:0;font-family:var(--sans);font-size:9px;letter-spacing:.12em;gap:14px}.experience-counter{display:flex;align-items:center;gap:12px;font-size:9px}.experience-counter #scene-number{font:italic 22px Georgia,serif}.experience-counter #chapter-name{font-family:var(--sans);font-size:9px}.experience-progress{display:block;height:1px;z-index:5;background:#c3e6d42e}.experience-progress i{width:100%;background:#daf4c7a6;transform-origin:left center;transform:scaleX(0)}.hero.at-ending .experience-bottom{color:#395b4b;text-shadow:none}.hero.at-ending .hero-topline{opacity:0}.motion-summary{display:none}.static-experience{height:100svh}
.story{position:relative;background:#f5f6ec}.story:before{content:'';position:absolute;top:0;left:50%;width:1px;height:45px;background:#aa886655}.story .section-index{padding-top:5px}
@media(min-width:1700px){.film-copy-opening{bottom:13%}.film-copy-opening h1{font-size:115px}}
@media(max-height:720px) and (min-width:700px){.hero>.hero-topline{top:105px}.film-copy-opening h1{font-size:61px}.film-copy h1,.film-copy h2{margin:15px 0}.film-copy .scene-description{font-size:10px}.film-copy-invitation{top:26%}.film-copy-invitation h2{font-size:59px}.film-copy-memory h2{font-size:40px}}
@media(max-width:700px){.experience{height:700svh}.hero>.hero-topline{top:105px;left:24px;right:24px;font-size:6px}.hero-topline span:last-child{max-width:150px;text-align:right}.film-copy{left:25px;right:24px;max-width:none}.film-copy .scene-kicker{font-size:7px;letter-spacing:.13em}.film-copy h1,.film-copy h2{margin:16px 0 20px;line-height:1.36}.film-copy-opening{bottom:15%}.film-copy-opening h1{font-size:clamp(42px,12vw,58px)}.film-copy .scene-description{font-size:9px;line-height:1.9;letter-spacing:.03em}.film-copy-world{bottom:18%}.film-copy-world h2{font-size:45px}.film-copy-memory{bottom:12%}.film-copy-memory h2{font-size:39px;max-width:270px}.film-copy-invitation{top:auto;bottom:12%;max-width:290px}.film-copy-invitation h2{font-size:47px}.film-copy-invitation .scene-description{font-size:8px}.experience-bottom{bottom:24px;left:25px;right:25px;gap:12px}.experience-bottom>span:first-child{display:none}.experience-bottom .scroll-cue{font-size:8px;gap:8px}.experience-counter{display:flex;margin-left:auto;gap:7px}.experience-counter #scene-number{font-size:19px}.experience-counter #chapter-name{font-size:8px}.site-header nav{font-size:8px}.hero[data-chapter='4']:after{content:'世界へ。';position:absolute;z-index:3;bottom:17%;left:25px;color:#eef8e0;font-size:46px;font-weight:500;letter-spacing:-.05em;text-shadow:0 2px 12px #163e3766}}
@media(prefers-reduced-motion:reduce){.experience{height:100svh}.experience>.hero{position:relative}.scroll-cue{visibility:hidden}.film-copy{will-change:auto}.motion-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px;padding:65px 7vw;background:#edf0e4}.motion-summary article{min-width:0}.summary-image{position:relative;aspect-ratio:16/9;overflow:hidden;margin-bottom:20px}.summary-image img{position:absolute;width:300%;height:200%;max-width:none;left:calc(var(--column)*-100%);top:calc(var(--row)*-100%)}.motion-summary h2{font-size:23px;font-weight:500;margin:10px 0}.motion-summary p:last-child{font-size:12px;line-height:2;color:#55715f}.motion-summary .eyebrow{font-size:8px}.hero[data-chapter='4']:after{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.motion-summary{grid-template-columns:1fr;padding:45px 25px;gap:35px}}

@media(max-width:700px) and (prefers-reduced-motion:no-preference){.hero[data-chapter="1"]:after{content:"その光に、\A触れてみる。";white-space:pre;position:absolute;z-index:3;left:25px;bottom:15%;font-size:39px;line-height:1.38;letter-spacing:-.05em;color:#f3faeb;text-shadow:0 1px 14px #143f3866;pointer-events:none}}