/* AI Strategy & Agents · hero — the mission board. Board top right, headline card lower left over
   the board's edge, autonomy legend top left, meta lower right. */
.tas-hero{position:relative;isolation:isolate;padding-block:var(--tas-hero-t) var(--band);background:var(--paper)}
.tas-hero__wall{position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:radial-gradient(60% 70% at 72% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(60% 70% at 72% 40%,#000 0%,transparent 75%)}
.tas-hero__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--tas-gap);align-items:start}

/* ---- side: breadcrumb + legend (cols 1–4) ---- */
.tas-hero__side{grid-column:1 / span 4;grid-row:1;display:flex;flex-direction:column;gap:clamp(40px,4.4vw,64px);min-width:0;padding-top:6px;padding-right:clamp(0px,1.4vw,20px)}
.tas-crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:var(--t-sm);line-height:1.5;color:var(--muted)}
.tas-crumb li+li::before{content:"\203A";margin-inline:10px;font-family:var(--f);color:var(--blue)}
.tas-crumb a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px;transition:color var(--d1) var(--e-io),text-decoration-color var(--d1) var(--e-io)}
.tas-crumb a:hover{color:var(--ink);text-decoration-color:var(--blue)}
.tas-crumb [aria-current]{color:var(--ink);font-weight:500}

.tas-hero__legend{display:flex;flex-direction:column;gap:16px}
.tas-hero__levels{border-top:1px solid var(--ink)}
.tas-hero__levels li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:3px;align-items:center;padding-block:13px;border-bottom:1px solid var(--line)}
.tas-hero__levels .tas-lvl{grid-row:1 / span 2;align-self:start;margin-top:1px;min-width:52px}
.tas-hero__levels b{font-family:var(--f-h);font-size:1rem;font-weight:500;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
.tas-hero__levels small{font-size:var(--t-xs);line-height:1.5;color:var(--muted)}

/* ---- the board (cols 5–12) ---- */
.tas-hero__board{grid-column:5 / -1;grid-row:1 / span 2;min-width:0;position:relative}
.tas-board{position:relative;padding:14px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper-3);box-shadow:var(--sh-2)}
.tas-board__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:6px 8px 16px;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.04em;color:var(--muted);line-height:1.3}
.tas-board__title{margin-right:auto;white-space:nowrap}
.tas-board__title b{font-weight:600;color:var(--ink)}
.tas-board__stat{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tas-board__stat b{font-weight:600;color:var(--ink)}
.tas-board__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tas-board__col{min-width:0;display:flex;flex-direction:column;gap:8px;padding:10px 8px 8px;border-radius:var(--r);background:var(--paper-4)}
.tas-board__col[data-col="approval"]{background:var(--blue-wash)}
.tas-board__ch{display:flex;align-items:center;gap:8px;padding:0 4px 4px;font-family:var(--f);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);line-height:1.2;white-space:nowrap;min-width:0}
.tas-board__ch span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tas-board__ch b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--paper);font-weight:600;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-3)}
.tas-board__ch small{margin-left:auto;font-size:9.5px;letter-spacing:.04em;color:var(--faint)}
.tas-board__col[data-col="approval"] .tas-board__ch b{background:var(--blue);color:var(--on-ink);box-shadow:none}
.tas-board__list{display:flex;flex-direction:column;gap:8px;min-height:calc(3 * 128px + 16px)}

/* mission card */
.tas-mc{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:11px 12px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--sh-1);will-change:transform}
.tas-mc.is-moving{z-index:3;box-shadow:var(--sh-2)}
.tas-mc__top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.tas-mc__id{font-family:var(--f);font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--faint)}
.tas-mc .tas-lvl{height:18px;padding:0 6px 0 5px;font-size:9.5px;gap:5px}
.tas-mc .tas-lvl__p{height:9px}
.tas-mc .tas-lvl__p i:nth-child(1){height:3px}.tas-mc .tas-lvl__p i:nth-child(2){height:5px}.tas-mc .tas-lvl__p i:nth-child(3){height:7px}.tas-mc .tas-lvl__p i:nth-child(4){height:9px}
.tas-mc__t{font-family:var(--f-h);font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1.22;color:var(--ink)}
.tas-mc__who{display:flex;flex-wrap:wrap;gap:2px 8px;font-family:var(--f);font-size:10px;line-height:1.35;color:var(--muted)}
.tas-mc__agent{color:var(--blue-d)}
.tas-mc__bar{display:block;height:3px;border-radius:2px;background:var(--paper-4);overflow:hidden}
.tas-mc__bar i{display:block;height:100%;background:var(--ink);transform:scaleX(var(--p,0));transform-origin:left;transition:transform .7s var(--e)}
.tas-mc__ro{display:flex;justify-content:space-between;gap:6px;font-family:var(--f);font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.tas-mc__ro b{font-weight:600;color:var(--ink)}
.tas-mc__wait,.tas-mc__ok{display:none;align-items:center;gap:7px;font-family:var(--f);font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1.3}
.tas-mc__wait{color:var(--blue-d)}
.tas-mc__ok{color:var(--muted)}
.tas-mc.is-wait{border-color:var(--blue-line);box-shadow:0 0 0 1px var(--blue-line),var(--sh-1)}
.tas-mc.is-wait .tas-mc__wait{display:flex}
.tas-mc.is-wait .tas-mc__bar i{background:var(--blue)}
.tas-mc.is-done .tas-mc__ok{display:flex}
.tas-mc.is-done .tas-mc__bar,.tas-mc.is-done .tas-mc__step{display:none}
.tas-mc.is-done .tas-mc__t{color:var(--txt)}
.tas-mc.is-in-new{animation:tas-mc-in .6s var(--e) both}
.tas-mc.is-out{animation:tas-mc-out .45s var(--e-io) both}
@keyframes tas-mc-in{from{opacity:0;transform:translateY(-10px) scale(.97)}}
@keyframes tas-mc-out{to{opacity:0;transform:scale(.94)}}
.tas-mc b.is-tick{animation:tas-tick .5s var(--e)}
@keyframes tas-tick{0%{color:var(--blue)}100%{color:var(--ink)}}

.tas-board__tick{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--paper);font-family:var(--f);font-size:10.5px;line-height:1.4;color:var(--txt);min-width:0}
.tas-board__time{flex:none;color:var(--faint);font-variant-numeric:tabular-nums}
.tas-board__tick [data-board-tick]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tas-board__tick.is-new [data-board-tick]{animation:tas-mc-in .5s var(--e) both}

/* ---- headline card: lower left, over the board's edge ---- */
.tas-hero__card{grid-column:1 / span 7;grid-row:2 / span 2;position:relative;z-index:2;min-width:0;margin-top:clamp(40px,4vw,56px);
  padding:clamp(30px,3.6vw,56px) clamp(28px,3.6vw,56px) clamp(30px,3.4vw,52px);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper);box-shadow:var(--sh-2)}
.tas-hero__eb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);line-height:1.4}
.tas-hero__eb .tas-kick__ref{letter-spacing:.06em}
.tas-hero__h{margin:clamp(20px,2.2vw,30px) 0 0;font-family:var(--f-h);font-size:clamp(2.45rem,4.9vw,4.4rem);font-weight:500;line-height:1;letter-spacing:-.035em;color:var(--ink);max-width:14ch;text-wrap:balance}
.tas-hero__lead{margin-top:clamp(20px,2.2vw,28px);max-width:54ch;font-size:clamp(1rem,1.2vw,1.125rem)}
.tas-hero__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,40px)}

/* ---- meta (lower right) ---- */
.tas-hero__meta{display:flex;flex-direction:column;width:calc(50% - var(--tas-gap) / 2);min-width:0;margin:clamp(40px,4vw,56px) 0 0 auto;border-top:1px solid var(--ink)}
.tas-hero__meta>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding-block:14px;border-bottom:1px solid var(--line)}
.tas-hero__meta dt{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1.5}
.tas-hero__meta dd{font-family:var(--f);font-size:var(--t-xs);font-weight:500;letter-spacing:.02em;line-height:1.5;color:var(--ink)}

@media (max-width:1279px){
  .tas-hero__side{grid-column:1 / span 4}
  .tas-mc__who{display:none}
  .tas-board__list{min-height:calc(3 * 106px + 16px)}
}
@media (max-width:1023px){
  .tas-hero__side,.tas-hero__board,.tas-hero__card{grid-column:1 / -1;grid-row:auto}
  .tas-hero__side{order:1;padding-right:0}
  .tas-hero__legend{display:none}
  .tas-hero__card{order:2;margin-top:clamp(28px,4vw,40px);padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .tas-hero__board{order:3;margin-top:clamp(48px,7vw,72px)}
  .tas-hero__meta{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--tas-gap)}
  .tas-hero__meta>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .tas-mc__who{display:flex}
}
@media (max-width:760px){
  .tas-board{padding:10px}
  .tas-board__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tas-board__stat--spend{display:none}
  .tas-board__list{min-height:calc(2 * 104px + 8px)}
  .tas-mc__who{display:none}
  .tas-hero__meta{grid-template-columns:minmax(0,1fr)}
  .tas-hero__meta>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}
@media (max-width:480px){
  .tas-board__ch small{display:none}
  .tas-mc{padding:9px 9px 10px}
  .tas-mc__t{font-size:.8125rem}
  .tas-mc__ro .tas-mc__step{display:none}
  .tas-board__tick{display:none}
  .tas-hero__h{font-size:clamp(2.2rem,10.4vw,2.7rem)}
}
@media (prefers-reduced-motion:reduce){.tas-mc,.tas-mc__bar i{transition:none;animation:none}}