:root{--ground:#1f50cb;--ink-light:#fff;--ink-navy:#06316f;--lime:#8fe04f;--pink:#f4c7c0;--night:#0e1a22;--sky:#213f7c;--font-hand:"East Sea Dokdo", "Ma Shan Zheng", "Kaiti SC", "STKaiti", cursive;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;--z-stage:0;--z-main:10;--z-pill:60;--z-gate:90;--z-loader:100}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--ground);color:var(--ink-light);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}html.is-locked,body.is-locked{height:100%;overflow:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.loader{z-index:var(--z-loader);background:var(--night);font-family:var(--font-hand);place-content:center;justify-items:center;gap:.9rem;display:grid;position:fixed;inset:0}.loader__text{letter-spacing:.06em;color:var(--pink);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.2rem,4vw,3rem);line-height:1}.loader__label{color:var(--lime)}.loader__track{width:min(360px,72vw);padding-top:64px;position:relative}.loader__fish{width:84px;animation:1.8s ease-in-out infinite alternate loader-bob;position:absolute;top:0;left:0;translate:-50%}.loader__bar{background:#ffffff24;width:100%;height:2px;position:relative}.loader__bar i{background:var(--lime);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@keyframes loader-bob{0%{margin-top:0;rotate:-2deg}to{margin-top:5px;rotate:2deg}}.gate{z-index:var(--z-gate);background:var(--sky);width:100%;color:var(--lime);cursor:pointer;border:0;margin:0;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.gate__zoom{will-change:transform;position:absolute;inset:0}.gate__bg{object-fit:cover;pointer-events:none;width:100%;height:100%;animation:24s ease-in-out infinite alternate gate-drift;position:absolute;inset:0}.gate__moonwrap{pointer-events:none;width:clamp(150px,14vw,230px);position:absolute;top:25%;left:50%;translate:-50% -50%}.gate__moon{will-change:transform, opacity;width:100%;height:auto;animation:8s ease-in-out infinite alternate moon-breathe;display:block}.gate__label{pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.gate__text{font-family:var(--font-hand);letter-spacing:.05em;color:var(--lime);text-shadow:0 2px 14px #08143c8c;font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1;animation:2.8s ease-in-out infinite gate-pulse}@keyframes gate-drift{0%{transform:scale(1.02)}to{transform:scale(1.06)translateY(-.6%)}}@keyframes moon-breathe{0%{opacity:.94;transform:translateY(4px)}to{opacity:1;transform:translateY(-6px)}}@keyframes gate-pulse{0%,to{opacity:.78}50%{opacity:1}}.sound-toggle,.dock{top:max(10px, env(safe-area-inset-top,0px));z-index:var(--z-pill);color:#fff;font-family:var(--font-hand);letter-spacing:.08em;text-transform:uppercase;background:url(/assets/contact-bg.png) 50%/100% 100% no-repeat;border:0;align-items:center;gap:.9rem;transition:transform .35s;display:inline-flex;position:fixed}.sound-toggle{cursor:pointer;padding:1.15rem 2.1rem 1.05rem;font-size:1.35rem;left:max(10px,1.5vw)}.sound-toggle:hover,.sound-toggle:focus-visible{transform:scale(1.05)}.sound-toggle b{color:var(--lime);font-weight:400}.sound-toggle__bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.sound-toggle__bars i{background:var(--lime);transform-origin:bottom;width:2px;height:100%;animation:1.4s ease-in-out infinite eq;display:block}.sound-toggle__bars i:nth-child(2){animation-delay:-.5s}.sound-toggle__bars i:nth-child(3){animation-delay:-1s}.sound-toggle[aria-pressed=false] .sound-toggle__bars i{background:#ffffff80;animation:none;transform:scaleY(.25)}.sound-toggle[aria-pressed=false] b{color:#fff9}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.dock{gap:0;padding:0 1.2rem 0 .4rem;right:max(10px,1.5vw)}.dock__btn{color:#fff;font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;padding:1.1rem 1.9rem 1rem;font-size:1.5rem}.dock__links{opacity:0;align-items:center;gap:.6rem;max-width:0;transition:max-width .5s,opacity .35s .1s;display:flex;overflow:hidden}.dock.is-open .dock__links{opacity:1;max-width:260px}.dock__link{color:#f0f2f6;width:46px;height:46px;font-family:var(--font-serif);letter-spacing:0;text-transform:none;background:#ffffff38;border-radius:12px;flex:none;place-items:center;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .25s,transform .25s;display:grid}.dock__link:hover,.dock__link:focus-visible{background:#ffffff5c;transform:translateY(-2px)}.dock__link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.menu{left:max(14px,1.7vw);top:calc(max(10px, env(safe-area-inset-top,0px)) + 66px);z-index:var(--z-pill);justify-items:start;gap:.5rem;display:grid;position:fixed}.menu__btn{cursor:pointer;background:url(/assets/menu-bg.png) 50%/100% 100% no-repeat;border:0;place-items:center;width:58px;height:58px;padding:0;transition:transform .35s;display:grid}.menu__btn:hover,.menu__btn:focus-visible{transform:scale(1.07)rotate(-3deg)}.menu__bars{gap:5px;width:22px;display:grid}.menu__bars i{background:#fff;border-radius:2px;height:2.5px;transition:transform .35s,opacity .25s,background .25s;display:block}.menu__bars i:nth-child(2){background:var(--lime);justify-self:end;width:70%}.menu.is-open .menu__bars i:first-child{transform:translateY(7.5px)rotate(45deg)}.menu.is-open .menu__bars i:nth-child(2){opacity:0}.menu.is-open .menu__bars i:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.menu__list{pointer-events:none;gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.menu.is-open .menu__list{pointer-events:auto}.menu__list li{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);transform:translate(-10px,-8px)}.menu.is-open .menu__list li{opacity:1;transform:none}.menu.is-open .menu__list li:first-child{transition-delay:40ms}.menu.is-open .menu__list li:nth-child(2){transition-delay:.1s}.menu.is-open .menu__list li:nth-child(3){transition-delay:.16s}.menu.is-open .menu__list li:nth-child(4){transition-delay:.22s}.menu__item{color:#fff;letter-spacing:.18em;text-align:center;white-space:nowrap;background:url(/assets/contact-bg.png) 50%/100% 100% no-repeat;min-width:9.5rem;padding:1.05rem 2.1rem .95rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .25s,color .25s;display:block}.menu__item:hover,.menu__item:focus-visible{color:var(--lime);transform:translate(4px)rotate(-1deg)}.menu__item.is-current{color:var(--lime)}.stage{z-index:var(--z-stage);pointer-events:none;background:var(--ground);position:fixed;inset:0;overflow:hidden}.stage img{pointer-events:none;max-width:none;display:block}.world{will-change:transform;width:100%;height:max(280vw,320vh);position:absolute;top:0;left:0}.world img{object-fit:cover;object-position:50% 100%;width:100%;height:100%}.rise{will-change:transform;position:absolute;bottom:0;left:0;right:0}.rise .side{transform-origin:50% 100%;height:auto;position:absolute;bottom:-2px}.side--l{left:-3vw}.side--r{right:-3vw}#reeds-far .side--l{width:34vw}#reeds-far .side--r{width:30vw}#reeds-mid .side--l{width:40vw}#reeds-mid .side--r{width:33vw}#reeds-near .side--l{width:44vw}#reeds-near .side--r{width:38vw}.rise--weed img{width:100%;height:var(--h);object-fit:cover;object-position:50% 100%;transform-origin:50% 100%;-webkit-mask-image:linear-gradient(#0000,#000 20%);mask-image:linear-gradient(#0000,#000 20%)}#weed-far{--h:40vh}#weed-mid{--h:46vh}#weed-near{--h:54vh}.sway--a{animation:6.8s ease-in-out infinite alternate sway-a}.sway--b{animation:8.2s ease-in-out infinite alternate sway-b}.sway--c{animation:10s ease-in-out infinite alternate-reverse sway-a}@keyframes sway-a{0%{transform:rotate(-.9deg)skew(.9deg)}to{transform:rotate(1deg)skew(-.9deg)}}@keyframes sway-b{0%{transform:rotate(1deg)skew(-.7deg)}to{transform:rotate(-.8deg)skew(.8deg)}}.track{will-change:transform;position:absolute;inset:0}.float{pointer-events:none;position:absolute}.swimmer{will-change:transform;position:relative}.swimmer canvas{width:100%;height:auto;display:block}.loader img.fish-src,.stage img.fish-src{display:none}.float--f2{width:clamp(88px,10vw,170px);top:240vh;left:62vw}.float--f3{opacity:.85;width:clamp(64px,7vw,120px);top:322vh;left:10vw}.float--f4{opacity:.8;width:clamp(54px,6vw,100px);top:84vh;left:58vw}.float--f5{opacity:.85;width:clamp(64px,7vw,120px);top:520vh;left:60vw}.float--f6{width:clamp(70px,7.5vw,130px);top:560vh;left:14vw}.float--f7{opacity:.8;width:clamp(56px,6.2vw,104px);top:760vh;left:52vw}.float--f8{width:clamp(88px,10vw,170px);top:820vh;left:30vw}.lead{pointer-events:none;will-change:transform;width:clamp(104px,11vw,190px);position:absolute;top:0;left:0}.bubbles{position:absolute;inset:0}.bub{background:radial-gradient(circle at 32% 30%,#ffffff73,#ffffff0d 55%,#fff0 72%);border:1.5px solid #d6e6ff80;border-radius:50%;animation:5s ease-in-out infinite alternate bub-wobble;position:absolute}@keyframes bub-wobble{0%{transform:translate(-6px)}to{transform:translate(8px)}}#main{z-index:var(--z-main);position:relative}.panel{min-height:100vh;padding-inline:max(24px,5vw);position:relative}@supports (min-height:100svh){.panel{min-height:100svh}}.hero{text-align:center;flex-direction:column;align-items:center;padding-top:9vh;display:flex}.hero__title{font-family:var(--font-hand);letter-spacing:.03em;text-wrap:balance;color:#fff;text-shadow:0 3px 18px #08143c73;max-width:14em;margin:0;font-size:clamp(3rem,6.6vw,5.4rem);font-weight:400;line-height:1.02}.hero__sub{letter-spacing:.24em;color:#ffffffd9;margin:.8rem 0 0;font-size:clamp(.95rem,1.4vw,1.15rem)}.hero__sub:empty{display:none}.hero__hint{width:max-content;font-family:var(--font-hand);letter-spacing:.06em;color:#fff;text-shadow:0 2px 14px #08143c99;justify-items:center;gap:.2rem;margin:0 auto;font-size:clamp(1.7rem,2.6vw,2.3rem);display:grid;position:absolute;bottom:4vh;left:0;right:0}.hero__hint i{font-size:1.5rem;font-style:normal;animation:1.8s ease-in-out infinite hint-bob}@keyframes hint-bob{50%{transform:translateY(6px)}}.intro{isolation:isolate;text-align:center;align-content:center;justify-items:center;gap:.9rem;min-height:78vh;display:grid}@supports (min-height:100svh){.intro{min-height:78svh}}.intro:not(.intro--navy):before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#081e608c,#081e6000);width:min(760px,100%);height:60%;position:absolute;top:50%;left:50%;translate:-50% -50%}.eyebrow{max-width:12em;font-family:var(--font-hand);letter-spacing:.06em;color:#fff;text-wrap:balance;text-shadow:0 0 3px #061e5a80,0 2px 18px #061e5acc;margin:0;font-size:clamp(3rem,6.4vw,5rem);font-weight:400;line-height:1}.intro__zh{letter-spacing:.5em;color:var(--lime);text-shadow:0 0 3px #061e5ab3,0 2px 14px #061e5ad9;margin:0;padding-left:.5em;font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:700}.intro__place{letter-spacing:.06em;color:#fff;text-shadow:0 0 3px #061e5a99,0 2px 14px #061e5acc;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .6rem;margin:.4rem 0 0;font-size:clamp(.95rem,1.5vw,1.12rem);display:flex}.intro__place svg{fill:none;width:1.5em;height:1.5em;stroke:var(--lime);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.intro__place i{opacity:.7;font-style:normal}.intro__tags{flex-wrap:wrap;justify-content:center;gap:.4rem .6rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.intro__tags li{color:#0a2a72;letter-spacing:.08em;white-space:nowrap;background:url(/assets/btn-light.png) 50%/100% 100% no-repeat;padding:.7em 1.9em .66em;font-size:clamp(.82rem,1.2vw,.98rem);font-weight:700}.quote{isolation:isolate;text-align:center;align-content:center;justify-items:center;gap:1.6rem;width:min(820px,92vw);min-height:70vh;margin-inline:auto;display:grid;position:relative}@supports (min-height:100svh){.quote{min-height:70svh}}.quote__badge{color:#0a2a72;font-family:var(--font-hand);letter-spacing:.06em;background:url(/assets/badge-lime.png) 50%/100% 100% no-repeat;justify-self:start;margin:0 0 0 clamp(0px,4vw,40px);padding:1.1rem 2.6rem 1rem;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1;rotate:-3deg}.quote__text{letter-spacing:.08em;color:#fff;text-wrap:balance;text-shadow:0 0 3px #061e5a80,0 2px 16px #061e5abf;gap:.5rem;margin:0;font-size:clamp(1.15rem,2.5vw,1.75rem);font-weight:700;line-height:1.6;display:grid}.quote__text span:last-child{color:var(--pink)}.intro--navy .eyebrow,.intro--navy .intro__text,.intro--navy .intro__place{color:#06316f;text-shadow:0 0 18px #ffffffb3}.intro--navy .intro__zh{color:#fff;text-shadow:none;background:url(/assets/btn-dark.png) 50%/100% 100% no-repeat;margin-top:.3rem;padding:.85rem 2.1rem .8rem 2.6rem}.intro__text{letter-spacing:.06em;color:#fff;text-wrap:balance;text-shadow:0 0 3px #061e5a99,0 2px 14px #061e5acc;max-width:24em;margin:.3rem 0 0;font-size:clamp(.92rem,1.4vw,1.08rem);line-height:1.9}.timeline{place-items:center;min-height:64vh;padding-inline:3vw;display:grid}@supports (min-height:100svh){.timeline{min-height:64svh}}.timeline__card{color:#fff;background:url(/assets/card-dark.png) 50%/100% 100% no-repeat;width:min(980px,94vw);padding:clamp(46px,6.5vw,84px) clamp(64px,11vw,132px)}.timeline__list{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline__list:before{content:"";border-top:2.5px solid #8fe04fbf;height:0;position:absolute;top:50%;left:4%;right:4%;translate:0 -50%}.timeline__list li{text-align:center;grid-template-rows:1fr auto 1fr;justify-items:center;gap:.7rem;display:grid;position:relative}.tl__year{font-family:var(--font-hand);letter-spacing:.06em;color:var(--lime);white-space:nowrap;align-self:end;font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1}.tl__dot{z-index:1;background:var(--lime);border-radius:50% 46% 52% 48%;width:16px;height:16px;position:relative;box-shadow:0 0 0 4px #0b2670,0 0 0 5.5px #ffffffd9}.timeline__list li:last-child .tl__dot{animation:2.4s ease-in-out infinite tl-pulse}@keyframes tl-pulse{50%{box-shadow:0 0 0 4px #0b2670,0 0 0 11px #8fe04f47}}.tl__name{letter-spacing:.04em;align-self:start;padding-inline:.2rem;font-size:clamp(.85rem,1.45vw,1.1rem);font-weight:700;line-height:1.4}.foot{text-align:center;place-items:end center;min-height:46vh;padding:0 5vw 13vh;display:grid}.foot__line{color:#fff;text-shadow:0 0 3px #061e5ab3,0 2px 16px #061e5ae6;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.3rem 1rem;margin:0;display:flex}.foot__label{font-family:var(--font-hand);letter-spacing:.08em;color:var(--lime);font-size:clamp(2rem,3.6vw,2.8rem)}.foot__mail{letter-spacing:.05em;border-bottom:1.5px solid #ffffff8c;padding-bottom:2px;font-size:clamp(1rem,1.9vw,1.35rem);font-weight:600;text-decoration:none;transition:color .25s,border-color .25s}.foot__mail:hover,.foot__mail:focus-visible{color:var(--lime);border-color:var(--lime)}.work{--card-w:min(720px, 90vw);place-items:center;min-height:84vh;padding-inline:4vw;display:grid}@supports (min-height:100svh){.work{min-height:84svh}}.work--about{min-height:64vh}@supports (min-height:100svh){.work--about{min-height:64svh}}.bubble{--fg:#fff;--btn-bg:url(/assets/btn-light.png);--btn-fg:#0a2a72;width:var(--card-w);aspect-ratio:1000/420;color:var(--fg);will-change:transform, opacity;background:url(/assets/card-dark.png) 50%/100% 100% no-repeat;grid-template-columns:21% 1fr;align-items:center;gap:0 3.5%;padding:0 9% 0 10.5%;display:grid;position:relative}.work[data-tone=light] .bubble{--fg:#06316f;--btn-bg:url(/assets/btn-dark.png);--btn-fg:#fff;background-image:url(/assets/card-light.png)}.bubble__icon{justify-self:end;width:100%;max-width:96px;height:auto}.bubble__body{gap:.4rem;min-width:0;display:grid}.bubble__title{letter-spacing:.04em;margin:0;font-size:clamp(1.25rem,2.3vw,1.7rem);font-weight:700;line-height:1.2}.bubble__title small.is-stack{letter-spacing:.08em;opacity:.8;margin:.3em 0 0;font-size:.55em;display:block}.bubble__title small{letter-spacing:.04em;margin-left:.6em;font-size:.5em;font-weight:400;display:inline-block}.bubble__meta{letter-spacing:.03em;opacity:.78;margin:-.15rem 0 0;font-size:clamp(.72rem,1vw,.84rem);line-height:1.5}.bubble__tag{letter-spacing:.02em;margin:0;font-size:clamp(.78rem,1.15vw,.95rem);line-height:1.7}.bubble__actions{flex-wrap:wrap;gap:.35rem .5rem;margin-top:.2rem;display:flex}.pill{cursor:pointer;background:var(--btn-bg) center / 100% 100% no-repeat;color:var(--btn-fg);letter-spacing:.04em;white-space:nowrap;border:0;align-items:center;gap:.5em;padding:.62em 1.5em .6em 1.6em;font-family:inherit;font-size:clamp(.72rem,1vw,.88rem);font-weight:700;text-decoration:none;transition:transform .25s;display:inline-flex}.pill svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.pill:hover,.pill:focus-visible{transform:translateY(-2px)rotate(-1deg)}html.is-modal{overflow:hidden}.detail{--paper:#f5f9ff;--paper-ink:#06316f;width:min(760px,100vw - 32px);max-height:min(84vh,760px);color:var(--paper-ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.detail::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060e28ad}.detail[open]{animation:.4s cubic-bezier(.2,.8,.2,1) detail-in}@keyframes detail-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.detail__paper{max-height:inherit;background:var(--paper);outline-offset:-9px;border-radius:34px 52px 30px 56px/46px 30px 52px 34px;outline:2px solid #0b2670;display:flex;position:relative;box-shadow:6px 8px #0b2670,0 24px 60px #00000073}.detail__scroll{overscroll-behavior:contain;flex:1;min-width:0;max-height:min(84vh,760px);padding:clamp(32px,5vw,48px) clamp(28px,5vw,52px) clamp(30px,4.5vw,44px);overflow-y:auto}.detail__title{letter-spacing:.04em;margin:0 2rem 0 0;font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:700;line-height:1.25}.detail__title small{margin-left:.6em;font-size:.5em;font-weight:400}.detail__meta{letter-spacing:.03em;opacity:.7;margin:.35rem 0 1.3rem;font-size:.85rem}.detail__group+.detail__group{border-top:1.5px dashed #06316f59;margin-top:1.5rem;padding-top:1.3rem}.detail__heading{letter-spacing:.08em;color:#2a58b8;margin:0 0 .7rem;font-size:.86rem;font-weight:700}.detail ul{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.detail li{letter-spacing:.02em;padding-left:1.3rem;font-size:clamp(.86rem,1.25vw,.96rem);line-height:1.8;position:relative}.detail li:before{content:"";background:#2f66e0;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.78em;left:.15rem}.detail li b{letter-spacing:.04em;margin-bottom:.1rem;font-weight:700;display:block}.detail__close{z-index:2;color:#fff;cursor:pointer;background:#0b2670;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .25s;display:grid;position:absolute;top:16px;right:18px}.detail__close:hover,.detail__close:focus-visible{transform:rotate(90deg)}.detail__close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}@media (width<=720px){#reeds-far .side--l{width:52vw}#reeds-far .side--r{width:46vw}#reeds-mid .side--l{width:78vw}#reeds-mid .side--r{width:60vw}#reeds-near .side--l{width:66vw}#reeds-near .side--r{width:56vw}#weed-far{--h:30vh}#weed-mid{--h:36vh}#weed-near{--h:42vh}.lead{width:110px}.float--f2{width:88px;top:236vh;left:58vw}.float--f6{width:84px;top:560vh}.float--f7{width:70px;top:760vh}.float--f8{width:92px;top:820vh}.sound-toggle{padding:.95rem 1.5rem .85rem;font-size:1.1rem}.timeline__card{padding:15vw 12vw 14vw}.timeline__list{grid-template-columns:1fr;gap:1.1rem}.timeline__list:before{border-top:0;border-left:2.5px solid #8fe04fbf;height:auto;inset:2% auto 2% 50%;translate:-50%}.timeline__list li{grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8rem}.tl__year{text-align:right;letter-spacing:.02em;place-self:center end;font-size:1.12rem}.tl__name{text-align:left;place-self:center start;font-size:.85rem}.menu{top:calc(max(10px, env(safe-area-inset-top,0px)) + 58px)}.menu__btn{width:50px;height:50px}.menu__item{min-width:8.5rem;padding:.9rem 1.7rem .8rem;font-size:.92rem}.dock__btn{padding:.95rem 1.3rem .85rem;font-size:1.25rem}.dock__link{width:40px;height:40px}.dock.is-open .dock__links{max-width:200px}.work{--card-w:94vw}.bubble{aspect-ratio:1000/560;grid-template-columns:21% 1fr;gap:0 3%;padding:0 10% 0 9%}.bubble__body{gap:.25rem}.bubble__title{font-size:1.05rem}.bubble__meta{font-size:.64rem}.bubble__tag{font-size:.68rem;line-height:1.55}.work--about{min-height:56vh}.detail__scroll{padding:34px 24px 28px}.pill{padding:.55em 1.1em .5em 1.2em;font-size:.66rem}}@media (prefers-reduced-motion:reduce){.gate__bg,.gate__moon,.gate__text,.hero__hint i,.sway,.bub,.loader__fish,.sound-toggle__bars i{animation:none}}