.zelin-site{--blue:#244760;--red:#e84e3e;--yellow:#ece63f;color:#263c4d;background:#f3f5f7;height:100dvh;min-height:620px;font-family:Arial,PingFang SC,sans-serif;position:relative;overflow:hidden}.scene-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f9e8;border-bottom:1px solid #d2dce3;grid-template-columns:1fr auto 1fr;align-items:center;height:94px;padding:0 3.5vw;display:grid;position:absolute;top:0;left:0;right:0}.scene-brand{align-items:center;gap:16px;width:max-content;display:flex}.scene-brand strong{letter-spacing:-.8px;font-size:17px;line-height:.95}.scene-brand span{letter-spacing:1px;color:#718391;font:10px/1.25 monospace}.scene-nav nav{align-items:center;gap:34px;height:100%;display:flex}.scene-nav nav button{letter-spacing:1px;background:0 0;padding:14px 2px;font:12px monospace;position:relative}.scene-nav nav button:after{content:"";border-bottom:1px solid;width:0;transition:width .25s;position:absolute;bottom:7px;left:0}.scene-nav nav button:hover:after{width:100%}.scene-nav nav button span{vertical-align:super;color:#8295a3;margin-left:4px;font-size:9px}.sound-note{letter-spacing:1px;background:0 0;justify-self:end;align-items:center;gap:8px;font:10px monospace;display:flex}.sound-note span{background:#aec0cc;border-radius:50%;width:6px;height:6px}.scene-shell{position:absolute;inset:94px 0 48px}.scene-shell canvas{touch-action:none}.scene-loading{text-align:center;letter-spacing:1.4px;place-content:center;gap:13px;height:100%;font:11px monospace;display:grid}.scene-loading i{border-top:2px solid #e75242;width:120px;animation:1.2s infinite loadline}.scene-instruction{z-index:10;letter-spacing:1px;white-space:nowrap;align-items:center;gap:13px;font:10px monospace;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.scene-instruction i{border-top:1px solid #8499a8;width:42px}.scene-index{z-index:10;position:absolute;bottom:88px;left:3.5vw}.scene-index>span{letter-spacing:2px;font:10px monospace}.scene-index strong{margin-top:8px;font-size:20px;line-height:1.02;display:block}.scene-index p{color:#758694;font:11px/1.5 monospace}.reset-view{z-index:10;letter-spacing:1px;background:0 0;align-items:center;gap:7px;font:10px monospace;display:flex;position:absolute;bottom:92px;right:3.5vw}.scene-credit{z-index:20;color:#748694;background:#f7f8f9;border-top:1px solid #d2dce3;justify-content:space-between;align-items:center;height:48px;padding:0 3.5vw;font:10px monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.scene-credit a{text-underline-offset:3px;text-decoration:underline}.intro-curtain{z-index:100;text-align:center;color:#edf2f5;background:#10141b;place-content:center;transition:opacity .7s .15s,visibility .7s .15s;display:grid;position:fixed;inset:0}.intro-curtain>span{letter-spacing:3px;margin-bottom:22px;font:11px monospace}.intro-curtain strong{letter-spacing:-6px;font-size:clamp(42px,8vw,110px);line-height:.82}.intro-curtain>div{background:#303846;height:3px;margin-top:35px;overflow:hidden}.intro-curtain i{transform-origin:0;background:#e84e3e;width:100%;height:100%;animation:1.8s ease-out progress;display:block}.intro-curtain.is-gone{opacity:0;visibility:hidden;pointer-events:none}.three-sticker{white-space:pre-line;letter-spacing:-.5px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:4px solid #fff;width:92px;min-height:50px;padding:8px;font:900 15px/1.02 Arial,sans-serif;box-shadow:2px 4px 8px #24476055}.three-sticker:active{cursor:grabbing}.three-door-label{text-align:center;letter-spacing:.7px;color:#52748c;white-space:nowrap;pointer-events:none;width:112px;font:7px monospace;display:block}.archive-dialog[data-slot=dialog-content]{color:#263c4d;background:#f8f8f5;border-radius:2px;width:min(1120px,100% - 38px);max-width:1120px;height:min(820px,100dvh - 38px);max-height:none;padding:0;display:block;overflow:auto;box-shadow:0 30px 80px #16283455}.archive-close{z-index:30;float:right;background:#f8f8f5;border:1px solid #9eb0bb;border-radius:50%;place-items:center;width:42px;height:42px;margin:18px 18px -58px 0;display:grid;position:sticky;top:18px}.works-hub{min-height:100%}.works-tabs{z-index:20;background:#f8f8f5;border-bottom:1px solid #cbd6dc;border-radius:0;flex-wrap:wrap;gap:0;width:100%;height:auto;padding:0 70px 0 32px;display:flex;position:sticky;top:0}.works-tabs [data-slot=tabs-trigger]{height:68px;box-shadow:none;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:7px;padding:0 18px;font-size:14px;display:flex}.works-tabs [data-slot=tabs-trigger][data-active]{color:#c8392e;border-bottom-color:#e84e3e}.project-heading{grid-template-columns:1fr minmax(260px,420px);align-items:end;gap:40px;padding:40px 5% 28px;display:grid}.mono{letter-spacing:1.4px;color:#6f8392;font:12px/1.4 monospace}.project-heading h2{letter-spacing:-4px;margin:14px 0 0;font-size:clamp(38px,6vw,76px);line-height:.85}.project-heading p{color:#617482;margin:0;font-size:16px;line-height:1.75}.mag-reader{min-height:700px}.mag-stage{grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:18px;padding:5px 3% 18px;display:grid}.mag-stage>button,.phone-stage>button{background:0 0;border:1px solid #aabac4;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.mag-stage>button:disabled{opacity:.25;cursor:default}.mag-book{perspective:1400px;filter:drop-shadow(0 18px 18px #21374633);justify-content:center;align-items:center;height:490px;display:flex}.mag-book figure{transform-origin:0;background:#fff;max-width:48%;height:100%;margin:0;animation:.45s pagein;position:relative}.mag-book figure:first-child{transform-origin:100%}.mag-book img{object-fit:contain;width:100%;height:100%;display:block}.mag-book figcaption{background:#fff;padding:3px 5px;font:10px monospace;position:absolute;bottom:8px;right:10px}.page-dots{justify-content:center;gap:7px;padding:10px 20px 28px;display:flex}.page-dots button{background:#c5cfd5;width:18px;height:3px}.page-dots button.active{background:#e84e3e}.video-story{padding-bottom:40px}.video-frame{background:#10141b;width:90%;margin:auto;padding:12px;box-shadow:0 18px 34px #233a4c33}.video-frame video{aspect-ratio:16/9;background:#111;width:100%;display:block}.video-story.vertical .video-frame{width:min(390px,80%)}.video-story.vertical .video-frame video{aspect-ratio:9/16}.story-meta{flex-wrap:wrap;gap:9px;width:90%;margin:22px auto;display:flex}.story-meta span{letter-spacing:.6px;border:1px solid #b8c7d1;padding:7px 10px;font:10px monospace}.social-gallery{padding-bottom:38px}.phone-stage{grid-template-columns:50px minmax(0,430px) 50px;justify-content:center;align-items:center;gap:25px;padding:0 20px;display:grid}.phone-shell{background:#fff;border:11px solid #161b22;border-radius:28px;height:520px;overflow:auto;box-shadow:0 20px 35px #1a2d3b33}.phone-shell img{width:100%;height:auto;display:block}.social-numbers{background:#cbd5dc;border:1px solid #cbd5dc;grid-template-columns:repeat(3,1fr);gap:1px;width:min(780px,90%);margin:28px auto;display:grid}.social-numbers div{text-align:center;background:#f8f8f5;flex-direction:column;gap:5px;padding:20px;display:flex}.social-numbers strong{font-size:23px}.social-numbers span{color:#718290;font-size:12px}.podcast-story{padding-bottom:45px}.audio-deck{color:#eff5f6;background:#17222d;grid-template-columns:280px 1fr;gap:35px;width:90%;margin:10px auto 0;padding:32px;display:grid;box-shadow:0 22px 40px #17222d44}.record-art{aspect-ratio:1;background:repeating-radial-gradient(circle,#1b2631 0 5px,#283747 6px 7px);border-radius:50%;place-items:center;animation:10s linear infinite paused spin;display:grid;position:relative}.audio-deck:has(audio:not([paused])) .record-art{animation-play-state:running}.record-art:after{content:"";background:#e74e3e;border:8px solid #f0df43;border-radius:50%;width:38%;height:38%;position:absolute}.record-art>span{z-index:2;font:700 35px Georgia}.record-art i{letter-spacing:1px;font:8px monospace;position:absolute;bottom:35px}.audio-console{flex-direction:column;justify-content:center;display:flex}.waveform{align-items:center;gap:3px;height:130px;margin:24px 0 7px;display:flex}.waveform i{background:#526676;border-radius:2px;flex:1;min-width:2px}.waveform i.played{background:#f0df43}.audio-console input{accent-color:#e84e3e;width:100%}.audio-actions{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px;display:grid}.audio-actions button{color:#17222d;background:#f0df43;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.audio-actions span{font:12px monospace}.about-zelin{min-height:100%;padding:clamp(45px,8vw,90px)}.about-zelin [data-slot=dialog-title]{letter-spacing:-5px;margin:25px 0;font-size:clamp(42px,7vw,88px);line-height:.92}.about-zelin [data-slot=dialog-description]{font-size:18px}.about-grid{border-top:1px solid #c8d3d9;grid-template-columns:1.1fr 1fr;gap:60px;margin-top:60px;padding-top:25px;display:grid}.about-grid p{margin:0;font-size:18px;line-height:1.75}.about-grid div{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.about-grid span{border:1px solid #adbec8;padding:8px 10px;font:11px monospace}.enter-works{color:#fff;background:#e84e3e;align-items:center;gap:10px;margin-top:45px;padding:15px 20px;font-size:15px;display:flex}.scene-nav button:focus-visible{outline-offset:4px;outline:3px solid #e84e3e}.zelin-site a:focus-visible{outline-offset:4px;outline:3px solid #e84e3e}.archive-dialog button:focus-visible{outline-offset:4px;outline:3px solid #e84e3e}.archive-dialog input:focus-visible{outline-offset:4px;outline:3px solid #e84e3e}.three-sticker:focus-visible{outline-offset:4px;outline:3px solid #e84e3e}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loadline{50%{transform:scaleX(.25)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pagein{0%{opacity:.4;transform:rotateY(-12deg)}to{opacity:1;transform:rotateY(0)}}@media (max-width:760px){.scene-nav{grid-template-columns:auto 1fr;height:82px;padding:0 18px}.scene-nav nav{justify-content:flex-end;gap:14px}.scene-nav nav button{font-size:0}.scene-nav nav button span{font-size:11px}.sound-note{display:none}.scene-shell{inset:82px -32% 45px}.scene-index{bottom:82px;left:18px}.scene-index strong{font-size:17px}.scene-instruction{bottom:60px}.scene-instruction span:last-child{display:none}.reset-view{bottom:84px;right:18px}.scene-credit{padding:0 18px}.scene-credit span:last-child{display:none}.project-heading{grid-template-columns:1fr;gap:18px;padding:34px 24px 24px}.project-heading h2{letter-spacing:-2px;font-size:44px}.works-tabs{padding:0 55px 0 8px}.works-tabs [data-slot=tabs-trigger]{height:58px;padding:0 9px;font-size:12px}.works-tabs svg{display:none}.mag-stage{grid-template-columns:35px minmax(0,1fr) 35px;gap:5px}.mag-stage>button{width:34px;height:34px}.mag-book{height:360px}.mag-book figure{max-width:50%}.phone-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:7px}.phone-stage>button{width:38px;height:38px}.phone-shell{height:470px}.social-numbers{grid-template-columns:1fr}.audio-deck{grid-template-columns:1fr;padding:24px}.record-art{width:200px;margin:auto}.waveform{height:90px}.about-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.about-zelin [data-slot=dialog-title]{letter-spacing:-2px;font-size:45px}.archive-dialog[data-slot=dialog-content]{width:calc(100% - 18px);height:calc(100dvh - 18px)}.three-sticker{width:78px;font-size:13px}.intro-curtain strong{letter-spacing:-3px}}@media (max-width:480px){.scene-brand span{display:none}.scene-nav nav{gap:7px}.scene-index p{display:none}.scene-instruction{font-size:9px}.mag-book{height:310px}.mag-book figure{max-width:50%}.phone-shell{height:420px}.social-numbers strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.intro-curtain,.record-art,.mag-book figure{animation:none!important}.intro-curtain{display:none}.zelin-site *{scroll-behavior:auto!important}}.project-heading h2{letter-spacing:-2.5px;font-family:"Bodoni 72",Didot,Songti SC,STSong,Georgia,serif;font-size:clamp(38px,4.7vw,66px);font-weight:500;line-height:.98}.social-gallery .project-heading{grid-template-columns:minmax(0,1fr) minmax(280px,410px);align-items:center}.social-gallery .project-heading h2{white-space:nowrap;letter-spacing:-2px;align-items:baseline;gap:16px;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(40px,4.4vw,64px);display:flex}.social-gallery .project-heading h2 small{letter-spacing:.08em;color:#6f8392;font-family:Arial,PingFang SC,sans-serif;font-size:.3em;font-weight:500}.about-zelin [data-slot=dialog-title]{letter-spacing:-3px;font-family:"Bodoni 72",Didot,Songti SC,STSong,Georgia,serif;font-weight:500}.mag-stage{padding:10px 3% 24px}.mag-book{aspect-ratio:1.414;perspective:1800px;width:min(780px,100%);height:auto;transform-style:preserve-3d;filter:drop-shadow(0 22px 22px #21374638);margin:auto;display:block;position:relative;transform:rotateX(1.5deg)}.mag-sheet{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .9s cubic-bezier(.55,.05,.26,1);position:absolute;top:0;left:50%;transform:rotateY(0)}.mag-sheet.is-flipped{transform:rotateY(-180deg)}.mag-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;background:#fff;border:0;border-radius:0 3px 3px 0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden;box-shadow:inset 12px 0 22px #243e5112,2px 5px 13px #243e5124}.mag-face img{background:#fff;max-width:none;height:100%;display:block}.mag-face img.crop-full{object-fit:cover;width:100%}.mag-face img.crop-left,.mag-face img.crop-right{object-fit:cover;width:200%;position:absolute;top:0}.mag-face img.crop-left{left:0}.mag-face img.crop-right{right:0}.mag-face>span:not(.blank-page){color:#526675;background:#fffffff0;padding:3px 5px;font:9px monospace;position:absolute;bottom:7px;right:9px}.mag-back{border-radius:3px 0 0 3px;transform:rotateY(180deg);box-shadow:inset -12px 0 22px #243e5112,-2px 5px 13px #243e5124}.mag-back>span:not(.blank-page){left:9px;right:auto}.mag-gutter{z-index:30;pointer-events:none;background:linear-gradient(90deg,#263c4d20,#0000 43%,#263c4d1c);width:12px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.blank-page{color:#84909a;letter-spacing:3px;background:#f4f0e7;place-items:center;height:100%;font:15px/1 monospace;display:grid}.page-status{color:#718390;grid-template-columns:32px minmax(100px,360px) 32px;justify-content:center;align-items:center;gap:13px;padding:3px 20px 34px;font:10px monospace;display:grid}.page-status>div{align-items:center;gap:6px;display:flex}.page-status button{background:#c5cfd5;flex:1;height:3px;transition:background .25s,transform .25s}.page-status button.active{background:#e84e3e;transform:scaleY(1.7)}@media (max-width:760px){.project-heading h2{letter-spacing:-1.6px;font-size:42px;line-height:1.02}.social-gallery .project-heading{grid-template-columns:1fr}.social-gallery .project-heading h2{white-space:normal;font-size:42px}.mag-book{height:auto}.mag-stage{grid-template-columns:35px minmax(0,1fr) 35px}.page-status{grid-template-columns:28px minmax(80px,260px) 28px}}@media (max-width:480px){.mag-book{height:auto}.mag-face>span:not(.blank-page){display:none}.social-gallery .project-heading h2{gap:10px;font-size:38px}}@media (prefers-reduced-motion:reduce){.mag-sheet{transition:none}}.locker-object{color:#263c4d;text-align:left;transform-origin:bottom;cursor:pointer;background:#fff;border:0;width:126px;padding:5px;transition:transform .22s,box-shadow .22s,opacity .2s .45s;position:relative;box-shadow:0 12px 20px #24476035}.locker-object:hover,.locker-object.is-active{transform:translateY(-7px)scale(1.045);box-shadow:0 20px 28px #24476055}.locker-object.is-concealed{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s,visibility .12s,transform .12s;transform:translateY(8px)scale(.92)}.locker-object img{object-fit:cover;background:#e6edf1;width:100%;height:116px;display:block}.locker-object.magazine{width:112px;transform:rotate(-2deg);box-shadow:8px 7px #d8e1e6,0 16px 22px #24476042}.locker-object.magazine:hover,.locker-object.magazine.is-active{transform:rotate(-2deg)translateY(-7px)scale(1.045)}.locker-object.magazine img{object-position:center top;height:152px}.locker-object.long img{height:70px}.locker-object.short{width:92px}.locker-object.short img{object-position:center 20%;height:108px}.locker-object.social{width:102px;transform:rotate(1.5deg)}.locker-object.social:hover,.locker-object.social.is-active{transform:rotate(1.5deg)translateY(-7px)scale(1.045)}.locker-object.social img{object-position:center top;height:156px}.locker-object.podcast{color:#fff;background:#172633;width:122px;padding:8px}.locker-number{z-index:2;color:#fff;background:#e84e3e;border-radius:50%;place-items:center;width:25px;height:25px;font:9px monospace;display:grid;position:absolute;top:-9px;left:-8px;box-shadow:0 3px 8px #263c4d44}.locker-caption{flex-direction:column;gap:3px;padding:7px 4px 4px;display:flex}.locker-caption strong{letter-spacing:.03em;font:700 9px/1.1 Arial,PingFang SC,sans-serif}.locker-caption small{letter-spacing:.05em;color:#718594;font:6.5px/1.2 monospace}.podcast .locker-caption small{color:#a9bac5}.locker-vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#14202b 0 5px,#283947 6px 7px);border-radius:50%;place-items:center;width:106px;margin:auto;display:grid;box-shadow:inset 0 0 0 2px #0e1720}.locker-vinyl:before{content:"";background:#f2df39;border:5px solid #e84e3e;border-radius:50%;width:38px;height:38px;position:absolute}.locker-vinyl i{z-index:1;color:#172633;font:700 13px Georgia;position:relative}.locker-object:focus-visible{outline-offset:5px;outline:4px solid #e84e3e}@media (max-width:760px){.scene-shell{inset:82px -12% 45px}.scene-instruction{bottom:62px}.scene-index{bottom:80px}.scene-index strong{font-size:16px}.locker-object{width:175px}.locker-object img{height:142px}.locker-object.magazine{width:158px}.locker-object.magazine img{height:205px}.locker-object.short{width:132px}.locker-object.short img{height:150px}.locker-object.social{width:148px}.locker-object.social img{height:205px}.locker-object.podcast{width:168px}.locker-vinyl{width:148px}.locker-caption strong{font-size:11px}.locker-caption small{font-size:8px}}@media (prefers-reduced-motion:reduce){.locker-object{transition:none}}.zelin-site .locker-object{width:120px;padding:4px;transform:none}.zelin-site .locker-object.magazine,.zelin-site .locker-object.social{width:116px}.zelin-site .locker-object.magazine img{object-fit:contain;height:220px}.zelin-site .locker-object.social img{object-fit:cover;object-position:top;height:220px}.zelin-site .locker-object.long img{object-fit:contain;height:75px}.zelin-site .locker-object.short{width:85px}.zelin-site .locker-object.short img{object-fit:contain;height:110px}.zelin-site .locker-object.podcast{width:120px}.zelin-site .locker-vinyl{width:112px}.zelin-site .locker-caption{gap:3px;padding:6px 1px 2px}.zelin-site .locker-caption strong{font-size:10px}.zelin-site .locker-caption small{font-size:8px}.compartment-toggle{color:#244760;cursor:pointer;white-space:nowrap;background:#eaf3f9;border:1px solid #7096af;width:125px;padding:6px 2px;font:12px/1.2 Arial,PingFang SC,sans-serif}:is(.compartment-toggle:hover,.compartment-toggle:focus-visible){color:#fff;background:#244760}@media (max-width:760px){.scene-shell{left:0;right:0}.scene-instruction{letter-spacing:.2px;max-width:95%;font-size:8px}}