/* Hero host / tech interactive identity */
.origin-panel{position:relative;z-index:5;width:min(1160px,100%);margin:0 auto 18px;background:#101010;color:#f6f3e8;border:1px solid #101010;box-shadow:10px 12px 0 #10101013;overflow:hidden;isolation:isolate}
.origin-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 44px,#5d6648 45px,transparent 46px)}
.origin-strap,.origin-story{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 19px;font:700 10px/1.45 var(--mono);letter-spacing:.06em}
.origin-strap{color:#aeb2a2;border-bottom:1px solid #333}
.origin-strap>span:first-child{display:inline-flex;align-items:center;gap:8px}
.origin-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #dfff0018}
.origin-duo{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch}
.origin-side{position:relative;min-width:0;text-align:left;color:#f6f3e8;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:130px;padding:18px clamp(15px,2.3vw,34px);transition:background .25s,color .25s;overflow:hidden}
.origin-side:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transform:scaleY(0);transform-origin:center;background:var(--acid);transition:transform .3s var(--ease)}
.origin-side.is-live{background:rgba(223,255,0,.075)}
.origin-side.is-live:before,.origin-side:hover:before,.origin-side:focus-visible:before{transform:scaleY(1)}
.origin-side:hover,.origin-side:focus-visible{background:rgba(223,255,0,.09)}
.origin-side-no{color:#a5a89a;letter-spacing:.08em;font-size:9px}
.origin-identity{display:flex;align-items:center;gap:14px;min-height:58px;max-width:100%}
.origin-school-crest{width:54px;height:54px;object-fit:contain;flex-shrink:0;filter:grayscale(1) brightness(1.35);transition:filter .3s,transform .3s}
.origin-side-host:hover .origin-school-crest,.origin-side-host:focus-visible .origin-school-crest,.origin-side-host.is-live .origin-school-crest{filter:none;transform:rotate(-4deg)}
.origin-id-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.origin-role{font-size:9px;color:var(--acid);letter-spacing:.14em}
.origin-id-text strong{display:block;line-height:1.15;font-size:clamp(12px,1.3vw,19px);font-weight:900;letter-spacing:-.025em}
.origin-id-text strong span{display:block;font-size:.7em;letter-spacing:.01em;margin-top:4px}
.origin-tattvik{width:min(172px,100%);height:auto;max-height:60px;object-fit:contain;object-position:left center}
.origin-corner{position:absolute;top:15px;right:17px;font:700 18px/1 var(--mono);color:var(--acid);opacity:.75;transition:transform .25s}
.origin-side:hover .origin-corner,.origin-side:focus-visible .origin-corner{transform:translate(3px,-3px)}
.origin-bridge{position:relative;display:flex;align-items:center;justify-content:center;color:var(--acid);gap:3px}
.origin-bridge:before{content:"";position:absolute;inset:10px 0;background:linear-gradient(180deg,transparent 49%,#dfff0040 50%,transparent 51%)}
.origin-bridge-line{width:14px;height:1px;background:var(--acid);opacity:.7}
.origin-bridge-glyph{font:900 43px/.85 var(--display);animation:originBreathe 5s ease-in-out infinite}
@keyframes originBreathe{50%{filter:drop-shadow(0 0 9px #dfff0090);transform:scale(1.12)}}
.origin-story{border-top:1px solid #333;color:var(--acid);min-height:37px;font-size:10px}
.origin-story-marker{color:#faf9f2;white-space:nowrap}
.origin-story-counter{color:#93988a;font-size:9px;white-space:nowrap}
.origin-story #origin-story-copy{flex:1;text-align:center}
.hero .hero-bottomline{font-size:10px}
.hero .scroll-corner{bottom:19px}
@media (max-width:800px){
.origin-panel{margin-top:10px}
.origin-side{padding:15px 16px;min-height:125px}
.origin-duo{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}
.origin-bridge-glyph{font-size:33px}
.origin-bridge-line{width:7px}
.origin-tattvik{max-width:135px}
.origin-story-counter{display:none}
}
@media (max-width:560px){
.origin-panel{margin-top:3px;margin-bottom:14px}
.origin-strap{padding:9px 11px;font-size:8px}
.origin-strap>span:last-child{display:none}
.origin-duo{grid-template-columns:1fr 1fr}
.origin-side{min-height:140px;justify-content:flex-start;gap:16px;padding:15px 11px}
.origin-side+.origin-bridge+.origin-side{border-left:1px solid #454b3b}
.origin-side-no{font-size:8px}
.origin-identity{gap:7px;align-items:flex-start;min-height:74px}
.origin-school-crest{width:31px;height:36px}
.origin-role{font-size:8px}
.origin-id-text strong{font-size:11px;line-height:1.12}
.origin-id-text strong span{font-size:9px;margin-top:3px}
.origin-tattvik{max-width:112px;width:100%;max-height:50px}
.origin-bridge{display:none}
.origin-corner{top:11px;right:8px;font-size:13px}
.origin-story{padding:12px;justify-content:flex-start;gap:10px;font-size:9px;line-height:1.5}
.origin-story #origin-story-copy{text-align:left}
.origin-story-marker{font-size:9px}
}
@media (max-width:365px){
.origin-school-crest{width:26px;height:28px}
.origin-id-text strong{font-size:10px}
.origin-identity{gap:5px}
}
@media (prefers-reduced-motion:reduce){
.origin-bridge-glyph{animation:none}
}
@media (min-width:1200px){
.hero .origin-panel{position:absolute;top:151px;right:var(--gutter);width:clamp(460px,32vw,565px);margin:0;box-shadow:12px 13px 0 #10101018;transform:rotate(1.5deg)}
.hero .origin-side{min-height:106px;padding:13px 14px;gap:8px}
.hero .origin-duo{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}
.hero .origin-side-no{font-size:8px}
.hero .origin-school-crest{width:37px;height:40px}
.hero .origin-identity{min-height:45px;gap:8px}
.hero .origin-role{font-size:8px}
.hero .origin-id-text strong{font-size:12px}
.hero .origin-id-text strong span{font-size:9px}
.hero .origin-tattvik{max-width:140px;max-height:43px}
.hero .origin-bridge-glyph{font-size:29px}
.hero .origin-bridge-line{width:5px}
.hero .origin-strap{padding:8px 12px;font-size:8px}
.hero .origin-story{padding:8px 11px;font-size:9px}
.hero .origin-story-counter{display:none}
}