*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#000;font-family:Arial Rounded MT Bold,Microsoft YaHei UI,PingFang SC,Hiragino Sans GB,system-ui,sans-serif}body.home-modal-open{overflow:hidden}img{display:block}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.home-cinema{--paper:#fff;--ink:#000;color:#fff;background:#000;min-height:100vh;position:relative;overflow-x:clip}.login-icon-link{z-index:100;color:#fff;mix-blend-mode:difference;border:1.5px solid;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:fixed;top:clamp(18px,2.6vw,34px);right:clamp(18px,2.8vw,42px)}.login-icon-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.cinema-act{background:#000;min-height:330vh;position:relative}.intro-act{min-height:360vh}.shell-act{min-height:420vh}.home-act{min-height:350vh}.hoho-act{min-height:820vh}.sticky-stage{height:100svh;position:sticky;top:0;overflow:hidden}.full-bleed{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro-stage{background:#000}.intro-bg{opacity:var(--intro-bg);filter:grayscale(.18)contrast(1.04)brightness(.82)}.rain-streaks{z-index:4;pointer-events:none;position:absolute;inset:-18% -10%;overflow:hidden}.rain-drop{left:var(--drop-x);top:var(--drop-y);width:2.4px;height:var(--drop-h);background:linear-gradient(180deg, #fff0, rgba(255, 255, 255, var(--drop-opacity)) 48%, rgba(255, 255, 255, calc(var(--drop-opacity) * .68)));animation:rain-drop-fall var(--drop-duration) linear infinite;animation-delay:var(--drop-delay);border-radius:999px;position:absolute;transform:rotate(10deg)}.lightning{z-index:3;opacity:0;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 0 47%,#fffffff5 47.2% 47.55%,#0000 47.85%),radial-gradient(circle at 55% 18%,#ffffffad,#0000 25%);animation:5.4s infinite lightning-flash;position:absolute;inset:0}.intro-title,.intro-line,.shell-line,.shell-return-line,.home-line,.hoho-copy,.final-copy h2{letter-spacing:0;text-wrap:balance;margin:0;line-height:1.12}.intro-title{z-index:9;text-align:center;width:min(900px,100vw - 36px);opacity:var(--intro-title);font-size:clamp(42px,7vw,106px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-character{z-index:7;pointer-events:none;filter:drop-shadow(0 24px 34px #00000042);position:absolute}.intro-character-one{height:clamp(330px,56vh,720px);opacity:var(--intro-char-one);bottom:7%;left:42%}.intro-character-two{height:clamp(230px,42vh,510px);opacity:calc(var(--intro-char-two) * .86);bottom:11%;right:18%}.intro-line{z-index:9;width:min(220px,18vw);opacity:var(--intro-line);font-size:clamp(16px,1.42vw,24px);font-weight:900;position:absolute;bottom:clamp(312px,50vh,530px);right:clamp(44px,5vw,90px)}.intro-outro-black{z-index:22;opacity:var(--intro-black);pointer-events:none;background:#000;position:absolute;inset:0}.shell-stage,.home-stage{background:#000}.home-stage:before{z-index:2;content:"";opacity:calc(var(--home-warm) * .78);pointer-events:none;background:radial-gradient(at 52%,#0000 0 42%,#0003 78%,#00000061 100%),linear-gradient(90deg,#0000002e,#0000 22% 78%,#0003);position:absolute;inset:0}.home-stage:after{z-index:1;-webkit-backdrop-filter:blur(.65px);backdrop-filter:blur(.65px);content:"";opacity:calc(var(--home-warm) * .58);pointer-events:none;position:absolute;inset:-6%;-webkit-mask-image:radial-gradient(at 56%,#0000 0 46%,#000 76%);mask-image:radial-gradient(at 56%,#0000 0 46%,#000 76%)}.beach-memory{opacity:calc(var(--shell-sea) * .82);filter:contrast(1.04)brightness(.72)}.shell-prop{z-index:5;width:clamp(126px,17vw,268px);opacity:var(--shell-prop);filter:drop-shadow(0 22px 44px #ffffff29);transform:translate(-50%, -50%) rotate(calc(-10deg + var(--shell-sea) * 22deg)) scale(calc(.72 + var(--shell-prop) * .42));position:absolute;top:48%;left:50%}.shell-line{z-index:8;letter-spacing:.05em;width:min(480px,50vw - 96px);opacity:var(--shell-text);font-size:clamp(22px,2.8vw,44px);font-weight:600;position:absolute;top:46%}.shell-line-left{text-align:right;right:calc(50% + clamp(140px,18vw,320px))}.shell-line-right{left:calc(50% + clamp(140px,18vw,320px))}.shell-blackout{z-index:20;opacity:var(--shell-black);background:#000;position:absolute;inset:0}.shell-return-line{z-index:24;text-align:center;width:min(860px,100vw - 40px);opacity:var(--shell-return);font-size:clamp(30px,4.4vw,76px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warm-room{opacity:calc(var(--home-warm) * .92);filter:brightness(.86)}.home-person{z-index:3;width:min(30vw,480px);opacity:var(--home-warm);position:absolute;bottom:7vh;right:clamp(28px,5vw,96px)}.home-cat{z-index:4;filter:drop-shadow(0 12px 16px #00000029);transform-origin:bottom;will-change:transform;animation:1.36s step-end infinite home-cat-stop-motion;position:absolute}.home-cat-left{width:clamp(132px,13vw,220px);opacity:var(--home-cat-one);bottom:22vh;left:-1.2vw}.home-cat-window{width:clamp(120px,11vw,190px);opacity:var(--home-cat-two);top:40vh;left:clamp(72px,9vw,180px)}.home-cat-play{width:clamp(130px,12vw,210px);opacity:var(--home-cat-three);bottom:clamp(112px,17vh,180px);left:clamp(170px,25vw,460px)}.home-line{z-index:6;color:#fff;max-width:min(620px,100vw - 84px);text-shadow:none;font-size:clamp(22px,2.5vw,40px);font-weight:800;position:absolute;top:clamp(104px,16vh,150px);left:clamp(42px,8vw,140px)}.home-line-one{opacity:var(--home-line-one)}.home-line-two{opacity:var(--home-line-two)}.home-outro-black{z-index:24;opacity:var(--home-outro);pointer-events:none;background:#000;position:absolute;inset:0}.hoho-stage{background:#000}.hoho-showcase{color:#fff;height:100%;padding:72px clamp(18px,5vw,90px) 44px;position:relative;overflow:hidden}.hoho-showcase:before{z-index:0;content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff17 1px,#0000 1px),linear-gradient(#ffffff13 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hoho-model-wrap,.hoho-copy,.hoho-meter,.hoho-scan-plane,.chaos-fragments{z-index:1}.hoho-model-wrap{width:min(66vw,1160px);opacity:max(0, calc(1 - var(--hoho-bridge,0)));transform:translate3d(calc(var(--hoho-bridge,0) * -4vw), calc(var(--hoho-bridge,0) * -2vh), 0) scale(calc(1 - var(--hoho-bridge,0) * .08));transform-origin:42% 48%;position:absolute;top:clamp(44px,6vh,72px);bottom:clamp(24px,4.5vh,52px);left:clamp(-70px,1vw,22px)}.hoho-model-morph{--morph-wipe:0;--morph-light:0;--morph-outline:0;--morph-blur:0;--morph-scale:1;width:100%;height:100%;transform:scale(var(--morph-scale));transform-origin:45% 52%;will-change:transform;position:relative}.hoho-model-morph:before,.hoho-model-morph:after{content:"";pointer-events:none;position:absolute}.hoho-model-morph:before{z-index:5;opacity:var(--morph-outline);filter:blur(calc(var(--morph-blur) * 1.4px));mix-blend-mode:screen;border:1.5px solid #ffffffb8;border-radius:50%;inset:8% 14% 3% 5%;box-shadow:0 0 34px #ffffff57,inset 0 0 42px #ffffff29}.hoho-model-morph:after{top:6%;bottom:5%;left:calc(-24% + var(--morph-wipe) * 108%);z-index:6;width:clamp(104px,14vw,230px);opacity:var(--morph-light);filter:blur(1.2px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0 34%,#ffffff38 42%,#fff 50%,#ffffff2e 58%,#0000 72%),radial-gradient(#ffffff6b,#0000 62%);transform:skew(-8deg);box-shadow:0 0 28px #ffffff47}.hoho-morph-outline,.hoho-morph-scan{content:"";pointer-events:none;display:block;position:absolute}.hoho-morph-outline{z-index:12;opacity:var(--morph-outline);filter:blur(calc(var(--morph-blur) * 1.4px));mix-blend-mode:screen;border:1.5px solid #ffffffc2;border-radius:50%;inset:8% 14% 3% 5%;box-shadow:0 0 34px #ffffff57,inset 0 0 42px #ffffff29}.hoho-morph-scan{top:6%;bottom:5%;left:calc(-24% + var(--morph-wipe) * 108%);z-index:13;width:clamp(104px,14vw,230px);opacity:var(--morph-light);filter:blur(1.2px);background:linear-gradient(90deg,#0000 0 32%,#ffffff47 43%,#fffffff2 50%,#ffffff38 57%,#0000 72%),radial-gradient(#ffffff6b,#0000 62%);border-left:1px solid #ffffffb8;transform:skew(-8deg);box-shadow:0 0 28px #ffffff47}.hoho-model-canvas{width:100%;height:100%;position:relative;overflow:hidden}.hoho-model-canvas:before{z-index:-1;content:"";filter:blur(3px);background:radial-gradient(circle,#ffffff6b,#fff0 66%),radial-gradient(circle at 50% 92%,#0000004d,#0000 34%);border-radius:50%;position:absolute;inset:15% 18% 4%}.hoho-model-canvas canvas{opacity:0;width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--morph-outline,0) * 28px) #ffffffad) blur(calc(var(--morph-blur,0) * .7px));transition:opacity .45s}.hoho-model-canvas.is-ready canvas{opacity:1}.hoho-copy{max-width:min(470px,28vw);opacity:max(0, calc(1 - var(--hoho-bridge,0) * 1.35));text-wrap:balance;font-size:clamp(28px,3.65vw,62px);font-weight:900;line-height:1.12;transition:opacity .35s;position:absolute;top:50%;right:clamp(28px,5vw,110px);transform:translateY(-50%)}.hoho-showcase.is-bridge .hoho-copy{opacity:0}.hoho-bridge-copy{z-index:4;opacity:1;text-align:center;width:min(980px,100vw - 48px);transform:translate(-50%, -50%) scale(calc(.92 + var(--hoho-bridge,0) * .08));pointer-events:none;gap:clamp(16px,2.4vw,32px);display:grid;position:absolute;top:50%;left:50%}.hoho-chaos-word{opacity:var(--hoho-bridge-word,0);font-size:clamp(74px,13vw,220px);font-weight:900;line-height:.86}.hoho-chaos-line{opacity:var(--hoho-bridge-line,0);font-size:clamp(22px,3.2vw,54px);font-weight:800}.chaos-fragments{z-index:3;opacity:var(--chaos-fragment-progress,0);pointer-events:none;position:absolute;inset:0}.chaos-fragment{aspect-ratio:7/5;transform-origin:50%;will-change:transform, opacity;background:#000;border:1px solid #ffffff80;place-items:center;width:clamp(86px,11vw,174px);display:grid;position:absolute;overflow:hidden;box-shadow:0 18px 42px #0000005c}.chaos-fragment b{z-index:2;color:#fff;opacity:var(--fragment-glyph,1);font-size:clamp(40px,7vw,112px);font-weight:900;line-height:.9;position:absolute}.chaos-fragment img{filter:grayscale(.22)contrast(1.08)brightness(.86);object-fit:cover;width:100%;height:100%;opacity:var(--fragment-photo,0);transform:scale(1.05)}.chaos-fragment:after{content:"";opacity:var(--fragment-photo,0);background:linear-gradient(#ffffff29,#0000 42%);border:1px solid #ffffff4d;position:absolute;inset:0}.hoho-meter{opacity:max(0, calc(1 - var(--hoho-bridge,0)));gap:8px;display:flex;position:absolute;bottom:clamp(28px,5vh,54px);right:clamp(18px,5vw,90px)}.hoho-meter span{background:#ffffff52;width:clamp(22px,2.8vw,44px);height:2px;display:block}.hoho-meter span.active{background:#fff;height:4px}.model-error{font-size:11px;font-weight:800;position:absolute;bottom:12px;left:12px}.projects{background:#000;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:18vh 0 .5rem;display:flex;position:relative;overflow:hidden}.projects-row{gap:1rem;width:125%;display:flex}.project{aspect-ratio:7/5;background:#000;flex-direction:column;flex:1;display:flex;overflow:hidden}.project-img{flex:1;min-height:0;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%}.project-info{color:#ffffffdb;justify-content:space-between;gap:8px;padding:.25rem 0;display:flex}.project-info p{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800;line-height:1;overflow:hidden}.outro{background:#000;min-height:130vh;position:relative;overflow:hidden}.final-act{grid-template-columns:minmax(0,.95fr) minmax(300px,.5fr);align-items:center;gap:clamp(28px,7vw,110px);padding:86px clamp(18px,8vw,126px);display:grid}.final-act:before{content:none}.final-echo{z-index:0;opacity:.46;pointer-events:none;gap:clamp(8px,.8vw,14px);width:max-content;display:flex;position:absolute;left:50%}.final-echo-top{animation:14s linear infinite alternate final-echo-top-drift;top:clamp(100px,15vh,150px);transform:translate(-58%)rotate(-1.6deg)}.final-echo-bottom{animation:16s linear infinite alternate final-echo-bottom-drift;bottom:clamp(48px,9vh,92px);transform:translate(-42%)rotate(1.3deg)}.final-echo img{filter:grayscale()contrast(1.1)brightness(.54);object-fit:cover;border:1px solid #ffffff2e;width:clamp(98px,9vw,160px);height:clamp(66px,6vw,102px)}.final-copy,.portal-actions{z-index:2;position:relative}.final-copy{gap:clamp(12px,2vw,22px);display:grid}.final-copy span{border:1px solid #ffffff80;width:max-content;padding:5px 11px 4px;font-size:clamp(12px,1vw,15px);font-weight:900}.final-copy h2{max-width:920px;font-size:clamp(42px,6.2vw,98px);font-weight:900}.portal-actions{align-self:center;gap:clamp(32px,5.8vh,68px);display:grid}.portal-actions a,.portal-actions button{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffffb8;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;font-size:15px;font-weight:900;display:inline-flex}.portal-actions a:after,.portal-actions button:after{content:"→"}.portal-actions a:hover,.portal-actions button:hover{color:#000;background:#fff}.icp-links{z-index:3;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:clamp(18px,3vh,30px);left:50%;transform:translate(-50%)}.icp-link{color:#ffffff94;letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:700}.icp-link:hover{color:#fff}.miniapp-hint-layer,.brand-story-layer{z-index:180;place-items:center;padding:clamp(16px,4vw,58px);display:grid;position:fixed;inset:0}.miniapp-hint-scrim,.brand-story-scrim{-webkit-backdrop-filter:grayscale()blur(16px);backdrop-filter:grayscale()blur(16px);cursor:default;background:#000000c2;border:0;position:absolute;inset:0}.miniapp-hint-panel,.brand-story-panel{z-index:1;color:#fff;background:#0b0b0b;border:1px solid #ffffff57;position:relative;box-shadow:0 40px 120px #000000bd}.miniapp-hint-panel{gap:22px;width:min(420px,100vw - 36px);padding:34px;display:grid}.miniapp-hint-panel span,.brand-story-header span,.brand-story-social span,.brand-story-work-detail span{color:#ffffff94;letter-spacing:.08em;font-size:12px;font-weight:900;display:block}.miniapp-hint-panel h2{margin:0;font-size:clamp(32px,8vw,54px);font-weight:900;line-height:1.04}.miniapp-hint-panel button{color:#000;cursor:pointer;background:#fff;border:1px solid #ffffffb8;min-height:48px;font-weight:900}.brand-story-panel{grid-template-rows:auto auto minmax(0,1fr);width:min(60vw,980px);height:min(82vh,820px);display:grid;overflow:hidden}.brand-story-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(22px,3vw,42px) clamp(22px,3.6vw,56px) 18px;display:flex}.brand-story-header h2,.brand-story-block h3,.brand-story-work-detail h3,.brand-story-social h3{color:#fff;letter-spacing:0;margin:0;font-weight:900}.brand-story-header h2{margin-top:8px;font-size:clamp(36px,5.4vw,78px);line-height:.94}.brand-story-header button{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffff61;width:42px;height:42px;font-size:30px;line-height:1}.brand-story-tabs{gap:8px;padding:0 clamp(22px,3.6vw,56px) 18px;display:flex;overflow-x:auto}.brand-story-tabs button,.brand-story-work-list button{color:#ffffffa8;cursor:pointer;background:#111;border:1px solid #ffffff42;font-size:13px;font-weight:900}.brand-story-tabs button{flex:none;min-height:38px;padding:0 14px}.brand-story-tabs button.active,.brand-story-work-list button.active{color:#000;background:#fff}.brand-story-body{min-height:0;padding:0 clamp(22px,3.6vw,56px) clamp(28px,4vw,58px);overflow-y:auto}.brand-story-summary{color:#fff;margin:0 0 24px;font-size:clamp(22px,2.4vw,34px);font-weight:900;line-height:1.25}.brand-story-block{border-top:1px solid #ffffff24;gap:12px;padding:28px 0;display:grid}.brand-story-block h3,.brand-story-work-detail h3,.brand-story-social h3{font-size:clamp(26px,3vw,42px);line-height:1.08}.brand-story-subtitle,.brand-story-block p,.brand-story-work-detail p,.brand-story-social p{color:#ffffffb8;margin:0;font-size:clamp(14px,1.08vw,17px);line-height:1.8}.brand-story-block div{gap:3px;display:grid}.brand-story-works{grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);gap:28px;display:grid}.brand-story-work-list{align-content:start;gap:8px;display:grid}.brand-story-work-list button{text-align:left;min-height:44px;padding:0 12px}.brand-story-work-detail,.brand-story-social{background:#000;border:1px solid #ffffff29;align-content:start;gap:16px;min-height:320px;padding:clamp(24px,4vw,52px);display:grid}@keyframes rain-drop-fall{0%{transform:translateY(-12vh)rotate(10deg)}to{transform:translate(-8vw,118vh)rotate(10deg)}}@keyframes lightning-flash{0%,88%,93%,to{opacity:0}89%,91%{opacity:.76}}@keyframes home-cat-stop-motion{0%,to{transform:translate(0,0)rotate(0)}33%{transform:translate(1.4px,-1px)rotate(-.45deg)}66%{transform:translate(-1px,.8px)rotate(.38deg)}}@keyframes final-echo-top-drift{0%{transform:translate(-62%)rotate(-1.6deg)}to{transform:translate(-46%)rotate(-1.6deg)}}@keyframes final-echo-bottom-drift{0%{transform:translate(-36%)rotate(1.3deg)}to{transform:translate(-52%)rotate(1.3deg)}}@media (max-width:980px){.login-icon-link{width:38px;height:38px;top:10px;right:12px}.final-act{grid-template-columns:1fr;align-content:center;padding:78px 18px 42px}.hoho-model-wrap{width:112%;top:76px;bottom:34vh;left:-6vw}.hoho-copy{max-width:min(480px,100vw - 44px);font-size:clamp(27px,8vw,48px);top:auto;bottom:82px;right:22px;transform:none}.final-act{align-items:stretch}.portal-actions{gap:24px}.icp-links{flex-direction:column;gap:5px}.brand-story-layer{padding:12px}.brand-story-panel{width:min(100%,720px);height:calc(100svh - 24px)}.brand-story-works{grid-template-columns:1fr}.chaos-fragment{width:clamp(72px,24vw,108px)}}@media (max-width:560px){.intro-title,.final-copy h2{font-size:36px}.intro-line{text-align:left;width:min(190px,44vw);font-size:16px;bottom:34vh;left:22px;right:auto}.intro-character-two{height:clamp(250px,42vh,390px);bottom:9%;right:7%}.shell-prop{width:clamp(104px,30vw,150px)}.shell-line{letter-spacing:.04em;white-space:nowrap;width:min(180px,100vw - 48px);font-size:20px}.shell-line-left{text-align:left;top:35%;left:24px;right:auto}.shell-line-right{text-align:right;top:63%;left:auto;right:24px}.home-line{font-size:36px}.brand-story-header{padding:22px 20px 14px}.brand-story-header h2{font-size:42px}.brand-story-tabs,.brand-story-body{padding-left:20px;padding-right:20px}}