
/* Sector directories — generated for XYR HUB 4.1 */
.sector-page{background:#050817}
.sector-hero{position:relative;overflow:hidden;padding:82px 0 76px;border-bottom:1px solid var(--line);isolation:isolate}
.sector-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 30%,#5630ad35,transparent 30%),radial-gradient(circle at 72% 72%,#2fb6cb25,transparent 34%),#06091d}
.sector-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/circuit-field.svg') center/cover;opacity:.13}
.sector-hero .breadcrumbs{margin-bottom:38px}.sector-kicker{margin-bottom:18px}
.sector-hero h1{max-width:930px;margin:0 0 24px;font-size:clamp(48px,6vw,86px)}
.sector-hero h1 span{color:var(--cyan)}.sector-hero p{max-width:740px;color:#bec4df;font-size:18px;line-height:1.8}
.sector-directory{padding:94px 0 118px}.sector-intro{display:grid;grid-template-columns:1fr .82fr;gap:60px;align-items:end;margin-bottom:46px}.sector-intro>p{color:var(--muted);line-height:1.85}
.professional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.professional-card{border:1px solid #38406a;background:linear-gradient(145deg,#0e1334e8,#080b22e8);display:grid;grid-template-columns:170px 1fr;min-height:252px;text-align:left;padding:0;border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.professional-card:hover{transform:translateY(-4px);border-color:#6ff5ff88;box-shadow:0 18px 50px #05091d80,0 0 30px #6ff5ff10}.professional-card img{width:170px;height:100%;object-fit:cover;border-right:1px solid #2c355e}
.professional-card-copy{padding:26px 26px 24px}.professional-card small{display:block;color:var(--cyan);font-size:10px;letter-spacing:1.9px;text-transform:uppercase;margin-bottom:7px}.professional-card h2{font-size:25px;line-height:1.15;margin:0 0 7px}.professional-card .role{display:block;color:#b7bdd9;font-size:14px;margin-bottom:18px}.professional-card .mini-tags{display:flex;flex-wrap:wrap;gap:7px}.professional-card .mini-tags span,.professional-modal-tags span{border:1px solid #4b5180;background:#11163a;padding:6px 9px;border-radius:3px;font-size:10px;color:#d9dcf0;letter-spacing:.4px}.professional-card .open-profile{display:inline-flex;margin-top:20px;color:var(--violet);font-weight:700;font-size:12px;letter-spacing:.5px}
.professional-dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100svh - 32px);border:1px solid #53608f;background:#080c25;color:var(--text);padding:0;border-radius:16px;box-shadow:0 30px 100px #000b;overflow:auto}.professional-dialog::backdrop{background:#02040de6;backdrop-filter:blur(8px)}.professional-dialog .dialog-close{position:absolute;right:18px;top:18px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid #53608f;background:#0e1434;color:white;font-size:24px}.professional-modal-layout{display:grid;grid-template-columns:330px 1fr;min-height:520px}.professional-modal-media{background:#050817;border-right:1px solid #343c67}.professional-modal-media img{width:100%;height:100%;min-height:520px;object-fit:cover}.professional-modal-copy{padding:52px 48px}.professional-modal-copy .eyebrow{margin-bottom:18px}.professional-modal-copy h2{font-size:44px;line-height:1.06;margin-bottom:9px}.professional-modal-role{color:var(--cyan);font-weight:600;margin-bottom:26px}.professional-modal-desc{position:relative;min-height:145px;color:#c1c6df;line-height:1.8}.professional-modal-desc .terminal-layout{visibility:hidden}.professional-modal-desc .terminal-output{position:absolute;inset:0}.professional-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 34px}.professional-dialog .button{width:100%}
.sector-switcher{padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070a1d}.sector-switcher nav{display:flex;flex-wrap:wrap;gap:9px}.sector-switcher a{padding:10px 13px;border:1px solid #353d67;border-radius:3px;font-size:11px;color:#afb6d6}.sector-switcher a:hover,.sector-switcher a.active{border-color:var(--cyan);color:#fff;background:#0e1839}
@media(max-width:900px){.sector-intro{grid-template-columns:1fr;gap:20px}.professional-grid{grid-template-columns:1fr}.professional-modal-layout{grid-template-columns:260px 1fr}.professional-modal-copy{padding:46px 32px}.professional-modal-copy h2{font-size:36px}}
@media(max-width:650px){.sector-hero{padding:52px 0 58px}.sector-hero h1{font-size:clamp(43px,12vw,64px)}.sector-hero p{font-size:15px}.sector-directory{padding:64px 0 78px}.professional-card{grid-template-columns:112px 1fr;min-height:218px}.professional-card img{width:112px}.professional-card-copy{padding:20px 16px}.professional-card h2{font-size:20px}.professional-card .mini-tags{gap:5px}.professional-card .mini-tags span{font-size:8px;padding:5px 6px}.professional-modal-layout{display:block}.professional-modal-media{height:250px;border-right:0;border-bottom:1px solid #343c67}.professional-modal-media img{min-height:0;height:250px}.professional-modal-copy{padding:32px 22px 26px}.professional-modal-copy h2{font-size:31px}.professional-modal-desc{min-height:190px}.professional-dialog .dialog-close{right:12px;top:12px}.sector-switcher nav{display:grid;grid-template-columns:repeat(2,1fr)}}


/* XYR HUB 4.2 — profile modal: restores the original animated cyber dialog treatment. */
.professional-dialog.cyber-panel{isolation:isolate;overflow:auto;transform-origin:center center}
.professional-dialog.cyber-panel[open]{animation:professional-dialog-activate .34s cubic-bezier(.18,.72,.28,1) both}
.professional-dialog.cyber-panel::backdrop{background:#030513e5;backdrop-filter:blur(7px);animation:professional-backdrop-activate .28s ease-out both}
.professional-dialog.cyber-panel>.professional-modal-layout{position:relative;z-index:2}
.professional-dialog.cyber-panel>.dialog-close{z-index:6}
.professional-dialog.cyber-panel>.panel-fx{z-index:4;border-radius:inherit;pointer-events:none}
.professional-dialog.cyber-panel .professional-modal-media img{animation:professional-media-activate .46s .06s cubic-bezier(.2,.7,.25,1) both}
.professional-dialog.cyber-panel .professional-modal-copy>*{animation:professional-copy-activate .38s cubic-bezier(.2,.7,.25,1) both}
.professional-dialog.cyber-panel .professional-modal-copy>*:nth-child(2){animation-delay:.04s}
.professional-dialog.cyber-panel .professional-modal-copy>*:nth-child(3){animation-delay:.07s}
.professional-dialog.cyber-panel .professional-modal-copy>*:nth-child(4){animation-delay:.1s}
.professional-dialog.cyber-panel .professional-modal-copy>*:nth-child(5){animation-delay:.13s}
.professional-dialog.cyber-panel .professional-modal-copy>*:nth-child(6){animation-delay:.16s}
@keyframes professional-dialog-activate{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes professional-backdrop-activate{from{background:#03051300;backdrop-filter:blur(0)}to{background:#030513e5;backdrop-filter:blur(7px)}}
@keyframes professional-media-activate{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}
@keyframes professional-copy-activate{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.professional-dialog.cyber-panel[open],.professional-dialog.cyber-panel::backdrop,.professional-dialog.cyber-panel .professional-modal-media img,.professional-dialog.cyber-panel .professional-modal-copy>*{animation:none!important}}
