.home-intro{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(45px,6vw,88px);padding-block:42px 56px;align-items:start}
@media(min-width:761px){
 .home-intro .intro-copy{display:flex;flex-direction:column;align-self:stretch}
 .home-intro .capability-list{flex:1;align-content:space-between;gap:32px;--capability-description-gap:7px;--capability-project-gap:14px}
}
@media(min-width:1100px){
 .home-intro .capability-list{--capability-description-gap:10px;--capability-project-gap:18px}
}
.hero-summary.profile-concealed{visibility:hidden}
.home-intro h1{font-size:clamp(62px,5.7vw,82px);line-height:1.08;margin:0 0 15px;letter-spacing:-.065em}
.home-intro .hero-role{display:flex;align-items:center;gap:12px;font-size:clamp(19px,1.65vw,24px);line-height:1.5;letter-spacing:-.025em}
.hero-role i{font-style:normal;color:#aaa;font-weight:400}
.hero-summary{font-size:14px;font-weight:400;line-height:1.95;color:#666;margin:12px 0 0}
.capability-list{
 --index-width:22px; --index-gap:12px;
 margin-top:26px;display:grid;gap:25px;
}
.capability{display:grid;grid-template-columns:var(--index-width) minmax(0,1fr);column-gap:var(--index-gap);align-items:baseline;text-align:left}
.capability-number{justify-self:center;font:10px/1 var(--mono);color:#73777c}
.capability-copy{min-width:0}
.capability-heading{margin:0;font:700 clamp(20px,1.6vw,25px)/1.28 var(--display);letter-spacing:-.035em;color:#181a1d}
.capability-title{display:inline-block;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left}
.capability-description{margin:var(--capability-description-gap,6px) 0 0;color:#73767a;font:400 14px/1.65 var(--body)}
.capability-title:focus-visible,.product-word:focus-visible{outline:1px solid #999;outline-offset:3px}
.home-intro .hero-art{height:auto;min-height:var(--hero-art-height,0px);overflow:visible;align-self:stretch;background:transparent;display:flex;flex-direction:column;justify-content:space-between}
.home-intro .hero-height-probe{position:absolute;inset:0 auto auto 0;min-height:0;visibility:hidden;pointer-events:none}
.hero-visual{height:clamp(370px,32vw,460px);min-height:340px;flex:1;position:relative;margin-bottom:20px}
.hero-visual canvas{display:block;width:100%;height:100%}
.hero-art-copy{container-type:inline-size;display:block;position:relative;margin:0 auto;width:94%;padding-top:19px}


.visual-index{font:10px/2 var(--mono);color:#777;white-space:nowrap;margin-left:auto}


.hero-art-copy p{font-size:13px;line-height:1.9;color:#696969;margin:10px 0 0;max-width:36em}
.visual-stats{display:grid;grid-template-columns:repeat(var(--metric-columns,3),minmax(0,1fr));gap:15px clamp(6px,2cqi,14px);margin:0;min-height:80px}
.visual-stats[hidden]{display:none}
.visual-stats[data-columns="1"]{--metric-columns:1}
.visual-stats[data-columns="2"]{--metric-columns:2}
.visual-stats[data-columns="4"]{--metric-columns:4}
.visual-stats>div{min-width:0}
.visual-stats strong{display:block;font:650 24px/1.3 var(--display);letter-spacing:-.04em;color:#333;white-space:nowrap}
.visual-stats .is-numeric strong{font-size:clamp(32px,3.1vw,46px);color:#245edb}
.visual-stats .is-numeric:nth-child(2) strong{color:#087c75}
.visual-stats .is-numeric:nth-child(3) strong{color:#7046cc}
.visual-stats strong .metric-unit{font:11px var(--body);color:#555;letter-spacing:0;margin-left:4px}
.visual-stats>div>span{display:block;white-space:pre-line;font-size:10px;line-height:1.8;color:#777;margin-top:7px}
.visual-stats.central-stats .is-numeric:nth-child(3) strong{color:#713be0;font-weight:750}
.visual-stats.central-stats .is-numeric:nth-child(4) strong{color:#245edb;font-weight:750}
.visual-stats.central-stats>div:is(:nth-child(3),:nth-child(4))>span{color:#4a4653;font-weight:600}

.hero-project-link{display:inline-flex;align-items:center;background:transparent;border:0;padding:6px 0;font-size:12px;font-weight:600;text-align:left}.hero-project-link[hidden]{display:none}
.hero-project-link:hover{color:#555}
.unit[id]{scroll-margin-top:28px}.unit:target .case-visual{outline:1px solid #555;outline-offset:5px}
.motion-toggle{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;margin:0;padding:5px;border:0;background:transparent;color:#888}
.motion-toggle:hover{color:#111}
.motion-toggle svg{display:block;width:15px;height:15px}
.hero-case-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid #ddd}



.hero-case-actions{position:relative;display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}
.hero-case-arrow{width:27px;height:27px;padding:0;border:1px solid #ddd;background:#fff;font:13px var(--mono)}
.hero-case-arrow:hover{border-color:#777}
.capability-connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.connector-path{fill:none;stroke:var(--project-accent);stroke-opacity:.55;stroke-width:1;stroke-linecap:square;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.connector-start,.connector-end{fill:var(--project-accent)}
@media(max-width:1000px){.home-intro{gap:38px;padding-block:40px 44px}.home-intro .hero-role{font-size:18px;gap:8px}.capability-list{--index-gap:8px}.capability-description{font-size:13px}.hero-art-copy{width:100%}.hero-art-copy p{font-size:12px}.hero-case-footer{align-items:start;gap:9px}.visual-stats{gap:10px}.visual-stats strong{font-size:24px}.visual-stats strong .metric-unit{display:block;margin:3px 0 0;font-size:10px;min-height:13px}.visual-stats>div>span{font-size:9px}}
@media(max-width:760px){.home-intro{grid-template-columns:1fr;gap:22px;padding-block:30px 36px}.home-intro .intro-copy{display:contents}.hero-profile{order:1}.home-intro h1{font-size:58px;margin-bottom:13px}.home-intro .hero-role{font-size:20px;gap:9px}.home-intro .hero-art{order:3;margin:0;min-width:0}.hero-visual,.capability-connector{display:none}.hero-art-copy{width:100%;padding-top:18px;border-top:1px solid #ddd}.hero-art-copy p{margin-top:8px;font-size:12px}.visual-index{font-size:9px}.capability-list{order:2;margin-top:10px;gap:24px;--index-width:18px}.capability-heading{font-size:20px}.motion-toggle{width:25px;height:25px}.hero-case-footer{margin-top:8px}.hero-case-actions{gap:4px}}
@media(max-width:360px){.home-intro .hero-role{font-size:18px;gap:8px}.hero-case-footer{flex-wrap:wrap}.hero-case-actions{margin-left:auto}.visual-stats strong{font-size:22px}}
@media(max-width:760px){
 .home-intro .hero-art-copy{display:flex;flex:1;flex-direction:column}
 .home-intro .hero-case-footer{margin-top:auto}
 .hero-art-copy .visual-stats:not([hidden]){margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}

@media(min-width:761px) and (max-width:1000px){.hero-summary{font-size:clamp(12px,1.45vw,14px)}}
@media(max-width:760px){.hero-summary{font-size:12px;margin-top:15px;line-height:1.9}}
@media(max-width:360px){.hero-summary{font-size:11px}}
@media(max-width:1000px){.visual-stats .is-numeric strong{font-size:28px}}
@media(max-width:360px){.visual-stats .is-numeric strong{font-size:25px}}

.hero-art-copy p.visual-practice{margin-top:18px;font-size:12px;line-height:1.85;color:#666}.practice-label{display:block;font:10px/1.6 var(--mono);color:#888;margin-bottom:5px;letter-spacing:.08em}
@media(max-width:760px){.hero-art-copy p.visual-practice{margin-top:14px;font-size:12px}}

@media(prefers-reduced-motion:no-preference){.visual-stats>div{animation:metric-arrive .36s var(--metric-arrival,380ms) ease-out both}@keyframes metric-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

.capability-products {
 position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 15px;
 margin-top:var(--capability-project-gap,9px);
}
.capability-products::before {
 content:""; position:absolute; width:14px; height:14px; top:5px;
 right:calc(100% + var(--index-gap) + (var(--index-width) - 14px)/2);
 background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2371767b' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M1.7 4a1 1 0 0 1 1-1h3.2l1.5 1.6h5.9a1 1 0 0 1 1 1v6.5a1 1 0 0 1-1 1H2.7a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.product-word {
 display:inline-grid; align-items:center; justify-items:start; padding:3px 0; border:0; background:transparent;
 font:400 12px/1.5 var(--body); color:#4b5158; white-space:nowrap;
}
/* Reserve the selected label's size so highlighting never changes the row breaks. */
.product-word::before,.product-word>span {grid-area:1 / 1}
.product-word::before {content:attr(aria-label);visibility:hidden;font-size:13px;font-weight:700}
.product-word:hover,.product-word:focus-visible {color:#41464b}
.home-intro {--project-accent:#2056c2}
.home-intro[data-group="agent"] {--project-accent:#7540ae}
.home-intro[data-group="multimodal"] {--project-accent:#147252}
.home-intro[data-group="training"] {--project-accent:#a44b0c}
.product-word[aria-pressed="true"] {color:var(--project-accent);font-size:13px;font-weight:700}
.hero-art-copy .opportunity-purpose {margin:0 0 14px;max-width:none;color:#42494e;line-height:1.7}
@media(max-width:1000px) {
 .capability-products { gap:8px 12px; }
}

.lab-group-title {
 margin:32px 0 16px; font:600 18px/1.5 var(--display); color:#303236;
}
.lab-group-title + .unit-grid {margin-top:0;}
.personal-tools-grid {
 display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
.personal-tool { min-width:0; scroll-margin-top:24px; }
.personal-tool button {
 display:flex; flex-direction:column; align-items:stretch; width:100%; height:100%;
 text-align:left; padding:22px; color:#202329; background:#fff; border:1px solid #dfe1e4;
}
.personal-tool button:hover,.personal-tool button:focus-visible { border-color:#899099; }
.tool-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.tool-top img { object-fit:contain; border-radius:14px; width:64px; height:64px; margin-right:auto; }
.tool-status,.tool-role { color:#626973; font:12px/1.6 var(--body); }
.tool-status {margin-top:1px;}
.tool-arrow { color:#727780; font-size:15px; }
.tool-title { font:650 clamp(20px,2vw,27px)/1.3 var(--display); margin-top:20px; }
.tool-role { margin-top:5px; }
.tool-intro { margin-top:15px; font:13px/1.7 var(--body); color:#555b64; }
@media(max-width:760px) {
 .personal-tools-grid { grid-template-columns:1fr; gap:10px; }
 .personal-tool button { padding:16px; display:grid; grid-template-columns:54px 1fr auto; column-gap:14px; align-items:center; }
 .tool-top { display:contents; }
 .tool-top img { width:54px; height:54px; border-radius:12px; grid-column:1; grid-row:1 / 3; }
 .tool-title { grid-column:2; grid-row:1; margin:0; }
 .tool-role { grid-column:2; grid-row:2; margin:0; }
 .tool-arrow { grid-column:3; grid-row:1; justify-self:end; }
 .tool-status { grid-column:3; grid-row:2; }
 .tool-intro { grid-column:1 / -1; margin-top:10px; }
}

.opportunity-cover { display:flex; flex-direction:column; background:#f7f7f6; }
.opportunity-cover>img { display:block; width:100%; min-height:0; flex:1; object-fit:cover; object-position:top; }
.opp-cover-caption { background:#fff; color:#353b40; font:500 12px/1.6 var(--body); padding:10px 48px 10px 12px; border-top:1px solid #ddd; }

.ip-work-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:10px 0}
.ip-work-links[hidden]{display:none}
.ip-work-links span{font:500 12px/1.6 var(--body);color:#51565a}
.ip-work-links a{font:550 12px/1.6 var(--body);color:#292d31;padding:4px 0}
.ip-work-links a:hover,.ip-work-links a:focus-visible{color:#111;text-decoration:underline;text-underline-offset:4px}
.film .poster.book-poster{background:#f3f1ea}
.film .poster.book-poster img{object-fit:contain;padding:12px}

#creator-accounts {scroll-margin-top:28px}
.account-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.account-card {display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:16px;padding:20px;border:1px solid #dfe1e4;background:#fff;color:#222629}
.account-card:is(:hover,:focus-visible) {border-color:#868c90}
.account-card img {display:block;width:68px;height:68px;border-radius:50%;object-fit:cover}
.account-info {display:grid;gap:3px}
.account-platform,.account-id,.account-audience {color:#60676c;font:12px/1.6 var(--body)}
.account-info strong {font:650 22px/1.4 var(--display)}
.account-id {overflow-wrap:anywhere}
.account-bottom {grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #ececec;padding-top:10px}
.account-open {margin-left:auto;font:550 12px/1.6 var(--body)}
@media(max-width:960px) and (min-width:761px) {
 .account-card {grid-template-columns:48px minmax(0,1fr);gap:10px;padding:13px}
 .account-card img {width:48px;height:48px}
}
@media(max-width:760px){
 .account-grid {grid-template-columns:1fr;gap:10px}
 .account-card {grid-template-columns:58px minmax(0,1fr);gap:10px 15px;padding:16px}
 .account-card img {width:58px;height:58px}
}




.hero-key-hint{position:absolute;right:0;bottom:calc(100% + 5px);pointer-events:none;white-space:nowrap;padding:3px 8px;background:#fff;color:#555;font:11px/1.6 var(--body);opacity:0;transition:opacity .18s}
.hero-key-hint.is-visible{opacity:1}
@media(hover:none){.hero-key-hint{display:none}}
@media(prefers-reduced-motion:reduce){.hero-key-hint{transition:none}}

.visual-stats[data-columns="4"] .is-numeric strong{font-size:clamp(17px,5.45cqi,38px)}
.visual-stats:is([data-columns="5"],[data-columns="6"]) .is-numeric strong{font-size:clamp(19px,7cqi,44px)}
.visual-stats.marketing-stats .is-numeric:nth-child(4) strong{color:#9a531f}
@container(max-width:475px){.visual-stats[data-columns="4"] strong .metric-unit{display:block;margin:3px 0 0;min-height:13px}}

.visual-stats.manuscript-result{min-height:0}
.manuscript-result>div{display:flex;align-items:baseline;gap:4px}
.visual-stats.manuscript-result .metric-unit,.visual-stats.manuscript-result>div>span{display:inline;font:550 18px/1.4 var(--body);color:#34313b}
