:root{color-scheme:dark;--accent:#b8d3ff;--muted:#c8d0dc;--rule:#b8d3ff40;color:#fff;background:#000;font-family:Zen Kaku Gothic Antique,"M PLUS Rounded 1c",Noto Sans JP,Noto Serif JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{text-shadow:0 0 14px #8970ff80,0 0 28px #704aff38;margin:0}h2,dd{text-shadow:0 0 18px #9678ffb0,0 0 40px #754aff60}summary{box-shadow:0 0 5px #d7f1ffb0,0 0 15px #a8dcff80}.dates div+div:before{content:"";background:var(--accent);width:1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 5px #b8d3ff,0 0 12px #8ebaff80}.news ul{box-shadow:0 -5px 8px -5px #b8d3ff}.news a,.text-link{box-shadow:0 5px 8px -5px #b8d3ffb0}a{color:inherit;text-underline-offset:.35em;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}h1,h2,p,figure{margin:0}h2{font-size:clamp(1.25rem,2.1vw,1.9rem);font-weight:400;line-height:1.5}p{font-size:clamp(.9rem,1.25vw,1.1rem);line-height:2.2}.first-screen{flex-direction:column;height:100dvh;display:flex}.hero{flex:1;min-height:0;position:relative;overflow:clip;container-type:size}.hero-scene{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.hero canvas{width:max(100cqw,160cqh);height:max(100cqh,62.5cqw);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .hero-logo{mix-blend-mode:screen;will-change:transform;width:51.2%;height:auto;position:absolute;top:8%;left:10.55%}.intro{text-align:center;background:#000;padding:16px 6% 68px;position:relative}.dates{grid-template-columns:repeat(3,1fr);max-width:940px;margin:0 auto 64px;display:grid}.dates div{padding:0 20px}.dates div+div{border-left:1px solid #0000;position:relative}dt{color:var(--muted);margin-bottom:14px;font-size:.85rem}dd{margin:0;font-size:clamp(1.3rem,3vw,2.5rem);font-weight:400;line-height:1.3}.intro h2{margin-bottom:48px;font-size:clamp(1.45rem,3vw,2.6rem)}.intro>p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:2}.dates div+div dd{color:var(--muted);font-size:clamp(1.1rem,2.2vw,1.8rem)}.dates div{flex-direction:column;justify-content:center;display:flex}main{overflow:clip}.feature{border-top:1px solid #ffffff16;grid-template-columns:40% 60%;min-height:400px;margin-block:clamp(32px,5vw,80px);scroll-margin-top:24px;display:grid}.copy{align-self:center;max-width:440px;margin-inline:auto clamp(24px,5vw,88px);padding:64px 24px}#about .copy{max-width:480px;margin-inline:auto 0}.copy h2{margin-bottom:30px;position:relative}.copy h2:before{content:"";background:#ffe875;width:26px;height:1px;position:absolute;top:.8em;left:-40px;box-shadow:0 0 4px #fff4b8,0 0 10px #ffd43ba0,0 0 18px #ffc62b60}.copy p{color:#eee}.photo{--reveal:13px;isolation:isolate;aspect-ratio:3/2;align-self:center;width:calc(100% - 2*clamp(24px,4vw,64px));min-width:0;max-height:400px;margin:64px clamp(24px,4vw,64px) 80px;position:relative}.photo:before{content:"";aspect-ratio:calc(70 / 9 / var(--light-length,.6));z-index:-1;background-blend-mode:multiply;opacity:var(--light-strength,.8);mask:var(--window-light-mask,url(/window-light.png)) center / 100% 100% no-repeat;pointer-events:none;background:#d5e2ed url(/wall-plaster.webp) 50%/720px;position:absolute;top:100%;left:-300%;right:-300%}.photo-window{background:#000;position:absolute;inset:0;overflow:hidden}.photo-window:before{content:"";z-index:1;border:var(--reveal) solid;pointer-events:none;border-color:#464441 #c4c2bc #f7f5ef #c7c4bc;position:absolute;inset:0}.photo-window:after{content:"";inset:var(--reveal);z-index:1;pointer-events:none;position:absolute;box-shadow:inset 1.25px 2.5px 3.5px #000c,inset -1px -1px 2px #0009}.photo img{object-fit:cover;filter:grayscale()brightness(.9);will-change:transform;width:100%;height:115%;position:absolute;top:-7.5%}#about .photo img{width:110%;height:130%;top:-15%;left:-5%}.photo figcaption{color:#c8c8c8;text-shadow:0 0 4px #ffffff70,0 0 10px #ffffff35;white-space:nowrap;font-size:.75rem;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:0}.reverse{grid-template-columns:55% 45%}.reverse .copy{grid-area:1/2;margin-inline:clamp(24px,5vw,88px) auto}.reverse .photo{grid-area:1/1}.reverse .photo:before{mask-image:var(--window-light-reverse-mask,url(/window-light-reverse.png))}.water img{object-position:right bottom;width:180%;max-width:none;height:180%;top:-65%;left:-80%}.rock img{object-position:left center;width:170%;max-width:none;height:170%;top:-40%;left:-8%}details{margin-top:28px}summary{cursor:pointer;border:1px solid var(--accent);color:var(--accent);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:.95rem;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:#b8d3ff12}details[open] summary span{transform:rotate(45deg)}details p{padding-top:18px;font-size:.88rem}.text-link{color:var(--accent);border-bottom:1px solid var(--rule);margin-top:24px;padding-bottom:4px;font-size:.88rem;display:inline-block}.news{border-top:1px solid #ffffff16;padding:52px 8% 28px}.light-debug{box-sizing:border-box;color:#eee;width:min(520px,88%);margin:24px 6% 48px auto;position:relative}.light-debug summary{padding:12px 16px;font-size:14px}.light-debug fieldset{background:#141414;border:1px solid #ffffff40;min-width:0;margin:20px 0 0;padding:12px 20px}.light-debug legend{padding:0 8px;font-size:14px}.light-debug label{grid-template-columns:1fr auto;gap:8px;margin:12px 0;font-size:14px;display:grid}.light-debug output{font-variant-numeric:tabular-nums}.light-debug select{color:#eee;width:100%;min-width:0;font:inherit;background:#141414;border:1px solid #ffffff60;grid-column:1/-1;padding:10px}.light-debug input{accent-color:#d5e2ed;grid-column:1/-1;width:100%;margin:0}.news h2{margin-bottom:22px;font-size:1.35rem}.news ul{border-top:1px solid var(--accent);margin:0;padding:0;list-style:none}.news a{border-bottom:1px solid var(--rule);justify-content:space-between;padding:22px 4px;font-size:.95rem;display:flex}.news span{color:var(--accent)}.sr-only,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:5;background:#000;padding:16px;position:absolute}@keyframes photo-emerge{0%{filter:grayscale()brightness(.24);opacity:.35}to{filter:grayscale()brightness(.9);opacity:1}}@keyframes copy-emerge{0%{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes line-ignite{0%{opacity:.2;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@supports (animation-timeline:view()){.feature{view-timeline:--feature block}.photo img{animation:linear both photo-emerge --feature;animation-range:entry entry 85%}.copy{animation:linear both copy-emerge --feature;animation-range:entry 10% entry 75%}.copy h2:before{transform-origin:0;animation:linear both line-ignite --feature;animation-range:entry entry 60%}.feature:focus-within .copy{animation:none}}@media (width>=761px) and (width<=1024px){.feature:not(.reverse) .copy{padding-left:56px}}@media (width<=760px),(aspect-ratio<=1){.first-screen{height:auto}.hero{aspect-ratio:16/10;flex:none}.hero .hero-logo{width:58%;top:8%;left:8%;transform:none!important}}@media (width<=760px){.intro{padding:24px 6% 42px}.dates{margin-bottom:36px}.dates div{padding:0 8px}dt{margin-bottom:10px;font-size:.65rem}dd{font-size:clamp(.9rem,4.5vw,1.5rem)}.intro h2{font-size:1.35rem}.intro>p{text-wrap:balance;font-size:.95rem}.dates div+div dd{font-size:clamp(.85rem,3.6vw,1.2rem)}.intro p br{display:none}.feature,.reverse{grid-template-columns:1fr}#about .copy{max-width:none;margin:0}.copy,.reverse .copy{grid-area:1/1;max-width:none;margin:0;padding:38px 10% 12px}.copy h2{margin-bottom:20px}.copy h2:before{width:18px;left:-26px}.photo,.reverse .photo{--reveal:9.1px;aspect-ratio:16/10;grid-area:2/1;width:88%;margin:48px 6% 64px}.photo:before{background-size:540px}.copy p br{display:none}.news{padding:38px 6% 16px}}