/* V3.2 // mockup-led SPD composition */

:root{--spd-blue:#74cfff;--spd-ice:#cfeaff;--spd-red:#ff304a;--spd-deep:#03101b}
.shell{width:min(1580px,calc(100% - 32px))}
.layout.mock-layout{padding-top:18px}

/* TOP SYSTEM BAR */
.mock-topbar{height:68px;grid-template-columns:auto minmax(220px,1fr) auto auto;padding:0 22px;border-color:rgba(125,184,226,.25);clip-path:polygon(0 0,100% 0,100% 72%,98.8% 72%,98.1% 100%,2% 100%,1.2% 72%,0 72%)}
.mock-topbar::before{content:"";position:absolute;left:0;top:0;width:7px;height:44px;background:var(--red);box-shadow:0 0 16px rgba(255,48,74,.55)}
.mock-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding-right:26px;border-right:1px solid rgba(166,211,242,.35)}
.mock-brand strong{font-size:27px;letter-spacing:-.08em;color:#d7ebf8;line-height:.8;text-shadow:0 0 15px rgba(116,207,255,.2)}
.mock-brand small{grid-column:1/-1;margin-top:5px;font:700 7px "Space Mono";letter-spacing:.08em;color:#9bb5c7}
.mock-motto{padding-left:26px;font-size:8px;color:#87a4b8;letter-spacing:.08em;white-space:nowrap}
.mock-nav{gap:42px;padding:0 28px}.mock-nav a{padding:25px 0 22px;font-size:10px}.mock-nav a:first-child{color:var(--red)}
.mock-top-right{justify-self:end;display:flex;align-items:center;gap:11px;min-width:0}.portfolio-code{font-size:8px;color:#88a3b6;white-space:nowrap}.motion-compact{padding:7px 8px;font-size:7px}
.site-metrics{display:flex;align-items:center;gap:7px;font-size:7px;color:#718fa5}.site-metrics>span,.site-favorite{height:28px;display:flex;align-items:center;gap:5px;border:1px solid rgba(116,207,255,.16);background:rgba(5,18,29,.6);padding:0 8px}.site-metrics b{color:#d9edf9;font-weight:700}.site-favorite{color:#8da8bb;cursor:pointer}.site-favorite svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.site-favorite:hover,.site-favorite[aria-pressed="true"]{color:var(--red);border-color:rgba(255,48,74,.45);box-shadow:0 0 16px rgba(255,48,74,.08)}.site-favorite[aria-pressed="true"] svg{fill:rgba(255,48,74,.18)}

/* MAIN MOCKUP HERO */
.mock-hero{display:grid;grid-template-columns:92px 420px minmax(0,1fr);gap:22px;align-items:stretch;position:relative;min-height:570px}.mock-hero::after{content:"";position:absolute;left:536px;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,rgba(116,207,255,.35),rgba(255,48,74,.45) 76%,transparent)}
.hero-side-rail{align-self:center;height:380px;border:1px solid rgba(131,187,227,.2);border-right:0;background:linear-gradient(180deg,rgba(8,26,41,.58),rgba(4,12,21,.72));clip-path:polygon(0 8%,12% 0,100% 0,100% 100%,12% 100%,0 92%);padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between;color:#7290a7;font-size:10px;line-height:1.45;letter-spacing:.06em}.hero-side-rail strong{font-size:12px;font-weight:400;color:#91aabe}.hero-side-rail i{display:block;width:18px;height:3px;background:var(--red);box-shadow:0 0 10px rgba(255,48,74,.4)}

/* PROFILE RECORD // 3:4 dossier frame */
.portrait-console{position:relative;width:100%;aspect-ratio:3/4;min-height:0!important;height:auto!important;padding:0!important;background:linear-gradient(180deg,#07131f,#030a11)!important;border:1px solid rgba(145,194,229,.35)!important;clip-path:polygon(7% 0,78% 0,82% 7px,97% 7px,100% 4%,100% 96%,97% 100%,8% 100%,0 93%,0 8%)!important;box-shadow:0 22px 56px rgba(0,0,0,.38),inset 0 0 0 5px rgba(3,10,16,.8)!important;overflow:hidden}
.portrait-console::before{content:""!important;position:absolute!important;left:8px!important;top:22px!important;bottom:40px!important;width:6px!important;background:linear-gradient(180deg,var(--red) 0 36%,transparent 36% 43%,var(--red) 43% 78%,transparent 78%)!important;box-shadow:0 0 13px rgba(255,48,74,.45)!important;z-index:8!important}
.portrait-console::after{content:""!important;position:absolute!important;inset:7px!important;border:1px solid rgba(117,187,235,.12)!important;clip-path:polygon(7% 0,92% 0,100% 8%,100% 92%,92% 100%,7% 100%,0 92%,0 8%)!important;pointer-events:none}
.portrait-console__title{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 34px;position:relative;z-index:9}.portrait-console__title strong{color:var(--red);font-size:13px;letter-spacing:.08em}.portrait-console__title span{font-size:7px;color:#8ea9bc}
.portrait-console__bezel{position:absolute;left:18px;right:18px;top:46px;bottom:14px;padding:7px;background:linear-gradient(135deg,rgba(213,234,248,.7),rgba(55,89,115,.18) 17%,rgba(3,10,16,.85) 18% 82%,rgba(154,205,239,.55) 83%);clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%)}
.portrait-console__frame{position:relative;height:100%!important;min-height:0!important;overflow:hidden;border:1px solid rgba(196,229,251,.45)!important;border-left:0!important;background:#08131d!important;clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%)!important;box-shadow:inset 0 0 30px rgba(6,20,31,.42)!important}
.portrait-console__frame::before{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;background:linear-gradient(90deg,rgba(3,17,27,.22),transparent 36%,rgba(4,15,24,.04)),linear-gradient(180deg,rgba(5,12,18,.1) 48%,rgba(2,8,13,.58) 100%)!important;pointer-events:none!important}
.portrait-console__frame::after{display:none!important}
.portrait-console img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 24%!important;transform:scale(1.015)!important;filter:saturate(.88) contrast(1.04) brightness(.9)!important}
.portrait-console__meta{position:absolute;z-index:6;left:26px;top:20px;display:grid;gap:4px;color:#d5e4ef;font-size:8px;line-height:1.1;text-shadow:0 1px 5px #000}.portrait-console__rail{position:absolute;z-index:7;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,var(--red),rgba(255,48,74,.18) 62%,transparent);box-shadow:4px 0 14px rgba(255,48,74,.22)}
.portrait-console__barcode{position:absolute;z-index:7;left:25px;bottom:19px;width:74px;height:30px;border-top:1px solid rgba(219,238,251,.5);border-bottom:1px solid rgba(219,238,251,.28);background:repeating-linear-gradient(90deg,#d7e6ef 0 1px,transparent 1px 3px,#d7e6ef 3px 4px,transparent 4px 7px);opacity:.82}.portrait-console__caption{position:absolute;z-index:7;left:112px;bottom:17px;right:72px;display:grid;gap:2px;color:#e5f1f8}.portrait-console__caption b{font-size:8px;line-height:1.15}.portrait-console__caption small{font-size:6px;color:#9fb4c4}.portrait-console__status{position:absolute;z-index:7;right:18px;bottom:18px;color:#42e8ad;font-size:8px;display:flex;align-items:center;gap:6px}.portrait-console__status i{width:8px;height:8px;border-radius:50%;background:#3be3a8;box-shadow:0 0 12px rgba(59,227,168,.8)}

/* HERO CONTENT */
.mock-hero-main{min-width:0;display:flex;flex-direction:column;padding-top:22px}.mock-hero-line{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;height:30px;color:#91a9ba;font-size:8px}.mock-hero-line span{font-size:10px}.mock-hero-line b{color:var(--red)}.mock-hero-line i{height:1px;background:linear-gradient(90deg,#68889e 0 55%,var(--red) 55% 70%,transparent 70%)}.mock-hero-line em{font-style:normal;white-space:nowrap;color:#6f8ba0}
.hero-copy-row{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px;align-items:start;margin-top:12px}.hero__copy{align-self:start!important;padding:0 0 0 8px!important;position:relative;min-width:0}.hero__copy::after{display:none!important}.hero__copy h1{font-size:clamp(42px,4.1vw,68px)!important;line-height:1!important;letter-spacing:-.04em!important;margin:12px 0 12px!important;text-shadow:0 2px 14px rgba(116,207,255,.08)}.name-accent{display:block;width:58px;height:4px;background:var(--red);box-shadow:0 0 12px rgba(255,48,74,.4);margin:8px 0 13px}.hero-designer{font-size:18px;color:#9dc0d8;margin:0 0 18px}.mock-bio{display:grid;gap:10px}.mock-bio p{margin:0;display:flex;align-items:center;gap:11px;font-size:14px;color:#c1d4e1}.mock-bio p span{width:18px;color:#a7c9df;font-size:18px}.hero__copy blockquote{margin:24px 0 0;padding:0;color:#78a4c2;font-size:8px}.hero-watermark{position:absolute;right:-10px;top:115px;font-size:100px;font-weight:800;letter-spacing:-.08em;color:rgba(170,213,241,.045);line-height:.75;pointer-events:none}.hero-watermark small{display:block;font-size:12px;letter-spacing:.08em;text-align:center;margin-top:12px}

.mock-identity{min-height:0!important;height:272px!important;margin-top:10px;border-color:rgba(137,198,239,.42)!important;clip-path:polygon(7% 0,93% 0,100% 8%,100% 92%,93% 100%,7% 100%,0 92%,0 8%)!important}.mock-identity::before{content:"";position:absolute;inset:7px;border:1px solid rgba(137,198,239,.12);pointer-events:none}.mock-identity .identity-card__video{opacity:.18!important}.mock-identity .identity-card__overlay{background:linear-gradient(180deg,rgba(4,15,25,.87),rgba(3,12,21,.92)),linear-gradient(rgba(88,221,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(88,221,255,.045) 1px,transparent 1px)!important;background-size:auto,18px 18px,18px 18px!important}.mock-identity .identity-card__content{padding:17px 21px!important}.mock-identity .identity-card__label{font-size:10px!important;color:#d7e7f2!important;border-bottom:1px solid rgba(145,197,231,.28);padding-bottom:12px;margin:0 0 6px}.mock-identity dl{margin:0!important}.mock-identity dl>div{padding:10px 0!important}.mock-identity dt{font-size:8px!important}.mock-identity dd{font-size:11px!important;display:flex;gap:8px;align-items:center}.mock-identity dd#heroPresence{font-size:8px!important}.mock-identity .identity-card__tag{left:21px!important;right:21px!important;bottom:14px!important;font-size:6px!important;line-height:1.3!important;border-left:1px solid rgba(116,207,255,.35)!important;padding:4px 8px!important;background:transparent!important;color:#7f9eb3!important}

/* SOCIAL LINKS // all existing channels retained */
.connect-panel{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:auto 1fr;gap:8px 16px;border-top:1px solid rgba(117,174,214,.24);border-bottom:1px solid rgba(117,174,214,.18);padding:8px 0 10px}.connect-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:9px;color:#a3bbcb}.connect-head i{height:1px;flex:1;background:linear-gradient(90deg,rgba(116,207,255,.26),rgba(255,48,74,.22),transparent)}.connect-panel .social-grid{display:grid!important;grid-template-columns:repeat(7,minmax(86px,1fr))!important;gap:8px!important;padding:0!important}.connect-panel .social-card{min-height:78px!important;padding:9px 7px!important;display:grid!important;justify-items:center!important;align-content:center!important;gap:5px!important;text-align:center!important;clip-path:polygon(8% 0,92% 0,100% 13%,100% 87%,92% 100%,8% 100%,0 87%,0 13%);border-color:rgba(116,207,255,.27)!important;background:linear-gradient(180deg,rgba(8,25,39,.75),rgba(4,13,22,.88))!important}.connect-panel .social-card::after{display:none!important}.connect-panel .social-icon{width:30px!important;height:30px!important}.connect-panel .social-icon svg{width:24px!important;height:24px!important;color:#7cd4ff}.connect-panel .social-copy strong{font-size:10px!important;font-weight:500!important}.connect-panel .social-copy span{display:none!important}.connect-note{display:flex;align-items:center;padding-left:12px;border-left:1px solid rgba(116,207,255,.16);font-size:7px;line-height:1.4;color:#6f8ca0}
.telemetry-strip{margin-top:8px;display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.telemetry-strip>span{border:1px solid rgba(116,207,255,.12);background:rgba(4,15,24,.48);padding:5px 7px;font-size:6px;color:#69869b}.telemetry-strip b{color:#9fc6de}

/* LOWER ROW // audio left + merged communications right */
.operations-grid{display:grid;grid-template-columns:450px minmax(0,1fr);gap:18px;margin-top:20px;align-items:stretch}.operations-grid>.panel{box-shadow:0 16px 44px rgba(0,0,0,.28)}.operations-head{height:40px;border-bottom:1px solid rgba(122,179,219,.22);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:8px;color:#7d9aaf}.operations-head strong{color:var(--red);font-size:11px}.operations-head em{font-style:normal}.audio-channel{min-height:258px}.audio-channel__body{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:17px 20px 18px}.audio-channel__cover{width:140px!important;height:150px!important;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);border-color:rgba(116,207,255,.3)!important}.audio-channel__info{min-width:0;display:flex;flex-direction:column}.audio-channel__info>small{font-size:7px;color:#718fa4}.audio-channel__info>strong{font-size:14px;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-channel__info>span{font-size:10px;color:#8aa3b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-channel__line{height:2px;background:linear-gradient(90deg,#9ec9e5,transparent);margin:18px 0 11px}.audio-channel .player-controls{gap:10px}.audio-channel .player-controls button{min-width:46px;height:42px}.audio-channel__open{margin-top:14px;width:100%;padding:10px 12px!important}
.communications-terminal{min-height:258px}.communications-terminal__head{display:grid;grid-template-columns:auto 1fr auto;gap:18px}.communications-terminal__head>span{text-align:center}.communications-terminal__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.95fr);gap:14px;padding:10px 13px 13px}.send-terminal,.approved-feed{border:1px solid rgba(116,207,255,.19);background:rgba(2,11,19,.46);min-width:0}.send-terminal{padding:0 12px 10px}.subpanel-title{height:32px;display:flex;align-items:center;font-size:9px;color:#d4e4ee}.send-terminal>label{display:grid;gap:4px;margin-bottom:7px;color:#809aac;font:700 7px "Space Mono"}.send-terminal>label span{color:#597487}.send-terminal input[type="text"],.send-terminal textarea{width:100%;border:1px solid rgba(116,207,255,.18);background:rgba(1,7,12,.72);color:#e9f6ff;padding:8px 9px;outline:none;font-size:10px}.send-terminal textarea{min-height:50px;max-height:80px;resize:vertical}.send-terminal__bottom{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center}.send-terminal fieldset{display:flex;gap:8px;border:0;border-right:1px solid rgba(116,207,255,.19);margin:0;padding:2px 12px 2px 0}.send-terminal fieldset legend{font:700 6px "Space Mono";color:#607d91}.send-terminal fieldset label,.send-terminal .anonymous-toggle{display:flex;align-items:center;gap:4px;font:700 7px "Space Mono";color:#9bb0bf;white-space:nowrap}.send-terminal .anonymous-toggle{border:0;padding:0;background:none}.send-terminal .turnstile-slot{margin:0!important;padding:5px 7px!important;font-size:6px!important;min-height:auto}.send-terminal__submit{padding:8px 10px!important;font-size:8px!important;white-space:nowrap}.send-terminal .terminal-response{min-height:12px;margin:5px 0 0!important;font-size:7px}.approved-feed{display:flex;flex-direction:column}.approved-feed__head{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(116,207,255,.17)}.feed-refresh{border:1px solid rgba(116,207,255,.2);background:#071522;color:#7dcfff;width:28px;height:22px;cursor:pointer}.approved-feed .transmissions__list{padding:9px!important;max-height:178px!important;overflow:auto}.approved-feed .empty-state{min-height:154px!important;color:#658298!important;font-size:7px!important}.approved-feed .empty-state small{font-size:6px;color:#526d80}.approved-feed .transmission-card{padding:8px!important;margin-bottom:6px!important}.approved-feed .transmission-card__body{font-size:10px!important;line-height:1.45}.approved-feed .transmission-card__head{font-size:8px!important}.approved-feed .transmission-card__reactions button{padding:3px 5px!important;font-size:8px}

/* SEASONAL + FOOTER */
.seasonal--compact{margin:14px 0 0!important;min-height:38px!important;border:1px solid rgba(116,207,255,.13);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(4,13,22,.55);clip-path:polygon(0 0,98.5% 0,100% 38%,100% 100%,1.5% 100%,0 62%)}.seasonal--compact span{font-size:7px;color:#657f92}.seasonal--compact strong{font-size:10px;color:#94aebe;letter-spacing:.08em}.mock-footer{min-height:58px!important;margin-top:15px!important;grid-template-columns:auto 1fr auto auto!important;padding:10px 8px!important;border-left:0!important;border-right:0!important}.footer-mark{display:flex;align-items:center;gap:13px}.footer-mark strong{font-size:24px;letter-spacing:-.08em;color:#8fa8b8}.footer-mark span,.footer-quote{font-size:7px!important;color:#617d91!important}.mock-footer .footer-socials{justify-self:center}.mock-footer .footer-socials a{width:27px;height:27px}.mock-footer .footer-socials svg{width:14px;height:14px}

/* RADAR legacy fix retained in case the visual returns later */
.radar__sweep{inset:-1px!important;width:auto!important;height:auto!important;left:0!important;top:0!important;border-radius:50%;transform-origin:50% 50%!important;background:conic-gradient(from 0deg,transparent 0 304deg,rgba(88,221,255,.018) 305deg,rgba(88,221,255,.18) 338deg,rgba(88,221,255,.42) 354deg,transparent 360deg)!important;animation:radarSweep 3.4s linear infinite!important;mix-blend-mode:screen}.radar__sweep::after{content:"";position:absolute;left:50%;top:50%;width:48%;height:1px;background:linear-gradient(90deg,rgba(88,221,255,.78),rgba(88,221,255,.06));box-shadow:0 0 8px rgba(88,221,255,.28)}

@media(max-width:1320px){.mock-motto{display:none}.mock-topbar{grid-template-columns:auto 1fr auto}.mock-nav{justify-self:center}.portfolio-code{display:none}.mock-hero{grid-template-columns:360px minmax(0,1fr)}.hero-side-rail{display:none}.mock-hero::after{left:382px}.portrait-console{max-width:360px}.hero-copy-row{grid-template-columns:minmax(0,1fr) 285px}.connect-panel .social-grid{grid-template-columns:repeat(4,1fr)!important}.connect-note{grid-column:2;grid-row:2}.operations-grid{grid-template-columns:390px minmax(0,1fr)}.audio-channel__body{grid-template-columns:115px 1fr}.audio-channel__cover{width:115px!important;height:132px!important}.send-terminal__bottom{grid-template-columns:auto auto 1fr}.send-terminal .turnstile-slot{display:none}}
@media(max-width:980px){.mock-topbar{grid-template-columns:1fr auto}.mock-nav{display:none}.mock-top-right{gap:7px}.site-metrics{display:none}.motion-compact{display:none}.mock-hero{grid-template-columns:1fr;gap:16px}.portrait-console{width:min(400px,100%);justify-self:center}.mock-hero-main{padding-top:0}.mock-hero::after{display:none}.hero-copy-row{grid-template-columns:1fr 280px}.connect-panel{grid-template-columns:1fr}.connect-note{display:none}.connect-panel .social-grid{grid-template-columns:repeat(4,1fr)!important}.operations-grid{grid-template-columns:1fr}.audio-channel{min-height:0}.audio-channel__body{grid-template-columns:120px 1fr}.audio-channel__cover{width:120px!important;height:136px!important}.communications-terminal__grid{grid-template-columns:1fr 1fr}.mock-footer{grid-template-columns:1fr auto!important}.footer-quote{display:none}.mock-footer .footer-socials{grid-column:1/-1;order:3;justify-self:start}}
@media(max-width:700px){.shell{width:min(100% - 18px,1580px)}.mock-topbar{height:60px;padding:0 13px}.mock-brand strong{font-size:22px}.mock-brand small{font-size:6px}.mock-hero-line em{display:none}.mock-hero-line{grid-template-columns:auto 1fr}.hero-copy-row{grid-template-columns:1fr}.mock-identity{width:100%;height:250px!important}.hero__copy h1{font-size:42px!important}.hero-watermark{font-size:74px;right:0}.connect-panel .social-grid{grid-template-columns:repeat(2,1fr)!important}.telemetry-strip{justify-content:flex-start}.communications-terminal__grid{grid-template-columns:1fr}.send-terminal__bottom{grid-template-columns:1fr 1fr}.send-terminal fieldset{border-right:0}.send-terminal__submit{grid-column:1/-1}.audio-channel__body{grid-template-columns:90px 1fr;padding:14px}.audio-channel__cover{width:90px!important;height:108px!important}.seasonal--compact{display:none}.mock-footer{grid-template-columns:1fr!important}.mock-footer .footer-socials{grid-column:auto}.mock-footer .btn{justify-self:start}}
@media(max-width:430px){.portfolio-code{display:none}.portrait-console__title strong{font-size:11px}.portrait-console__title span{font-size:6px}.connect-panel .social-card{min-height:70px!important}.send-terminal__bottom{grid-template-columns:1fr}.approved-feed .transmissions__list{max-height:220px!important}.mock-footer .footer-socials{flex-wrap:wrap}}