/* Final art direction: readable editorial type with restrained technical framing. */
:root{--bg:#101114;--panel:#181a20;--line:#333640;--muted:#b0b1bb;--red:#ff5066}
.studio-world{background-image:url('assets/studio-panorama-v5.png')}
.physical-sign{left:1860px;top:226px;width:133px;height:67px;filter:brightness(.68)}
.studio-chair{position:absolute;left:1718px;top:328px;width:207px;height:250px;z-index:2;pointer-events:none;image-rendering:pixelated;filter:brightness(.72);transform:translateX(-25px);transition:transform .8s ease}
.streaming .studio-chair{transform:translateX(0)}
.hero{position:relative;padding-top:42px;padding-bottom:44px;background:linear-gradient(115deg,#ff506607,transparent 52%)}
.hero:before{content:'';position:absolute;left:0;top:40px;width:4px;height:65px;background:var(--red)}
.hero h1{font-weight:700;font-size:clamp(32px,3.35vw,47px);letter-spacing:-1.7px}
.hero .eyebrow{color:#c5c7ce;font-size:10px}.hero .intro{font-size:15px;color:#c1c2cb;line-height:1.8}
.hero .now{border-left-color:var(--red);background:#ffffff03;padding:12px 15px}.hero .now p{font-size:12px}
h2,h3{font-weight:700}h2{letter-spacing:-1.5px}.eyebrow{color:#c6c8d0}
.button{border-radius:2px;box-shadow:4px 4px 0 #ff506628;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #ff506628}
.ticker{background:linear-gradient(90deg,#ff506608,transparent);border-top:2px solid #ff506666;padding:26px 0}.ticker>span{font-weight:700;font-size:30px}.ticker small{font-size:11px;line-height:1.5}
.section{position:relative}.section:before{content:'+';position:absolute;right:40px;top:-9px;color:#ff5066;font:16px monospace;background:var(--bg);padding:0 7px}
.timeline h3{font-size:21px}.timeline p{font-size:14px}.year{font-family:monospace;font-size:13px}
.timeline article.current{background:linear-gradient(90deg,transparent,#ff506608);border-bottom:1px solid #ff506639}
.tag{border-radius:1px;font-size:10px;color:#e4b6c0}.section-heading>p{font-size:14px}
.practice-grid article{position:relative;border-radius:2px;background:linear-gradient(145deg,#20232c,#16181e);padding:28px;transition:border-color .2s,transform .2s}
.practice-grid article:after{content:'';position:absolute;right:-1px;top:-1px;width:22px;height:22px;border-top:2px solid var(--red);border-right:2px solid var(--red)}
.practice-grid article:hover{border-color:#777380;transform:translateY(-3px)}
.practice-grid p{font-size:14px}.practice-grid .eyebrow{font-family:monospace;color:#b5b7c1}.card-icon{font-size:34px}.muted{font-size:11px}
.filters button{border-radius:2px;font-size:12px;padding:11px 18px}.filters button.active{background:var(--red);color:#101114;border-color:var(--red);font-weight:600}
.post-art{border-radius:2px;position:relative}.post-art:after{content:'+';position:absolute;left:12px;top:8px;font:20px monospace;color:#ffffff55}.post-meta{font-size:10px;line-height:1.6}.posts p{font-size:13px}.posts h3{font-size:21px}
.art-tech{background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#191d28;background-size:24px 24px}
.contact-section{border-radius:2px;border-top:2px solid var(--red);background:radial-gradient(ellipse at 80% 110%,#c4355624,transparent 65%),#18191f;position:relative}.contact-section h2{font-weight:700}.contact-section>p{font-size:14px}.subscribe{font-size:12px}
@media(max-width:1000px){.hero .now{justify-self:start}.hero h1{font-size:38px}}
@media(max-width:700px){.hero{padding:28px 22px 32px}.hero h1{font-size:32px;line-height:1.22;overflow-wrap:anywhere}.hero .intro{font-size:14px}.hero:before{top:29px;height:42px}.ticker>span{font-size:26px}.ticker small{font-size:10px}.section:before{right:18px}.practice-grid article{padding:24px}.timeline h3{font-size:19px}.timeline p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.studio-chair,.button,.practice-grid article{transition:none}}
/* v6: physically assembled desk/seat sprite, independent monitor content. */
.studio-world{background-image:url('assets/studio-panorama-v6.png')}
.physical-sign{left:1810px;top:190px}
#workstation-canvas{position:absolute;left:1810px;top:295px;width:300px;height:300px;image-rendering:pixelated;z-index:2;filter:brightness(.76);pointer-events:none}
.streaming #workstation-canvas{filter:brightness(.94)}
.actor-anchor.seated #character-canvas{visibility:hidden}
.led-panel{width:60px;height:90px}.led-left{left:1786px;top:355px}.led-right{left:2110px;top:348px}
.desk-hotspot{left:1810px;top:330px;width:310px;height:240px}
.panel-light-left{left:1810px;top:365px}.panel-light-right{left:1970px;top:365px}