.history-cinema{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100svh;max-width:none;max-height:none;overflow:hidden;background:#f5f0e5;color:#654a35}.history-cinema::backdrop{background:#f5f0e5}.history-paper{position:relative;height:100%;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#e5d6bb66,transparent 65%),#f5f0e5}.history-film-image{position:absolute;right:3%;top:8%;width:min(67vw,calc(100svh - 115px));aspect-ratio:1;background-image:url('komanoyu/history-board-v3.webp');background-size:300% 200%;background-position:0% 0%;mask-image:linear-gradient(90deg,transparent,black 17%,black 95%,transparent);opacity:.9;transition:opacity .35s,transform .9s;transform:translateX(0)}.history-film-image.scene-enter{animation:history-scene-enter .8s ease both}.history-film-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(25deg,transparent,transparent 3px,#9c7f4a13 4px),repeating-linear-gradient(-30deg,transparent,transparent 6px,#ac8b5c14 7px)}.history-film-kicker{position:absolute;left:6%;top:40px;font:8px Arial;letter-spacing:.23em;color:#95785b}.history-film-copy{position:absolute;left:7%;top:24%;max-width:43%;z-index:2;text-shadow:0 0 25px #f5f0e5,0 0 30px #f5f0e5}.history-film-year{font:italic clamp(56px,7.5vw,115px)/1 Georgia;letter-spacing:-.05em;color:#74573e}.history-film-copy h2{font:400 clamp(23px,2.8vw,39px)/1.7 'Yu Mincho',serif;letter-spacing:.05em;margin:25px 0 20px}.history-film-copy p{font:12px/2.4 'Yu Mincho',serif;max-width:380px;letter-spacing:.06em;color:#79614d;margin:0}.history-cinema-toolbar{position:absolute;left:6%;right:6%;bottom:68px;display:flex;align-items:center;justify-content:center;gap:22px;z-index:5;font:9px Arial,'Yu Gothic',sans-serif;color:#7f6952}.history-cinema-toolbar>span{margin-right:auto;letter-spacing:2px}.history-cinema-toolbar button{border:1px solid #b8a78b;background:#f7f3e8bf;color:#6c563e;border-radius:30px;padding:10px 18px;cursor:pointer;font:10px 'Yu Gothic',sans-serif}.history-cinema-toolbar [data-history-prev],.history-cinema-toolbar [data-history-next]{border:0;background:none;font-size:20px;padding:5px}.history-cinema-toolbar [data-history-skip]{margin-left:auto;background:#6f5943;color:#f5ede0;border-color:#6f5943}.history-mini-dates{position:absolute;bottom:120px;left:7%;right:7%;display:flex;justify-content:center;gap:25px;z-index:4}.history-mini-dates button{background:none;border:0;border-bottom:1px solid #b8a88a;color:#ad9577;font:10px Georgia;padding:6px 10px;cursor:pointer}.history-mini-dates button[aria-pressed=true]{color:#62472e;border-bottom:2px solid #6d4c2c}.history-film-note{position:absolute;bottom:18px;left:6%;right:6%;font:8px/1.8 'Yu Gothic',sans-serif;color:#a18b70;text-align:center;z-index:4}.history-flood{position:absolute;inset:0;background:white;opacity:0;transition:opacity .9s ease;z-index:10;pointer-events:none}.history-cinema.is-fading .history-flood{opacity:1}.present-whiteout{position:fixed;inset:0;z-index:999;background:white;opacity:0;pointer-events:none;transition:opacity 1.4s ease}.is-present-white .present-whiteout{opacity:1;transition:none}.history-top-link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 6% 0;color:#7f8a71}.history-top-link button{background:none;border:0;color:#617557;font:11px 'Yu Mincho',serif;padding:10px 0;letter-spacing:.07em;cursor:pointer}.history-top-link button span{margin-left:18px}.history-top-link>a{font:8px 'Yu Gothic',sans-serif;border-bottom:1px solid #c3cdb9;padding-bottom:5px}.spring-immersion{position:relative;isolation:isolate;overflow:hidden;min-height:740px;background:#f7f7ef;margin:20px 0 0}.spring-water-surface{position:absolute;inset:-5% -3%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent),linear-gradient(0deg,transparent,black 14%,black 86%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.spring-water-surface>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%;animation:spring-swell 14s ease-in-out infinite alternate;filter:saturate(.83)}.spring-ripples{position:absolute;inset:0;pointer-events:none}.spring-ripples i{position:absolute;left:45%;top:43%;width:14%;height:20%;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 8px #fff4;filter:blur(1px);animation:source-ripple 8s ease-out infinite;opacity:0}.spring-ripples i:nth-child(2){animation-delay:-2.7s}.spring-ripples i:nth-child(3){animation-delay:-5.4s}.spring-immersion-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#f7f7ef25 45%,#f7f7efcc 75%,#f7f7efe6 100%);z-index:1}.spring-immersion-copy{position:relative;z-index:2;width:48%;margin-left:52%;padding:150px 8% 100px 2%}.spring-immersion-copy .nature-kicker{font-size:8px;letter-spacing:.22em;color:#738064}.spring-immersion h2{font:400 clamp(29px,3.5vw,48px)/1.85 'Yu Mincho',serif;letter-spacing:.08em;color:#3f5140;margin:0 0 30px}.spring-immersion p{font:12px/2.7 'Yu Mincho',serif;letter-spacing:.06em;color:#627256;margin:0 0 20px}.koma-bath-story{padding:20px 4% 0;background:#f7f7ef}.koma-bath-wide{position:relative;min-height:630px;overflow:hidden;margin:0;color:white}.koma-bath-wide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.83)}.bath-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1a261b88,transparent 80%),linear-gradient(0deg,#172c2266,transparent 50%)}.bath-photo-heading{position:relative;padding:95px 8% 110px;z-index:2}.bath-photo-heading>span{font:8px Arial;letter-spacing:.2em;color:#e4e8d8}.bath-photo-heading h2{font:400 clamp(30px,3.7vw,49px)/1.8 'Yu Mincho',serif;letter-spacing:.09em;margin:30px 0}.bath-photo-heading p{font:12px/2.5 'Yu Mincho',serif;color:#e3e6da}.koma-bath-wide figcaption{position:absolute;right:25px;bottom:18px;font:8px 'Yu Gothic',sans-serif;color:#e4e8db;z-index:3}.koma-keeper-story{max-width:1100px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:12%;padding:0 7%;margin:100px auto 90px}.keeper-portrait{position:relative;background:white;mask-image:linear-gradient(0deg,transparent,black 15%,black 90%,transparent);overflow:hidden}.keeper-portrait>img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.keeper-story-copy h2{font:400 clamp(30px,3.4vw,44px)/1.8 'Yu Mincho',serif;letter-spacing:.12em;margin:0 0 25px}.keeper-story-copy .nature-kicker{font:8px Arial;letter-spacing:.2em}.keeper-story-copy p{font:12px/2.6 'Yu Mincho',serif;color:#6a7a5e;margin:0 0 18px}.koma-history-gateway{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;background:#eeeadf;padding:70px 9%;color:#6e5944;overflow:hidden}.koma-history-gateway .nature-kicker{color:#988264;font:8px Arial;letter-spacing:.18em}.koma-history-gateway h2{font:400 clamp(27px,3.2vw,41px)/1.8 'Yu Mincho',serif;letter-spacing:.08em;margin:0 0 20px}.koma-history-gateway p{font:12px/2.5 'Yu Mincho',serif;color:#937e65}.history-replay-button{border:1px solid #ad977a;background:none;border-radius:30px;padding:15px 25px;font:11px 'Yu Gothic',sans-serif;letter-spacing:.05em;color:#70573c;cursor:pointer;display:flex;gap:35px;align-items:center;margin-top:25px}.koma-history-gateway a{display:inline-block;font:9px 'Yu Gothic',sans-serif;margin-top:20px;border-bottom:1px solid #bba990;padding-bottom:6px}.history-storyboard-preview{aspect-ratio:3/2;background:url('komanoyu/history-board-v3.webp') center/cover no-repeat;mix-blend-mode:multiply;transform:rotate(-3deg);box-shadow:0 18px 40px #765d391a;opacity:.9}.koma-nature-design .landscape-frame{filter:saturate(1.02);object-position:50% 15%}.koma-nature-design .nature-panorama>img{filter:saturate(1.02)}.motion-off .spring-water-surface>img,.motion-off .spring-ripples i{animation:none!important;transform:none!important}.motion-off .spring-ripples i{display:none}.history-cinema button:focus-visible{outline:2px solid #806040;outline-offset:5px}@keyframes history-scene-enter{from{opacity:.1;transform:translateX(15px) scale(1.025)}to{opacity:.9;transform:none}}@keyframes spring-swell{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.065) translateY(-4px)}}@keyframes source-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:.3}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}
@media(max-width:900px){.history-film-copy{left:6%;max-width:47%;top:25%}.history-film-copy h2{font-size:26px}.history-film-copy p{font-size:11px}.history-film-image{right:0;top:15%;width:65vw}.history-mini-dates{gap:12px}.spring-immersion{min-height:650px}.spring-immersion-copy{padding-top:120px;width:50%;margin-left:50%;padding-right:6%}.spring-immersion h2{font-size:34px}.spring-immersion p{font-size:11px}.koma-bath-wide{min-height:570px}.koma-keeper-story{gap:8%;margin:75px auto}.keeper-story-copy h2{font-size:33px}.keeper-story-copy p{font-size:11px}.koma-history-gateway{padding:60px 6%;gap:5%}}
@media(max-width:650px){.history-film-kicker{top:25px;left:6%;font-size:6px;letter-spacing:.15em}.history-film-image{width:112vw;right:-12%;top:55px;mask-image:linear-gradient(0deg,transparent 0%,black 30%,black 90%,transparent);opacity:.7}.history-film-copy{top:auto;bottom:210px;left:7%;right:7%;max-width:none;background:linear-gradient(0deg,#f5f0e5e8,#f5f0e536);padding:25px 0 0}.history-film-year{font-size:63px}.history-film-copy h2{font-size:24px;line-height:1.7;margin:17px 0 15px}.history-film-copy p{font-size:11px;line-height:2.2;max-width:330px}.history-mini-dates{bottom:110px;left:8%;right:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px 12px}.history-mini-dates button{font-size:10px;padding:7px 3px}.history-cinema-toolbar{bottom:57px;left:5%;right:5%;gap:10px}.history-cinema-toolbar>span{display:none}.history-cinema-toolbar button{font-size:9px;padding:9px 12px}.history-cinema-toolbar [data-history-skip]{margin-left:5px}.history-film-note{font-size:6px;bottom:12px;left:6%;right:6%;line-height:1.7}.history-top-link{padding:8px 6% 0}.history-top-link button{font-size:10px;letter-spacing:0}.history-top-link>a{font-size:7px}.history-top-link button span{margin-left:8px}.spring-immersion{min-height:740px;margin-top:0}.spring-water-surface{inset:-2% -30% 15%;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent),linear-gradient(0deg,transparent,black 20%,black 90%,transparent)}.spring-water-surface>img{object-position:46% 40%}.spring-immersion-shade{background:linear-gradient(0deg,#f7f7ef 0%,#f7f7efef 15%,#f7f7ef50 46%,transparent 70%)}.spring-immersion-copy{width:auto;margin:0;padding:385px 9% 40px}.spring-immersion h2{font-size:33px;line-height:1.7;margin-bottom:20px}.spring-immersion p{font-size:12px;line-height:2.4}.spring-immersion-copy .nature-kicker{font-size:7px;margin-bottom:20px}.spring-ripples i{left:48%;top:40%;width:20%;height:16%}.koma-bath-story{padding:0}.koma-bath-wide{min-height:610px}.koma-bath-wide>img{object-position:55% center}.bath-photo-shade{background:linear-gradient(0deg,#1d2b1de0,transparent 80%)}.bath-photo-heading{padding:230px 8% 70px}.bath-photo-heading>span{font-size:6px;letter-spacing:.12em}.bath-photo-heading h2{font-size:31px;line-height:1.75;margin:25px 0}.bath-photo-heading p{font-size:11px;line-height:2.4}.koma-bath-wide figcaption{right:8%;font-size:6px;bottom:16px}.koma-keeper-story{grid-template-columns:1fr;gap:35px;padding:0 9%;margin:60px auto}.keeper-portrait{width:80%;max-width:350px;margin:0 auto}.keeper-story-copy h2{font-size:32px;line-height:1.7;margin-bottom:22px}.keeper-story-copy p{font-size:12px;line-height:2.4}.keeper-story-copy .nature-kicker{font-size:7px}.koma-history-gateway{grid-template-columns:1fr;padding:55px 8%;gap:40px}.koma-history-gateway h2{font-size:30px;line-height:1.8}.koma-history-gateway p{font-size:11px}.history-replay-button{font-size:11px;padding:14px 23px}.history-storyboard-preview{width:95%;margin:0 auto}.koma-nature-design .landscape-frame{object-position:40% 50%}}
@media(prefers-reduced-motion:reduce){.history-film-image,.spring-water-surface>img,.spring-ripples i{animation:none!important;transform:none!important}.history-flood,.present-whiteout{transition:none!important}.spring-ripples{display:none}}
.history-central-title{position:absolute;z-index:3;left:15%;right:15%;top:17%;display:flex;align-items:center;flex-direction:column;color:#705138;text-shadow:0 0 30px #f5f0e5,0 0 50px #f5f0e5;animation:central-float 1.8s ease both;pointer-events:none}.history-central-title>span{font:400 20px/1.9 "Yu Mincho",serif;letter-spacing:.25em}.history-central-title>span:nth-child(2){font-size:24px;margin-top:8px}.history-central-title>strong{font:italic 125px/1 Georgia;letter-spacing:-.05em;margin-top:10px}.history-central-title small{font:400 27px "Yu Mincho",serif;letter-spacing:0;margin-left:15px}.history-film-image{opacity:.5}.history-film-copy{left:8%;right:8%;top:auto;bottom:185px;max-width:none;display:grid;grid-template-columns:170px 1fr;gap:4px 25px;align-items:center}.history-film-year{font-size:49px;grid-row:1/3;letter-spacing:-.06em}.history-film-copy h2{font-size:24px;margin:0;grid-column:2;line-height:1.7}.history-film-copy p{font-size:11px;line-height:2;grid-column:2;max-width:none}.history-cinema-toolbar [data-history-skip]{font:italic 16px Georgia;letter-spacing:.1em;padding:10px 22px}.history-central-title+.history-film-kicker{font-size:7px}@keyframes central-float{from{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:none}}@media(max-width:650px){.history-central-title{top:14%;left:5%;right:5%}.history-central-title>span{font-size:16px;line-height:1.8}.history-central-title>span:nth-child(2){font-size:20px}.history-central-title>strong{font-size:103px;margin-top:10px}.history-central-title small{font-size:22px;margin-left:10px}.history-film-copy{left:7%;right:7%;bottom:218px;display:block;padding:0;background:transparent}.history-film-year{font-size:32px}.history-film-copy h2{font-size:19px;margin:10px 0 6px;line-height:1.6}.history-film-copy p{font-size:9px;line-height:1.9;max-width:none}.history-cinema-toolbar [data-history-skip]{font-size:15px;padding:10px 20px}.history-film-image{top:10%;width:115vw;right:-15%;opacity:.45}}@media(prefers-reduced-motion:reduce){.history-central-title{animation:none}}
@keyframes history-scene-enter{from{opacity:.1;transform:translateX(15px) scale(1.025)}to{opacity:.55;transform:none}}@media(max-height:650px) and (max-width:650px){.history-central-title{top:8%}.history-central-title>span{font-size:13px}.history-central-title>span:nth-child(2){font-size:17px;margin-top:4px}.history-central-title>strong{font-size:75px;margin-top:5px}.history-film-copy{bottom:205px}.history-film-copy h2{font-size:17px;margin:6px 0}.history-film-copy p{font-size:8px}.history-mini-dates{bottom:100px}}
.spring-immersion h2{font-size:clamp(26px,3vw,40px);letter-spacing:.05em}.spring-immersion-copy{text-shadow:0 0 18px #f7f7ef,0 0 8px #f7f7ef}.spring-immersion-shade{background:linear-gradient(90deg,transparent 25%,#f7f7ef55 48%,#f7f7efde 75%,#f7f7eff2 100%)}.history-mini-dates button{color:#80684d;background:#f5f0e5b3}@media(max-width:650px){.spring-immersion h2{font-size:27px;letter-spacing:.04em}.spring-immersion-shade{background:linear-gradient(0deg,#f7f7ef 0%,#f7f7efef 15%,#f7f7ef50 46%,transparent 70%)}}