/* Midnight DeepTek — Update Pack 1 overrides */
.hero{background-image:url('assets/hero-clean-new.png')!important;background-position:center!important}
.site-header .brand img{width:64px!important;height:64px!important}
.site-header.scrolled .brand img{width:56px!important;height:56px!important}

/* Stable latest-video frame: prevents mobile image growth and scroll anchoring */
.video-card.featured,.video-frame,.latest-visual{overflow-anchor:none}
.video-frame{aspect-ratio:16/9;min-height:0;overflow:hidden;contain:layout paint;background:#000}
.latest-visual{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden;background:#000;touch-action:manipulation}
.latest-visual img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}
.latest-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,8,15,.7),transparent 55%);pointer-events:none}
@media(hover:hover) and (pointer:fine){.latest-visual:hover img{transform:scale(1.025);filter:brightness(1.08)}}
.latest-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);background:rgba(0,15,24,.78);color:var(--cyan);font-size:1.5rem;box-shadow:0 0 35px rgba(0,239,255,.45);padding-left:5px}
.latest-status{position:absolute;z-index:4;left:16px;bottom:16px;color:var(--cyan);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(0,12,20,.82);border:1px solid rgba(0,239,255,.48);padding:8px 10px}

/* Expandable technology-sector briefings */
.sector.sector-interactive{cursor:default;min-height:390px;height:auto}
.sector-toggle{position:relative;z-index:4;align-self:flex-start;margin-top:16px;border:1px solid rgba(0,239,255,.42);background:rgba(2,14,24,.82);color:var(--cyan);padding:9px 11px;font:600 .58rem/1 Montserrat,sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.sector-toggle:hover,.sector-toggle:focus-visible{border-color:var(--cyan);box-shadow:0 0 18px rgba(0,239,255,.18);outline:none}
.sector-detail{position:relative;z-index:3;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .35s ease,opacity .25s ease,transform .35s ease}
.sector-detail p{margin:15px 0 0!important;padding:14px 0 0;border-top:1px solid rgba(0,239,255,.2);font-size:.78rem!important;line-height:1.65!important;color:#d0e1ea!important}
.sector.open .sector-detail{max-height:260px;opacity:1;transform:none}
.sector.open{background-size:cover;transform:none;border-color:rgba(0,239,255,.6);box-shadow:inset 0 0 35px rgba(0,239,255,.09)}

.deep-displays{align-items:stretch}
.holo-frame.interactive{height:620px;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.holo-frame.interactive:hover,.holo-frame.interactive.open{transform:translateY(-5px);border-color:var(--cyan);box-shadow:inset 0 0 42px rgba(0,239,255,.15),0 0 34px rgba(0,239,255,.16)}
.holo-frame.interactive>img{width:94%!important;height:calc(100% - 76px)!important;left:50%!important;bottom:52px!important;object-fit:contain!important;object-position:center bottom!important;transform:translateX(-50%)!important}
.deep-toggle{position:absolute;z-index:8;inset:0;border:0;background:transparent;color:transparent;cursor:pointer}
.deep-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:-5px}
.deep-card-caption{position:absolute;z-index:7;left:0;right:0;bottom:0;margin:0;padding:19px 18px;background:linear-gradient(transparent,#02101b 35%);text-align:center;font-size:.72rem;letter-spacing:.08em;color:#e9fbff}
.deep-drawer{position:absolute;z-index:10;left:14px;right:14px;bottom:14px;max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);transition:max-height .35s ease,opacity .25s ease,transform .35s ease;background:rgba(2,12,22,.96);border:1px solid rgba(0,239,255,.55);box-shadow:0 0 35px rgba(0,239,255,.16);pointer-events:none}
.holo-frame.open .deep-drawer{max-height:285px;opacity:1;transform:none;pointer-events:auto}
.holo-frame.open .deep-card-caption{opacity:0}
.deep-drawer-inner{padding:21px}
.deep-drawer .eyebrow{margin:0 0 8px}.deep-drawer h3{font-family:'Bebas Neue';font-size:2rem;font-weight:400;margin:0 0 9px}.deep-drawer p{position:static!important;background:none!important;padding:0!important;text-align:left!important;line-height:1.55!important;color:#aac0cf!important;margin:0 0 14px!important;letter-spacing:0!important}
.deep-links{display:flex;flex-wrap:wrap;gap:8px}.deep-links a{position:relative;z-index:12;border:1px solid rgba(0,239,255,.28);padding:8px 10px;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:var(--cyan);background:#041522}
.pet-companion{display:flex;align-items:center;gap:14px;margin-top:28px;padding:13px 16px;border:1px solid rgba(0,239,255,.25);background:linear-gradient(100deg,rgba(4,25,40,.72),rgba(2,10,18,.25));max-width:390px}
.pet-companion img{width:92px;height:72px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,239,255,.45));animation:petFloat 3.2s ease-in-out infinite}
.pet-companion span{display:block;color:var(--cyan);font-size:.58rem;letter-spacing:.16em;margin-bottom:5px}.pet-companion p{margin:0!important;font-size:.75rem!important;line-height:1.45!important}
@keyframes petFloat{50%{transform:translateY(-6px)}}
@media(max-width:950px){.holo-frame.interactive{height:560px}}
@media(max-width:650px){
  .hero{background-image:url('assets/hero-mobile-custom.png')!important;background-position:center top!important;background-size:cover!important;align-items:center!important;padding:118px 20px 72px!important;min-height:100svh}
  .hero-shade{background:linear-gradient(180deg,rgba(1,7,15,.58) 0%,rgba(1,7,15,.08) 24%,rgba(1,7,15,.18) 58%,rgba(2,8,19,.9) 100%)!important}
  .hero-content{width:100%;max-width:520px;margin:0 auto;text-align:center;transform:translateY(4vh)}
  .hero .eyebrow{font-size:.6rem;line-height:1.6;letter-spacing:.17em}
  .hero h1{font-size:clamp(3.7rem,18vw,5.25rem);line-height:.86;margin:.18em 0}
  .hero .lede{max-width:34rem;margin:0 auto;font-size:.86rem;line-height:1.65;text-shadow:0 2px 18px rgba(0,0,0,.85)}
  .hero .actions{justify-content:center;margin-top:24px}
  .site-header .brand img{width:52px!important;height:52px!important}.site-header .brand{gap:8px}.site-header .brand strong{font-size:1.35rem}
  .video-frame{width:100%;height:auto;aspect-ratio:16/9}.latest-visual img{transition:none;transform:none!important;filter:none!important}.latest-play{width:64px;height:64px;font-size:1.15rem}.latest-status{left:10px;bottom:10px;font-size:.48rem}
  .sector.sector-interactive{min-height:340px}.sector.open{min-height:430px}.sector-detail p{font-size:.75rem!important}
  .holo-frame.interactive{height:470px}.holo-frame.interactive>img{width:110%!important;height:calc(100% - 68px)!important}.deep-drawer{left:8px;right:8px;bottom:8px}.deep-drawer-inner{padding:15px}.deep-drawer h3{font-size:1.55rem}.deep-links{gap:6px}.deep-links a{font-size:.5rem;padding:7px}.pet-companion{max-width:100%}.pet-companion img{width:78px;height:62px}
}
@media(max-width:420px){
  .hero-content{transform:translateY(2vh)}
  .hero .actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero .btn{width:100%}
}