/* Typography and scroll-edge refinements. */
html{background:#000;overscroll-behavior-y:none}
body{overscroll-behavior-y:none}
/* Match the compact, shared heading scale. */
.design-2 #team .team-story h2{font-size:clamp(39px,calc(5.33vw - 3px),77px)}
.design-2 #view h2{font-size:clamp(45px,calc(5.33vw - 3px),83px);text-wrap:pretty}
.design-2 .careers-page .careers-hero h1{font-size:clamp(62px,5.5vw,94px);line-height:1.04;letter-spacing:-.04em}
.careers-hero-copy>span{display:none}
.design-2 .careers-hero h1 em,.design-2 .roles-intro h2 em{letter-spacing:-.015em;padding-inline:.12em;margin-inline:-.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.careers-page .roles-intro h2{max-width:1050px;text-wrap:pretty}
@media(max-width:700px){.design-2 #team .team-story h2{font-size:clamp(31px,calc(9.2vw - 3px),46px)}.design-2 #view h2{font-size:clamp(28px,calc(8.3vw - 3px),40px)}.design-2 .careers-page .careers-hero h1{font-size:clamp(37px,9.5vw,64px);letter-spacing:-.035em}}

@media(max-width:700px){.careers-page .roles-intro h2{font-size:clamp(34px,9.2vw,42px);line-height:1.12}}
/* Readable supporting evidence in the three results cards. */
.design-2 #results .result-detail dd{font-size:18px;line-height:1.5}
.design-2 #results .result-detail .description{font-size:16px;line-height:1.55}
@media(max-width:800px){.design-2 #results .result-detail dd{font-size:16px}}

/* Home hero: make the supporting paragraph easier to read.
   Anchor its lower edge so larger text grows upward within the hero. */
.design-2 .figma-hero-aside p{font-size:24px;font-weight:600}
.design-2 .figma-hero-aside{top:calc(66svh - 40px);transform:translate(-50%,-100%)}
.hero-ready .design-2 .figma-hero-aside{transform:translate(-50%,-100%)}
@media(max-width:700px){
 .design-2 .figma-hero-aside p{font-size:21px}
 .design-2 .figma-hero-aside{top:calc(65svh - 54px)}
}

/* A continuous row with clear breathing room between company logos. */
.design-2 #team .logo-set{gap:6px;padding-right:6px}
.design-2 #team .logo-set>span,.design-2 #team .logo-set>.university-logo{width:180px}
.design-2 #team .logo-set img{max-width:160px}
.design-2 #team .logo-set .columbia-logo img{max-width:none}
@media(max-width:800px){.design-2 #team .logo-set>span,.design-2 #team .logo-set>.university-logo{width:160px}.design-2 #team .logo-set img{max-width:145px}.design-2 #team .logo-set .columbia-logo img{max-width:none}}

/* More readable team copy, with regular weight. */
.design-2 #team .team-copy{font-size:21px;font-weight:400}
/* Keep the first and last method steps within the split panel. */
.design-2 #method{padding-bottom:28px}
.design-2 #method.method-pinned .method-body{height:min(620px,calc(100svh - 125px))}
.design-2 #method.method-pinned .method-steps li:first-child{padding-top:60px}
.design-2 #method.method-pinned .method-steps li:last-child{padding-bottom:60px}
@media(max-width:800px){.design-2 #method.method-pinned .method-body{height:min(680px,calc(100svh - 100px))}.design-2 #method{padding-bottom:24px}}
@media(max-width:700px){.design-2 #team .team-copy{font-size:19px;font-weight:400}}
/* Agent cards: readable role labels, examples and trust notes. */
.design-2 #build .folder-role{font-size:15px;line-height:1.4;font-weight:600;color:#18202b}
.design-2 #build .folder-purpose{font-size:18px;line-height:1.5;font-weight:500;max-width:none}
.design-2 #build .folder-outcome>span{font-size:15px;line-height:1.4;font-weight:600;color:#18202b}
.design-2 #build .folder-outcome p{font-size:18px;line-height:1.5;font-weight:500;max-width:none}
.design-2 #build .folder-trust{font-size:14px;line-height:1.5;font-weight:500;color:#18202b;opacity:1}
@media(max-width:700px){.design-2 #build .folder-purpose,.design-2 #build .folder-outcome p{font-size:17px}}
/* Give the hero supporting copy two balanced desktop lines. */
@media(min-width:1000px){
 .design-2 .figma-hero-aside{width:min(1320px,calc(100vw - 96px))!important;max-width:none!important}
 .design-2 .figma-hero-aside p{text-wrap:balance}
}



/* Extra room only before Columbia, beside the wide Michigan wordmark. */
.design-2 #team .logo-set>.columbia-logo{margin-left:26px}
@media(max-width:800px){.design-2 #team .logo-set>.columbia-logo{margin-left:18px}}

/* Stronger supporting copy requested in the team review. */
.design-2 #team .team-copy,.design-2 #build .section-heading .body-copy,.design-2 #view .view-copy{font-weight:600}

/* Medium supporting copy across the hero, team and view sections. */
.design-2 .figma-hero-aside p,.design-2 #team .team-copy,.design-2 #view .view-copy{font-weight:500}
.design-2 #method .section-heading .body-copy{font-weight:500}
/* Full-width role carousel with edge fades and inset controls. */
.design-2 #build .agent-carousel{width:100%;max-width:none;padding:0}
.design-2 #build .agent-carousel-controls{margin-left:5%;margin-right:5%}
.design-2 #build .agent-carousel-viewport:before,.design-2 #build .agent-carousel-viewport:after{width:56px}
@media(max-width:700px){.design-2 #build .agent-carousel-controls{margin-left:6%;margin-right:6%}.design-2 #build .agent-carousel-viewport:before,.design-2 #build .agent-carousel-viewport:after{width:28px}}
/* The initial inset belongs to the scrolling content, not the viewport. */
.design-2 #build .agent-carousel-track{padding-left:5%;padding-right:5%;scroll-padding-inline:5%}
@media(max-width:700px){.design-2 #build .agent-carousel-track{padding-left:6%;padding-right:6%;scroll-padding-inline:6%}}
/* Use the viewport for the complete method panel, with a narrow outer gutter. */
.design-2 #method .method-pin-track{width:calc(100vw - 32px);margin-left:calc((100% - 100vw)/2 + 16px)}
.design-2 #method.method-pinned .method-body{top:16px;height:calc(100svh - 32px);min-height:0}
.design-2 #method.method-pinned .method-art .method-system{height:clamp(320px,48svh,580px);max-height:85%}
@media(max-width:800px){
 .design-2 #method .method-pin-track{width:calc(100vw - 24px);margin-left:calc((100% - 100vw)/2 + 12px)}
 .design-2 #method.method-pinned .method-body{top:12px;height:calc(100svh - 24px);min-height:0;grid-template-rows:clamp(130px,24svh,210px) minmax(0,1fr)}
 .design-2 #method.method-pinned .method-art{height:100%}
 .design-2 #method.method-pinned .method-art .method-system{height:100%;max-height:100%}
}
/* Space the visible artwork, after trimming each logo's empty image bounds. */
.design-2 #team .logo-set{gap:0;padding-right:0;align-items:center}
.design-2 #team .logo-set>span,.design-2 #team .logo-set>.university-logo{width:auto!important;padding:0 32px!important;margin:0!important;height:110px;flex:none;display:flex;align-items:center;justify-content:center}
.design-2 #team .logo-set img,.design-2 #team .logo-set .university-logo img,.design-2 #team .logo-set .columbia-logo img{position:static!important;display:block;width:auto!important;height:32px!important;max-height:32px!important;max-width:none!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important}
@media(max-width:800px){.design-2 #team .logo-set>span,.design-2 #team .logo-set>.university-logo{padding:0 25px!important;height:95px}.design-2 #team .logo-set img,.design-2 #team .logo-set .university-logo img,.design-2 #team .logo-set .columbia-logo img{height:28px!important;max-height:28px!important}}
/* Balance the team composition around its content, rather than bottom-aligning it. */
.design-2 .gradient-story #team{align-content:center;padding-top:96px;padding-bottom:80px}
.design-2 .gradient-story #team .team-story{gap:28px}
@media(max-width:700px){.design-2 .gradient-story #team{align-content:center;padding-top:92px;padding-bottom:68px}.design-2 .gradient-story #team .team-story{gap:22px}}
/* Hide the generic IIT placeholder until the specific college is confirmed. */
.design-2 #team .logo-set>.iit-label{display:none!important}