@font-face{font-family:Mansalva;src:url(../fonts/mansalva-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cormorant Upright;src:url(../fonts/cormorant-upright-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cormorant Upright;src:url(../fonts/cormorant-upright-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Cormorant Upright;src:url(../fonts/cormorant-upright-600.woff2) format("woff2");font-weight:600;font-display:swap}:root{--ink: #f0f6ff;--muted: rgba(240, 246, 255, .6);--panel: rgba(12, 16, 24, .72);--line: rgba(240, 246, 255, .14);font-family:Helvetica Neue,Chiron GoRound TC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;overscroll-behavior:none}html,body,#root{width:100%;min-height:100%;background:#0e1a2e;color:var(--ink)}body{overflow-x:hidden;overscroll-behavior:none}canvas{display:block}.scene-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scene-bg canvas{width:100%!important;height:100%!important}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#0a0e1600 20%,#0a0e16bf 58%,#0a0e16 92%)}.content{position:relative;z-index:10}.glass-rail{position:fixed;top:-2px;right:-2px;bottom:-2px;width:min(680px,52vw);z-index:3;pointer-events:none;background:#0a0e1624;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);-webkit-mask:linear-gradient(to right,transparent 0%,#000 46%);mask:linear-gradient(to right,transparent 0%,#000 46%)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6vh}.hero-gradient{position:fixed;left:0;right:0;bottom:0;height:34vh;z-index:2;pointer-events:none;background:linear-gradient(to top,#60a0a0,#60a0a0e6 30%,#60a0a000)}.scroll-cue{margin-top:3vh;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);pointer-events:none}.scroll-cue-label{animation:cueLabelPulse 2.4s ease-in-out infinite}.scroll-cue-track{position:relative;width:1px;height:44px;overflow:hidden;background:linear-gradient(#f0f6ff47,#f0f6ff0a)}.scroll-cue-dot{position:absolute;left:50%;top:0;width:3px;height:9px;margin-left:-1.5px;border-radius:2px;background:#bfdcff;box-shadow:0 0 6px #bfdcffcc;animation:cueDot 1.9s cubic-bezier(.65,0,.35,1) infinite}@keyframes cueDot{0%{transform:translateY(-10px);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translateY(44px);opacity:0}}@keyframes cueLabelPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-chrome{--m: clamp(16px, 2.4vh, 30px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;font-family:Helvetica Neue,Chiron GoRound TC,PingFang SC,system-ui,sans-serif}.hero-frame{position:absolute;inset:var(--m);border:1px solid rgba(240,246,255,.1)}.hero-mark{position:absolute;font-size:13px;line-height:1;color:#f0f6ff52}.hero-mark.tl{top:var(--m);left:var(--m);transform:translate(-50%,-50%)}.hero-mark.tr{top:var(--m);right:var(--m);transform:translate(50%,-50%)}.hero-mark.bl{bottom:var(--m);left:var(--m);transform:translate(-50%,50%)}.hero-mark.br{bottom:var(--m);right:var(--m);transform:translate(50%,50%)}.hero-meta{position:absolute;font-size:clamp(9px,.9vw,11px);letter-spacing:.26em;text-transform:uppercase;line-height:1.6;color:#f0f6ff75}.hero-meta .hm-name{display:block;text-transform:none;letter-spacing:.12em;color:#f0f6ffb3}.hm-tl{top:calc(var(--m) + 16px);left:calc(var(--m) + 20px)}.hm-tr{top:calc(var(--m) + 16px);right:calc(var(--m) + 20px);text-align:right}.hm-bl{bottom:calc(var(--m) + 16px);left:calc(var(--m) + 20px)}.hm-right{top:50%;right:calc(var(--m) + 7px);writing-mode:vertical-rl;transform:translateY(-50%);letter-spacing:.3em}@media (max-width: 640px){.hm-right{display:none}}.about{text-align:center;pointer-events:none;padding:0 24px}.about-intro{animation:fadeDown 1.8s ease both}.about-title{font-family:Mansalva,cursive;font-weight:400;font-size:clamp(30px,7.2vw,80px);line-height:1;letter-spacing:.01em;color:var(--ink);margin-bottom:.3em}.about-body{margin:.5em auto 0;max-width:min(660px,88vw);font-family:Cormorant Upright,Chiron GoRound TC,PingFang SC,Microsoft YaHei,serif;font-weight:500;font-size:clamp(8px,1.05vw,16px);line-height:1.2;color:var(--ink)}.about-link{pointer-events:auto;color:inherit;text-decoration:none;border-bottom:1px solid rgba(240,246,255,.45);transition:color .2s ease,border-color .2s ease}.about-link:hover{color:#bfdcff;border-bottom-color:#bfdcff}.about[lang=zh] .about-body{font-family:Chiron GoRound TC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;font-size:clamp(8.8px,.92vw,12.8px);line-height:1.7;letter-spacing:.02em}.lang-toggle{position:fixed;top:16px;right:18px;z-index:110;min-width:52px;padding:7px 16px;font-family:Helvetica Neue,Chiron GoRound TC,PingFang SC,system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--muted);background:#0c1018c7;border:1px solid var(--line);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s ease,background .2s ease,border-color .2s ease}.lang-toggle:hover{color:var(--ink);background:#141a26eb;border-color:#f0f6ff4d}.resume{padding:20vh 24px}.resume-title{width:min(480px,90vw);margin:0 6vw 0 auto;text-align:left;font-family:Cormorant Upright,Chiron GoRound TC,PingFang SC,serif;font-weight:600;font-size:clamp(28px,5vw,56px);letter-spacing:.02em;color:var(--ink)}.timeline{position:relative;width:min(480px,90vw);margin:8vh 6vw 0 auto}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(#f0f6ff47,#f0f6ff0a)}.tl-entry{position:relative;padding-left:34px;padding-bottom:46vh}.tl-entry:last-child{padding-bottom:38vh}.tl-dot{position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;background:#bfdcff;box-shadow:0 0 0 4px #bfdcff1f}.tl-period{font-family:Helvetica Neue,system-ui,sans-serif;font-size:13px;letter-spacing:.18em;color:#f0f6ffb8;margin-bottom:.6em}.tl-head{display:flex;align-items:center;gap:12px}.tl-place{font-size:clamp(18px,2.4vw,26px);font-weight:600;line-height:1.25;color:var(--ink)}.tl-logo-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:5px;background:var(--ink);border-radius:9px}.tl-logo-chip img{width:100%;height:100%;object-fit:contain}.tl-role{margin-top:.35em;font-size:15px;color:#f0f6ffcc}.tl-points{margin-top:1.1em;list-style:none;display:flex;flex-direction:column;gap:.6em}.tl-points li{position:relative;padding-left:1.1em;font-size:14px;line-height:1.6;color:#f0f6fff2}.tl-points li:before{content:"—";position:absolute;left:0;color:var(--muted)}.tl-group{margin-top:1.8em}.tl-group-head{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;font-size:clamp(15px,1.9vw,19px);font-weight:600;color:var(--ink)}.tl-group-logo{flex:none;width:36px;height:36px;border-radius:9px;overflow:hidden;background:#ffffff0f}.tl-group-logo img{width:100%;height:100%;object-fit:cover;display:block}.tl-group-sub{font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--muted)}.tl-logos{display:flex;gap:12px;margin-top:1.4em}.tl-logo{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#f0f6ffeb;background:#ffffff0d;border:1px solid rgba(240,246,255,.32);border-radius:50%;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.tl-logo svg{width:20px;height:20px}.tl-logo:hover{color:var(--ink);border-color:#f0f6ff66;background:#f0f6ff0f;transform:translateY(-2px)}.zooop-logo-link{pointer-events:auto;display:inline-flex;color:var(--ink);transition:color .2s ease}.zooop-logo-link:hover{color:#bfdcff}.zooop-logo{display:block;height:20.8px;width:auto}.resume[lang=zh] .tl-points li,.resume[lang=zh] .tl-role{line-height:1.75}.credit{position:fixed;top:22px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;z-index:11;pointer-events:none;white-space:nowrap;animation:fadeDown 1.9s ease both}.credit-label{font-size:10px;font-weight:400;letter-spacing:.38em;text-transform:uppercase;color:var(--muted);margin-right:-.38em}.credit-sep{width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--muted) 50%,transparent);opacity:.7}.credit-tools{font-size:11px;font-weight:400;letter-spacing:.18em;color:var(--ink);margin-right:-.18em}.intro{position:fixed;top:8vh;left:0;right:0;text-align:center;pointer-events:none;z-index:10;animation:fadeDown 1.6s ease both}.intro .kicker{font-size:clamp(11px,1.4vw,14px);letter-spacing:.42em;text-transform:uppercase;color:var(--muted);margin-bottom:.6em}.intro h1{font-size:clamp(34px,7vw,92px);font-weight:800;letter-spacing:.01em;line-height:.95;text-shadow:0 4px 40px rgba(0,0,0,.45)}.intro .sub{margin-top:1.4em;font-size:clamp(12px,1.3vw,15px);color:var(--muted);letter-spacing:.06em}.detail{position:fixed;top:0;right:0;height:100%;width:min(460px,92vw);background:var(--panel);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);border-left:1px solid var(--line);z-index:20;padding:48px 36px;overflow-y:auto;transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.detail.open{transform:translate(0)}.detail .close{position:absolute;top:24px;right:28px;background:none;border:1px solid var(--line);color:var(--ink);width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;transition:background .2s}.detail .close:hover{background:#ffffff14}.detail .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle}.detail h2{font-size:30px;font-weight:800;margin-bottom:6px}.detail .domain-sub{color:var(--muted);font-size:13px;letter-spacing:.08em;margin-bottom:28px}.detail .works{display:flex;flex-direction:column;gap:12px}.work{border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:border-color .2s,transform .2s,background .2s;cursor:default}.work:hover{background:#ffffff0a;transform:translate(-4px)}.work .work-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.work .name{font-size:16px;font-weight:600}.work .tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}.work .desc{margin-top:8px;font-size:13px;line-height:1.55;color:var(--muted)}.detail .awards{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.detail .awards .label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.detail .awards .chips{display:flex;flex-wrap:wrap;gap:8px}.detail .awards .chip{font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid currentColor;opacity:.9}.hint{position:fixed;bottom:28px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.14em;color:var(--muted);z-index:10;pointer-events:none;animation:fadePulse 3.5s ease-in-out infinite}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e1a2e;color:var(--muted);font-size:13px;letter-spacing:.3em;z-index:50}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadePulse{0%,to{opacity:.4}50%{opacity:.85}}.works{position:relative;z-index:10;--wk-card-w: min(880px, 78vw)}.stage-fog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.wk-gallery{position:relative}.wk-gallery-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.wk-track{display:flex;align-items:stretch;height:100%;padding-left:100vw;padding-right:0;will-change:transform}.wk-card{flex:none;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(26px,5vh,56px);width:var(--wk-card-w);height:100%;padding:clamp(56px,11vh,132px) clamp(40px,5vw,76px) clamp(40px,7vh,80px);border:none;border-left:1px solid var(--line);background:#0d1119a8;color:var(--ink);text-align:left}.wk-card:last-child{border-right:1px solid var(--line)}.wk-card-cover{position:relative;flex:none;align-self:flex-end;width:clamp(160px,22vw,240px);margin-right:clamp(12px,6%,80px);aspect-ratio:3 / 2;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#1c2a42}.wk-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.wk-card-cover-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 25%,#2c3e5c80,#1c2a42fa)}.wk-card-cover-no{font-family:Cormorant Upright,Chiron GoRound TC,PingFang SC,serif;font-size:clamp(40px,7vw,88px);font-weight:600;line-height:1;color:#f0f6ff29}.wk-card-head{flex:none}.wk-card-no{display:block;font-family:Helvetica Neue,system-ui,sans-serif;font-size:clamp(11px,1.2vw,13px);letter-spacing:.3em;color:#f0f6ff66;font-variant-numeric:tabular-nums;margin-bottom:1.1em}.wk-card-title{font-size:clamp(24px,3.4vw,44px);font-weight:600;line-height:1.06;letter-spacing:.01em;color:var(--ink)}.wk-card-tagline{display:block;margin-top:.7em;font-size:clamp(12px,1.2vw,14px);letter-spacing:.06em;color:var(--muted)}.wk-card-body{flex:none}.wk-gallery-title{position:absolute;top:clamp(16px,4vh,40px);left:clamp(24px,6vw,80px);z-index:2;font-family:Cormorant Upright,Chiron GoRound TC,PingFang SC,serif;font-weight:600;font-size:clamp(22px,3vw,38px);letter-spacing:.02em;color:var(--ink);pointer-events:none}.wk-progress{position:absolute;bottom:clamp(22px,5vh,50px);left:50%;transform:translate(-50%);width:min(280px,40vw);height:2px;border-radius:2px;background:#f0f6ff2e;overflow:hidden;z-index:2;pointer-events:none}.wk-progress-fill{width:100%;height:100%;border-radius:2px;background:#bfdcff;transform-origin:left center}.wk-hint{position:absolute;bottom:clamp(20px,5vh,48px);right:clamp(24px,6vw,80px);z-index:2;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);pointer-events:none}.wk-list{list-style:none;margin:0}.wk-line{border-bottom:1px solid rgba(240,246,255,.09)}.wk-line:last-child{border-bottom:none}.wk-line-btn{display:flex;align-items:baseline;justify-content:space-between;gap:clamp(16px,4vw,64px);width:100%;padding:clamp(14px,2.2vh,26px) 0;border:none;background:none;color:inherit;text-align:left;font-family:inherit;cursor:pointer;transition:padding-left .3s cubic-bezier(.16,1,.3,1)}.wk-line-btn:hover,.wk-line-btn:focus-visible{padding-left:10px;outline:none}.wk-line-name{font-size:clamp(13px,1.35vw,16px);font-weight:400;line-height:1.35;letter-spacing:.01em;color:#f0f6ffe6;transition:color .2s ease}.wk-line-btn:hover .wk-line-name,.wk-line-btn:focus-visible .wk-line-name{color:#bfdcff}.wk-line-meta{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 .6em;text-align:right;max-width:46%}.wk-line-num{font-size:clamp(11px,1.15vw,13px);font-weight:500;letter-spacing:.04em;color:#bfdcff;white-space:nowrap}.wk-line-tag{font-size:clamp(10px,1vw,12px);letter-spacing:.03em;color:#f0f6ff80;white-space:nowrap}.wk-line-tag:before{content:"·";margin-right:.6em;color:#f0f6ff4d}.wk-sub{margin-top:clamp(28px,4vh,44px)}.wk-sub:first-of-type{margin-top:0}.wk-sub-head{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.wk-foot{margin-top:clamp(32px,5vh,56px);padding-top:clamp(20px,3vh,30px);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.wk-foot-line{font-size:clamp(12px,1.2vw,14px);line-height:1.7;color:var(--muted)}.wk-foot-label{display:inline-block;min-width:3.2em;margin-right:1.2em;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:#f0f6ff66}.wk-foot-val.accent{color:#bfdcff;letter-spacing:.04em}.works[lang=zh] .wk-line-name{line-height:1.5}.wk-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#08102099;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.wk-detail{position:fixed;inset:clamp(16px,5vh,56px) clamp(16px,6vw,120px);z-index:70;background:#1c2a42fa;border:1px solid var(--line);border-radius:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 50px 140px #0009;scrollbar-width:thin;scrollbar-color:rgba(240,246,255,.16) transparent}.wk-detail::-webkit-scrollbar{width:8px}.wk-detail::-webkit-scrollbar-track{background:transparent}.wk-detail::-webkit-scrollbar-thumb{background:#f0f6ff24;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.wk-detail::-webkit-scrollbar-thumb:hover{background:#f0f6ff47;background-clip:padding-box}.wk-detail-close{position:absolute;top:16px;right:16px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#0a0d148c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:15px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.wk-detail-close:hover{background:#141a26cc;border-color:#f0f6ff4d;transform:rotate(90deg)}.wk-detail-banner{position:relative;height:clamp(180px,42vh,460px);background:#1c2a42}.wk-detail-banner img{width:100%;height:100%;object-fit:cover;display:block}.wk-detail-banner.is-ph{display:grid;place-items:center;padding:6vh 8vw;background:radial-gradient(120% 120% at 30% 20%,#2c3e5c80,#1c2a42fa)}.wk-detail-ph-text{font-family:Cormorant Upright,Chiron GoRound TC,PingFang SC,serif;font-size:clamp(28px,5vw,72px);font-weight:600;line-height:1.1;text-align:center;color:#f0f6ff29;letter-spacing:.02em}.wk-detail-article{max-width:760px;margin:0 auto;padding:clamp(28px,5vh,56px) clamp(24px,5vw,56px) clamp(40px,8vh,88px)}.wk-detail-head{padding-bottom:clamp(20px,3vh,30px);margin-bottom:clamp(24px,4vh,40px);border-bottom:1px solid var(--line)}.wk-detail-title{font-size:clamp(24px,3.4vw,42px);font-weight:600;line-height:1.08;color:var(--ink)}.wk-detail-sub{margin-top:.7em;font-size:clamp(12px,1.2vw,14px);letter-spacing:.08em;color:var(--muted)}.wk-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.1em}.wk-badge{font-size:clamp(11px,1.1vw,12px);letter-spacing:.04em;line-height:1;padding:6px 12px;border-radius:999px;color:#f0f6ffc7;background:#f0f6ff0d;border:1px solid var(--line)}.wk-detail-desc{font-size:clamp(14px,1.4vw,16px);line-height:1.8;color:#f0f6ffcc}.wk-md{font-size:clamp(14px,1.4vw,16px);line-height:1.8;color:#f0f6ffd1}.wk-md>:first-child{margin-top:0}.wk-md h2{margin:1.8em 0 .7em;font-size:clamp(18px,2.2vw,24px);font-weight:600;color:var(--ink)}.wk-md h3{margin:1.5em 0 .6em;font-size:clamp(16px,1.9vw,20px);font-weight:600;color:var(--ink)}.wk-md p{margin:0 0 1.1em}.wk-md a{color:#bfdcff;text-decoration:none;border-bottom:1px solid rgba(191,220,255,.4)}.wk-md a:hover{border-bottom-color:#bfdcff}.wk-md ul,.wk-md ol{margin:0 0 1.1em;padding-left:1.3em}.wk-md li{margin:.4em 0}.wk-md img,.wk-md video{display:block;width:100%;height:auto;margin:1.6em 0;border-radius:12px;border:1px solid var(--line)}.wk-md blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:2px solid rgba(191,220,255,.5);color:var(--muted)}.wk-md hr{margin:2em 0;border:none;border-top:1px solid var(--line)}.wk-md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:.15em .4em;border-radius:5px;background:#ffffff0f}.wk-detail-link{display:inline-flex;align-items:center;gap:.6em;margin-top:clamp(28px,4vh,44px);padding:12px 22px;border:1px solid rgba(191,220,255,.5);border-radius:999px;font-size:13px;letter-spacing:.06em;color:#bfdcff;text-decoration:none;white-space:nowrap;transition:background .2s ease,gap .2s ease}.wk-detail-link:hover{background:#bfdcff1a;gap:.9em}.wk-detail-ph-img{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;margin:1.6em 0;border-radius:12px;border:1px dashed var(--line);background:repeating-linear-gradient(45deg,#f0f6ff08,#f0f6ff08 10px,#f0f6ff0d 10px,#f0f6ff0d 20px)}.wk-detail-ph-img-label{font-size:clamp(12px,1.2vw,14px);letter-spacing:.14em;text-transform:uppercase;color:#f0f6ff52}.wk-detail-link.is-ph{color:#f0f6ff66;border-color:var(--line);border-style:dashed;cursor:default}.wk-detail-link.is-ph:hover{background:none;gap:.6em}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000;opacity:1;transition:opacity .6s ease}.loading-screen.is-hidden{opacity:0;pointer-events:none}.loading-ring{width:clamp(56px,8vw,80px);height:clamp(56px,8vw,80px);animation:lrSpin 2.4s linear infinite}.loading-ring svg{width:100%;height:100%;overflow:visible}.lr-track{fill:none;stroke:#f0f6ff1f;stroke-width:3}.lr-arc{fill:none;stroke:#6f906f;stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .35s ease;filter:drop-shadow(0 0 6px rgba(111,144,111,.55))}@keyframes lrSpin{to{transform:rotate(360deg)}}@media (max-width: 640px){.tl-body{background:#0a0d1466;border-radius:16px;padding:20px 22px}.resume-title{text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.6)}.glass-rail{display:none}.wk-gallery{height:auto!important}.wk-gallery-sticky{position:static;height:auto;overflow:visible;display:block}.wk-track{flex-direction:column;height:auto;padding-left:0;transform:none!important}.wk-card{width:100%;height:auto;border-left:none;border-top:1px solid var(--line)}.wk-card:last-child{border-right:none}.wk-progress,.wk-hint{display:none}.wk-gallery-title{position:static;padding:clamp(16px,4vh,40px) clamp(24px,6vw,80px) clamp(20px,5vh,48px);font-size:clamp(28px,8vw,36px)}.wk-line-btn{flex-direction:column;align-items:flex-start;gap:5px}.wk-line-meta{max-width:100%;justify-content:flex-start;text-align:left}.wk-card-title{font-size:clamp(27px,7.4vw,36px)}.wk-line-name{font-size:15.5px}.wk-line-num{font-size:12.5px}.wk-line-tag{font-size:11.5px}}.hero{--hero-ink: #ffffff}.hero .about-title{color:var(--hero-ink);text-shadow:0 2px 18px rgba(20,38,72,.45)}.hero .about-body{color:var(--hero-ink);text-shadow:0 1px 8px rgba(20,38,72,.6)}.hero .scroll-cue{color:#ffffffd9}.hero .scroll-cue-track{background:linear-gradient(#fff9,#ffffff1a)}.hero .scroll-cue-dot{background:#fff;box-shadow:0 0 6px #fffc}.hero-chrome .hero-meta{color:#ffffffd9;text-shadow:0 1px 6px rgba(20,38,72,.35)}.hero-chrome .hero-frame{border-color:#ffffff59}.hero-chrome .hero-mark{color:#ffffffb3}@font-face{font-family:Bricolage Grotesque;src:url(../fonts/bricolage-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(../fonts/bricolage-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(../fonts/bricolage-800.woff2) format("woff2");font-weight:800;font-display:swap}:root{--display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--accent: #ff8a3d;--accent-soft: rgba(255, 138, 61, .22);--ink-shadow: 0 2px 0 rgba(12, 26, 52, .55), 0 6px 22px rgba(12, 26, 52, .45);--ink-shadow-sm: 0 1px 0 rgba(12, 26, 52, .6), 0 3px 12px rgba(12, 26, 52, .5)}.hero .about-title{font-family:var(--display);font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:var(--ink-shadow)}.hero .about-body{font-family:var(--display);font-weight:600;font-size:clamp(13px,1.25vw,18px);line-height:1.45;color:#fff;text-shadow:var(--ink-shadow-sm)}.hero-chrome .hero-meta{font-family:var(--display);font-weight:700;color:#fff;text-shadow:var(--ink-shadow-sm)}.hero-chrome .hero-meta .hm-name{color:var(--accent)}.hero .scroll-cue{font-family:var(--display);font-weight:700;color:#fff;text-shadow:var(--ink-shadow-sm)}.hero .scroll-cue-dot{background:var(--accent);box-shadow:0 0 8px #ff8a3dcc}.resume-title,.wk-gallery-title{font-family:var(--display);font-weight:800;color:#fff;text-shadow:var(--ink-shadow)}.tl-place,.tl-group-head,.wk-card-title,.wk-line-name,.wk-detail-title{font-family:var(--display);font-weight:800;color:#fff;text-shadow:var(--ink-shadow-sm)}.tl-period,.wk-card-no,.wk-line-num{font-family:var(--display);font-weight:700;color:var(--accent);text-shadow:0 1px 8px rgba(12,26,52,.5)}.tl-role,.tl-group-sub,.wk-card-tagline,.wk-line-meta{font-family:var(--display);font-weight:600;color:#ffffffeb;text-shadow:var(--ink-shadow-sm)}.tl-points,.tl-points li{font-weight:600;color:#fffffff2;text-shadow:var(--ink-shadow-sm)}.tl-dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 0 12px #ff8a3d99}.wk-progress-fill{background:var(--accent)}.tl-body{background:#081a22c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 22px 20px;box-shadow:0 12px 32px #040e1459}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.skill-tag{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.04em;white-space:nowrap;color:#fff;padding:4px 9px;border-radius:999px;background:#081a228c;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 4px rgba(0,0,0,.4);transition:background .25s ease,border-color .25s ease;-webkit-user-select:none;user-select:none}.skill-tag.is-active{background:#ff8a3de6;border-color:#ffffff80}.skill-card{width:250px;padding:14px 16px 15px;border-radius:14px;background:#081a22db;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px #040e1466;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:none;pointer-events:none}.skill-card--left{transform-origin:left center;translate:0 -50%}.skill-card--right{transform-origin:right center;translate:-100% -50%}.skill-card.is-open{display:block;animation:skillCardIn .22s ease both}@keyframes skillCardIn{0%{transform:translateY(6px) scale(.97)}to{transform:none}}.skill-card strong{display:block;font-family:var(--display);font-weight:800;font-size:15px;margin-bottom:5px;color:var(--accent)}.skill-card p{font-family:var(--display);font-weight:600;font-size:13px;line-height:1.45;color:#ffffffeb}.skill-hint{position:absolute;left:50%;top:calc(clamp(16px,2.4vh,30px) + 14px);transform:translate(-50%);font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.08em;color:#fffc;text-shadow:0 1px 6px rgba(12,26,52,.5);white-space:nowrap;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 640px){.skill-card{width:200px}.skill-tag{font-size:10px}}.hero-chrome .view-counter{display:flex;flex-direction:column;gap:2px;letter-spacing:.18em}.vc-live{display:inline-flex;align-items:center;gap:7px;font-size:.9em;color:var(--accent)}.vc-dot{width:7px;height:7px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 #ff3b3bb3,0 0 8px #ff3b3be6;animation:vcPulse 1.4s ease-out infinite}.hero-chrome .view-counter .vc-num{font-size:clamp(22px,2.6vw,34px);font-weight:800;letter-spacing:.01em;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums;text-shadow:var(--ink-shadow-sm),0 0 18px rgba(255,138,61,.35);display:inline-block;transform-origin:left center}.vc-num.is-bump{animation:vcBump .35s ease-out}.vc-label{font-size:.85em;opacity:.92}@keyframes vcPulse{0%{box-shadow:0 0 #ff3b3bb3,0 0 8px #ff3b3be6}70%{box-shadow:0 0 0 7px #ff3b3b00,0 0 8px #ff3b3be6}to{box-shadow:0 0 #ff3b3b00,0 0 8px #ff3b3be6}}@keyframes vcBump{0%{transform:scale(1.04);color:#ffd2b0}to{transform:scale(1);color:#fff}}@media (max-width: 640px){.hero-chrome .view-counter .vc-num{font-size:20px}.vc-label{font-size:.8em;letter-spacing:.12em}}.hero .scroll-cue{font-size:13px;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 16px rgba(255,255,255,.8),0 0 34px rgba(255,138,61,.9),0 1px 0 rgba(12,26,52,.5)}.hero .scroll-cue-label{animation-name:cueLabelGlow}.hero .scroll-cue-track{width:2px;height:52px;background:linear-gradient(#fffffff2,#ffffff26);box-shadow:0 0 8px #ffffffe6,0 0 20px #ff8a3db3;border-radius:2px;overflow:visible;clip-path:inset(0 -24px)}.hero .scroll-cue-dot{width:5px;height:12px;margin-left:-2.5px;background:var(--accent);box-shadow:0 0 10px 2px #ff8a3df2,0 0 22px #ffaa6eb3}@keyframes cueLabelGlow{0%,to{opacity:.85}50%{opacity:1}}.story-open{pointer-events:auto;margin-top:14px;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#081a2259;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.06em;cursor:pointer;text-shadow:var(--ink-shadow-sm);transition:background .2s,border-color .2s,transform .2s}.story-open span{display:inline-block;color:var(--accent);transition:transform .2s}.story-open:hover,.story-open:focus-visible{background:#ff8a3de6;border-color:#ff8a3d;transform:translateY(-1px)}.story-open:hover span,.story-open:focus-visible span{color:#fff;transform:translate(3px)}.story-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0410168c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-panel{position:relative;width:min(640px,100%);max-height:min(86vh,760px);overflow-y:auto;padding:34px 36px 30px;border-radius:20px;background:#081a22eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #00000073;color:#ffffffe6;font-family:var(--display);animation:storyIn .45s cubic-bezier(.2,.8,.2,1)}@keyframes storyIn{0%{transform:translateY(18px) scale(.98)}to{transform:none}}.story-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:14px;cursor:pointer}.story-close:hover{background:#ffffff1a}.story-kicker{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px}.story-title{font-weight:800;font-size:clamp(28px,4vw,40px);line-height:1.05;color:#fff;margin:0 0 18px}.story-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.story-stat{padding:12px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.story-stat strong{display:block;font-size:22px;font-weight:800;color:#fff}.story-stat span{font-size:12px;color:#ffffffa6}.story-p{font-size:15.5px;line-height:1.6;font-weight:600;margin:0 0 12px}.story-ips-label{margin:20px 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff9}.story-ips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.story-ips li{padding:6px 12px;border-radius:999px;background:#ff8a3d24;border:1px solid rgba(255,138,61,.5);color:#ffd2b0;font-weight:700;font-size:13px}@media (max-width: 640px){.story-panel{padding:28px 20px 22px}.story-p{font-size:14.5px}.story-stats{grid-template-columns:1fr}}@media (max-width: 640px){.hm-tr{display:none}.skill-hint{top:calc(clamp(16px,2.4vh,30px) + 58px);font-size:10px}}.hero-chrome .now-status{display:flex;align-items:center;gap:12px;text-transform:none;letter-spacing:.02em}.ns-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#081a2259;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #040e1440;overflow:visible;animation:nsBob 3.2s ease-in-out infinite}.ns-avatar img{width:58px;height:58px;object-fit:contain;margin-top:-8px;filter:drop-shadow(0 4px 6px rgba(4,14,20,.3))}.ns-emoji{font-size:24px;line-height:1;text-shadow:none}.ns-text{display:flex;flex-direction:column;gap:2px}.hero-chrome .ns-kicker{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.hero-chrome .ns-line{display:inline-flex;align-items:center;gap:8px;font-size:clamp(13px,1.05vw,15px);font-weight:700;color:#fff;animation:nsIn .6s cubic-bezier(.2,.8,.2,1)}.ns-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#34d17a;box-shadow:0 0 #34d17ab3,0 0 8px #34d17ae6;animation:nsPulse 1.8s ease-out infinite}.ns-dot.is-off{background:#9aa3ad;box-shadow:none;animation:none}@keyframes nsPulse{0%{box-shadow:0 0 #34d17ab3,0 0 8px #34d17ae6}70%{box-shadow:0 0 0 7px #34d17a00,0 0 8px #34d17ae6}to{box-shadow:0 0 #34d17a00,0 0 8px #34d17ae6}}@keyframes nsIn{0%{transform:translateY(6px)}to{transform:none}}@keyframes nsBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hero-chrome .forecast{position:absolute;top:calc(var(--m) + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 18px 8px 12px;border-radius:16px;background:#081a2247;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--display);color:#fff;white-space:nowrap;box-shadow:0 8px 22px #040e142e}.fc-icon{font-size:28px;line-height:1;animation:nsBob 4s ease-in-out infinite}.fc-text{display:flex;flex-direction:column;gap:1px;text-align:left}.fc-kicker{font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.fc-head{font-size:14px;font-weight:800;text-shadow:var(--ink-shadow-sm)}.fc-sub{font-size:11px;font-weight:600;color:#ffffffbf}@media (max-width: 900px){.fc-sub{display:none}}@media (max-width: 640px){.hero-chrome .forecast{top:calc(var(--m) + 76px);padding:6px 12px 6px 9px;max-width:calc(100vw - 48px)}.fc-icon{font-size:22px}.fc-head{font-size:12px;white-space:normal}.ns-avatar{width:38px;height:38px}.ns-emoji{font-size:20px}.hero-chrome .ns-line{font-size:12.5px;letter-spacing:0}.hero-chrome .now-status{max-width:calc(100vw - 2 * var(--m) - 30px)}}.hero-chrome .ns-kicker{font-size:8.5px}.hero-chrome .ns-line{font-size:clamp(11px,.85vw,12.5px);gap:7px}.ns-dot{width:7px;height:7px}.hero-chrome .forecast{gap:9px;padding:6px 13px 6px 9px;border-radius:13px}.fc-icon{font-size:20px}.fc-kicker{font-size:8px}.fc-head{font-size:12px}.fc-sub{font-size:9.5px}@media (max-width: 640px){.hero-chrome .ns-line{font-size:11px}.hero-chrome .forecast{top:calc(var(--m) + 58px)}.fc-icon{font-size:18px}.fc-head{font-size:11px}}.egg-tip{display:none;width:max-content;max-width:220px;padding:9px 13px 10px;border-radius:12px;background:#081a22e6;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px #0000004d;color:#ffffffe0;font-family:var(--display);font-weight:600;font-size:12.5px;line-height:1.4;transform:translate(10px,-50%)}.egg-tip--left{transform:translate(calc(-100% - 10px),-50%)}.egg-tip.is-open{display:block;animation:eggTipIn .35s cubic-bezier(.2,.8,.2,1)}.egg-tip strong{display:block;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}@keyframes eggTipIn{0%{translate:0 6px}to{translate:0 0}}.tl-group-logo{background:#fff;padding:3px;box-shadow:0 2px 8px #040e1440}.tl-group-logo img{object-fit:contain}.tl-body .tl-group:first-of-type{margin-top:.9em}.tl-body .tl-group+.tl-group{margin-top:1.1em}.tl-group-head>span:not(.tl-group-logo):not(.tl-group-sub){flex:1 1 0;min-width:0}.tl-group-head .tl-group-sub{flex-basis:100%;padding-left:calc(36px + .6em);margin-top:-.35em}.tl-logo-chip{padding:0;background:#fff;overflow:hidden;box-shadow:0 2px 8px #040e1440}.tl-logo-chip img{object-fit:cover}.glass-panel{position:relative;border-radius:36px;background:linear-gradient(140deg,#fff3,#0a28324d 50%,#0a283261);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1.5px #ffffffb3,inset 0 -1px #ffffff29,inset 1.5px 0 #ffffff4d,0 30px 70px #00192359,0 6px 18px #00192333;color:#fff;font-family:var(--display)}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 12% -10%,rgba(255,255,255,.3),transparent 55%),radial-gradient(60% 40% at 100% 110%,rgba(255,255,255,.1),transparent 60%)}.glass-chip,.wkg-cap,.wkg-stat{position:relative;border-radius:999px;background:linear-gradient(140deg,#ffffff47,#ffffff12);-webkit-backdrop-filter:blur(12px) saturate(170%);backdrop-filter:blur(12px) saturate(170%);box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #ffffff24,0 6px 16px #00192333;color:#fff}.wk-track{align-items:center}.wk-slide{flex:none;width:var(--wk-card-w);height:100%;display:flex;align-items:center;justify-content:center;padding:0 clamp(14px,2vw,28px)}:root{--wk-card-w: min(1000px, 88vw)}.wkg-card{width:100%;height:min(600px,74vh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:clamp(26px,3.4vw,44px)}.wkg-info{display:flex;flex-direction:column;min-width:0}.wkg-no{font-size:12px;font-weight:800;letter-spacing:.24em;color:#ffd2b0}.wkg-title{font-size:clamp(30px,3.8vw,52px);font-weight:800;line-height:1.02;margin:6px 0 12px;text-shadow:0 1px 2px rgba(0,20,30,.35)}.wkg-caps{display:flex;flex-wrap:wrap;gap:8px}.wkg-cap{display:inline-flex;align-items:center;padding:7px 14px;font-size:13.5px;font-weight:700}.wkg-logo{padding:5px 12px;background:#ffffffeb}.wkg-logo img{height:22px;width:auto;max-width:120px;object-fit:contain;display:block}.wkg-one{margin-top:14px;font-size:clamp(14px,1.2vw,17px);font-weight:600;line-height:1.45;opacity:.92}.wkg-stats{display:flex;flex-direction:column;gap:10px;margin-top:20px}.wkg-stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 18px;border-radius:18px}.wkg-stat b{font-size:clamp(20px,2vw,28px);font-weight:800}.wkg-stat:first-child b{color:#ffcf9e}.wkg-stat span{font-size:13px;font-weight:700;opacity:.85;text-align:right}.wkg-hint{margin-top:auto;align-self:flex-start;padding:10px 0 0;background:none;border:0;color:#ffffffd9;font:700 13.5px var(--display);cursor:pointer;pointer-events:auto}.wkg-hint:hover{color:#ffcf9e}.wkr-fan{position:relative;min-width:0}.wkr-card{--h: min(80%, 430px);position:absolute;top:50%;left:50%;height:var(--h);aspect-ratio:9 / 16;padding:0;border:0;border-radius:22px;background:none;cursor:pointer;pointer-events:auto;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s,box-shadow .4s;box-shadow:0 18px 40px #00141e73}.wkr-card.is-front{z-index:3;transform:translate(-50%,-50%) scale(1.04)}.wkr-card.is-left{z-index:1;transform:translate(-94%,-47%) rotate(-8deg) scale(.88);filter:brightness(.82)}.wkr-card.is-right{z-index:1;transform:translate(-6%,-47%) rotate(8deg) scale(.88);filter:brightness(.82)}.wkr-card.is-left:hover,.wkr-card.is-right:hover{filter:brightness(1)}.wkr-tile{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff80}.wkr-tile video,.wkr-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wkr-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 26%,transparent 62%,rgba(0,0,0,.45));box-shadow:inset 0 0 0 1.5px #ffffff73}.wkr-ph{position:absolute;left:50%;top:40%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff52}.wkr-ph:after{content:"";position:absolute;left:-42%;right:-42%;top:122%;height:120%;border-radius:50% 50% 0 0;background:#ffffff47}.wkr-views{position:absolute;top:10px;right:10px;z-index:2;padding:4px 9px;border-radius:999px;font:800 11.5px var(--display);color:#fff;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wkr-label{position:absolute;left:12px;bottom:12px;z-index:2;font:800 12.5px var(--display);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.wkd{position:fixed;z-index:70;left:50%;top:50%;translate:-50% -50%;width:min(1180px,94vw);height:min(760px,90vh);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:22px;border-radius:44px;pointer-events:auto}.wkd-close{position:absolute;z-index:4;right:22px;top:22px;width:44px;height:44px;display:grid;place-items:center;border:0;font-size:16px;font-weight:800;cursor:pointer}.wkd-player{position:relative;height:100%;aspect-ratio:9 / 16;border-radius:30px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff73,0 20px 50px #00141e66}.wkd-player video,.wkd-player img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wkd-bars{position:absolute;z-index:3;left:14px;right:14px;top:12px;display:flex;gap:4px}.wkd-bars i{flex:1;height:3.5px;border-radius:3px;overflow:hidden;background:#fff6}.wkd-bars em{display:block;height:100%;background:#fff;transform-origin:left}.wkd-empty{position:absolute;left:0;right:0;bottom:18%;text-align:center;font-weight:800;font-size:14px;opacity:.9}.wkd-side{position:absolute;z-index:3;right:12px;bottom:70px;display:flex;flex-direction:column;gap:12px}.wkd-side .glass-chip{width:44px;height:44px;display:grid;place-items:center;border:0;font-size:17px;text-decoration:none;cursor:pointer}.wkd-cap{position:absolute;z-index:3;left:16px;bottom:18px;font-weight:800;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.45)}.wkd-nav{position:absolute;z-index:2;top:12%;bottom:22%;width:30%;border:0;background:none;cursor:pointer}.wkd-nav.is-prev{left:0}.wkd-nav.is-next{right:0}.wkd-info{display:flex;flex-direction:column;min-width:0;padding:26px 50px 20px 0;overflow-y:auto}.wkd-title{font-size:clamp(34px,4vw,56px);font-weight:800;line-height:1;margin:8px 0 14px}.wkd-brief{margin-top:16px;font-size:clamp(15px,1.25vw,17px);font-weight:600;line-height:1.55;opacity:.94;max-width:720px}.wkd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wkd-chips .glass-chip{padding:7px 14px;font-size:13px;font-weight:700}.wkd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.wkd-stats .wkg-stat{flex-direction:column;align-items:flex-start;gap:2px}.wkd-stats .wkg-stat span{text-align:left}.wkd-sub{margin-top:22px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffd2b0}.wkd-thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.wkd-thumb{position:relative;width:70px;aspect-ratio:9 / 16;border:0;border-radius:14px;cursor:pointer;box-shadow:inset 0 0 0 1.5px #ffffff59}.wkd-thumb.is-on{box-shadow:0 0 0 3px #ffb070,inset 0 0 0 1.5px #fff9}.wkd-thumb span{position:absolute;left:6px;bottom:6px;font:800 10.5px var(--display);color:#fff}.wkd-cta{align-self:flex-start;margin-top:22px;padding:13px 22px;border-radius:999px;font-weight:800;font-size:15px;color:#fff;text-decoration:none;background:linear-gradient(140deg,#ffaa6ee6,#ff7832cc);box-shadow:inset 0 1px #fff9,0 8px 20px #ff78324d}@media (max-width: 760px){.wkg-card{height:auto;grid-template-columns:1fr;grid-template-rows:auto clamp(300px,56vh,420px);gap:14px}.wkg-stats{flex-direction:row;gap:6px;margin-top:12px}.wkg-stat{flex:1;flex-direction:column;align-items:flex-start;padding:8px 10px}.wkg-stat span{font-size:11px;text-align:left}.wkg-hint{order:10}.wkr-card{--h: 88%}.wkr-card.is-left{transform:translate(-82%,-47%) rotate(-7deg) scale(.84)}.wkr-card.is-right{transform:translate(-18%,-47%) rotate(7deg) scale(.84)}.wkd{grid-template-columns:1fr;grid-template-rows:auto auto;height:92vh;overflow-y:auto;padding:14px;border-radius:32px}.wkd-player{height:62vh;justify-self:center}.wkd-info{padding:4px 8px 16px;overflow:visible}}@media (max-width: 640px){.wk-slide{width:100%;height:auto;padding:12px 14px}}html,body{overflow-x:clip}.scene-bg,.scene-bg>div{overflow:hidden}.wkr-frame,.wkd-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.wkr-frame{pointer-events:none;transform:scale(1.02)}.wkd-frame.is-ig{background:#fff}.wkr-mark{position:absolute;left:50%;top:46%;width:64px;height:64px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;font-size:24px;color:#fff;background:#ffffff3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffffb3,0 6px 18px #00141e40}.wkr-label{right:12px;line-height:1.25}.wkd-linkcard{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.wkd-linkcard-title{font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.35)}.wkd-linkcard .wkd-cta{align-self:center}.wkd-arrows{position:absolute;z-index:3;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:10px}.wkd-arrows .glass-chip{width:40px;height:40px;border:0;font-size:22px;font-weight:800;line-height:1;cursor:pointer}.wkd-side{bottom:74px}.wkd-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wkd-links .glass-chip{padding:9px 16px;font-size:13.5px;font-weight:700;text-decoration:none}.wkr-fan.is-wide .wkr-card{height:auto;width:min(94%,460px);aspect-ratio:16 / 9}.wkr-fan.is-wide .wkr-card.is-front{transform:translate(-50%,-50%) scale(1.02)}.wkr-fan.is-wide .wkr-card.is-left{transform:translate(-58%,-92%) rotate(-4deg) scale(.82)}.wkr-fan.is-wide .wkr-card.is-right{transform:translate(-42%,-8%) rotate(4deg) scale(.82)}.wkd.is-wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center}.wkd.is-wide .wkd-player{height:auto;width:100%;aspect-ratio:16 / 9}.wkd.is-wide .wkd-info{align-self:stretch}@media (max-width: 760px){.wkd.is-wide{grid-template-columns:1fr}.wkd.is-wide .wkd-player{height:auto;width:100%}}.wkd.is-wide .wkd-thumb{width:124px;aspect-ratio:16 / 9}.wkd-iglink{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:70px;text-decoration:none;z-index:1}.wkd-iglink video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wkd-iglink .wkd-cta{position:relative;margin:0}#root{position:relative;overflow-x:clip}.hero{min-height:100svh}.wk-gallery-sticky{height:100svh}.hero-chrome{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.wkd{height:min(760px,90dvh);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px)}.story-panel{max-height:min(86dvh,760px)}@media (max-width: 760px){.wkd{height:92dvh}.wkd-player{height:62svh}}@media (max-width: 360px){.hero .about-body{font-size:12.5px}.hero .about-title{font-size:34px}.hero-chrome .forecast{max-width:calc(100vw - 32px)}.fc-head{font-size:10.5px}.hero-chrome .view-counter .vc-num{font-size:18px}.wkg-title{font-size:28px}}@media (max-height: 480px) and (orientation: landscape){.hero{padding-bottom:4svh}.hero .about-title{font-size:26px;margin-bottom:0}.hero .about-body,.hero .scroll-cue,.hero-chrome .forecast,.skill-tag{display:none}}@media (max-width: 480px){.skill-tag{font-size:9px;padding:3px 7px;letter-spacing:.02em;white-space:nowrap}}
