.hud3-work-carousel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);gap:1px;border:1px solid var(--h3-line);border-radius:.95rem;background:var(--h3-line);overflow:hidden;box-shadow:0 2rem 5rem rgba(0,0,0,.18)}
.hud3-work-visuals,.hud3-work-details{min-width:0;background:var(--h3-panel)}
.hud3-work-visual[hidden],.hud3-work-details>article[hidden]{display:none}
.hud3-work-visual,.hud3-work-details>article{animation:hud3WorkPanelIn .55s cubic-bezier(.2,.8,.2,1)}
.hud3-work-visual>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;height:3rem;padding:0 1rem;border-bottom:1px solid var(--h3-line);background:#10110e;color:var(--h3-muted);font:600 .48rem/1 ui-monospace,monospace;letter-spacing:.08em}
.hud3-work-visual>header>span{display:flex;gap:.28rem}.hud3-work-visual>header>span i{width:.42rem;height:.42rem;border-radius:50%;background:#494a45}.hud3-work-visual>header>span i:first-child{background:#c7685e}.hud3-work-visual>header>span i:nth-child(2){background:#c99b33}.hud3-work-visual>header>span i:last-child{background:#579767}.hud3-work-visual>header>b{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font:inherit}.hud3-work-visual>header>small{color:var(--h3-gold);font:inherit}
.hud3-project-gallery{position:relative;aspect-ratio:16/10;overflow:hidden;background:#070806}.hud3-project-gallery figure{position:absolute;inset:0;margin:0;overflow:hidden;background:#070806;animation:hud3GalleryIn .65s cubic-bezier(.2,.8,.2,1)}.hud3-project-gallery figure[hidden]{display:none}.hud3-project-gallery figure img{display:block;width:100%;height:auto;object-position:top center}.hud3-project-gallery>a{position:absolute;z-index:2;inset:0}.hud3-project-gallery>nav{position:absolute;z-index:3;right:1rem;bottom:1rem;left:1rem;display:flex;gap:.35rem}.hud3-project-gallery>nav button{position:relative;width:2.4rem;height:.3rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden;cursor:pointer}.hud3-project-gallery>nav button i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:var(--h3-gold)}.hud3-project-gallery>nav button.active i{transform:scaleX(1);transition:transform 3.8s linear}
.hud3-work-details>article{display:flex;min-height:100%;flex-direction:column;padding:clamp(1.5rem,3vw,3rem);background:linear-gradient(145deg,rgba(214,167,47,.065),transparent 42%),var(--h3-panel)}.hud3-work-record{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--h3-line);color:var(--h3-muted);font:650 .48rem/1 ui-monospace,monospace;letter-spacing:.12em}.hud3-work-record b{color:var(--h3-gold)}.hud3-work-details article>small{margin-top:auto;padding-top:clamp(2rem,5vw,5rem);color:var(--h3-gold);font:650 .52rem/1 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.hud3-work-details h3{margin:1rem 0;font-size:clamp(2rem,3.5vw,4.4rem);line-height:.88;letter-spacing:-.06em}.hud3-work-details p{margin:0;color:var(--h3-muted);font-size:.82rem;line-height:1.65}.hud3-work-details dl{display:grid;grid-template-columns:1fr 1fr;margin:2rem 0 0;border-top:1px solid var(--h3-line)}.hud3-work-details dl>div{padding:1rem 0;border-bottom:1px solid var(--h3-line)}.hud3-work-details dl>div+div{padding-left:1rem;border-left:1px solid var(--h3-line)}.hud3-work-details dt{color:var(--h3-muted);font:600 .44rem/1 ui-monospace,monospace;letter-spacing:.12em}.hud3-work-details dd{margin:.45rem 0 0;color:var(--h3-text);font-size:.65rem}.hud3-work-details article>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.2rem}.hud3-work-details article>div:last-child a{display:flex;min-height:3rem;align-items:center;justify-content:center;padding:.7rem;border:1px solid var(--h3-line);border-radius:.45rem;color:var(--h3-text);font:650 .52rem/1 ui-monospace,monospace;letter-spacing:.07em;text-align:center}.hud3-work-details article>div:last-child a:first-child{border-color:var(--h3-gold);background:var(--h3-gold);color:#090a08}
.hud3-work-switcher{grid-column:1/-1;display:grid;grid-template-columns:3.1rem minmax(0,1fr) 3.1rem;min-height:3.5rem;background:#0d0e0b}.hud3-work-switcher>button{border:0;border-right:1px solid var(--h3-line);background:transparent;color:var(--h3-text);font-size:1rem;cursor:pointer}.hud3-work-switcher>button:last-child{border-right:0;border-left:1px solid var(--h3-line)}.hud3-work-switcher>div{display:flex;align-items:center;justify-content:center;gap:.35rem;overflow-x:auto;padding:.55rem}.hud3-work-switcher>div button{width:2.25rem;height:2.25rem;flex:0 0 auto;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--h3-muted);font:650 .5rem/1 ui-monospace,monospace;cursor:pointer}.hud3-work-switcher>div button.active{border-color:var(--h3-gold);background:rgba(214,167,47,.1);color:var(--h3-gold)}
@keyframes hud3WorkPanelIn{from{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:none}}@keyframes hud3GalleryIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}
@media(max-width:900px){.hud3-work-carousel{grid-template-columns:1fr}.hud3-work-details>article{min-height:auto}.hud3-work-details article>small{padding-top:2rem}.hud3-work-details h3{font-size:clamp(2.4rem,8vw,4.5rem)}}
@media(max-width:560px){.hud3-work-carousel{margin-inline:-.45rem}.hud3-work-visual>header>b{font-size:.42rem}.hud3-project-gallery{aspect-ratio:4/3}.hud3-work-details>article{padding:1.2rem}.hud3-work-details article>div:last-child{grid-template-columns:1fr}.hud3-work-switcher{grid-template-columns:2.8rem minmax(0,1fr) 2.8rem}.hud3-work-switcher>div{justify-content:flex-start}.hud3-work-switcher>div button{width:2rem;height:2rem}}
@media(prefers-reduced-motion:reduce){.hud3-work-visual,.hud3-work-details>article,.hud3-project-gallery figure{animation:none}.hud3-project-gallery>nav button.active i{transition:none}}