@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel-12px-zh-hans.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{color:#fff;font-synthesis:none;text-rendering:geometricprecision;--black:#000;--deep:#031b2e;--blue:#158fd2;--cyan:#46d7e8;--mist:#eafbff;--muted:#ffffff94;--hairline:#ffffff30;--pixel-font:"Fusion Pixel", "Microsoft YaHei UI", "PingFang SC", monospace;background:#000;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}.mobile-only,.mobile-operation-copy,.mobile-operation-metrics{display:none}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.app-shell{overscroll-behavior:none;background:#000;width:100%;height:100svh;position:relative;overflow:hidden}.site-header{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 3vw;display:flex;position:fixed;top:0;left:0}.site-header button{pointer-events:auto}.brand,.desktop-nav button,.menu-button,.mobile-nav button{color:#fff;cursor:pointer;font-family:var(--pixel-font);background:0 0;border:0}.brand{letter-spacing:.08em;padding:4px;font-size:17px;font-weight:650}.brand span{color:#ffffffb8;font-weight:500}.desktop-nav{pointer-events:auto;gap:26px;display:flex}.desktop-nav button{letter-spacing:.08em;padding:5px 8px;font-size:16px;font-weight:600;transition:color .18s,background .18s,transform .18s}.desktop-nav button:hover,.desktop-nav button.active{color:#000;background:#fff;transform:translateY(-1px)}.menu-button,.mobile-nav{display:none}.scene{z-index:1;opacity:0;pointer-events:none;background:#000;transition:opacity .36s,transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:scale(1.015)}.scene.active{z-index:2;opacity:1;pointer-events:auto;transform:scale(1)}.scene-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pixel-edge{z-index:3;pointer-events:none;background-image:repeating-conic-gradient(from 90deg, #000000f5 0 25%, transparent 0 50%);opacity:0;background-size:30px 30px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 52%,#00000014 64%,#000000bd 84%,#000 100%);mask-image:linear-gradient(#0000 52%,#00000014 64%,#000000bd 84%,#000 100%)}.pixel-edge:before{content:"";background-image:repeating-conic-gradient(from 90deg, #000000e0 0 25%, transparent 0 50%);opacity:.42;background-size:24px 24px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 14% 86%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 14% 86%,#000 100%)}.hero-image{object-position:center 55%;image-rendering:pixelated}.hero-scene.hero-loading .hero-image,.hero-scene.hero-loading .hero-copy,.hero-scene.hero-loading .scroll-cue{opacity:0}.hero-scene.hero-ready:not(.intro) .hero-image,.hero-scene.hero-ready:not(.intro) .hero-copy,.hero-scene.hero-ready:not(.intro) .scroll-cue{opacity:1;transition:opacity .32s}.hero-vignette{z-index:2;background:linear-gradient(90deg,#00000042,#0000 20% 80%,#0000003d),linear-gradient(#00000047,#0000 18% 64%,#000000e6 94%,#000 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-copy{z-index:5;text-align:center;text-shadow:0 2px 18px #0000003d;width:min(760px,80vw);position:absolute;top:22%;left:50%;transform:translate(-50%)}.hero-copy h1,.scene h2,.film-selected h3,.contact-copy h2{font-family:var(--pixel-font);letter-spacing:.08em;margin:0;font-weight:700}.hero-copy h1{font-size:clamp(54px,6.3vw,94px);line-height:1}.hero-copy p{font-family:var(--pixel-font);letter-spacing:.25em;margin:28px 0 0;font-size:clamp(17px,1.7vw,25px);font-weight:520}.typewriter-line{clip-path:inset(0);white-space:nowrap;display:inline-block}.scroll-cue{z-index:10;color:#ffffffe6;cursor:pointer;font-family:var(--pixel-font);letter-spacing:.12em;background:0 0;border:0;place-items:center;gap:0;padding:4px 18px;font-size:14px;display:grid;position:absolute;bottom:clamp(22px,3.6svh,34px);left:50%;transform:translate(-50%)}.cue-arrow{color:#fff;height:28px;font-size:30px;line-height:20px;animation:1.8s ease-in-out infinite cue;display:block}@keyframes cue{0%,to{opacity:.45;transform:translateY(-2px)}50%{opacity:1;transform:translateY(4px)}}.about-grid{z-index:4;grid-template-columns:minmax(280px,.8fr) minmax(390px,1.12fr) minmax(320px,.94fr);align-items:center;gap:clamp(26px,3vw,58px);width:100%;height:100%;padding:96px 3.5vw 76px;display:grid;position:relative}.about-copy{z-index:4;align-self:center}.about-copy h2,.operations-cover h2,.films-scene>h2{font-size:clamp(44px,5vw,76px);line-height:1.05}.descent-mark{margin:24px 0 26px;font-family:monospace;font-size:28px;line-height:.75;display:block}.about-copy>p{font-family:var(--pixel-font);letter-spacing:.08em;margin:0 0 34px;font-size:clamp(20px,1.85vw,30px);line-height:1.75}.skill-list{gap:28px;margin:0 0 36px;padding:0;list-style:none;display:flex}.skill-list li{font-family:var(--pixel-font);letter-spacing:.12em;border-bottom:1px solid #fff;padding-bottom:8px;font-size:15px}.aesthetic-entry{border:0;border-bottom:1px solid var(--cyan);color:var(--cyan);cursor:pointer;font-family:var(--pixel-font);letter-spacing:.12em;background:0 0;align-items:center;gap:18px;margin:0 0 25px;padding:0 0 9px;font-size:14px;text-decoration:none;transition:gap .18s,color .18s;display:inline-flex}.aesthetic-entry:hover{color:#fff;gap:26px}.aesthetic-entry span{font-size:21px;line-height:.8}.about-copy small{color:#ffffffb8;letter-spacing:.1em;font-family:monospace;font-size:15px;display:block}.about-media{background:var(--deep);height:min(76vh,760px);margin:0;position:relative;overflow:hidden}.about-media:after{z-index:2;content:"";background:linear-gradient(#0003,#0000 26% 68%,#000 100%);position:absolute;top:0;bottom:0;left:0;right:0}.about-media img{object-fit:cover;object-position:center 54%;width:100%;height:100%}.about-media picture{display:contents}.experience-stack{z-index:4;align-self:center;gap:18px;display:grid;position:relative}.experience-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000b8;border:1px solid #ffffff52;padding:18px 20px 20px;box-shadow:8px 8px #158fd22e}.experience-card h3{color:var(--cyan);font-family:var(--pixel-font);letter-spacing:.12em;margin:0 0 14px;font-size:18px}.experience-entry+.experience-entry{border-top:1px solid var(--hairline);margin-top:14px;padding-top:14px}.experience-entry time,.experience-entry strong{display:block}.experience-entry time{color:#ffffff85;letter-spacing:.08em;margin-bottom:6px;font-family:monospace;font-size:11px}.experience-entry strong{font-size:14px;line-height:1.5}.experience-entry p{color:#ffffffa8;margin:7px 0 0;font-size:12px;line-height:1.65}.operations-scene{padding:104px 5vw 94px}.operations-cover{z-index:6;text-align:center;justify-items:center;gap:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.operations-cover h2{font-family:var(--pixel-font);letter-spacing:.08em;text-shadow:7px 7px #158fd25c;margin:0;font-size:clamp(66px,8vw,124px);line-height:1}.case-entry{color:#fff;cursor:pointer;min-width:178px;min-height:54px;font-family:var(--pixel-font);letter-spacing:.1em;background:#000000b3;border:1px solid #fff;justify-content:space-between;align-items:center;gap:38px;padding:12px 18px;font-size:16px;transition:background .18s,color .18s,transform .18s;display:inline-flex}.case-entry:hover{color:#000;background:#fff;transform:translateY(-3px)}.operations-top{z-index:5;justify-content:space-between;align-items:flex-start;gap:5vw;display:flex;position:relative}.operations-top>div>p{color:var(--muted);letter-spacing:.12em;margin:26px 0 0;font-size:16px;line-height:1.8}.evidence-window{cursor:pointer;text-align:left;background:#031b2ea8;border:1px dashed #ffffffa6;grid-template-columns:170px 1fr;align-items:center;gap:14px;width:min(36vw,510px);padding:12px;transition:border-color .18s,transform .18s;display:grid}.evidence-window:hover{border-color:var(--cyan);transform:translateY(-4px)}.evidence-window img{object-fit:cover;object-position:70% center;width:100%;height:112px}.evidence-window span{color:var(--mist);font-family:var(--pixel-font);letter-spacing:.08em;font-size:14px}.metrics{z-index:5;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:16vh;left:5vw;right:5vw}.metric{text-align:center;border-left:1px solid #ffffff8c;min-width:0;padding:0 2.2vw}.metric:first-child{border-left:0}.metric strong{font-family:var(--pixel-font);letter-spacing:.03em;white-space:nowrap;margin-bottom:12px;font-size:clamp(27px,3.2vw,54px);display:block}.metric:first-child strong{color:var(--mist);text-shadow:4px 4px #158fd266}.metric h3{font-family:var(--pixel-font);letter-spacing:.08em;margin:0 0 12px;font-size:16px;font-weight:600}.metric p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.operations-water{z-index:2;filter:saturate(.92)brightness(.82)contrast(1.06);background:linear-gradient(#00070d57,#000e1729 42%,#0003089e 100%);animation:18s ease-in-out infinite alternate operations-water-drift;position:absolute;top:-4%;bottom:-4%;left:-4%;right:-4%}.supports-webp .operations-scene.active .operations-water{background-image:linear-gradient(#00070d57,#000e1729 42%,#0003089e 100%),url(/assets/sea-hero-pixel-w960.webp);background-position:top;background-repeat:no-repeat;background-size:auto 190%}.no-webp .operations-scene.active .operations-water{background-image:linear-gradient(#00070d57,#000e1729 42%,#0003089e 100%),url(/assets/sea-hero-pixel.jpg);background-position:top;background-repeat:no-repeat;background-size:auto 190%}.operations-water:after{content:"";background-image:repeating-conic-gradient(from 90deg, #46d7e82e 0 25%, transparent 0 50%);opacity:.32;image-rendering:pixelated;background-size:18px 18px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 2%,#00000047 30%,#000 100%);mask-image:linear-gradient(#0000 2%,#00000047 30%,#000 100%)}@keyframes operations-water-drift{0%{transform:scale(1.035)translate(-.6%)}to{transform:scale(1.075)translate(.8%,-1.2%)}}.films-scene{padding:105px 5vw 70px}.sardine-image{filter:grayscale()contrast(1.08)}.film-vignette{z-index:2;background:linear-gradient(#0000004d,#0000 26%,#00000029 58%,#000 98%),linear-gradient(90deg,#000000bd,#0000 24% 75%,#00000080);position:absolute;top:0;bottom:0;left:0;right:0}.films-scene>h2{z-index:6;font-size:clamp(34px,4vw,60px);position:relative}.film-orbit{z-index:5;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;outline:none;width:min(1280px,92vw);height:54vh;position:absolute;top:28%;left:50%;transform:translate(-50%)}.film-orbit.is-dragging{cursor:grabbing}.film-orbit:focus-visible:before{border-color:#fff}.film-orbit:before{content:"";border:1px solid #46d7e8b8;border-radius:50%;width:88%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film-frame{aspect-ratio:.72;cursor:pointer;background-color:#050505;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffffb3;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;width:clamp(108px,8vw,138px);padding:16px 12px;transition:top .26s,left .26s,opacity .18s,transform .26s,border-color .18s,scale .18s;display:flex;position:absolute;overflow:hidden;box-shadow:7px 7px #000000ad}.film-frame-image{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.film-frame:before{z-index:1;content:"";background:linear-gradient(#0000,#000000eb);position:absolute;top:38%;bottom:0;left:0;right:0}.film-frame span,.film-frame strong{z-index:2;text-align:left;position:relative}.film-frame span{color:var(--cyan);font-family:var(--pixel-font);letter-spacing:.08em;font-size:11px}.film-frame strong{font-family:var(--pixel-font);font-size:16px;line-height:1.35}.film-frame:hover,.film-frame.selected{z-index:8;border:3px solid var(--cyan);scale:1.18}.film-frame:focus-visible{z-index:8;border:3px solid var(--cyan);scale:1.18}.orbit-control{z-index:24;color:#fff;cursor:pointer;background:#000000ad;border:1px solid #ffffffb8;place-items:center;width:42px;height:58px;display:grid;position:absolute;top:47%}.orbit-control:hover{border-color:var(--cyan);color:var(--cyan)}.orbit-control:focus-visible{border-color:var(--cyan);color:var(--cyan)}.orbit-control svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8px;width:24px;height:24px}.orbit-control-prev{left:2.5vw}.orbit-control-next{right:2.5vw}.film-selected{z-index:7;text-align:center;width:min(560px,90vw);position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.film-selected p{font-family:var(--pixel-font);letter-spacing:.12em;margin:0}.films-scene .scroll-cue{bottom:28px;left:auto;right:3vw;transform:none}.contact-video{object-position:center center}.contact-vignette{z-index:2;background:linear-gradient(90deg,#000000d1,#00000052 45%,#0000 78%),linear-gradient(#0003,#0000 50%,#000000e6 91%,#000 100%);position:absolute;top:0;bottom:0;left:0;right:0}.contact-copy{z-index:6;position:absolute;top:50%;left:11vw;transform:translateY(-50%)}.contact-copy h2{max-width:720px;font-size:clamp(48px,5vw,78px);line-height:1.35}.contact-actions{gap:18px;margin-top:34px;display:flex}.contact-actions a,.contact-actions button{justify-content:center;align-items:center;min-width:170px;min-height:54px;padding:12px 24px;text-decoration:none;transition:transform .18s,color .18s,background .18s;display:inline-flex}.contact-actions a:hover,.contact-actions button:hover{transform:scale(1.06)}.primary-action{color:#000;background:#fff}.secondary-action{font:inherit;cursor:pointer;color:#fff;background:0 0;border:1px solid #fff}.secondary-action:hover{color:#000;background:#fff}.email-link{color:#ffffffc2;margin-top:24px;font-family:monospace;font-size:16px;text-decoration:none;display:inline-block}.contact-scene footer{z-index:6;color:#ffffffbf;letter-spacing:.08em;font-family:monospace;font-size:13px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scene-counter{z-index:55;color:#ffffffa3;pointer-events:none;align-items:center;gap:8px;font-family:monospace;font-size:11px;display:flex;position:fixed;bottom:30px;right:3vw}.scene-counter i{background:#ffffff7a;width:36px;height:1px}.water-transition{z-index:80;pointer-events:none;image-rendering:pixelated;position:fixed;top:0;bottom:0;left:0;right:0}.dialog-backdrop{z-index:100;background:#000000db;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.evidence-dialog{border:1px solid var(--cyan);background:#000;width:min(1180px,96vw);max-height:90svh;padding:30px;position:relative;overflow:auto;box-shadow:10px 10px #158fd247}.wechat-dialog{border:1px solid var(--cyan);text-align:center;background:#000;width:min(360px,88vw);padding:34px 34px 28px;position:relative;box-shadow:10px 10px #158fd247}.wechat-dialog small{color:var(--cyan);font-family:var(--pixel-font);letter-spacing:.12em}.wechat-dialog h2{font-family:var(--pixel-font);margin:10px 0 20px;font-size:30px}.wechat-dialog img{aspect-ratio:1;object-fit:cover;background:#fff;width:min(280px,70vw);margin:0 auto;display:block}.wechat-dialog p{color:var(--muted);margin:16px 0 0;font-size:13px}.aesthetic-backdrop{background:#00070eeb;padding:clamp(14px,3vw,42px)}.aesthetic-dialog{background:linear-gradient(125deg,#031b2ef5,#000000fa 48%),#000;border:1px solid #46d7e8cc;flex-direction:column;width:min(1180px,96vw);max-height:min(880px,92svh);display:flex;position:relative;overflow:hidden;box-shadow:12px 12px #158fd23d}.aesthetic-heading{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:end;gap:30px;padding:clamp(28px,4vw,52px) clamp(24px,4vw,58px) 25px;display:flex}.aesthetic-heading small,.section-marker,.aesthetic-footer{color:var(--cyan);letter-spacing:.16em;font-family:monospace;font-size:11px}.aesthetic-heading h2{font-family:var(--pixel-font);letter-spacing:.08em;margin:12px 0 0;font-size:clamp(34px,5vw,68px);line-height:1}.aesthetic-heading p{max-width:310px;color:var(--muted);margin:0 26px 4px 0;font-size:14px;line-height:1.8}.aesthetic-tabs{border-bottom:1px solid var(--hairline);gap:6px;padding:13px clamp(24px,4vw,58px);display:flex}.aesthetic-tabs button{color:#ffffff94;cursor:pointer;min-height:36px;font-family:var(--pixel-font);letter-spacing:.1em;background:0 0;border:1px solid #0000;align-items:center;gap:13px;padding:7px 13px;font-size:14px;display:inline-flex}.aesthetic-tabs button:hover,.aesthetic-tabs button.active{border-color:var(--cyan);color:#fff}.aesthetic-tabs button span{color:var(--cyan);font-size:19px;line-height:.8}.aesthetic-content{overscroll-behavior:contain;scrollbar-color:var(--blue) transparent;min-height:0;overflow:auto}.music-layout{min-height:430px;display:block}.input-section,.film-input-panel,.training-panel{padding:clamp(22px,2.2vw,30px) clamp(24px,4vw,58px)}.artist-section{border-bottom:1px solid var(--hairline)}.live-section{border-top:1px solid var(--hairline)}.input-section h3,.film-input-intro h3,.training-copy h3{font-family:var(--pixel-font);letter-spacing:.08em;margin:18px 0 26px;font-size:clamp(22px,2.4vw,34px);line-height:1.3}.artist-shelves{gap:28px;display:grid}.artist-shelf{border-top:1px solid var(--hairline);grid-template-columns:minmax(150px,.32fr) minmax(0,1fr);gap:clamp(22px,3vw,44px);padding-top:18px;display:grid}.artist-identity{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.artist-identity span{color:var(--cyan);margin-bottom:13px;font:11px monospace}.artist-identity strong{font-family:var(--pixel-font);letter-spacing:.08em;font-size:clamp(22px,2.4vw,34px)}.artist-identity small{color:var(--muted);margin-top:8px;font:11px monospace}.artist-albums{grid-template-columns:repeat(3,minmax(130px,1fr));gap:clamp(12px,1.8vw,20px);display:grid}.artist-list{border-top:1px solid var(--hairline);display:grid}.artist-list button{border:0;border-bottom:1px solid var(--hairline);color:#ffffff85;cursor:pointer;text-align:left;background:0 0;grid-template-columns:30px 1fr auto;align-items:center;gap:15px;min-height:64px;padding:0 8px;display:grid}.artist-list button:hover,.artist-list button.active{color:#fff;background:#158fd229}.artist-list button>span{color:var(--cyan);font:11px monospace}.artist-list strong{font-family:var(--pixel-font);letter-spacing:.08em;font-size:18px}.artist-list small{color:var(--muted);font:11px monospace}.artist-note{color:var(--muted);grid-template-columns:auto 1fr;gap:10px 14px;margin-top:28px;display:grid}.artist-note>span{color:var(--cyan);font-size:22px}.artist-note p{margin:0;font-size:13px;line-height:1.75}.artist-note small{color:#ffffff6b;grid-column:2;font:11px monospace}.album-rail,.film-input-rail{overscroll-behavior-x:contain;scrollbar-color:var(--blue) transparent;touch-action:pan-x;gap:20px;padding:3px 3px 20px;display:flex;overflow-x:auto}.album-card{flex:0 0 clamp(190px,20vw,240px);min-width:0}.album-card-compact{flex:initial}.album-cover{background:#061421;border:1px solid #46d7e8b3;height:clamp(190px,20vw,240px);transition:border-color .18s,transform .18s;position:relative;overflow:hidden;box-shadow:6px 6px #158fd22e}.album-card-compact .album-cover{aspect-ratio:1;width:100%;height:auto}.album-cover img{object-fit:cover;width:100%;height:100%;display:block}.album-card:hover .album-cover{border-color:#fff;transform:translateY(-4px)}.album-cover:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff14,#0000 32%,#0000001f);position:absolute;top:0;bottom:0;left:0;right:0}.album-cover span{z-index:2;color:var(--cyan);background:#00070ec7;padding:5px 7px;font:11px monospace;position:absolute;top:10px;left:10px}.album-cover strong{z-index:1;max-width:175px;font-family:var(--pixel-font);letter-spacing:.08em;font-size:20px;line-height:1.25;position:relative}.album-cover i{border:1px solid var(--cyan);opacity:.58;border-radius:50%;width:72px;height:72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.album-cover i:after{border:1px solid var(--cyan);content:"";border-radius:50%;position:absolute;top:18px;bottom:18px;left:18px;right:18px}.album-card>p{font-family:var(--pixel-font);margin:12px 0 5px;font-size:15px}.album-card>small{color:var(--muted);font-size:11px;line-height:1.5}.film-input-panel,.training-panel{min-height:430px}.film-input-intro{justify-content:space-between;align-items:end;gap:20px;display:flex}.film-input-intro h3{margin-bottom:8px}.film-input-intro p{color:var(--muted);margin:0 0 28px;font-size:13px}.film-input-intro>span{color:var(--cyan);letter-spacing:.12em;padding-bottom:31px;font:11px monospace}.film-input-rail{gap:15px}.film-input-card{flex:0 0 150px}.film-poster{background:#07111b;border:1px solid #ffffff52;flex-direction:column;justify-content:space-between;height:215px;padding:0;transition:border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #158fd22e}.film-poster:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000,#00070ef2);position:absolute;top:42%;bottom:0;left:0;right:0}.film-poster img{object-fit:cover;width:100%;height:100%;display:block}.film-input-card:hover .film-poster{border-color:var(--cyan);transform:translateY(-5px)}.film-poster span{z-index:2;color:var(--cyan);background:#00070ec7;padding:5px 7px;font:11px monospace;position:absolute;top:9px;left:9px}.film-poster-title{z-index:2;gap:5px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.film-poster-title strong{font-family:var(--pixel-font);letter-spacing:.08em;font-size:18px;line-height:1.35}.film-poster-title small{color:var(--muted);font:10px monospace}.film-input-card>p{color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.6}.live-input-intro{justify-content:space-between;align-items:end;gap:30px;display:flex}.live-input-intro h3{font-family:var(--pixel-font);letter-spacing:.08em;margin:18px 0 10px;font-size:clamp(22px,2.4vw,34px);line-height:1.2}.live-input-intro p{max-width:520px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.live-input-intro>span{color:var(--cyan);letter-spacing:.16em;flex:none;padding-bottom:4px;font:11px monospace}.live-event-groups{gap:34px;margin-top:28px;display:grid}.live-event-group>header{border-bottom:1px solid #46d7e847;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding-bottom:9px;display:flex}.live-event-group>header strong{font-family:var(--pixel-font);letter-spacing:.08em;font-size:17px}.live-event-group>header span{color:var(--cyan);letter-spacing:.14em;font:10px monospace}.live-event-pair{gap:12px;display:grid}.live-event-pair-portrait{grid-template-columns:repeat(2,minmax(0,330px));justify-content:center}.live-event-pair-landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.live-input-photo{background:#06101a;border:1px solid #46d7e866;min-width:0;margin:0;position:relative;overflow:hidden}.live-event-pair-portrait .live-input-photo{aspect-ratio:1280/2276}.live-event-pair-landscape .live-input-photo{aspect-ratio:16/9}.live-input-photo img{object-fit:contain;width:100%;height:100%;transition:transform .4s,filter .4s}.live-input-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000408c7);position:absolute;top:42%;bottom:0;left:0;right:0}.live-input-photo:hover img{filter:saturate(1.08);transform:scale(1.025)}.live-input-photo figcaption{z-index:1;color:#fffc;letter-spacing:.08em;align-items:center;gap:8px;font:10px monospace;display:flex;position:absolute;bottom:10px;left:11px;right:11px}.live-input-photo figcaption span{color:var(--cyan)}.training-copy{grid-template-columns:1fr 2fr;align-items:end;gap:26px;max-width:700px;display:grid}.training-number{color:var(--cyan);letter-spacing:-.1em;margin:0;font:clamp(82px,13vw,160px)/.8 monospace}.training-copy h3{margin-bottom:12px}.training-copy p:not(.training-number){max-width:320px;color:var(--muted);margin:0 0 15px;font-size:14px;line-height:1.8}.training-copy small{color:#fff6;font:11px monospace}.training-gallery{grid-template-columns:minmax(220px,.56fr) minmax(0,1.44fr);align-items:center;gap:20px;margin-top:34px;display:grid}.training-photo{background:#06101a;border:1px solid #46d7e885;width:100%;height:auto;margin:0;position:relative;overflow:hidden}.training-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 54%,#000408c2);position:absolute;top:0;bottom:0;left:0;right:0}.training-photo img{object-fit:contain;filter:saturate(.9)contrast(1.04);width:100%;height:100%}.training-photo-tall{aspect-ratio:1279/2275;justify-self:center}.training-photo-wide{aspect-ratio:1476/960}.training-photo figcaption{z-index:1;color:#ffffffb8;letter-spacing:.12em;align-items:center;gap:9px;font:10px monospace;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.training-photo figcaption span{color:var(--cyan);font:11px monospace}.aesthetic-footer{border-top:1px solid var(--hairline);color:#ffffff61;padding:11px clamp(24px,4vw,58px)}.evidence-dialog p{line-height:1.7}.evidence-dialog small{color:var(--muted)}.case-dialog{width:min(1180px,96vw)}.case-dialog>header h2{font-family:var(--pixel-font);letter-spacing:.08em;margin:0;font-size:clamp(38px,4vw,60px)}.case-dialog>header p{color:var(--muted);margin:8px 0 18px}.case-tabs{gap:8px;margin-bottom:22px;display:flex}.case-tabs button{color:#ffffffb8;cursor:pointer;min-height:38px;font-family:var(--pixel-font);letter-spacing:.08em;background:0 0;border:1px solid #ffffff5c;padding:8px 14px;font-size:13px}.case-tabs button:hover,.case-tabs button.active{color:#000;background:#fff;border-color:#fff}.case-layout{grid-template-columns:minmax(470px,1.2fr) minmax(330px,.8fr);align-items:start;gap:clamp(24px,3vw,44px);display:grid}.case-image-stage{background:#f4f4f1;border:1px solid #ffffff3d;place-items:center;height:min(46vh,430px);padding:14px;display:grid;position:relative;overflow:hidden}.case-image-stage img{object-fit:contain;opacity:0;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;transition:opacity .18s ease-out;display:block}.case-image-stage.image-loaded img{opacity:1}.case-image-loader{color:#6d7476;font-family:var(--pixel-font);letter-spacing:.08em;place-items:center;font-size:12px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.case-image-label{color:#fff;font-family:var(--pixel-font);letter-spacing:.08em;background:#001422d6;border:1px solid #ffffffb8;padding:7px 10px;font-size:11px;position:absolute;top:12px;left:12px;box-shadow:4px 4px #158fd240}.case-gallery{scrollbar-color:#46d7e899 transparent;gap:8px;margin-top:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.case-gallery button{cursor:pointer;background:#101010;border:1px solid #ffffff3d;flex:0 0 112px;width:112px;height:72px;padding:5px}.case-gallery button:hover,.case-gallery button.active{border:2px solid var(--cyan)}.case-gallery img{object-fit:contain;width:100%;height:100%}.case-details>small{color:var(--cyan);font-family:var(--pixel-font);letter-spacing:.12em}.case-details h3{font-family:var(--pixel-font);letter-spacing:.04em;margin:12px 0 14px;font-size:clamp(26px,2.6vw,40px);line-height:1.35}.case-details>p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.case-metrics{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(2,1fr);margin-top:22px;display:grid}.case-metrics article{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);min-width:0;padding:14px}.case-metrics strong,.case-metrics span,.case-caption strong{display:block}.case-metrics strong{font-family:var(--pixel-font);font-size:clamp(22px,2.1vw,32px)}.case-metrics span{color:var(--muted);margin-top:5px;font-size:11px}.case-caption{border-left:2px solid var(--cyan);margin-top:18px;padding-left:14px}.case-caption strong{font-family:var(--pixel-font);font-size:15px;line-height:1.5}.case-caption p{color:#ffffff94;margin:6px 0 0;font-size:12px;line-height:1.65}.work-backdrop{padding:0}.work-dialog{background:radial-gradient(circle,#158fd24d,#0000 34%),#000;width:100vw;height:100svh;position:relative;overflow:hidden}.work-heading{z-index:7;position:absolute;top:7vh;left:5vw}.work-heading small{color:var(--cyan);font-family:var(--pixel-font);letter-spacing:.12em}.work-heading h2{font-family:var(--pixel-font);letter-spacing:.06em;margin:7px 0;font-size:clamp(36px,4.5vw,70px)}.work-heading p{color:var(--muted);margin:0;font-size:14px}.work-heading .work-synopsis{color:#ffffffb8;scrollbar-color:#46d7e88c transparent;scrollbar-width:thin;background:linear-gradient(90deg,#000000f0,#000000a8);border-left:2px solid #46d7e8ad;width:min(290px,25vw);max-height:min(168px,23vh);margin-top:16px;padding:0 12px 0 14px;font-size:12px;line-height:1.8;overflow-y:auto}.work-synopsis::-webkit-scrollbar{width:3px}.work-synopsis::-webkit-scrollbar-thumb{background:#46d7e88c}.long-title .work-heading h2{max-width:48vw;font-size:clamp(30px,3.5vw,54px);line-height:1.25}.inner-orbit{width:min(980px,78vw);height:62vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.inner-orbit:before{content:"";border:1px solid #46d7e894;border-radius:50%;width:94%;height:66%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selected-frame{z-index:6;aspect-ratio:16/9;background-color:#031b2e;background-repeat:no-repeat;background-size:200% 200%;border:2px solid #fff;width:min(530px,50vw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:14px 14px #158fd23d}.frame-media-image{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-frame-shell{background:#000;overflow:hidden}.selected-video{object-fit:contain;width:100%;height:100%;display:block}.video-play-button{z-index:2;color:#fff;cursor:pointer;background:#000000b8;border:2px solid #fff;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play-button:hover{border-color:var(--cyan);color:var(--cyan)}.video-play-button:focus-visible{border-color:var(--cyan);color:var(--cyan)}.video-play-button svg{fill:currentColor;width:28px;height:28px}.inner-frame{z-index:5;aspect-ratio:16/9;cursor:pointer;background-color:#031b2e;background-repeat:no-repeat;background-size:200% 200%;border:1px solid #ffffffb3;width:clamp(105px,11vw,160px);transition:border-color .18s,scale .18s;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:6px 6px #000000b8}.inner-video-indicator{z-index:2;color:#fff;pointer-events:none;background:#000000a8;border:1px solid #ffffffe0;place-items:center;width:34px;height:34px;font-size:14px;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inner-orbit[data-frame-count="1"] .inner-frame{display:none}.inner-orbit[data-frame-count="1"]:before{width:72%;height:56%}.portrait-frames .selected-frame{aspect-ratio:2/5;width:min(240px,24vw)}.portrait-frames .inner-frame{aspect-ratio:2/5;width:clamp(78px,7vw,104px)}.inner-frame:hover,.inner-frame.selected{border:3px solid var(--cyan);scale:1.12}.frame-caption{z-index:4;font-family:var(--pixel-font);letter-spacing:.12em;margin:0;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.dialog-close{z-index:3;color:#000;cursor:pointer;background:#fff;border:0;width:38px;height:38px;font-size:26px;position:absolute;top:8px;right:8px}@keyframes hero-light-up{0%{opacity:0;filter:brightness(0)contrast(1.3)saturate(.42)blur(3px);transform:scale(1.055)}42%{opacity:.46;filter:brightness(.32)contrast(1.2)saturate(.58)blur(1px)}to{opacity:1;filter:none;transform:scale(1)}}@keyframes hero-vignette-lift{0%{opacity:1;background-color:#00000061}58%{opacity:1;background-color:#0000002e}to{opacity:1;background-color:#0000}}@keyframes hero-pixels-arrive{0%{opacity:0}46%{opacity:.86}to{opacity:0}}@keyframes hero-name-type{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes hero-role-type{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.hero-scene.intro .hero-image{animation:1.7s cubic-bezier(.2,.72,.2,1) both hero-light-up}.hero-scene.intro .hero-vignette{animation:1.78s cubic-bezier(.2,.72,.2,1) 80ms both hero-vignette-lift}.hero-scene.intro .pixel-edge{animation:1.45s steps(10,end) .36s both hero-pixels-arrive}.hero-scene.intro .hero-name-line{animation:.78s steps(3,end) .88s both hero-name-type}.hero-scene.intro .hero-role-line{animation:1.21s steps(11,end) 1.42s both hero-role-type}.hero-scene.intro .scroll-cue{animation:.52s steps(5,end) 2.26s both hero-role-type}@media (max-width:1050px){.about-grid{grid-template-columns:minmax(250px,.78fr) minmax(330px,1fr) minmax(270px,.85fr);gap:20px;padding-left:2vw;padding-right:2vw}.metric{padding:0 1.3vw}.metric h3{font-size:14px}.film-orbit{transform:translate(-50%)scale(.84)}}@media (max-width:760px){.app-shell.touch-dragging .scene.active{opacity:var(--scene-drag-opacity,1);transform:translate3d(0, var(--scene-drag-y,0), 0);will-change:transform, opacity;transition:none}.site-header{background:#000000e0;height:64px;padding:0 20px}.brand{font-size:14px}.desktop-nav{display:none}.menu-button{place-items:center;width:40px;height:40px;padding:9px;display:grid}.menu-button span{background:#fff;width:22px;height:1px;transition:transform .18s;display:block}.menu-button span+span{margin-top:-12px}.menu-button.open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-6px)rotate(-45deg)}.mobile-nav{z-index:-1;opacity:0;pointer-events:none;background:#000;transition:opacity .18s,transform .18s;display:grid;position:fixed;top:64px;left:0;right:0;transform:translateY(-10px)}.mobile-nav.open{z-index:1;opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav:not(.open) button{pointer-events:none}.mobile-nav button{text-align:left;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:66px;padding:0 24px;font-size:17px;display:flex}.mobile-nav button.active{color:#000;background:#fff}.hero-image{object-position:center}.hero-scene{background:#073448 url(/assets/sea-hero-preview-mobile.jpg) 50%/cover no-repeat}.supports-webp .hero-scene{background-image:url(/assets/sea-hero-preview-mobile.webp)}.no-webp .hero-scene{background-image:url(/assets/sea-hero-preview-mobile.jpg)}.hero-copy{width:92vw;top:20%}.hero-copy h1{font-size:clamp(50px,14vw,58px)}.hero-copy p{letter-spacing:.16em;max-width:300px;margin:20px auto 0;font-size:16px;line-height:1.8}.about-grid{grid-template-columns:1fr;align-content:start;gap:0;width:100%;height:100%;padding:82px 16px 66px;display:grid}.about-copy{z-index:4;position:relative}.about-copy h2,.operations-cover h2,.films-scene>h2{font-size:38px}.descent-mark{display:none}.about-copy>p{margin:10px 0 12px;font-size:16px;line-height:1.55}.skill-list{gap:14px;margin-bottom:10px}.skill-list li{font-size:12px}.about-copy small{margin-top:8px;font-size:12px;line-height:1.55;display:block}.aesthetic-entry{gap:13px;margin-bottom:14px;font-size:11px}.aesthetic-entry span{font-size:17px}.about-media{z-index:0;opacity:.48;height:100%;position:absolute;top:0;bottom:0;left:24%;right:0}.about-media img{object-position:center 58%}.about-media:after{background:linear-gradient(90deg,#000 0%,#0000008c 35%,#0000 74%),linear-gradient(#000000ad,#0000 28%,#0000009e 76%,#000 100%)}.experience-stack{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;align-self:start;align-items:flex-start;gap:12px;margin:18px -16px 0;padding:2px 16px 14px;display:flex;overflow-x:auto}.experience-stack::-webkit-scrollbar{display:none}.experience-card{scroll-snap-align:center;background:#000000c7;flex:0 0 82vw;min-width:82vw;padding:16px 17px 17px;box-shadow:6px 6px #158fd233}.experience-card h3{margin-bottom:13px;font-size:17px}.experience-entry+.experience-entry{margin-top:13px;padding-top:13px}.experience-entry time{margin-bottom:5px;font-size:10px}.experience-entry strong{font-size:13px;line-height:1.5}.experience-entry p{margin-top:6px;font-size:12px;line-height:1.6}.operations-scene{padding:82px 20px 80px}.operations-cover{gap:18px;width:100vw;top:46%}.operations-cover h2{font-size:clamp(46px,13vw,56px);line-height:1.1}.mobile-operation-copy{font-family:var(--pixel-font);letter-spacing:.06em;margin:0;font-size:16px;line-height:1.65;display:block}.mobile-operation-metrics{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;gap:12px;width:100%;padding:4px 14vw 12px;display:flex;overflow-x:auto}.mobile-operation-metrics::-webkit-scrollbar{display:none}.mobile-operation-metrics article{scroll-snap-align:center;background:#000a12b8;border:1px solid #fff6;flex:0 0 72vw;align-content:center;min-height:112px;padding:16px;display:grid;box-shadow:6px 6px #158fd233}.mobile-operation-metrics strong,.mobile-operation-metrics span{display:block}.mobile-operation-metrics strong{font-family:var(--pixel-font);letter-spacing:.04em;font-size:36px}.mobile-operation-metrics span{color:#ffffffb8;letter-spacing:.08em;margin-top:8px;font-size:12px}.operations-cover .case-entry{min-height:48px;margin:0 auto;padding:12px 28px}.operations-top{display:block}.operations-top>div>p{margin-top:10px;font-size:13px}.evidence-window{width:126px;padding:6px;display:block;position:absolute;top:82px;right:18px}.evidence-window img{height:74px}.evidence-window span{margin-top:6px;font-size:9px;display:block}.metrics{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;gap:0;padding:0 20px 14px;display:flex;bottom:16vh;left:0;right:0;overflow-x:auto}.metrics::-webkit-scrollbar{display:none}.metric{scroll-snap-align:center;flex:0 0 62vw;padding:4px 24px}.metric strong{font-size:38px}.films-scene{padding:84px 20px 70px}.sardine-image{object-position:58% center}.film-orbit{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:center;gap:12px;width:100%;height:54vh;padding:0 14vw;display:flex;top:21%;left:0;overflow-x:auto;transform:none}.film-orbit::-webkit-scrollbar{display:none}.film-orbit:before{display:none}.film-frame{scroll-snap-align:center;flex:0 0 72vw;width:72vw;position:relative;z-index:auto!important;opacity:1!important;pointer-events:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.orbit-control{display:none}.film-selected{font-size:12px;bottom:7.5vh}.desktop-only{display:none}.mobile-only{display:inline}.films-scene .scroll-cue{display:none}.contact-video{object-position:66% center}.contact-vignette{background:linear-gradient(#0000002e,#0000001f 34%,#000000db 70%,#000 100%),linear-gradient(90deg,#00000061,#0000 74%)}.contact-copy{top:auto;bottom:14vh;left:20px;right:20px;transform:none}.contact-copy h2{letter-spacing:.03em;font-size:clamp(34px,9.6vw,40px);line-height:1.35}.contact-actions{gap:10px;margin-top:24px}.contact-actions a,.contact-actions button{flex:1;min-width:0;min-height:48px;padding:10px 12px;font-size:14px}.contact-actions .secondary-action{min-width:0}.email-link{margin-top:16px;font-size:13px}.contact-scene footer{bottom:22px}.scene-counter{display:none}.evidence-dialog{padding:18px 14px;display:block}.wechat-dialog{width:min(320px,86vw);padding:30px 22px 24px}.wechat-dialog img{width:min(250px,70vw)}.aesthetic-backdrop{padding:0;display:block}.aesthetic-dialog{width:100%;height:100svh;max-height:none;box-shadow:none;border:0}.aesthetic-heading{padding:68px 20px 16px;display:block}.aesthetic-heading h2{margin-top:9px;font-size:36px}.aesthetic-heading p{max-width:280px;margin:12px 0 0;font-size:12px}.aesthetic-tabs{z-index:2;background:#00070ef5;gap:2px;padding:9px 16px;position:sticky;top:0}.aesthetic-tabs button{flex:1;justify-content:center;min-height:34px;padding:6px 8px;font-size:12px}.aesthetic-content{flex:1}.music-layout{display:block}.input-section,.film-input-panel,.training-panel{padding:28px 20px 34px}.artist-section{border-right:0;border-bottom:1px solid var(--hairline)}.artist-shelves{gap:0}.artist-shelf{padding-top:15px;display:block}.artist-shelf:not(.mobile-active){display:none}.artist-selector.mobile-only{scrollbar-width:none;gap:7px;margin:-2px 0 14px;display:flex;overflow-x:auto}.artist-selector::-webkit-scrollbar{display:none}.artist-selector button{color:#ffffff94;min-height:38px;font-family:var(--pixel-font);background:0 0;border:1px solid #ffffff47;flex:1 0 auto;padding:8px 13px;font-size:13px}.artist-selector button.active{border-color:var(--cyan);color:#fff;background:#158fd22e}.artist-identity{margin-bottom:16px}.artist-identity span{margin-bottom:7px}.artist-identity strong{font-size:22px}.artist-identity small{margin-top:5px}.artist-albums{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:12px;margin-right:-20px;padding:2px 20px 13px 1px;display:flex;overflow-x:auto}.artist-albums::-webkit-scrollbar{display:none}.album-card-compact{flex:0 0 152px}.input-section h3,.film-input-intro h3,.training-copy h3{margin:13px 0 19px;font-size:22px}.artist-list button{grid-template-columns:25px 1fr;gap:9px;min-height:58px}.artist-list small{grid-column:2;margin-top:-17px;font-size:9px}.artist-list strong{font-size:16px}.artist-note{margin-top:20px}.album-rail,.film-input-rail{margin-right:-20px;padding-right:20px}.album-card{flex-basis:190px}.artist-albums .album-card-compact{flex:0 0 152px}.album-cover{height:190px}.film-input-panel,.training-panel{min-height:0}.film-input-intro,.live-input-intro{display:block}.live-input-intro h3{margin:13px 0 9px;font-size:22px}.live-input-intro p{font-size:12px}.live-input-intro>span{padding:12px 0 0;display:block}.live-event-groups{gap:28px;margin-top:20px}.live-event-group>header strong{font-size:14px}.live-event-pair{gap:7px}.live-event-pair-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}.live-event-pair-landscape{grid-template-columns:1fr}.film-input-intro>span{padding-bottom:18px;display:block}.film-input-rail{gap:12px}.film-input-card{flex-basis:136px}.film-poster{height:196px}.film-poster strong{font-size:16px}.training-copy{grid-template-columns:80px 1fr;gap:17px}.training-number{font-size:74px}.training-copy p:not(.training-number){font-size:12px;line-height:1.7}.training-gallery{grid-template-columns:1fr;gap:8px;margin-top:30px}.training-photo-tall{width:min(100%,310px)}.aesthetic-footer{padding:10px 20px 14px;font-size:9px}.case-dialog{max-height:92svh}.case-dialog>header h2{font-size:36px}.case-tabs{gap:6px;margin-bottom:14px;overflow-x:auto}.case-tabs button{flex:none;min-height:34px;padding:7px 11px;font-size:11px}.case-layout{display:block}.case-image-stage{height:28svh;padding:8px}.case-image-label{padding:5px 7px;font-size:9px;top:7px;left:7px}.case-gallery{margin-top:7px}.case-gallery button{flex-basis:82px;width:82px;height:54px}.case-details{margin-top:14px}.case-details h3{margin:7px 0 8px;font-size:24px}.case-details>p{font-size:12px;line-height:1.55}.case-metrics{grid-template-columns:repeat(2,1fr);margin-top:12px}.case-metrics article{padding:9px}.case-metrics strong{font-size:21px}.case-caption{margin-top:12px}.case-caption p{font-size:10px}.work-heading{padding:70px 20px 0;position:relative;top:auto;left:auto;right:auto}.work-heading h2{font-size:34px}.long-title .work-heading h2{max-width:88vw;font-size:28px}.work-heading p{max-width:84vw;font-size:12px;line-height:1.5}.work-heading .work-synopsis{width:min(310px,80vw);max-width:none;max-height:15svh;margin-top:12px;padding-left:11px;font-size:11px;line-height:1.7}.inner-orbit{width:84vw;height:min(470px,54svh);min-height:360px;margin-top:38px;position:relative;top:auto;transform:translate(-50%)}.inner-orbit:before{width:108%;height:72%}.selected-frame{width:68vw}.inner-frame{width:19vw}.portrait-frames .selected-frame{width:36vw}.portrait-frames .inner-frame{width:14vw}.frame-caption{text-align:center;width:90vw;margin:12px auto 34px;font-size:12px;position:relative;bottom:auto;left:auto;transform:none}.work-dialog{overflow:hidden auto}.work-dialog>.dialog-close{z-index:20;top:max(8px, env(safe-area-inset-top));touch-action:manipulation;position:fixed}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}