:root{color-scheme:dark;font-family:KaiTi,STKaiti,"FangSong",Songti SC,serif;background:#071116;color:#eef2f1;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#071116}button,a{font:inherit}#scene,.static-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#scene{--water-shift-x: 0px;--water-shift-y: 0px;--water-attention: 0;z-index:0;overflow:hidden;background-color:#071116}.wallpaper-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;pointer-events:none;will-change:transform,opacity,filter,background-position}.wallpaper-base{background-image:var(--asset-pond);filter:saturate(.9) contrast(1.06) brightness(.92);transform:scale(1.025);animation:lens-breathe 34s ease-in-out infinite}.water-flow{top:39%;height:61%;background-image:var(--asset-water);background-position:calc(50% + var(--water-shift-x)) calc(50% + var(--water-shift-y));background-size:112% 112%;clip-path:polygon(0 3%,100% 0,100% 100%,0 100%);filter:brightness(calc(.82 + var(--water-attention) * .1)) contrast(1.15);mix-blend-mode:screen;opacity:calc(.18 + var(--water-attention) * .06);transform:translateZ(0);animation:water-drift 24s ease-in-out infinite}.water-flow:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(4,15,18,.52) 82%),linear-gradient(90deg,rgba(235,242,238,.03),transparent 38%,rgba(236,244,239,.04));content:""}.fish-illusion{top:55%;height:45%;background-image:var(--asset-fish);background-position:calc(50% - var(--water-shift-x)) calc(50% - var(--water-shift-y));background-size:105% 105%;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);filter:blur(.35px) brightness(1.05);mix-blend-mode:screen;opacity:.33;animation:fish-light-drift 13s ease-in-out infinite}.mist-layer{background-image:var(--asset-mist);background-size:118% 118%;mix-blend-mode:screen;opacity:.34}.mist-layer-a{filter:blur(.4px);animation:mist-sail-a 58s ease-in-out infinite}.mist-layer-b{opacity:.18;filter:blur(1.4px);transform:scale(1.08) translate3d(-2%,2%,0);animation:mist-sail-b 76s ease-in-out infinite}.rain-layer{background-image:var(--asset-rain);background-size:100% 100%;filter:blur(.2px);mix-blend-mode:screen;opacity:.2;animation:rain-fall 1.55s linear infinite}.bird-layer{top:8%;height:24%;background-image:var(--asset-birds);background-position:center;background-size:contain;filter:blur(.15px);opacity:0;transform:translate3d(-100vw,0,0) scale(.44)}.bird-layer-a{animation:bird-pass 52s linear infinite 5s}.bird-layer-b{top:18%;transform:translate3d(-100vw,0,0) scale(.3);animation:bird-pass 68s linear infinite 31s}.static-fallback{object-fit:cover}#app:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(3,10,14,.12),transparent 30%,rgba(1,8,12,.18)),radial-gradient(circle at 50% 53%,transparent 20%,rgba(0,8,12,.18) 100%);content:"";pointer-events:none}.identity{position:absolute;z-index:3;top:56%;left:50%;display:flex;align-items:center;gap:clamp(12px,1.8vw,30px);width:max-content;max-width:calc(100vw - 96px);transform:translate(-50%,-50%);color:#f7f9f8f5;text-shadow:0 2px 4px rgba(0,0,0,.7),0 8px 24px rgba(0,12,18,.52)}.identity h1,.identity p{margin:0;font-size:clamp(27px,2.55vw,44px);font-weight:500;letter-spacing:0;line-height:1.1;white-space:nowrap}.identity h1{font-size:clamp(27px,2.55vw,44px)}.identity p{font-family:KaiTi,STKaiti,Songti SC,serif}.identity__divider{width:1px;height:clamp(18px,2vw,30px);background:#e6edec75;transform:rotate(17deg)}.inscription{position:absolute;z-index:3;top:clamp(44px,8vh,96px);left:clamp(36px,9vw,172px);display:grid;grid-auto-flow:column;gap:12px;align-items:start;color:#e1e7e4ad;writing-mode:vertical-rl;text-orientation:upright;filter:drop-shadow(0 3px 8px rgba(0,8,12,.6));transition:color .5s ease,filter .5s ease,opacity .5s ease;cursor:default}.inscription:hover{color:#f4f7f4eb;filter:drop-shadow(0 2px 6px rgba(0,8,12,.8))}.inscription__date{font-size:clamp(18px,1.35vw,24px);line-height:1.7}.inscription__year,.inscription__time{margin-top:22px;font-size:clamp(11px,.82vw,14px);line-height:1.55;opacity:.76}.inscription__seal{align-self:end;width:12px;height:12px;margin-top:6px;border:1px solid rgba(132,34,28,.78);background:#6f18159e;box-shadow:0 0 14px #8b221c33;animation:seal-breathe 2s ease-in-out infinite}.archive{position:absolute;z-index:3;bottom:22px;left:50%;margin:0;transform:translate(-50%);color:#dee5e47a;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;white-space:nowrap}.drawer-toggle{position:absolute;z-index:6;top:50%;right:0;width:48px;height:68px;border:1px solid rgba(220,228,226,.2);border-right:0;background:#030c107a;color:#fff;transform:translateY(-50%);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer-toggle span{display:block;width:12px;height:12px;margin:auto;border-bottom:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(45deg);transition:transform .3s ease}.drawer-toggle[aria-expanded=true]{right:min(84vw,360px)}.drawer-toggle[aria-expanded=true] span{transform:rotate(225deg)}.project-drawer{position:absolute;z-index:5;inset:0 0 0 auto;width:min(84vw,360px);border-left:1px solid rgba(224,232,229,.18);background:#040d11e0;transform:translate(100%);transition:transform .36s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-drawer.is-open{transform:translate(0)}.project-drawer__inner{position:absolute;top:50%;right:36px;left:36px;transform:translateY(-50%)}.project-drawer__label{margin:0 0 28px;color:#e1e8e673;font-size:13px}.project-drawer a{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-block:1px solid rgba(225,232,230,.16);color:#f7f9f8f0;text-decoration:none}.project-drawer a span{font-size:23px}.project-drawer a small{color:#e1e8e66b;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px}@keyframes seal-breathe{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:.9;transform:scale(1.08)}}@keyframes lens-breathe{0%,to{transform:scale(1.025) translateZ(0)}50%{transform:scale(1.045) translate3d(-.45%,-.35%,0)}}@keyframes water-drift{0%,to{opacity:.16;background-position:48% 52%;transform:translate3d(-.2%,0,0) scale(1.01)}50%{opacity:.23;background-position:53% 49%;transform:translate3d(.25%,.35%,0) scale(1.025)}}@keyframes fish-light-drift{0%,to{opacity:.22;background-position:48% 52%;transform:translate3d(-.35%,.15%,0) scale(1.01)}42%{opacity:.38;background-position:52% 49%;transform:translate3d(.45%,-.2%,0) scale(1.025)}70%{opacity:.28;background-position:50% 51%;transform:translate3d(.1%,.1%,0) scale(1.015)}}@keyframes mist-sail-a{0%,to{opacity:.25;transform:translate3d(-2.5%,0,0) scale(1.04)}50%{opacity:.42;transform:translate3d(2.2%,-.6%,0) scale(1.07)}}@keyframes mist-sail-b{0%,to{opacity:.12;transform:translate3d(2%,2%,0) scale(1.1)}50%{opacity:.22;transform:translate3d(-2.5%,1%,0) scale(1.12)}}@keyframes rain-fall{0%{background-position:0 0;transform:translate3d(0,-1.5%,0)}to{background-position:-2vw 9vh;transform:translate3d(-.2%,1.5%,0)}}@keyframes bird-pass{0%{opacity:0;transform:translate3d(-105vw,0,0) scale(var(--bird-scale, .42))}8%{opacity:.2}42%{opacity:.14}58%{opacity:0;transform:translate3d(105vw,-2.5vh,0) scale(var(--bird-scale, .42))}to{opacity:0;transform:translate3d(105vw,-2.5vh,0) scale(var(--bird-scale, .42))}}@media(max-width:680px){.identity{top:58%;flex-wrap:wrap;justify-content:center;gap:8px 12px;width:calc(100vw - 64px)}.identity h1{flex-basis:100%;text-align:center}.identity p,.identity h1{font-size:24px}.identity__divider:first-of-type{display:none}.inscription{top:34px;left:28px}.archive{bottom:14px;font-size:7px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}.wallpaper-layer{animation:none}}