@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/display-0-215a93c696.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/display-1-0640890476.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/display-1-0640890476.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/display-1-0640890476.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/display-1-0640890476.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--bg:#080b13;--panel:#101622;--text:#eef3ff;--muted:#8e9bb1;--line:#263142;--accent:#39f5de;--secondary:#9a6bff;--hot:#ebff6a;--font:"Space Grotesk","Noto Sans SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}::selection{background:var(--accent);color:#080b13}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input,select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:0;padding:12px 16px}input::placeholder{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-top:110px;padding-bottom:30px;scroll-margin-top:10px}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-1px;line-height:1.4}h2 span,em{color:var(--accent);font-style:normal}h3{font-size:20px}.mono,.eyebrow,.serial,.hero-bottom,.stage-coord,.stage-label,.work-no,.card-tech,.footer,.lab-status{font-family:"Space Grotesk",Consolas,monospace}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.mono{font-size:11px;letter-spacing:1px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head .eyebrow{margin-bottom:14px}.text-link{font-size:13px;white-space:nowrap;border-bottom:1px solid var(--accent);padding-bottom:5px}.text-link:hover{color:var(--accent)}
#field{position:fixed;inset:0;z-index:-2;opacity:.55;pointer-events:none}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}
#reading{position:fixed;top:0;left:0;height:2px;z-index:100;background:var(--accent);width:0;box-shadow:0 0 12px var(--accent)}.skip{position:fixed;top:-100px;left:15px;z-index:101;background:var(--accent);color:#000;padding:10px}.skip:focus{top:10px}.header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:24px;position:sticky;top:0;z-index:30;background:#080b13e8;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700}.brand img{width:34px;height:34px;object-fit:contain}.brand small{font-size:9px;font-weight:400;letter-spacing:1.8px;color:var(--muted);padding-left:16px;border-left:1px solid var(--line)}nav{display:flex;gap:32px}nav a{font-size:12px;color:#bdc7d8;position:relative;padding:12px 0}nav a:after{content:"";position:absolute;bottom:3px;height:2px;background:var(--accent);left:0;width:0;transition:width .2s}nav a:hover:after{width:100%}.icon-btn{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 13px;font-size:10px;letter-spacing:1px}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;min-height:650px;align-items:center;padding-block:72px}.serial{font-size:11px;letter-spacing:2px;color:var(--muted);margin-top:34px}.hero h1{font-size:clamp(42px,5vw,74px);line-height:1.23;letter-spacing:-3px;margin:20px 0 24px;font-weight:800}.hero h1 em{display:inline-block;text-shadow:0 0 35px #39f5de25}.hero-desc{max-width:480px;font-size:14px;line-height:1.9;color:#a2b0c6}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:14px 22px;border:1px solid var(--line);color:var(--text);background:#101622b3;font-weight:600;font-size:12px;transition:transform .2s,border-color .2s,box-shadow .2s;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.btn.primary{background:var(--accent);color:#061313;border-color:var(--accent)}.btn:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:inset 0 0 20px #39f5de18}.btn span{font-size:18px}.hero-bottom{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-top:50px}.hero-stage{height:470px;position:relative;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#41247855,transparent 65%),#0d1220;overflow:hidden;isolation:isolate;transform:perspective(1200px) rotateY(-5deg);transition:transform .4s}.hero-stage:hover{transform:perspective(1200px) rotateY(0)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#39f5de0a 1px,transparent 1px),linear-gradient(90deg,#39f5de0a 1px,transparent 1px);background-size:32px 32px}.orbital{position:absolute;inset:65px;border:1px solid #39f5de40;border-radius:50%;transform:rotateX(60deg) rotate(-30deg);animation:orbit 18s linear infinite}.o2{inset:35px 100px;border-color:#9a6bff70;animation-direction:reverse}.stage-coord{position:absolute;top:20px;left:20px;z-index:3;font-size:9px;letter-spacing:2px;color:var(--accent)}#heroMedia{position:absolute;inset:55px 45px;z-index:2;display:flex;align-items:center;justify-content:center}#heroMedia img,#heroMedia video{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px #0008)}.stage-label{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:#080b13d9;border-top:1px solid var(--line);display:flex;justify-content:space-between;z-index:3;gap:12px;font-size:9px;letter-spacing:1.5px}.stage-label button{border:0;background:none;color:var(--accent);font-size:12px;text-align:right}.cross{position:absolute;color:var(--accent);font-size:20px;z-index:4}.c1{top:4px;right:10px}.c2{bottom:52px;left:8px}.abstract-mark{font:180px/1 "Barlow Condensed",sans-serif;color:transparent;-webkit-text-stroke:1px var(--accent);text-shadow:12px 10px 0 #9a6bff22;transform:rotate(-10deg)}
.ticker{border-block:1px solid var(--line);overflow:hidden;background:#10162080;color:#9aaac0;font-size:11px;letter-spacing:4px;padding:16px 0}.ticker div{white-space:nowrap;width:max-content;animation:ticker 45s linear infinite}.stats{padding-block:28px;display:flex;gap:40px;align-items:center;border-bottom:1px solid var(--line)}#statsValues{flex:1;display:flex;justify-content:space-around;gap:24px}.stat strong{font:40px/1 "Barlow Condensed",sans-serif;font-weight:600;letter-spacing:-1px;display:block}.stat small{display:block;font-size:10px;color:var(--muted);margin-top:10px;letter-spacing:1px}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.feature-card,.work-card{position:relative;display:block;border:1px solid var(--line);background:#0e1521;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.feature-card:hover,.work-card:hover{border-color:var(--accent);box-shadow:0 10px 45px #0004}.feature-card:first-child{grid-row:span 2}.feature-card .media{height:210px}.feature-card:first-child .media{height:480px}.media{position:relative;background:linear-gradient(125deg,#192338,#12152a);overflow:hidden}.media img,.media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.feature-card:hover .media img,.work-card:hover .media img{transform:scale(1.045)}.media img.loading{opacity:.3}.media .fallback{height:100%;display:flex;align-items:center;justify-content:center;font:72px "Barlow Condensed",sans-serif;letter-spacing:-4px;color:#8896b9}.media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#080b1333)}.work-no{position:absolute;top:16px;left:16px;z-index:2;font-size:10px;background:#080b13c9;color:var(--accent);padding:5px 9px;letter-spacing:1px}.media .duration{position:absolute;bottom:12px;right:12px;background:#080b13cf;padding:3px 8px;font-size:10px;z-index:2}.card-info{padding:20px 22px}.card-info h3{font-size:18px;line-height:1.6;font-weight:600}.card-topline{display:flex;justify-content:space-between;gap:15px;align-items:center}.card-arrow{color:var(--accent);font-size:22px}.card-info p{font-size:12px;line-height:1.9;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px}.card-tech{font-size:9px;letter-spacing:1px;color:var(--accent);margin-top:16px;text-transform:uppercase}.feature-card:first-child .card-info h3{font-size:23px}.archive-tools{border-block:1px solid var(--line);padding-block:22px;margin-bottom:28px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 20px;font-size:12px;transition:all .18s}.filters button.active{background:var(--accent);border-color:var(--accent);color:#08131a;font-weight:600}.filters button:hover{border-color:var(--accent);color:var(--text)}.filters button.active:hover{color:#08131a}.search-row{display:flex;gap:16px;margin-top:18px}.search-box{display:flex;align-items:center;border:1px solid var(--line);flex:1;padding-left:16px;background:var(--panel)}.search-box span{font-size:24px;color:var(--accent)}.search-box input{width:100%;border:0;background:transparent}.search-box:focus-within{border-color:var(--accent)}select{font-size:12px;min-width:140px}.secondary{margin-top:16px}.secondary:empty{display:none}.secondary button{font-size:11px;padding:6px 14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card .media{height:260px}.work-card{animation:none}.work-card .card-info{padding:18px}.work-card .card-info h3{font-size:16px}.empty{padding:60px 20px;border:1px dashed var(--line);text-align:center;grid-column:1/-1;color:var(--muted)}.empty button{margin-top:20px}.skeleton{height:340px;background:linear-gradient(110deg,#111826 25%,#1a2639 50%,#111826 75%);background-size:200% 100%;animation:shimmer 2s infinite}.error{color:#ff9cae}
.about-section{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-top:130px}.about-section h2{margin-top:22px}.body-copy{font-size:14px;color:#9eacc3;line-height:2.1;margin-top:24px;white-space:pre-line}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.skills span{font-size:11px;padding:6px 11px;border:1px solid var(--line);color:#b7c5db}.identity{position:relative;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#13182c,#0d1722);min-height:320px}.identity-symbol{font:130px/1 "Space Grotesk",sans-serif;color:var(--accent);margin-block:14px;text-shadow:12px 0 40px #9a6bff66}.identity h3{font-size:24px}.identity>p:not(:first-child){color:var(--muted);font-size:11px;letter-spacing:2px}.identity-corner{position:absolute;top:28px;right:25px;writing-mode:vertical-rl;color:var(--muted);font-size:10px;letter-spacing:4px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.process-step{padding:28px;border-right:1px solid var(--line);background:#10162280}.process-step:last-child{border:0}.process-step .num{font:50px "Barlow Condensed",sans-serif;color:var(--secondary)}.process-step h3{font-size:17px;margin:18px 0 10px}.process-step p{color:var(--muted);font-size:12px;line-height:1.9}.lab-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center}.lab-section h2{margin-top:20px}.lab-frame{height:360px;position:relative;border:1px solid var(--line);background:#0b1020}.lab-frame canvas{width:100%;height:100%;display:block;touch-action:pan-y}.lab-status{position:absolute;bottom:14px;left:18px;pointer-events:none;color:var(--accent);font-size:9px}.range-label{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted);margin:20px 0}input[type=range]{accent-color:var(--accent);padding:0;width:160px}.contact-section{padding-block:120px 80px;border-bottom:1px solid var(--line)}.contact-section h2{font-size:clamp(36px,5vw,68px);margin-top:24px}.contact-grid{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.contact-card{padding:20px 24px;border:1px solid var(--line);min-width:240px}.contact-card .mono{display:block;margin-bottom:8px}.contact-card a{color:var(--accent);font-size:16px}.contact-card button{background:none;border:0;color:var(--muted);font-size:11px;margin-left:16px}.footer{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;padding-block:28px;color:var(--muted);font-size:10px;letter-spacing:1px}
.detail-page{padding-top:50px;min-height:80vh}.detail-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.detail-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.detail-heading h1{font-size:clamp(32px,5vw,65px);line-height:1.3;letter-spacing:-1px;margin-top:12px}.detail-hero{background:#0e1421;border:1px solid var(--line);position:relative}.detail-hero img,.detail-hero video{display:block;width:100%;max-height:75vh;object-fit:contain}.detail-hero img{cursor:zoom-in}.detail-body{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:50px 0}.detail-meta{border-top:1px solid var(--line)}.meta-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.meta-row dt{color:var(--muted);font-size:12px}.meta-row dd{margin:0;font-size:12px;text-align:right}.detail-story h2{font-size:23px;margin-top:35px}.detail-story h2:first-child{margin-top:0}.detail-story p{color:#adb9cf;white-space:pre-line;line-height:2;margin-top:15px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px}.gallery img{width:100%;cursor:zoom-in;border:1px solid var(--line)}.compare{position:relative;aspect-ratio:16/10;margin-top:24px;overflow:hidden;border:1px solid var(--line)}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--panel)}.compare .after{clip-path:inset(0 50% 0 0)}.compare input{position:absolute;bottom:12px;left:5%;width:90%;z-index:2;accent-color:var(--accent)}.compare-label{position:absolute;top:10px;padding:4px 9px;background:#080b13b0;font-size:10px;z-index:2}.compare-label.left{left:10px}.compare-label.right{right:10px}.related{padding-bottom:60px}.related h2{margin-bottom:25px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}dialog{padding:50px 15px 30px;max-width:96vw;max-height:96vh;background:#080b13;color:var(--text);border:1px solid var(--line);overflow:auto}dialog::backdrop{background:#02040af2;backdrop-filter:blur(12px)}dialog .icon-btn{position:fixed;top:22px;right:30px;z-index:2;background:#080b13}dialog img{max-width:88vw;max-height:80vh;object-fit:contain;display:block;margin:auto;cursor:zoom-in}dialog img.zoom{max-width:none;max-height:none;cursor:zoom-out}dialog p{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--accent);color:#071719;z-index:110;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@keyframes orbit{to{transform:rotateX(60deg) rotate(330deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes arrive{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-subtle .orbital,.motion-subtle .ticker div{animation-duration:80s}.motion-off #field{display:none}.motion-off .hero-stage{transform:none}
@media(min-width:1700px){.hero{min-height:740px}.hero-stage{height:550px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header{padding-inline:28px}.brand small{display:none}.hero{gap:25px}.hero-stage{height:390px}.hero h1{font-size:50px;letter-spacing:-2px}.work-grid{grid-template-columns:repeat(2,1fr)}.about-section{gap:45px}.lab-section{gap:35px}.detail-body{gap:35px}.process-step{padding:20px}.stats{gap:20px}.stat strong{font-size:34px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:auto;min-height:76px;padding:13px 18px;gap:12px;flex-wrap:wrap}.brand{font-size:14px;gap:8px}.brand img{width:27px;height:27px}.header nav{order:3;width:100%;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:3px}.header nav a{padding:5px 0;font-size:11px}.icon-btn{font-size:9px;padding:7px 9px}.hero{grid-template-columns:1fr;padding-block:42px;gap:32px}.hero h1{font-size:48px}.hero .serial{margin-top:24px}.hero-desc{font-size:13px}.hero-bottom{font-size:8px;letter-spacing:.6px;margin-top:26px}.hero-stage{height:340px;transform:none}#heroMedia{inset:45px 30px}.hero .actions .btn{flex:1;padding-inline:15px;gap:8px}.eyebrow{font-size:9px;letter-spacing:1.5px}.stats{display:block;padding-block:24px}.stats>.eyebrow{margin-bottom:22px}#statsValues{gap:12px;justify-content:space-between}.stat strong{font-size:34px}.stat small{font-size:9px;letter-spacing:0}.section{padding-top:65px;padding-bottom:15px}.section-head{align-items:start;gap:15px;margin-bottom:24px;flex-wrap:wrap}.section-head h2{font-size:29px}.text-link{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card:first-child{grid-row:auto}.feature-card:first-child .media,.feature-card .media{height:280px}.feature-card:first-child .card-info h3{font-size:19px}.work-grid{grid-template-columns:1fr;gap:18px}.work-card .media{height:auto;aspect-ratio:4/3}.search-row{gap:8px;flex-wrap:wrap}.search-box{flex-basis:65%;min-width:0}.search-box input{padding-inline:10px;font-size:11px;min-width:0}select{min-width:100px;padding-inline:9px;font-size:10px}.filters{gap:8px}.filters button{padding:8px 15px;font-size:11px}.about-section,.lab-section{grid-template-columns:1fr;gap:30px}.identity{min-height:300px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step{border-bottom:1px solid var(--line)}.process-step:nth-child(2){border-right:0}.process-step:nth-child(3){border-bottom:0}.process-step p{font-size:11px}.lab-frame{height:300px}.contact-section{padding-block:65px 40px}.contact-grid{display:grid;grid-template-columns:1fr;gap:12px}.contact-card{min-width:0;padding:18px}.contact-card a{font-size:14px;overflow-wrap:anywhere}.footer{gap:15px;font-size:9px}.detail-page{padding-top:28px}.detail-heading{display:block}.detail-actions{margin-top:20px}.detail-body{grid-template-columns:1fr;gap:25px;padding-block:30px}.gallery{grid-template-columns:1fr}.detail-nav{margin-bottom:25px}.ticker{font-size:9px}.detail-heading h1{font-size:36px}.detail-nav .text-link{font-size:11px}dialog{max-width:98vw}dialog img{max-width:88vw}.card-tech{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-stage{transform:none}}

/* Layered cyber details: local illumination, scan accents and clear focus. */
.feature-card:before,.work-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border:1px solid transparent;background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),#39f5de13,transparent 70%);opacity:0;transition:opacity .3s}
.feature-card:hover:before,.work-card:hover:before{opacity:1}
.hero-stage:after{content:"";position:absolute;left:0;right:0;top:-20%;height:20%;background:linear-gradient(transparent,#39f5de08,transparent);pointer-events:none;z-index:3;animation:scan 9s linear infinite}
.hero h1 em{animation:signal-in .7s ease-out both}.section-head h2{position:relative}.section-head h2:before{content:"";position:absolute;left:-17px;top:12px;height:22px;width:3px;background:var(--accent);box-shadow:0 0 12px #39f5de55}
.stat strong{font-variant-numeric:tabular-nums}.stat{position:relative}.stat:before{content:"";position:absolute;left:-13px;top:4px;width:3px;height:3px;background:var(--accent)}
@keyframes scan{to{top:120%}}@keyframes signal-in{0%{opacity:.3;transform:translateX(-8px);filter:blur(3px)}55%{text-shadow:3px 0 #9a6bff99,-2px 0 #39f5de88}100%{opacity:1;transform:none;filter:none}}
@media(max-width:680px){.section-head h2:before{left:-10px;width:2px;height:17px}.stat:before{display:none}}

/* Background light-flow, kept behind all artwork and text. */
body{background:#0a1020;isolation:isolate}
.aurora-flow{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#1c285855,transparent 60%),radial-gradient(ellipse at 90% 75%,#173b4855,transparent 65%),#0a1020}
.aurora-flow span{position:absolute;left:-30%;width:160%;height:48vh;filter:blur(65px);opacity:.42;transform-origin:50% 50%;animation:aurora-stream 6s ease-in-out infinite alternate;will-change:transform}
.aurora-flow span:nth-child(1){top:-10%;background:linear-gradient(105deg,transparent 15%,#3457db70 36%,#993bee80 54%,transparent 75%)}
.aurora-flow span:nth-child(2){top:25%;background:linear-gradient(100deg,transparent 20%,#12d9bb55 45%,#3566ef66 65%,transparent 83%);animation-delay:-3s;animation-duration:8s}
.aurora-flow span:nth-child(3){bottom:-15%;background:linear-gradient(115deg,transparent 18%,#a33aff66 42%,#14c5e055 63%,transparent 80%);animation-delay:-4s}
.header{background:#0a1020e6}.work-card,.feature-card{transform-style:preserve-3d;transition:transform .22s ease-out,border-color .25s,box-shadow .25s}.work-card:hover,.feature-card:hover{box-shadow:0 18px 45px #0005,0 0 20px #39f5de0b}.card-arrow{transition:transform .25s}.work-card:hover .card-arrow,.feature-card:hover .card-arrow{transform:translate(3px,-3px)}
.share-link-panel{padding:12px 0}.share-link-panel input{width:100%;font-size:13px}.module-symbol{font-size:19px;line-height:1;letter-spacing:0}
.motion-subtle .aurora-flow span{opacity:.3;animation-duration:18s}.motion-off .aurora-flow span{animation:none!important;will-change:auto;opacity:.28}.motion-off .work-card,.motion-off .feature-card{transform:none!important}
@keyframes aurora-stream{0%{transform:translate3d(-5%,-3%,0) rotate(-12deg) scaleX(1)}50%{transform:translate3d(7%,3%,0) rotate(-2deg) scaleX(1.15)}100%{transform:translate3d(-2%,8%,0) rotate(-15deg) scaleX(1.05)}}
@media(max-width:680px){.aurora-flow span{filter:blur(45px);opacity:.32}.hero-stage{background-color:#111a2c}.feature-card .media img{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.aurora-flow span{animation:none!important;will-change:auto}.work-card,.feature-card{transform:none!important}}

.demo-notice{padding:10px 24px;border-bottom:1px solid #ebff6a33;background:#343d204d;color:#d9e6ab;text-align:center;font-size:11px;line-height:1.8}

.pointer-halo{position:fixed;top:0;left:0;width:0;height:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:screen;will-change:transform}.pointer-halo:before{content:"";position:absolute;left:-160px;top:-160px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#39f5de16, #9a6bff0b 36%,transparent 68%)}.pointer-halo.visible{opacity:1}.pointer-trails{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}.pointer-trails i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--accent));transform-origin:left center;box-shadow:0 0 8px var(--accent);animation:cursor-trail .45s ease-out forwards}.back-to-top{position:fixed;bottom:25px;right:25px;z-index:40;border:1px solid #39f5de70;background:#101d2cf0;color:var(--accent);backdrop-filter:blur(12px);width:52px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.back-to-top span{font-size:22px;line-height:1}.back-to-top small{font-size:10px}.back-to-top:hover{background:#18393d;transform:translateY(-4px);box-shadow:0 0 18px #39f5de25}.back-to-top[hidden]{display:none}.motion-off .pointer-halo,.motion-off .pointer-trails{display:none}body[data-pointer="none"] .work-card:hover:before,body[data-pointer="halo"] .work-card:hover:before{opacity:0}@keyframes cursor-trail{to{opacity:0;filter:blur(2px)}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pointer-halo,.pointer-trails{display:none!important}}
@media(max-width:680px){.back-to-top{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));width:44px;height:54px}}

/* Tilt must own the transform after entrance; no persistent CSS keyframe override. */
.work-card,.feature-card{transform-origin:center center;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.work-card.tilting,.feature-card.tilting{transition:transform .13s ease-out,border-color .2s,box-shadow .2s;z-index:5;box-shadow:0 28px 55px #0007,0 0 25px #39f5de16}
@media(prefers-reduced-motion:reduce),(hover:none){.work-card.tilting,.feature-card.tilting{transform:none!important}}

.wechat-icon{width:1.35em;height:1.35em;vertical-align:middle;display:inline-block;flex-shrink:0}.icon-options .wechat-icon{width:28px;height:28px}

#toolbox{display:block}.tool-cloud{height:270px;position:relative;perspective:700px;touch-action:pan-y;overflow:hidden;margin-top:16px;border-top:1px solid var(--line);background:radial-gradient(ellipse,#39f5de08,transparent 70%)}.tool-cloud:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #39f5de19;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.tool-tag{position:absolute;left:50%;top:50%;border:1px solid #39f5de44;background:#101d2df2;color:var(--text);padding:8px 13px;font:12px var(--font);white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s;transform-origin:center}.tool-tag small{font-size:9px;color:var(--accent);margin-left:7px}.tool-tag:hover,.tool-tag:focus-visible{border-color:var(--accent);background:#19343b}.tool-cloud.static{height:auto;min-height:0;display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;background:none}.tool-cloud.static:before{display:none}.tool-cloud.static .tool-tag{position:static;transform:none!important;opacity:1!important}.tool-cloud-help{font-size:10px;color:var(--muted);margin-top:10px}.software-filter-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:12px;color:var(--accent)}.software-filter-status:empty{display:none}.software-filter-status button{border:1px solid var(--line);color:var(--text);background:var(--panel);font:11px var(--font);padding:6px 10px;cursor:pointer}.software-detail-link{color:var(--accent);border-bottom:1px dotted var(--accent);display:inline-block;margin:2px 3px}.identity{min-height:500px}.identity-symbol{font-size:85px}.software-empty{font-size:12px;color:var(--muted);padding-top:15px}
@media(max-width:680px){.tool-cloud{height:250px}.identity{min-height:460px}}

/* Breathing dots: phase offsets keep the page from flashing in unison. */
.eyebrow i,.live-dot,.stat:before{animation:dot-breathe 2.8s ease-in-out infinite;transform-origin:center;border-radius:50%;flex-shrink:0}
.hero-bottom .live-dot{animation-delay:-1.4s}.stat:nth-child(2):before{animation-delay:-.7s}.stat:nth-child(3):before{animation-delay:-1.4s}.stat:nth-child(4):before{animation-delay:-2.1s}
.pointer-halo:before{animation:halo-breathe 3.8s ease-in-out infinite}
.tool-cloud:not(.static):before{animation:ring-breathe 4.2s ease-in-out infinite;animation-delay:-1.5s}
.orbital{animation-name:orbit,ring-breathe;animation-duration:18s,4.8s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}
.orbital.o2{animation-direction:reverse,normal;animation-delay:0s,-2.4s}
.motion-subtle .eyebrow i,.motion-subtle .live-dot,.motion-subtle .stat:before{animation-duration:4.5s}
@keyframes dot-breathe{0%,100%{opacity:.45;transform:scale(.8);box-shadow:0 0 3px var(--accent)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 13px var(--accent),0 0 22px #39f5de30}}
@keyframes halo-breathe{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes ring-breathe{0%,100%{opacity:.35;box-shadow:0 0 0 #39f5de00}50%{opacity:.85;box-shadow:0 0 15px #39f5de16}}

.tool-cloud.software-tiles{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:20px;overflow:visible;background:none;perspective:none;touch-action:auto}.tool-cloud.software-tiles:before{display:none}.software-tiles .tool-tag{position:relative;inset:auto;transform:none;opacity:1;display:flex;flex-direction:column;align-items:flex-start;gap:9px;white-space:normal;text-align:left;padding:16px;min-height:135px;background:linear-gradient(135deg,#13273b,#15192c);border:1px solid #39f5de33;transition:transform .2s,border-color .2s,box-shadow .2s}.software-tiles .tool-tag:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 25px #0004}.software-tile-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#39f5de13;border:1px solid #39f5de38;color:var(--accent);font:600 14px 'Space Grotesk',sans-serif}.software-tiles .tool-tag strong{font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.software-tiles .tool-tag small{font-size:10px;margin:0;color:var(--muted)}

/* Creator: one shared frame, balanced columns and a compact software panel. */
.about-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:100px;padding:40px;border:1px solid var(--line);background:linear-gradient(120deg,#111d2bb0,#101627b0)}
.about-section>div{min-width:0}.about-section h2{font-size:clamp(28px,2.7vw,38px);line-height:1.5;margin-top:20px;max-width:17em}.about-section .body-copy{font-size:13px;line-height:2;max-width:44em;margin-top:22px}.about-section .skills{gap:7px;margin-top:24px}.about-section .skills span{font-size:10px;padding:5px 9px}
.about-section .identity{min-height:0;border:0;border-left:1px solid var(--line);padding:8px 0 8px 32px;background:none}.about-section .identity-symbol{position:absolute;top:26px;right:10px;font-size:58px;margin:0;opacity:.8}.about-section .identity h3{font-size:24px;margin-top:27px;padding-right:85px}.about-section .identity>p:not(:first-child){margin-top:5px;letter-spacing:1px;line-height:1.8;padding-right:72px}.about-section .identity-corner{display:none}.about-section #toolbox{margin-top:18px}.about-section .software-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:18px}.about-section .software-tiles .tool-tag{min-height:118px;padding:12px;gap:8px}.about-section .software-tile-mark{width:28px;height:28px;font-size:12px}.about-section .software-tiles .tool-tag strong{font-size:11px}.about-section .software-tiles .tool-tag small{font-size:9px}
@media(max-width:1100px){.about-section{gap:30px;padding:30px}.about-section .identity{padding-left:24px}.about-section .software-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.about-section{grid-template-columns:1fr;margin-top:65px;padding:24px;gap:28px}.about-section .identity{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.about-section .identity-symbol{top:43px}.about-section h2{font-size:28px}.about-section .body-copy{font-size:13px}.about-section .software-tiles .tool-tag{min-height:112px}.about-section .identity h3{margin-top:20px}.about-section .identity>p:not(:first-child){font-size:10px}}

.real-software-logo{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}.software-tile-mark.has-real-logo{width:40px!important;height:40px!important;background:transparent;border:0}.software-tile-mark.has-real-logo .real-software-logo{width:36px;height:36px}.software-tile-mark.wide-logo{width:100px!important;height:40px!important;background:#fff;border-radius:3px;overflow:hidden}.software-tile-mark.wide-logo .real-software-logo{width:100px;height:44px;object-fit:contain}.software-choices .real-software-logo{width:22px;height:22px}.software-choices .real-software-logo.wordmark{width:56px;background:#fff;border-radius:2px}

.audio-artwork{min-height:240px;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:40px 24px 20px;background:radial-gradient(ellipse at 15% 20%,#3944a94d,transparent 65%),linear-gradient(135deg,#102a35,#201b40);gap:14px}.audio-art-title{font-size:24px;font-weight:650;color:var(--text)}.audio-wave{height:95px;display:flex;align-items:center;justify-content:center;gap:4px}.audio-wave i{display:block;width:5px;height:var(--h);background:linear-gradient(var(--accent),var(--secondary));opacity:.8;transform-origin:center;animation:audio-wave 2.5s ease-in-out infinite;animation-delay:calc(var(--d) * -1)}.audio-controls{display:flex;flex-direction:column;gap:8px;margin-top:16px}.audio-controls audio{width:100%;height:40px;color-scheme:dark}.audio-controls .mono{font-size:9px}.detail-hero>.audio-artwork{min-height:320px;padding:35px}.detail-hero>.audio-controls{padding:0 30px 25px}.audio-card .card-info h3 a{color:var(--text)}.audio-card .media{height:260px}.type-audio{background:#ede9fe;color:#6d28d9}@keyframes audio-wave{0%,100%{transform:scaleY(.65);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@media(max-width:680px){#statsValues{flex-wrap:wrap;justify-content:flex-start;gap:22px}.stat{min-width:calc(33.33% - 15px)}}

/* Archive hierarchy and proportional project gallery */
.archive-tools{padding:24px;border:1px solid var(--line);background:linear-gradient(125deg,#142333cc,#111425cc);border-radius:16px}.filters button{min-height:44px;background:#192b3e;border-color:#54718b;color:#e0ebf8;font-size:13px;font-weight:600;border-radius:9px;padding:11px 21px}.filters button.active{box-shadow:0 0 24px #39f5de24}.filters button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.secondary{padding:16px 0 0 16px;border-left:2px solid var(--accent);margin-top:16px;gap:8px}.secondary button{min-height:38px;background:#111b2a;color:#b9cee2;padding:8px 16px;font-size:12px}.search-row{padding-top:18px;border-top:1px solid var(--line);margin-top:20px}.search-box{border-radius:8px}.archive-pager{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 0 12px}.archive-pager .mono{font-size:11px;color:var(--muted)}
.detail-page{max-width:1240px}.detail-heading{padding-bottom:25px;border-bottom:1px solid var(--line)}.detail-heading h1{font-size:clamp(30px,4.2vw,58px)}.detail-hero{border:0;background:transparent;overflow:hidden;border-radius:14px}.detail-hero>img{width:auto;height:auto;max-width:100%;max-height:none;margin:0 auto;object-fit:initial}.detail-hero>video{width:100%;height:auto;max-height:80vh;background:transparent;border-radius:14px}.detail-body{grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr);gap:56px;padding:48px 0}.detail-body aside{align-self:start;padding:22px;background:linear-gradient(145deg,#142334dd,#121728dd);border:1px solid var(--line);border-radius:12px}.detail-meta{border-top:0}.meta-row:first-child{padding-top:0}.meta-row{flex-wrap:wrap;gap:8px}.meta-row dd{max-width:100%;overflow-wrap:anywhere}.detail-story{max-width:760px}.detail-story h2{padding-left:14px;border-left:3px solid var(--accent);font-size:21px}.detail-story p{font-size:15px;line-height:2.1}.detail-gallery{padding:30px 0 60px;border-top:1px solid var(--line)}.detail-gallery .gallery{display:flex;flex-direction:column;gap:38px;margin-top:24px}.gallery figure{margin:0}.detail-gallery .gallery img{display:block;width:auto;max-width:100%;height:auto;margin:auto;border:0;border-radius:10px;background:transparent}.gallery figcaption{text-align:center;margin-top:13px;font-size:10px;color:var(--muted)}.related{border-top:1px solid var(--line);padding-top:35px}
@media(max-width:680px){.archive-tools{padding:16px;border-radius:12px}.filters{gap:9px}.filters button{padding:10px 15px;font-size:12px;min-height:44px}.secondary{padding-left:10px}.secondary button{font-size:11px;min-height:40px}.detail-body{grid-template-columns:1fr;gap:28px;padding:28px 0}.detail-body aside{order:2;padding:18px}.detail-story p{font-size:14px}.detail-hero{border-radius:8px}.detail-heading h1{font-size:32px}.detail-gallery{padding-bottom:35px}.detail-gallery .gallery{gap:25px}.detail-actions .btn{font-size:12px;padding:12px 16px}}
/* Creator: balanced copy and compact software inventory */
.about-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:36px;padding:36px;align-items:center;border-radius:16px}.about-section h2{font-size:clamp(27px,2.5vw,36px);line-height:1.45;max-width:16em}.about-section .body-copy{font-size:14px;line-height:2.05}.about-section .identity{padding:4px 0 4px 30px}.about-section .identity h3{margin-top:16px;font-size:25px}.about-section .identity-symbol{font-size:44px;top:20px;right:4px;opacity:.6}.about-section .software-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px}.about-section .software-tiles .tool-tag{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:9px;row-gap:2px;min-height:68px;padding:10px;border-radius:8px}.about-section .software-tile-mark,.about-section .software-tile-mark.has-real-logo,.about-section .software-tile-mark.wide-logo{grid-row:1/3;width:30px!important;height:30px!important;min-width:0}.about-section .software-tile-mark .real-software-logo{width:28px;height:28px}.about-section .software-tile-mark.wide-logo .real-software-logo{width:30px;height:30px;object-fit:contain}.about-section .software-tiles .tool-tag strong{font-size:11px;line-height:1.4;min-width:0;overflow-wrap:anywhere}.about-section .software-tiles .tool-tag small{font-size:9px;line-height:1.3}.about-section #toolbox{margin-top:14px}.about-section .tool-cloud-help{font-size:10px;line-height:1.7}
@media(min-width:1450px){.about-section .software-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){.about-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:26px;gap:26px}.about-section .identity{padding-left:22px}.about-section .software-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.about-section{grid-template-columns:1fr;padding:24px;gap:26px;align-items:start}.about-section .identity{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.about-section .identity-symbol{top:32px}.about-section .identity h3{margin-top:14px}.about-section .software-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.about-section .software-tiles .tool-tag{min-height:64px;padding:9px;column-gap:8px}.about-section h2{font-size:28px}.about-section .body-copy{font-size:13px}.about-section .identity>p:not(:first-child){padding-right:40px}}

/* Continuous uploaded artwork, without separated hero/gallery blocks */
.detail-hero:has(.project-image-stream){border-radius:0;overflow:visible}.project-image-stream{display:flex;flex-direction:column;align-items:center;gap:0}.detail-hero .project-image-stream img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:initial;margin:0 auto;border:0;border-radius:0;cursor:zoom-in}.detail-body:has(.detail-story:empty){grid-template-columns:1fr}.detail-story:empty{display:none}

.detail-heading>div:first-child{min-width:0;flex:1}.detail-title-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.detail-category-chip,.detail-tool-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #52748c66;background:#142335aa;border-radius:9px;font-size:12px;color:var(--text);line-height:1.5;transition:border-color .2s,background .2s}.detail-title-meta small{display:block;color:var(--muted);font-size:9px;letter-spacing:.5px;margin-bottom:2px}.detail-category-chip>span:first-child,.tool-chip-fallback{font-size:24px;color:var(--accent);display:flex;align-items:center}.detail-category-chip svg{width:25px;height:25px}.detail-title-meta .real-software-logo{width:28px;height:28px}.detail-title-meta .real-software-logo.wordmark{width:54px;background:white;border-radius:4px}.detail-title-meta a:hover{border-color:var(--accent);background:#19363f}.detail-body:not(:has(aside)){grid-template-columns:1fr}.detail-body:not(:has(aside)) .detail-story{max-width:900px}.detail-body:has(.detail-story:empty):not(:has(aside)){display:none}@media(max-width:680px){.detail-title-meta{margin-top:18px;gap:8px}.detail-category-chip,.detail-tool-chip{padding:9px 11px;font-size:11px}.detail-title-meta .real-software-logo{width:25px;height:25px}}

.detail-category-path{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}.detail-category-path a{display:flex;flex-direction:column;gap:5px;padding:10px 15px;border:1px solid #39f5de40;border-radius:9px;background:#152638a8;color:var(--text);font-size:13px}.detail-category-path small{font-size:9px;color:var(--muted);letter-spacing:1px}.detail-category-path a:hover{border-color:var(--accent);color:var(--accent)}.detail-category-path svg{width:16px;height:16px;vertical-align:middle}.category-path-divider{color:var(--accent)}@media(max-width:680px){.detail-category-path{margin-bottom:18px;gap:9px}.detail-category-path a{padding:9px 12px;font-size:12px}}

.detail-all-categories{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:22px;background:linear-gradient(125deg,#15283acc,#14182bcc)}.detail-category-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.detail-category-caption .eyebrow{margin:0}.detail-category-caption>a{color:var(--accent);font-size:11px}.detail-category-group{display:flex;align-items:flex-start;gap:14px;padding:11px 0;border-top:1px solid var(--line)}.detail-all-categories a{transition:border-color .2s,background .2s}.detail-root-category{display:block;flex:0 0 130px;padding:8px 12px;border:1px solid #6486a766;border-radius:7px;background:#1b3046;color:var(--text);font-size:12px;font-weight:650}.detail-subcategories{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.detail-subcategories a{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:#c2d2e6;background:#101e30}.detail-all-categories svg{width:15px;height:15px;vertical-align:middle}.detail-all-categories a:hover{border-color:var(--accent);color:var(--accent)}.detail-all-categories a.current{background:var(--accent);border-color:var(--accent);color:#08131a}@media(max-width:680px){.detail-all-categories{padding:15px}.detail-category-group{gap:9px;flex-direction:column}.detail-root-category{flex:auto;min-width:100px}.detail-subcategories{padding-left:10px;border-left:2px solid #39f5de55}.detail-subcategories:empty{display:none}.detail-subcategories a{font-size:11px;padding:8px 10px}}
.detail-all-categories{display:block}.detail-category-group{min-width:0}.detail-category-caption{flex-wrap:wrap}

/* Compact category directory */
.detail-all-categories{padding:20px 0 16px;background:none;border:0;border-block:1px solid var(--line);border-radius:0;margin-bottom:22px}.detail-category-caption{margin-bottom:12px}.detail-category-caption>a{padding:0}.detail-category-group{align-items:center;gap:20px;border:0;padding:7px 0}.detail-root-category{flex:0 0 100px;background:none;border:0;border-radius:0;padding:8px 0;font-size:12px;color:#aabbd2}.detail-subcategories{gap:7px;border-left:1px solid var(--line);padding-left:18px}.detail-subcategories:empty{border:0;padding:0}.detail-subcategories a{background:#15233880;border:1px solid #57738c50;padding:7px 13px;border-radius:999px;font-size:11px}.detail-all-categories a.current{background:#39f5de14;border-color:#39f5de80;color:var(--accent);box-shadow:inset 0 0 16px #39f5de08}.detail-root-category.current{border:0;background:none;box-shadow:none;color:var(--accent)}.detail-all-categories a:after{display:none}.detail-all-categories a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.detail-subcategories a:hover{background:#39f5de16;transform:translateY(-1px)}
/* Discover-more beacon */
.archive-pager .luminous-more{position:relative;isolation:isolate;overflow:hidden;min-width:245px;min-height:54px;justify-content:center;gap:28px;border:1px solid #79ffe4;background:linear-gradient(120deg,#123b48,#183452 52%,#372956);color:#e7fff9;border-radius:10px;box-shadow:0 0 20px #39f5de30,inset 0 0 18px #39f5de0d;animation:more-beacon 3s ease-in-out infinite;transition:transform .25s,box-shadow .25s,border-color .25s}.luminous-more>span{position:relative;z-index:1}.luminous-more:before{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(105deg,transparent 40%,#c8fff640 49%,transparent 58%);transform:translateX(-65%);animation:more-sweep 4s ease-in-out infinite;pointer-events:none}.archive-pager .luminous-more:hover{transform:translateY(-3px);border-color:#c6fff3;box-shadow:0 8px 35px #39f5de45,0 0 55px #a372ff25}.luminous-more .more-arrow{color:var(--accent);font-size:21px;transition:transform .25s}.luminous-more:hover .more-arrow{transform:translateY(4px)}.luminous-more:focus-visible{outline:2px solid white;outline-offset:5px}.luminous-more:active{transform:translateY(0)}@keyframes more-beacon{0%,100%{box-shadow:0 0 18px #39f5de25,inset 0 0 16px #39f5de08}50%{box-shadow:0 0 32px #39f5de45,inset 0 0 20px #39f5de14}}@keyframes more-sweep{0%,35%{transform:translateX(-65%)}75%,100%{transform:translateX(65%)}}
@media(max-width:680px){.detail-all-categories{padding:15px 0}.detail-category-group{flex-direction:row;align-items:flex-start;gap:12px;padding:8px 0}.detail-root-category{flex:0 0 72px;min-width:0;font-size:11px;padding:7px 0}.detail-subcategories{padding-left:12px;gap:7px}.detail-subcategories a{font-size:11px;padding:7px 10px}.archive-pager .luminous-more{min-width:240px}}@media(prefers-reduced-motion:reduce){.archive-pager .luminous-more,.luminous-more:before{animation:none}.detail-subcategories a:hover{transform:none}}body[data-motion="off"] .luminous-more,body[data-motion="off"] .luminous-more:before{animation:none}

/* Compact, expandable category switcher */
.detail-category-disclosure{margin-bottom:16px;border-bottom:1px solid var(--line)}.detail-category-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;font-size:12px;color:var(--muted);padding:12px 0}.detail-category-disclosure>summary::-webkit-details-marker{display:none}.detail-category-disclosure>summary span{color:var(--accent);font-size:11px}.detail-category-disclosure>summary:hover{color:var(--accent)}.detail-category-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.detail-category-disclosure .detail-all-categories{margin:0;padding:8px 0 14px;border:0}.detail-category-disclosure[open]>summary{border-bottom:1px solid var(--line)}.detail-page>.detail-nav{margin-bottom:28px}@media(max-width:680px){.detail-category-disclosure{margin-bottom:12px}.detail-category-disclosure>summary{padding:10px 0;font-size:11px}.detail-category-disclosure>summary span{max-width:55%;text-align:right;overflow-wrap:anywhere}.detail-page>.detail-nav{margin-bottom:20px}}
/* Neon breathing perimeter for archive continuation */
.archive-pager .luminous-more{border:1px solid #68ffe8;animation:more-neon-edge 2.6s ease-in-out infinite;box-shadow:0 0 7px #39f5de80,0 0 22px #39f5de45,inset 0 0 9px #39f5de30}.luminous-more:after{content:'';position:absolute;inset:2px;border:1px solid #a372ff70;border-radius:7px;pointer-events:none;animation:more-neon-inner 2.6s ease-in-out infinite}.archive-pager .luminous-more:hover{animation-play-state:paused;border-color:#d1fff7;box-shadow:0 0 10px #39f5decc,0 0 30px #39f5de80,0 0 48px #a372ff55,inset 0 0 13px #39f5de40}@keyframes more-neon-edge{0%,100%{border-color:#3dbba9;box-shadow:0 0 4px #39f5de50,0 0 13px #39f5de25,0 0 22px #a372ff16,inset 0 0 6px #39f5de15}50%{border-color:#bafff2;box-shadow:0 0 9px #39f5debb,0 0 26px #39f5de70,0 0 42px #a372ff44,inset 0 0 13px #39f5de35}}@keyframes more-neon-inner{0%,100%{border-color:#a372ff40;opacity:.45}50%{border-color:#c6a7ffbb;opacity:1}}.motion-off .archive-pager .luminous-more,.motion-off .luminous-more:after{animation:none!important}@media(prefers-reduced-motion:reduce){.archive-pager .luminous-more,.luminous-more:after{animation:none!important}}

.detail-horizontal-categories{display:block;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.detail-main-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 8px}.detail-horizontal-categories a{display:block;white-space:nowrap;flex-shrink:0;padding:9px 17px;border:1px solid #54728f66;border-radius:8px;background:#14263aaa;color:#c1d1e5;font-size:12px}.detail-horizontal-categories a:after{display:none}.detail-horizontal-categories svg{width:16px;height:16px;vertical-align:middle}.detail-horizontal-categories a:hover{border-color:var(--accent);color:var(--accent)}.detail-main-tabs a.current{background:#39f5de1c;border-color:#39f5de99;color:var(--accent)}.detail-child-tabs{display:flex;gap:8px;overflow-x:auto;padding:5px 1px 3px}.detail-child-tabs a{font-size:11px;padding:6px 13px;border-radius:999px;background:none;color:var(--muted)}.detail-child-tabs a.current{color:var(--accent);border-color:#39f5de66}.detail-horizontal-categories a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:680px){.detail-horizontal-categories{margin-bottom:12px}.detail-main-tabs{gap:8px}.detail-main-tabs a{font-size:11px;padding:9px 13px}}

.contact-card .wechat-copy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:0;padding:8px 0;width:100%;text-align:left;color:var(--accent);font:inherit;cursor:pointer}.wechat-copy strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.wechat-copy span{font-size:11px;color:var(--muted)}.wechat-copy:hover span{color:var(--accent)}.wechat-copy:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.action-arrow-ne{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible;pointer-events:none}.btn .action-arrow-ne{width:18px;height:18px;min-width:18px}.card-arrow .action-arrow-ne{width:22px;height:22px}.text-link .action-arrow-ne{width:14px;height:14px}
.media-loading-shell{position:relative;display:block;max-width:100%;width:100%;overflow:hidden}.media-loading-shell.is-loading,.media-loading-shell.is-error{min-height:220px;background:#111e30}.media-loading-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;background:radial-gradient(ellipse at 25% 20%,#20475b,#131c31 65%);opacity:0;visibility:hidden;transition:opacity .25s}.is-loading>.media-loading-placeholder,.is-error>.media-loading-placeholder{opacity:1;visibility:visible}.media-loading-placeholder svg{width:72px;height:54px;fill:none;stroke:#6be8db80;stroke-width:1.5}.media-loading-placeholder span{font-size:11px;color:#9db8cc;letter-spacing:2px}.media-loading-placeholder i{width:58px;height:2px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:media-load-breathe 1.6s ease-in-out infinite}.is-error>.media-loading-placeholder i{display:none}.media .media-loading-shell,#heroMedia>.media-loading-shell{height:100%;min-height:0}.media-loading-shell>img,.media-loading-shell>video{display:block;max-width:100%}.project-image-stream .media-loading-shell>img{width:100%;height:auto;margin:0}.project-image-stream .media-loading-shell{width:100%}.detail-hero .media-loading-shell>video{width:100%;max-height:80vh}.compare .media-loading-shell{position:absolute;inset:0;height:100%;min-height:0}.compare .media-loading-shell:has(.after){clip-path:inset(0 50% 0 0)}.compare .media-loading-shell .after{clip-path:none}#lightbox .media-loading-shell{width:auto;min-width:min(500px,80vw)}@keyframes media-load-breathe{0%,100%{opacity:.25;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}@media(max-width:680px){.media-loading-shell.is-loading,.media-loading-shell.is-error{min-height:170px}.media .media-loading-shell,#heroMedia>.media-loading-shell{min-height:0}}@media(prefers-reduced-motion:reduce){.media-loading-placeholder i{animation:none}}

.card-info .work-english-title,.detail-heading .work-english-title{display:block;font-family:"Space Grotesk",sans-serif;font-size:11px;line-height:1.6;letter-spacing:.35px;color:#8ca9be;margin:5px 0 0;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}.detail-heading .work-english-title{font-size:clamp(13px,1.4vw,17px);margin-top:12px;color:#94b7ca}.card-topline>div{min-width:0}.card-info .work-english-title{max-width:100%}

.project-slideshow{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#142c3c,#201d35)}.project-slide[hidden]{display:none!important}.project-slide{height:clamp(300px,65vh,760px);display:flex;align-items:center;justify-content:center}.detail-hero .project-slide img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;cursor:zoom-in}.project-slide>.media-loading-shell{height:100%;width:100%;aspect-ratio:auto!important;min-height:0!important}.project-slide>.media-loading-shell>img{height:100%;width:100%;object-fit:contain}.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;background:#101b2caa;border-top:1px solid var(--line)}.slide-controls button,.slide-pages button{border:1px solid #577b9866;border-radius:7px;background:#162c3d;color:var(--text);padding:9px 14px;font-size:12px;cursor:pointer}.slide-controls button:hover,.slide-pages button:hover{border-color:var(--accent);color:var(--accent)}.slide-controls [data-slide-count]{font-size:12px;color:var(--accent)}.slide-pages{display:flex;gap:7px;overflow-x:auto;padding:12px 20px}.slide-pages button{flex-shrink:0;font-size:10px;min-width:35px;padding:7px}.slide-pages button[aria-pressed=true]{background:var(--accent);color:#08131a;border-color:var(--accent)}.slide-hint{text-align:center;font-size:10px;color:var(--muted);padding:0 15px 14px;margin:0}.project-slideshow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:680px){.project-slide{height:55vh;min-height:280px;max-height:560px}.slide-controls{padding:12px}.slide-controls button{font-size:11px;padding:9px 12px}.slide-pages{padding:10px 12px}}
.audio-spectrum{width:100%;border:1px solid #39f5de33;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 25% 20%,#194b5c55,transparent 65%),linear-gradient(135deg,#101e30,#211b38);margin-bottom:12px}.audio-spectrum canvas{display:block;width:100%;height:300px}.spectrum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #39f5de22}.spectrum-state{font-size:10px;color:#8fc7cb;letter-spacing:.6px}.spectrum-toolbar label{display:flex;align-items:center;gap:8px;color:#94aabe;font-size:10px}.spectrum-toolbar select{min-width:110px;padding:7px 9px;font-size:11px;background:#14283a;color:#d1e9ed;border:1px solid #39f5de44;border-radius:6px}.audio-card .audio-spectrum canvas{height:145px}.audio-card .spectrum-toolbar{padding:8px;gap:6px;flex-wrap:wrap}.audio-card .spectrum-toolbar label{margin-left:auto}.audio-card .spectrum-toolbar label{font-size:0}.audio-card .spectrum-toolbar select{font-size:10px}.detail-hero:has(.audio-spectrum)>.audio-artwork{display:none}.detail-hero:has(.audio-spectrum)>.audio-controls{padding:0;margin-top:0}.detail-hero:has(.audio-spectrum){border-radius:12px}.audio-card:has(audio:not([data-spectrum="off"])) .audio-wave i{animation:none}@media(max-width:680px){.audio-spectrum canvas{height:250px}.spectrum-toolbar{padding:10px;flex-wrap:wrap}.spectrum-toolbar label{margin-left:auto}}

.audio-cover-art{height:100%;width:100%;background:linear-gradient(135deg,#14283b,#241d39)}.audio-cover-art>img{display:block;width:100%;height:100%;object-fit:cover}.detail-hero>.audio-cover-art{height:auto;max-height:65vh}.detail-hero>.audio-cover-art>img{width:100%;max-height:65vh;object-fit:contain}.audio-card:not(.audio-is-playing) .audio-spectrum,.detail-hero:not(.audio-is-playing) .audio-spectrum{display:none}.detail-hero:not(.audio-is-playing)>.audio-artwork{display:flex}.detail-hero.audio-is-playing>.audio-cover-art,.detail-hero.audio-is-playing>.audio-artwork{display:none}.audio-card.audio-is-playing:has(.audio-spectrum)>.card-info>.audio-controls>.audio-spectrum{display:block}.audio-card.audio-is-playing:has(.audio-spectrum)>a{display:none}.audio-card.audio-is-playing:has(.audio-spectrum) .audio-spectrum canvas{height:240px}.audio-card.audio-is-playing .card-info{padding-top:18px}.audio-card .audio-cover-art .media-loading-shell{height:100%}.detail-hero>.audio-cover-art .media-loading-shell{aspect-ratio:auto!important}.detail-hero>.audio-cover-art .media-loading-shell>img{max-height:65vh;object-fit:contain;width:100%}

/* Cover and live spectrum share a stable media stage. */
.audio-card .media{height:260px!important;aspect-ratio:auto!important}.audio-card.audio-is-playing:has(.audio-spectrum)>a{display:block}.audio-card>.audio-spectrum{position:absolute;inset:0;margin:0;border:0;border-radius:0;height:260px;z-index:3}.audio-card>.audio-spectrum canvas,.audio-card.audio-is-playing>.audio-spectrum canvas{height:calc(100% - 46px);width:100%}.audio-card>.audio-spectrum .spectrum-toolbar{height:46px;box-sizing:border-box;flex-wrap:nowrap}.audio-card>.audio-spectrum .spectrum-state{font-size:9px;white-space:nowrap}.audio-card .media>.audio-cover-art,.audio-card .media>.audio-artwork{height:100%;min-height:0}.audio-card .media>.audio-cover-art img{height:100%;width:100%;object-fit:cover}.audio-card.audio-is-playing .media>.audio-cover-art,.audio-card.audio-is-playing .media>.audio-artwork{visibility:hidden}.audio-card>.audio-spectrum select{position:relative;z-index:5;max-width:140px}.detail-hero>.audio-cover-art,.detail-hero:not(.audio-is-playing)>.audio-artwork{height:340px;min-height:340px;max-height:none}.detail-hero>.audio-cover-art>img,.detail-hero>.audio-cover-art .media-loading-shell,.detail-hero>.audio-cover-art .media-loading-shell>img{height:340px;max-height:340px;aspect-ratio:auto!important;object-fit:contain}.detail-hero .audio-spectrum{margin:0 0 12px}.detail-hero .audio-spectrum canvas{height:294px}.detail-hero .spectrum-toolbar{height:46px;box-sizing:border-box}.detail-hero:has(.audio-spectrum)>.audio-controls{margin:0;padding:0}.detail-hero:not(.audio-is-playing):has(.audio-spectrum)>.audio-controls{padding-top:12px}@media(max-width:680px){.audio-card .media{height:260px!important}.detail-hero>.audio-cover-art,.detail-hero:not(.audio-is-playing)>.audio-artwork{height:280px;min-height:280px}.detail-hero>.audio-cover-art>img,.detail-hero>.audio-cover-art .media-loading-shell,.detail-hero>.audio-cover-art .media-loading-shell>img{height:280px;max-height:280px}.detail-hero .audio-spectrum canvas{height:234px}}
audio.custom-player-audio{display:none!important}.cyber-audio-player{padding:16px;border:1px solid #39f5de40;border-radius:12px;background:linear-gradient(125deg,#142d3b,#1a2038 65%,#2c2140);box-shadow:inset 0 1px #b6fff30c}.cap-main{display:flex;align-items:center;gap:15px}.cap-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid #79ffe9;background:linear-gradient(135deg,#38dec5,#6a91ed);color:#091c27;cursor:pointer;box-shadow:0 0 18px #39f5de30}.cap-play svg{width:22px;height:22px;fill:currentColor}.is-playing .cap-play{box-shadow:0 0 22px #39f5de66}.cap-track{min-width:0;flex:1}.cap-label,.cap-time{display:flex;justify-content:space-between;gap:10px;font:9px 'Space Grotesk',sans-serif;letter-spacing:1px;color:#8fb3c8}.cap-status{letter-spacing:0;color:#5de5d1}.cap-time{margin-top:5px;letter-spacing:.5px}.cyber-audio-player .cap-seek{width:100%;height:6px;min-height:6px;padding:0;margin:12px 0 3px;border:0;border-radius:5px;appearance:none;background:linear-gradient(to right,#48efd5 var(--progress,0%),#31425a var(--progress,0%));cursor:pointer;accent-color:#51efda}.cap-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#c8fff3;box-shadow:0 0 10px #39f5de}.cap-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding-top:10px;border-top:1px solid #8fa7bd20}.cap-options label{display:flex;gap:8px;align-items:center;font-size:10px;color:#9cb5c9}.cap-options input[type=range]{width:75px;height:4px;padding:0;accent-color:#62dacd}.cap-options select{min-width:55px;padding:3px 6px;background:#132435;border:1px solid #52708b55;border-radius:5px;color:#bed8e7;font-size:10px}.cap-play:focus-visible,.cap-seek:focus-visible{outline:2px solid white;outline-offset:4px}.audio-card .cyber-audio-player{padding:12px}.audio-card .cap-main{gap:10px}.audio-card .cap-play{width:38px;height:38px;flex-basis:38px}.audio-card .cap-label{font-size:8px;letter-spacing:.4px}.audio-spectrum{background:radial-gradient(ellipse at 80% 20%,#77286f44,transparent 60%),radial-gradient(ellipse at 20% 80%,#15577755,transparent 65%),#0d1429}.audio-spectrum canvas{filter:saturate(1.25)}

.project-slideshow{position:relative}.project-slideshow .slide-pages{gap:10px;padding:12px 18px}.slide-pages button{position:relative;flex:0 0 88px;width:88px;height:62px;padding:0;overflow:hidden;border-radius:7px;border:2px solid #7f9bb04d;background:#132338}.slide-pages button img{display:block;width:100%;height:100%;object-fit:cover;opacity:.65;transition:opacity .2s}.slide-pages button span{position:absolute;left:4px;bottom:4px;font-size:10px;padding:2px 5px;background:#08131dd9;border-radius:3px;color:#e2faf5}.slide-pages button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 12px #39f5de44}.slide-pages button[aria-pressed=true] img,.slide-pages button:hover img{opacity:1}.slide-controls{justify-content:center;min-height:49px}.slide-controls button{position:absolute;top:clamp(150px,32.5vh,380px);transform:translateY(-50%);z-index:8;min-height:50px;padding:12px 16px;background:#10283fe8;border:1px solid #7fffe6b3;box-shadow:0 0 20px #39f5de38;backdrop-filter:blur(12px);color:#dcfff5;font-weight:600}.slide-controls [data-slide-prev]{left:16px}.slide-controls [data-slide-next]{right:16px}.slide-controls button:hover{background:#21535eea;box-shadow:0 0 30px #39f5de66;color:white}.slide-controls button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:680px){.slide-pages button{flex-basis:70px;width:70px;height:52px}.slide-controls button{top:clamp(140px,27.5vh,280px);min-height:44px;padding:9px;font-size:10px}.slide-controls [data-slide-prev]{left:8px}.slide-controls [data-slide-next]{right:8px}.project-slideshow .slide-pages{padding:10px 12px}}
.slide-pages button .media-loading-shell{height:100%;width:100%;aspect-ratio:auto!important;min-height:0!important}.slide-pages button .media-loading-placeholder svg{width:24px;height:20px}.slide-pages button .media-loading-placeholder span,.slide-pages button .media-loading-placeholder i{display:none}
/* Keep spectrum controls within the fixed audio-card stage. */
.audio-card>.audio-spectrum{overflow:hidden;isolation:isolate}.audio-card>.audio-spectrum canvas,.audio-card.audio-is-playing>.audio-spectrum canvas{position:absolute;inset:0 0 46px;width:100%;height:214px!important}.audio-card>.audio-spectrum .spectrum-toolbar{position:absolute;inset:auto 0 0;height:46px;min-height:46px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;z-index:10;background:#0b1729f2;border-top:1px solid #39f5de44;box-sizing:border-box}.audio-card>.audio-spectrum .spectrum-toolbar label{margin:0 0 0 auto;min-width:0;flex-shrink:0}.audio-card>.audio-spectrum .spectrum-toolbar select{position:relative;z-index:11;width:125px;min-width:110px;height:32px;max-width:145px;padding:4px 8px;font-size:11px;line-height:1.4;pointer-events:auto}.audio-card>.audio-spectrum .spectrum-state{min-width:0;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.header nav .nav-work-count{display:inline-block;font-size:9px;line-height:1.4;color:var(--accent);padding:2px 5px;border:1px solid #39f5de33;border-radius:5px;margin-left:3px;font-variant-numeric:tabular-nums}#featuredMore:empty{display:none}@media(max-width:680px){.header nav .nav-work-count{font-size:8px;margin-left:1px;padding:1px 3px}}
.header nav{align-items:center}.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}.nav-dropdown-toggle{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#bdc7d8;padding:12px 0;font-size:12px;cursor:pointer;white-space:nowrap}.nav-dropdown-toggle:hover,.nav-dropdown.open .nav-dropdown-toggle{color:var(--accent)}.nav-chevron{font-size:14px;color:var(--accent);transition:transform .2s}.nav-dropdown.open .nav-chevron{transform:rotate(180deg)}.nav-dropdown-panel{display:none;position:absolute;top:100%;left:-25px;width:410px;max-width:calc(100vw - 36px);padding:20px;background:#0e192bf7;border:1px solid #52738b77;border-radius:12px;box-shadow:0 20px 65px #0009;backdrop-filter:blur(20px);z-index:100;max-height:70vh;overflow:auto}.nav-dropdown.open .nav-dropdown-panel{display:block}.nav-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid var(--line)}.nav-panel-heading strong{font-size:13px}.header .nav-panel-heading a{padding:0;font-size:10px;color:var(--accent)}.nav-featured-links{display:grid;gap:5px}.header .nav-featured-links>a{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:7px;background:#18304666;white-space:normal}.nav-featured-links small{font-size:9px;color:var(--muted)}.nav-category-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.header .nav-category-links a{display:block;padding:6px 8px;border-radius:6px;white-space:normal;font-size:11px}.nav-category-links .nav-root-link{font-weight:650;color:var(--accent)}.nav-category-links small{float:right;color:var(--muted);font-size:9px}.nav-category-links svg{height:15px;width:15px;vertical-align:middle}.nav-recent-links{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.nav-recent-links>span{font-size:9px;color:var(--muted)}.header .nav-recent-links a{display:block;padding:6px 0;font-size:11px}.header .nav-dropdown-panel a:after{display:none}.header .nav-dropdown-panel a:hover{background:#39f5de10;color:var(--accent)}@media(max-width:680px){.header nav{position:relative}.nav-dropdown{position:static}.nav-dropdown-panel{top:100%;left:0;width:100%;max-width:100%;max-height:65vh;padding:16px}.nav-dropdown-toggle{padding:5px 0;font-size:11px}.nav-category-links{gap:10px}.nav-dropdown-toggle .nav-chevron{font-size:12px}}