/* Hero mission-brief player: the one-minute video takes the portrait's place, front and centre. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,1fr);gap:5%;overflow:clip}
/* Size the headline to its own column ("complex systems" is ~8.8em wide and never wraps) */
.hero-copy{container-type:inline-size}
.hero h1{font-size:clamp(34px,10.4cqi,84px)}
.identity{width:100%;max-width:660px}
.brief-stage{position:relative}
.brief-player{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#07060b;isolation:isolate;
  border:1px solid #ffffff2b;box-shadow:0 40px 90px #0007,0 0 0 1px #00000040,0 0 80px #8b5cff22}
.brief-player video{display:block;width:100%;height:100%;object-fit:cover;background:#07060b}
.brief-player:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 55%,transparent 35%,#0009 100%);transition:opacity .4s}
.brief-player.is-playing:after{opacity:0}

.brief-play{position:absolute;inset:0;z-index:3;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:14px;padding:0 0 26px 28px;
  border:0;background:transparent;color:#f6f2ff;cursor:pointer;transition:opacity .35s,visibility .35s}
.brief-player.is-playing .brief-play{opacity:0;visibility:hidden;pointer-events:none}
.brief-play-ring{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;
  background:#07060b80;border:1px solid #ffffff55;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 0 0 10px #ffffff0d,0 0 60px #ff4d8d55;transition:transform .35s var(--fd-ease,ease),box-shadow .35s}
.brief-play-ring .fd-play{width:38px;height:38px;background:#fff}
.brief-play-ring .fd-play:before{margin-left:4px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}
.brief-play-ring .fd-play:after{inset:-14px;border-color:#ff86b0}
.brief-play:hover .brief-play-ring{transform:scale(1.07);box-shadow:0 0 0 14px #ffffff12,0 0 80px #ff4d8d88}
.brief-play:active .brief-play-ring{transform:scale(.96)}
.brief-play:focus-visible{outline:none}
.brief-play:focus-visible .brief-play-ring{outline:2px solid #ff86b0;outline-offset:6px}
.brief-play-label{margin-bottom:20px;padding:8px 14px;border-radius:999px;background:#07060bb3;border:1px solid #ffffff26;
  font:500 11px var(--fd-mono,monospace);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.brief-play-label b{font-weight:500;color:#ff86b0;margin-left:6px}

/* HUD corner brackets, echoing the video's own frame */
.bc{position:absolute;z-index:2;width:18px;height:18px;border:0 solid #ffffffa0;pointer-events:none;transition:opacity .4s}
.bc.tl{left:12px;top:12px;border-left-width:1.5px;border-top-width:1.5px}
.bc.tr{right:12px;top:12px;border-right-width:1.5px;border-top-width:1.5px}
.bc.bl{left:12px;bottom:12px;border-left-width:1.5px;border-bottom-width:1.5px}
.bc.br{right:12px;bottom:12px;border-right-width:1.5px;border-bottom-width:1.5px}
.brief-player.is-playing .bc{opacity:0}

.brief-stage .c1{top:auto;bottom:-14px;left:auto;right:150px}
.brief-stage .c2{top:-14px;bottom:auto;right:22px}

/* The portrait now lives as a small avatar in the ID card */
.identity .id-card{display:flex;align-items:center;gap:18px;padding-top:24px}
.id-avatar{flex:none;width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:50% 30%;
  border:1px solid #ffffff40;box-shadow:0 0 0 4px #ffffff0d;filter:saturate(.8) contrast(1.04)}
.id-card > div{min-width:0}

@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr)}}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;padding-bottom:130px}
  .identity{display:block;max-width:100%;justify-self:stretch}
  .identity .id-card{display:flex}
  .brief-play{padding:0 0 16px 18px}
  .brief-play-ring{width:56px;height:56px}
  .brief-play-ring .fd-play{width:30px;height:30px}
  .brief-play-label{margin-bottom:13px}
}
@media(max-width:580px){.id-avatar{width:56px;height:56px}.brief-play-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brief-play-ring,.brief-play{transition:none}}