@charset "UTF-8";
:root{--sea:#3c6c6f;--white:#fff;--sans:"Songti SC","SimSun","STSong","Noto Serif CJK SC",serif;--serif:Georgia,"Times New Roman","Songti SC","SimSun",serif;color-scheme:dark;font-family:var(--sans);background:var(--sea);color:var(--white)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--sea)}body{overflow:hidden}button,input{-webkit-tap-highlight-color:transparent;font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:7px}button{border:0}button:disabled{cursor:wait}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#exhibition{position:relative;width:100%;height:100svh;min-height:480px;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;overflow:hidden}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(20px + env(safe-area-inset-top)) 25px 0;pointer-events:none}.site-name{font-family:var(--serif);font-size:24px;letter-spacing:-1.2px;pointer-events:auto}.site-name>span{padding-left:1px}.menu-toggle{width:44px;height:44px;margin-right:-10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:transparent;pointer-events:auto}.menu-toggle>span{width:22px;height:1px;background:#fff;transition:width .25s}.menu-toggle:hover>span:last-child{width:15px}
.film-grain{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light}
.loading-scene{z-index:3;background:var(--sea);opacity:1;transition:opacity .85s cubic-bezier(.2,.65,.2,1)}.loading-scene.leaving{opacity:0;pointer-events:none}.loading-film{position:absolute;top:50%;left:50%;width:100%;max-width:960px;aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:hidden;opacity:.5}.loading-film video{width:100%;height:100%;object-fit:cover;display:block}.loading-center{position:absolute;left:50%;top:50%;width:min(76vw,470px);transform:translate(-50%,-50%);text-align:center}.loading-logo{width:100%;position:relative}.loading-logo svg{display:block;width:100%;height:auto;overflow:visible}.loading-caption{position:absolute;top:100%;left:-10%;width:120%;margin:12px 0 0;font-size:12px;font-weight:400;letter-spacing:.08em;line-height:1.8;color:#fff}.loading-recovery{position:absolute;top:calc(100% + 54px);left:-7%;width:114%;font-size:12px;line-height:1.8;background:rgba(31,67,69,.92);padding:16px}.loading-recovery p{margin:0 0 10px}.recovery-actions{display:flex;justify-content:center;gap:24px}.recovery-actions button{background:none;padding:8px 0;border-bottom:1px solid #ffffff70;font-size:12px}
.cover-scene{z-index:1;background:var(--sea);opacity:0;transition:opacity .85s cubic-bezier(.2,.65,.2,1)}.cover-scene.present{opacity:1}.cover-landscape{position:absolute;inset:-2%;transform:scale(1.015);will-change:transform}.cover-landscape img{height:100%;width:100%;display:block;object-fit:cover;object-position:47% 59%;filter:saturate(.48) contrast(.85) brightness(.78);opacity:.94}.cover-grade{position:absolute;inset:0;background:#3c6c6f;mix-blend-mode:color;opacity:.76;pointer-events:none}.cover-edge{position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,108,111,.64) 0%,rgba(60,108,111,.18) 25%,rgba(23,54,57,.15) 49%,rgba(60,108,111,.1) 64%,rgba(60,108,111,.7) 90%,#3c6c6f 100%),linear-gradient(90deg,rgba(60,108,111,.3),transparent 20%,transparent 80%,rgba(60,108,111,.35));pointer-events:none}
.anniversary{position:absolute;top:19%;right:-.01em;font-family:var(--serif);font-size:clamp(140px,46vw,250px);font-style:italic;font-weight:400;line-height:1;letter-spacing:-.085em;color:rgba(240,247,242,.15);transform:scaleY(1.7) rotate(-6deg);transform-origin:top right;user-select:none;white-space:nowrap;opacity:0}.cover-heading{position:absolute;z-index:4;left:0;right:0;top:43%;transform:translateY(-50%);text-align:center;padding:0 20px}h1{font-family:var(--serif);font-weight:400;line-height:1.06;font-size:clamp(47px,13.4vw,66px);letter-spacing:-.045em;margin:0;outline:none!important;text-shadow:0 1px 20px rgba(20,48,50,.12)}.welcome-line,.eesta-line{display:block}.eesta-line{font-size:1.37em;letter-spacing:-.07em;margin-top:5px}h1 span>span{display:inline-block;opacity:0;transform:translate3d(0,13px,0);filter:blur(3px)}h1 .word-gap{width:.23em}
.enter-button{position:absolute;z-index:5;top:68%;left:50%;transform:translate(-50%,10px);background:var(--sea);border-radius:7px;min-width:155px;min-height:49px;padding:15px 21px;display:flex;align-items:center;justify-content:center;gap:25px;letter-spacing:.13em;font-size:13px;opacity:0;visibility:hidden;transition:background .25s}.enter-button>span{font-size:18px;font-weight:300;line-height:1;letter-spacing:0}.enter-button:hover{background:#315e61}.cover-colophon{position:absolute;bottom:calc(29px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:9px;letter-spacing:.19em;font-weight:400;color:#ffffffa6;margin:0}.cover-colophon span{padding:0 8px}
.cover-scene.animate .anniversary{animation:date-reveal 1.25s .08s ease both}.cover-scene.animate h1 span>span{animation:letter-reveal .43s cubic-bezier(.2,.65,.2,1) both;animation-delay:calc(var(--letter-index)*18ms)}.cover-scene.animate .enter-button{visibility:visible;animation:button-reveal .3s .72s ease both}.cover-scene.animate .cover-landscape{animation:landscape-drift 18s ease-out forwards}.cover-scene.departing{opacity:0;transition:opacity .65s ease}
@keyframes letter-reveal{to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes button-reveal{to{opacity:1;transform:translate(-50%,0)}}@keyframes date-reveal{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes landscape-drift{to{transform:scale(1.055)}}
dialog{color:#fff;border:0;box-shadow:none}dialog::backdrop{background:rgba(18,42,43,.48);backdrop-filter:blur(5px)}.site-menu{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:rgba(49,91,94,.98);padding:calc(23px + env(safe-area-inset-top)) 28px calc(35px + env(safe-area-inset-bottom));overflow-y:auto}.menu-header{display:flex;justify-content:space-between;align-items:center}.menu-header p{font-family:var(--serif);font-size:27px;letter-spacing:-1px;margin:0}.close-button{width:44px;height:44px;background:transparent;font-weight:200;font-size:34px;line-height:1;margin-right:-10px}.menu-eyebrow{font-size:9px;letter-spacing:.17em;margin:65px 0 30px;color:#ffffff85}.site-menu nav{display:flex;flex-direction:column;gap:0}.site-menu nav button{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;padding:22px 0;border-bottom:1px solid #ffffff26;font-size:24px;font-weight:400;text-align:left}.site-menu nav span{font-family:var(--serif);font-style:italic;font-size:16px;color:#ffffff80}.motion-option{display:flex;align-items:center;position:relative;justify-content:space-between;min-height:58px;margin-top:22px;font-size:13px;cursor:pointer}.motion-option input{position:absolute;right:0;opacity:0;width:44px;height:44px;cursor:pointer}.switch{width:36px;height:20px;border:1px solid #ffffff70;border-radius:20px;pointer-events:none;position:relative}.switch::after{content:"";position:absolute;width:12px;height:12px;background:#fff;top:3px;left:3px;border-radius:50%;transition:transform .2s}.motion-option input:checked+.switch::after{transform:translateX(16px)}.motion-option input:focus-visible+.switch{outline:2px solid white;outline-offset:5px}.menu-note{margin:60px 0 0;font-size:12px;line-height:2;color:#ffffff9c}.next-page{width:calc(100% - 48px);max-width:400px;background:#315d60;padding:35px 28px}.next-page[open]{animation:dialog-reveal .5s ease both}.next-kicker{font-size:10px;letter-spacing:.16em;color:#ffffff8c;margin:0 0 22px}.next-page h2{font-size:29px;font-weight:400;line-height:1.5;letter-spacing:.02em;margin:0 0 20px}.next-page>p:not(.next-kicker){font-size:12px;color:#ffffffb0;line-height:1.8}.text-button{background:none;padding:16px 0 8px;margin-top:20px;border-bottom:1px solid #ffffff50;font-size:13px;display:flex;gap:35px;align-items:center}.noscript-message{position:fixed;inset:35% 10% auto;z-index:30;padding:25px;background:#254c4e;text-align:center;line-height:1.8}@keyframes dialog-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){.site-header{padding:30px 45px 0}.site-name{font-size:27px}.loading-film{width:74vw}.loading-center{width:350px}.loading-caption{font-size:13px}.cover-landscape img{object-position:50% 58%}.cover-heading{top:46%}h1{font-size:70px}.anniversary{font-size:clamp(220px,30vw,450px);right:14%;top:13%;transform:scaleY(1.5) rotate(-6deg)}.enter-button{top:73%;min-width:175px}.cover-colophon{bottom:32px}.site-menu{padding:32px max(8vw,40px);max-width:660px;left:auto}.cover-edge{background:linear-gradient(180deg,#3c6c6f80,transparent 40%,#3c6c6f10 60%,#3c6c6f)} }
@media(max-height:620px){#exhibition{min-height:360px}.site-header{padding-top:12px}.anniversary{top:16%;font-size:140px}.cover-heading{top:43%}h1{font-size:43px}.enter-button{top:72%;min-height:44px;padding:12px 20px}.cover-colophon{bottom:16px}.menu-eyebrow{margin-top:22px}.menu-note{margin-top:25px}}
@media(prefers-reduced-motion:reduce){:root:not([data-motion="full"]) *, :root:not([data-motion="full"]) *::before, :root:not([data-motion="full"]) *::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}