/* Sections 02-05: one HUD language, four distinct working surfaces. */
.hud3-services,.hud3-platforms,.hud3-work,.hud3-portfolio{isolation:isolate;background-color:#090a08!important}
.hud3-services:before,.hud3-platforms:before,.hud3-work:before,.hud3-portfolio:before{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(214,167,47,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(214,167,47,.045) 1px,transparent 1px);background-size:4.5rem 4.5rem;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 48%)}
.hud3-services>.hud3-heading,.hud3-platforms>.hud3-heading,.hud3-work>.hud3-heading,.hud3-portfolio>.hud3-heading{position:relative;padding-top:1.25rem;border-top:1px solid rgba(214,167,47,.34)}
.hud3-services>.hud3-heading:after,.hud3-platforms>.hud3-heading:after,.hud3-work>.hud3-heading:after,.hud3-portfolio>.hud3-heading:after{position:absolute;top:-.25rem;right:0;width:.48rem;height:.48rem;content:"";border-radius:50%;background:var(--h3-green);box-shadow:0 0 1.1rem rgba(191,255,56,.72)}

/* 02 — minimal service command board */
.hud3-services>.hud3-heading{margin-bottom:clamp(2.2rem,4vw,4rem)}
.hud3-services .hud3-service-system{grid-template-columns:minmax(20rem,.55fr) minmax(0,1.45fr);border-color:rgba(214,167,47,.24);border-radius:.9rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.18)}
.hud3-services .hud3-service-core{min-height:27rem;overflow:hidden;padding:clamp(1.5rem,3vw,2.8rem);background:linear-gradient(155deg,rgba(214,167,47,.075),transparent 42%),#0d0e0b}
.hud3-services .hud3-service-core:before{inset:18%;border-color:rgba(214,167,47,.12);animation:none}
.hud3-services .hud3-service-core:after{display:none}
.hud3-services .hud3-service-core>b{margin:1.4rem 0 .35rem;font-size:clamp(3.6rem,6vw,6rem);text-shadow:none}
.hud3-services .hud3-service-core h3{max-width:100%;font-size:clamp(2.25rem,3vw,3rem);letter-spacing:-.05em;white-space:nowrap}
.hud3-services .hud3-service-core p{max-width:18rem;font-size:.78rem}
.hud3-services .hud3-service-nodes{gap:1px;background:rgba(214,167,47,.13)}
.hud3-services .hud3-service-nodes>a{min-height:11.25rem;padding:1rem 1.1rem;border:0;background:#0c0d0a;transition:background .3s ease}
.hud3-services .hud3-service-nodes>a:hover,.hud3-services .hud3-service-nodes>a.active{z-index:1;background:linear-gradient(135deg,rgba(214,167,47,.1),transparent 68%),#11120e}
.hud3-services .hud3-service-nodes>a:after{position:absolute;top:1rem;left:0;width:2px;height:1.7rem;content:"";transform:scaleY(0);background:var(--h3-gold);transition:transform .3s ease}
.hud3-services .hud3-service-nodes>a:hover:after,.hud3-services .hud3-service-nodes>a.active:after{transform:scaleY(1)}
.hud3-services .hud3-service-nodes>a>i{width:2.35rem;height:2.35rem;border-color:rgba(214,167,47,.26);border-radius:.45rem;background:transparent;font-size:.78rem;box-shadow:none}
.hud3-services .hud3-service-nodes>a>span{top:1.1rem;right:1.1rem}
.hud3-services .hud3-service-nodes h3{margin:1.25rem 0 .35rem;font-size:clamp(1.05rem,1.35vw,1.35rem)}
.hud3-services .hud3-service-nodes p{display:-webkit-box;overflow:hidden;font-size:.7rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hud3-services .hud3-service-nodes a>b{display:none}

/* 03 — platform implementation orbit */
.hud3-platforms .hud3-orbit{position:relative;padding:clamp(1rem,2.3vw,2rem);border:1px solid rgba(214,167,47,.24);border-radius:1.15rem;background:linear-gradient(135deg,rgba(214,167,47,.045),transparent 34%),rgba(10,11,8,.92);box-shadow:0 2rem 6rem rgba(0,0,0,.22)}
.hud3-platforms .hud3-orbit:before{position:absolute;top:1rem;right:1rem;content:"ORBIT / CONNECTED";color:var(--h3-green);font:650 .45rem/1 ui-monospace,monospace;letter-spacing:.12em}
.hud3-platforms .hud3-orbit-rings{border-color:rgba(214,167,47,.42);box-shadow:inset 0 0 4rem rgba(214,167,47,.06),0 0 3rem rgba(214,167,47,.06)}
.hud3-platforms .hud3-orbit-rings>div{background:radial-gradient(circle,rgba(214,167,47,.11),transparent 68%),#080906;box-shadow:0 0 0 .55rem rgba(214,167,47,.035),0 0 3.5rem rgba(214,167,47,.14)}
.hud3-platforms .hud3-platform-list{border-color:rgba(214,167,47,.2)!important;background:#0b0c09!important}
.hud3-platforms .hud3-platform-list a{position:relative;overflow:hidden;transition:background .3s ease,padding-left .3s ease}
.hud3-platforms .hud3-platform-list a:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";transform:scaleX(0);transform-origin:left;background:var(--h3-gold);transition:transform .35s ease}
.hud3-platforms .hud3-platform-list a:hover{padding-left:1.25rem;background:rgba(214,167,47,.07)}
.hud3-platforms .hud3-platform-list a:hover:after{transform:scaleX(1)}
.hud3-platforms .hud3-platform-list a>span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border:1px solid rgba(214,167,47,.24);border-radius:50%}

/* 04 — live portfolio console */
.hud3-work .hud3-work-carousel{border-color:rgba(214,167,47,.32);border-radius:1.15rem;box-shadow:0 2.8rem 8rem rgba(0,0,0,.34)}
.hud3-work .hud3-work-visual>header{height:3.35rem;background:linear-gradient(90deg,#11120e,#17150e 52%,#11120e)}
.hud3-work .hud3-project-gallery:after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.28)),linear-gradient(110deg,transparent 0 45%,rgba(214,167,47,.07) 50%,transparent 55%);transform:translateX(-100%);animation:hud3WorkScan 8s ease-in-out infinite}
.hud3-work .hud3-work-details>article{background:linear-gradient(145deg,rgba(214,167,47,.12),transparent 38%),radial-gradient(circle at 100% 0,rgba(191,255,56,.035),transparent 32%),var(--h3-panel)}
.hud3-work .hud3-work-details h3{text-wrap:balance}
.hud3-work .hud3-work-switcher{min-height:4.15rem;background:linear-gradient(90deg,#0b0c09,#12130f,#0b0c09)}
.hud3-work .hud3-work-switcher>div button{transition:border-color .25s,background .25s,transform .25s}
.hud3-work .hud3-work-switcher>div button.active{transform:scale(1.12);box-shadow:0 0 1.2rem rgba(214,167,47,.12)}

/* 05 — visual archive matrix */
.hud3-portfolio .hud3-stream-grid{gap:.75rem;border:0;border-radius:0;background:transparent;overflow:visible}
.hud3-portfolio .hud3-stream-grid>a{position:relative;min-height:30rem;border:1px solid rgba(214,167,47,.2);border-radius:1.05rem;overflow:hidden;background:linear-gradient(145deg,rgba(214,167,47,.055),transparent 38%),var(--h3-panel);box-shadow:0 1.5rem 4rem rgba(0,0,0,.13);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}
.hud3-portfolio .hud3-stream-grid>a:hover{z-index:1;transform:translateY(-.35rem);border-color:rgba(214,167,47,.52);box-shadow:0 2.2rem 5rem rgba(0,0,0,.3)}
.hud3-portfolio .hud3-stream-grid figure:after{position:absolute;inset:0;content:"";background:linear-gradient(to top,rgba(5,6,4,.28),transparent 38%);pointer-events:none}
.hud3-portfolio .hud3-stream-grid>a>div{position:relative}
.hud3-portfolio .hud3-stream-grid>a>div:before{position:absolute;top:1.5rem;right:1.5rem;width:.45rem;height:.45rem;content:"";border-radius:50%;background:var(--h3-green);box-shadow:0 0 .9rem rgba(191,255,56,.58)}
.hud3-portfolio .hud3-stream-grid h3{text-wrap:balance}
.hud3-portfolio .hud3-stream-grid a b{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--h3-line)}
.hud3-portfolio .hud3-stream-grid a b:after{content:"ARCHIVE ONLINE";color:var(--h3-green);font-size:.44rem}

@keyframes hud3WorkScan{0%,62%{transform:translateX(-100%)}82%,100%{transform:translateX(100%)}}
@media(max-width:1050px){.hud3-services .hud3-service-system{grid-template-columns:1fr}.hud3-services .hud3-service-core{min-height:18rem}.hud3-services .hud3-service-core h3{font-size:clamp(2rem,6vw,3.25rem)}.hud3-platforms .hud3-orbit{padding:1rem}.hud3-portfolio .hud3-stream-grid>a{min-height:26rem}}
@media(max-width:760px){.hud3-services .hud3-service-core{min-height:16rem}.hud3-services .hud3-service-nodes>a{min-height:10.5rem;padding:1rem}.hud3-platforms .hud3-orbit:before{position:static;display:block;margin:0 0 .75rem}.hud3-work .hud3-work-switcher{min-height:3.7rem}.hud3-portfolio .hud3-stream-grid{gap:.65rem}.hud3-portfolio .hud3-stream-grid>a{min-height:0;border-radius:.8rem}}
@media(max-width:480px){.hud3-services .hud3-service-nodes>a{min-height:9.5rem}.hud3-portfolio .hud3-stream-grid>a{grid-template-columns:1fr}.hud3-portfolio .hud3-stream-grid>a>div{min-height:17rem}}
@media(prefers-reduced-motion:reduce){.hud3-services .hud3-service-core:after,.hud3-work .hud3-project-gallery:after{animation:none}.hud3-portfolio .hud3-stream-grid>a:hover{transform:none}}