#works-orbit *{box-sizing:border-box}
#works-orbit{margin:0;background:#111110;color:#f1ece4;font-family:"Microsoft YaHei",sans-serif}
#works-orbit button,#works-orbit a,#works-orbit input{-webkit-tap-highlight-color:transparent}
#works-orbit button{font:inherit;color:inherit;cursor:pointer}
#works-orbit button:focus-visible,#works-orbit a:focus-visible,#works-orbit #stage:focus-visible{outline:2px solid #ff754b;outline-offset:5px}
#works-orbit button{border:1px solid #45403a;background:#1e1c19;padding:10px 18px;border-radius:4px}
#works-orbit button:hover{border-color:#ff794d}
#works-orbit header{height:94px;max-width:1440px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 48px;border-bottom:1px solid #34302a}
#works-orbit header img{width:140px}
#works-orbit header span{font-size:12px;color:#938b80}
#works-orbit header a{margin-left:auto;color:#c5baab;font-size:13px;text-decoration:none}
#works-orbit main{max-width:1440px;margin:auto;padding:36px 48px 22px}
#works-orbit .intro{display:flex;justify-content:space-between;align-items:center}
#works-orbit .eyebrow{font-size:11px;color:#e17d52;letter-spacing:.2em}
#works-orbit h2{font-size:clamp(28px,3.2vw,46px);font-weight:500;margin:15px 0;letter-spacing:-.05em}
#works-orbit h2 em{font-style:normal;color:#ff784b}
#works-orbit .subtitle{color:#b2a99b;font-size:13px}
#works-orbit .subtitle small{display:inline-block;color:#817b72;margin-left:18px;font-size:10px}
#works-orbit .view-switch{display:flex;gap:6px}
#works-orbit .view-switch button{font-size:12px}
#works-orbit button[aria-pressed=true]{background:#ff7142;border-color:#ff7142;color:#15120f}
#works-orbit nav{display:flex;gap:26px;margin-top:25px;border-bottom:1px solid #37312a;overflow-x:auto}
#works-orbit nav button{flex-shrink:0;border:0;border-radius:0;background:none;padding:15px 0;color:#a89e90;font-size:14px}
#works-orbit nav button[aria-pressed=true]{background:none;color:#ff8154;border-bottom:2px solid #ff8154}
#works-orbit .workspace{position:relative}
#works-orbit #stage{height:590px;position:relative;overflow:hidden;touch-action:none;cursor:grab;isolation:isolate}
#works-orbit #stage.dragging{cursor:grabbing}
#works-orbit .halo{position:absolute;inset:0;background:radial-gradient(ellipse at center,#64301927 0,transparent 64%);pointer-events:none}
#works-orbit .sphere{position:absolute;left:50%;top:50%;width:320px;height:320px;transform:translate(-50%,-50%);pointer-events:none}
#works-orbit .sphere-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 30%,#80572b24,#15141188 60%,#0008);box-shadow:inset 0 0 35px #e97b2919,0 0 60px #dd682a0a;border:1px solid #a4753944}
#works-orbit .rings{position:absolute;inset:0;transform-style:preserve-3d}
#works-orbit .ring{position:absolute;inset:0;border:1px solid #d68a4833;border-radius:50%;backface-visibility:visible}
#works-orbit .axis-label{position:absolute;inset:44% 0;text-align:center;color:#d2ac763e;font-size:10px;letter-spacing:.25em}
#works-orbit .axis-label b{display:block;font-size:24px;font-weight:400;letter-spacing:.12em;margin-top:10px;color:#d6b18a66}
#works-orbit .orbit-card{position:absolute;left:50%;top:50%;width:100px;padding:0;border:0;background:none;will-change:transform;transform-origin:center;transition:filter .15s;overflow:visible}
#works-orbit .orbit-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border:1px solid #c89b6744;border-radius:3px;box-shadow:0 6px 20px #0009}
#works-orbit .orbit-card.landscape{width:148px}
#works-orbit .orbit-card.landscape img{aspect-ratio:16/9;object-fit:contain;background:#181612}
#works-orbit .orbit-card .title{display:block;font-size:10px;line-height:1.5;color:#ddd0bb;padding-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px #000}
#works-orbit .sample-badge{position:absolute;top:5px;left:5px;background:#16130fe8;border:1px solid #a87b4266;color:#deb98d;font-size:9px;padding:2px 4px}
#works-orbit .orbit-card:hover img,#works-orbit .orbit-card:focus-visible img{border-color:#ff8757;box-shadow:0 0 20px #ff72344d}
#works-orbit .orbit-card:hover .title{color:#ffa878;white-space:normal}
#works-orbit .orbit-card:hover,#works-orbit .orbit-card:focus-visible{z-index:999!important}
#works-orbit #empty{position:absolute;inset:48% 0;text-align:center;color:#b0a394}
#works-orbit footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #37312a;padding-top:18px;gap:16px;color:#a69b8a;font-size:12px}
#works-orbit .controls{display:flex;gap:8px;align-items:center}
#works-orbit .controls button{font-size:12px;padding:9px 13px}
#works-orbit output{min-width:42px;text-align:center}
#works-orbit label{display:flex;gap:7px;align-items:center}
#works-orbit input{accent-color:#fa7848}
#works-orbit .hint,#works-orbit .sample-note{font-size:11px;color:#81796c;text-align:center;margin:17px 0 0}
#works-orbit .sample-note{color:#655e54;margin-top:9px}
#works-orbit #list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px;padding:35px 0}
#works-orbit #list .orbit-card{position:relative;left:auto;top:auto;width:100%;transform:none;opacity:1}
#works-orbit .list-medium{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#works-orbit #list .title{font-size:13px;white-space:normal}
#works-orbit dialog{border:1px solid #65533b;background:#171513;color:#f1e8da;max-width:92vw;max-height:92vh;text-align:center;padding:25px}
#works-orbit dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}
#works-orbit dialog img{display:block;max-width:80vw;max-height:70vh;object-fit:contain;margin:auto}
#works-orbit dialog h2{font-size:18px}
#works-orbit dialog p{font-size:12px;color:#ad9c85}
#works-orbit #close{position:absolute;right:8px;top:8px;background:#15120fe8}
#works-orbit [hidden]{display:none!important}
@media(max-width:700px){#works-orbit header{padding:0 20px;height:75px;gap:12px}
#works-orbit header img{width:100px}
#works-orbit header span{display:none}
#works-orbit main{padding:22px 18px}
#works-orbit .intro{display:block}
#works-orbit .view-switch{margin-top:20px}
#works-orbit h2{font-size:30px}
#works-orbit .subtitle small{display:block;margin:10px 0 0}
#works-orbit nav{gap:22px}
#works-orbit nav button{font-size:13px}
#works-orbit #stage{height:500px}
#works-orbit .orbit-card{width:76px}
#works-orbit .orbit-card.landscape{width:112px}
#works-orbit .sphere{width:220px;height:220px}
#works-orbit footer{flex-wrap:wrap}
#works-orbit .controls{order:3;width:100%;justify-content:center}
#works-orbit #list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
#works-orbit .list-medium{grid-template-columns:1fr!important}
#works-orbit .hint{line-height:1.8}
#works-orbit .sample-note{line-height:1.8}
}
@media(prefers-reduced-motion:reduce){#works-orbit *{transition:none!important}
}
#works-orbit #stage{height:600px}
#works-orbit .sphere{width:76%;height:58%}
#works-orbit .sphere-core,#works-orbit .ring{border-radius:50%}
#works-orbit .orbit-card{width:98px}
#works-orbit .orbit-card.landscape{width:145px}
@media(max-width:700px){#works-orbit #stage{height:410px}
#works-orbit .orbit-card{width:62px}
#works-orbit .orbit-card.landscape{width:88px}
#works-orbit .orbit-card .title{font-size:9px}
#works-orbit .sample-badge{font-size:8px;padding:1px 2px}
#works-orbit .sphere{width:80%;height:45%}
}
#works-orbit #stage .orbit-card{width:78px}
#works-orbit #stage .orbit-card.landscape{width:116px}
#works-orbit #stage .orbit-card img{transition:none;transform:none}
#works-orbit .axis-label b{color:#d6b18a99}
@media(max-width:700px){#works-orbit #stage .orbit-card{width:54px}
#works-orbit #stage .orbit-card.landscape{width:80px}
}
#works-orbit #stage{overflow:visible;margin:18px 0 34px}
#works-orbit #orbital-fx{position:absolute;left:0;top:-70px;width:100%;height:calc(100% + 140px);pointer-events:none;z-index:0}
#works-orbit .sphere{z-index:-1}
#works-orbit .sphere-core{border:0;background:radial-gradient(ellipse at 46% 46%,#ad692014 0%,#b06b1910 44%,transparent 70%);box-shadow:inset 0 0 65px #db943316,0 0 70px #d8831510}
#works-orbit .axis-label{color:#dfb98c80}
#works-orbit .axis-label b{color:#e4bf91b3;text-shadow:0 0 28px #f8b25940}
#works-orbit .halo{inset:-24px -12px;background:radial-gradient(ellipse at center,#70451718,transparent 68%)}
#works-orbit nav,#works-orbit footer{position:relative;z-index:1000}
#works-orbit nav{overflow-y:hidden}
#works-orbit footer{margin-top:0}
@media(max-width:700px){#works-orbit #stage{margin:24px 0 30px}
#works-orbit .axis-label b{font-size:21px}
}
#works-orbit footer{padding-top:70px}
#works-orbit main{isolation:isolate}
#works-orbit .workspace{z-index:2}
#works-orbit #filters{--recede:0;z-index:3;transition:opacity .3s ease,filter .3s ease;opacity:calc(1 - var(--recede)*.72);filter:blur(calc(var(--recede)*2.5px))}
#works-orbit #filters.receded{z-index:1}
#works-orbit #filters:hover,#works-orbit #filters:has(:focus-visible){z-index:1001;opacity:1;filter:none}
@media(prefers-reduced-motion:reduce){#works-orbit #filters{transition:none}
}

#works-orbit{position:relative;isolation:isolate;background:transparent;color:#f1ece4;margin-top:24px}
#works-orbit .intro h2{font-size:clamp(28px,3.2vw,46px);line-height:1.4;margin:15px 0;letter-spacing:-.05em}
#works-orbit .eyebrow{font-size:11px;font-weight:400;letter-spacing:.2em}
#works-orbit .eyebrow:before{display:none}
#works-orbit .orbit-more{display:block;width:max-content;margin:20px 0 0 auto;color:#d0b48c;text-decoration:none;font-size:13px}
#works-orbit nav{margin-top:0}
#works-orbit .controls button{min-width:0}
#works-orbit dialog h2{font-size:18px}
#works-orbit .view-switch button{white-space:nowrap}
@media(max-width:700px){#works-orbit .intro h2{font-size:29px}}

#works-orbit #filters{scrollbar-width:none}#works-orbit #filters::-webkit-scrollbar{display:none}

#works-orbit .orbit-card .work-kind{top:-31px;left:50%;font-size:10px;padding:6px 9px;transform:translate(-50%,5px);letter-spacing:.08em}
#works-orbit .orbit-card:hover .work-kind,#works-orbit .orbit-card:focus-visible .work-kind{opacity:1;transform:translate(-50%,0)}
#works-orbit .orbit-card:hover,#works-orbit .orbit-card:focus-visible{opacity:1!important}
#works-orbit .orbit-card img{object-fit:contain}
#works-orbit #list .orbit-card .work-kind{top:10px;left:10px;transform:translateY(5px)}
#works-orbit #list .orbit-card:hover .work-kind,#works-orbit #list .orbit-card:focus-visible .work-kind{transform:translateY(0)}

/* Dragging the orbit must never select covers, captions or nearby page text. */
#works-orbit #stage,#works-orbit #stage *{user-select:none;-webkit-user-select:none}
#works-orbit #stage img{-webkit-user-drag:none}
html.orbit-drag-active,html.orbit-drag-active *{user-select:none!important;-webkit-user-select:none!important}

/* The large stage outline distracts from the orbit; card/button focus remains visible. */
#works-orbit #stage:focus,#works-orbit #stage:focus-visible{outline:none}