/* V8: human-first opening — less dashboard, more credible engineering portfolio. */
.human-v8 .hero{
  min-height:100svh;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr);
  gap:clamp(54px,6vw,118px);
  padding:132px clamp(34px,5.5vw,104px) 64px;
  background:
    radial-gradient(circle at 78% 25%,rgba(217,179,94,.13),transparent 32%),
    radial-gradient(circle at 12% 78%,rgba(103,112,91,.1),transparent 35%),
    #0a0a08;
}
.human-v8 .hero:before{background:linear-gradient(112deg,rgba(255,255,255,.018),transparent 44%)}
.human-v8 .hero-grid{opacity:.045;background-size:110px 110px;mask-image:linear-gradient(90deg,#000,transparent 64%)}
.human-v8 .hero-copy{max-width:860px}
.human-v8 .availability{margin-bottom:38px;padding:0;border:0;color:#9e988c;font-size:8px;letter-spacing:.14em}
.human-v8 .availability i{width:6px;height:6px;box-shadow:0 0 0 5px rgba(217,179,94,.08)}
.human-v8 .availability span{color:#d9b35e}
.human-v8 .eyebrow{margin-bottom:24px;color:#d9b35e;font-size:9px;letter-spacing:.2em}
.human-v8 .hero h1{
  max-width:900px;
  margin:0;
  font-size:clamp(58px,5.55vw,102px);
  font-weight:600;
  line-height:.94;
  letter-spacing:-.058em;
  text-transform:none;
}
.human-v8 .hero h1 em{
  display:block;
  max-width:900px;
  margin-top:9px;
  color:#e1bc69;
  font:italic 400 1.02em/.94 "Instrument Serif",serif;
  letter-spacing:-.045em;
  text-transform:none;
}
.human-v8 .hero-lede{max-width:710px;margin-top:34px;color:#aaa398;font-size:clamp(15px,1.12vw,18px);line-height:1.75}
.human-v8 .hero-actions{gap:15px;margin-top:38px}
.human-v8 .hero-work-link{min-width:238px;border-radius:999px;padding:16px 21px;box-shadow:none}
.human-v8 .hero-work-link b{font-size:13px}
.human-v8 .hero-ai-link{gap:12px;padding:6px 6px 6px 16px;border:1px solid rgba(217,179,94,.27);border-radius:999px;background:transparent;cursor:pointer}
.human-v8 .hero-ai-link span{width:34px;height:34px;border:0;background:rgba(217,179,94,.1)}
.human-v8 .hero-ai-link:hover{border-color:#d9b35e;color:#fff}
.human-v8 .hero-ai-link:hover span{transform:none}
.human-v8 .hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:720px;margin-top:48px;padding-top:0;border-top:1px solid rgba(217,179,94,.18);border-bottom:1px solid rgba(217,179,94,.18)}
.human-v8 .hero-trust span{display:grid;gap:7px;padding:19px 18px 19px 0;color:inherit;border-right:1px solid rgba(217,179,94,.18);font:inherit;text-transform:none;letter-spacing:normal}
.human-v8 .hero-trust span:not(:first-child){padding-left:18px}
.human-v8 .hero-trust span:last-child{border-right:0}
.human-v8 .hero-trust strong{color:#f4eee2;font-size:18px;line-height:1;letter-spacing:-.03em}
.human-v8 .hero-trust small{color:#736e65;font:500 7px/1.35 "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.human-v8 .identity-note{margin-top:16px;color:#5f5b54;font-size:7px}
.human-v8 .identity-note span{border-radius:50%}

.human-v8 .avatar-theatre{min-height:720px;place-items:end center}
.human-v8 .portrait-halo{width:112%;background:radial-gradient(ellipse,rgba(217,179,94,.18),transparent 68%);filter:blur(70px)}
.human-v8 .avatar-frame{
  width:min(37vw,590px);
  height:min(78svh,820px);
  overflow:hidden;
  border:0;
  border-radius:46% 46% 20px 20px;
  background:linear-gradient(180deg,rgba(26,25,21,.35),#0a0a08);
  box-shadow:0 54px 130px rgba(0,0,0,.44);
}
.human-v8 .avatar-frame:after,.human-v8 .avatar-frame:before,.human-v8 .avatar-vignette,.human-v8 .scan-line{display:none}
.human-v8 .avatar-image{object-fit:cover;filter:saturate(.9) contrast(1.01);transform:none}
.human-v8 .avatar-image.is-active{transform:none}
.human-v8 .avatar-image[data-avatar="standing"]{object-fit:contain;object-position:center bottom}
.human-v8 .avatar-image[data-avatar="listening"],.human-v8 .avatar-image[data-avatar="working"]{object-position:center 24%}
.human-v8 .scene-card,.human-v8 .avatar-caption{display:none}
.human-v8 .state-switcher{left:50%;right:auto;bottom:18px;transform:translateX(-50%);padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(10,10,8,.72);backdrop-filter:blur(16px);box-shadow:0 15px 45px rgba(0,0,0,.28)}
.human-v8 .state-switcher button{padding:10px 14px;border-radius:999px;color:#817b70;font-size:7px}
.human-v8 .state-switcher button.is-active{background:#e1bc69;color:#0a0a08}
.human-v8 .hero-index,.human-v8 .hero-watermark{display:none}

@media(max-width:1120px){
  .human-v8 .hero{grid-template-columns:1fr;gap:70px;padding-top:118px}
  .human-v8 .hero-copy{max-width:900px}
  .human-v8 .hero h1{max-width:880px;font-size:clamp(64px,9.5vw,102px)}
  .human-v8 .avatar-theatre{min-height:760px;place-items:center}
  .human-v8 .avatar-frame{width:min(76vw,620px);height:min(82svh,820px)}
}
@media(max-width:700px){
  .human-v8 .hero{gap:28px;padding:96px 20px 42px}
  .human-v8 .hero-copy{width:100%;min-width:0;max-width:calc(100vw - 40px)!important;overflow-wrap:anywhere}
  .human-v8 .avatar-theatre{width:100%;min-width:0}
  .human-v8 .availability{margin-bottom:28px;line-height:1.55}
  .human-v8 .hero h1{width:100%;max-width:100%;font-size:clamp(48px,13vw,68px);line-height:.94}
  .human-v8 .hero h1 em{width:100%;max-width:100%;font-size:.93em;line-height:.96;white-space:normal}
  .human-v8 .hero-lede{margin-top:26px;font-size:15px;line-height:1.7}
  .human-v8 .hero-actions{align-items:stretch;flex-direction:column}
  .human-v8 .hero-work-link{width:100%;min-width:0}
  .human-v8 .hero-ai-link{width:100%;min-width:0;justify-content:space-between}
  .human-v8 .hero-trust,.human-v8 .identity-note{display:none}
  .human-v8 .avatar-theatre{min-height:560px}
  .human-v8 .avatar-frame{width:100%;height:550px;border-radius:44% 44% 16px 16px}
}
@media(prefers-reduced-motion:reduce){.human-v8 .avatar-frame{transform:none!important}}