/* AI presents capabilities; the linked project pages hold the case studies. */
.ai-only[hidden],#story-band[hidden],#archive[hidden],#media[hidden],.world-discovery[hidden],#feature-grid[hidden]{display:none}
html[data-world=ai] :is(#feature-grid,#portrait-lab,#story-band,#archive,#media,.world-discovery){display:none}
.skills-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--line);margin:0 0 64px}
.skills-index a{display:flex;align-items:center;gap:10px;padding:19px 12px;font-size:13px;min-height:56px;transition:background .2s,color .2s}
.skills-index a>span:first-child{font:12px var(--mono);color:var(--accent)}.skills-index a>span:last-child{margin-left:auto;color:var(--accent)}.skills-index a:hover{background:var(--soft);color:var(--accent)}
#ai-skills .skills-grid{display:block}
.skills-grid .skill{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:8%;align-items:center;padding:70px 0;border-top:1px solid var(--line);scroll-margin-top:12px;min-width:0}
.skills-grid .skill:first-child{padding-top:0;border-top:0}.skills-grid .skill:nth-child(even) .skill-copy{grid-column:2;grid-row:1}.skills-grid .skill:nth-child(even) .skill-evidence{grid-column:1;grid-row:1}
.skill-label{display:flex;align-items:center;gap:20px;color:var(--accent)}.skill-label>span:first-child{font:400 45px/1 var(--display);opacity:.6;letter-spacing:-.06em}.skill-label>span:last-child{font:500 12px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase}
.skill h3{font:400 clamp(31px,3.3vw,49px)/1.08 var(--display);letter-spacing:-.035em;margin:22px 0;max-width:18ch;text-wrap:balance}
.skill-body>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:52ch;margin:0 0 19px;text-wrap:pretty}.skill-body>.skill-lead{color:var(--ink)}
.skill ul{list-style:none;padding:19px 0 0;margin:25px 0 0;display:grid;gap:10px;border-top:1px solid var(--line)}.skill li{display:flex;align-items:baseline;gap:11px;font-size:13px;line-height:1.65}.skill li:before{content:'';width:12px;height:1px;background:var(--accent);flex:none;align-self:center}
.skill:target h3{color:var(--accent)}.skill-evidence{min-width:0}.skill-figure{margin:0}.skill-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:color-mix(in srgb,var(--accent) 6%,var(--paper));padding:clamp(12px,2vw,28px);box-sizing:border-box}.skill-figure figcaption{font-size:13px;line-height:1.7;margin-top:14px;color:var(--muted)}
.skill-examples{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:24px}.skill-examples>span{grid-column:1/-1;font-size:12px;color:var(--muted);margin-bottom:4px}.skill-examples a{padding:14px 0;border-bottom:1px solid var(--line);display:block}.skill-examples strong{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:500}.skill-examples small{display:block;font-size:13px;color:var(--muted);line-height:1.65;margin-top:8px}.skill-examples a:hover strong{color:var(--accent)}
.ai-approach{max-width:none;background:#142b2b;color:#edf5ee;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:85px max(6.5%,calc((100vw - 1218px)/2));margin-block:10px 0;position:relative;overflow:hidden}
.ai-approach:before{content:'';position:absolute;width:500px;height:500px;left:-300px;top:50px;border:1px solid #98d5ba18;border-radius:50%;box-shadow:0 0 0 45px #98d5ba08,0 0 0 90px #98d5ba05;pointer-events:none}
.ai-approach-intro{position:relative}.ai-approach .eyebrow{font-size:10px;letter-spacing:.1em;color:#a6cdbc}.ai-approach h2{font:400 clamp(35px,4vw,57px)/1.12 var(--display);letter-spacing:-.03em;margin:28px 0 25px}.ai-approach h2 em{color:#a6cdbc;font-weight:400}.ai-approach-intro>p{font-size:15px;line-height:1.85;max-width:400px;color:#bcd0c7}
.ai-method{list-style:none;margin:0;padding:0}.ai-method li{display:flex;gap:24px;border-top:1px solid #d6ebdf28;padding:24px 0}.ai-method li:first-child{padding-top:0;border:0}.ai-method li>span{font:10px var(--mono);color:#8dbaaa;padding-top:5px}.ai-method h3{font:400 24px/1.25 var(--display);color:#edf5ee;margin-bottom:10px}.ai-method p{font-size:13px;line-height:1.85;color:#bcd0c7;max-width:440px}
.ai-work-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 12%;align-items:end}.ai-work-heading>.eyebrow{grid-column:1/-1;font-size:10px;color:var(--accent)}.ai-work-heading h2{font:400 clamp(37px,4vw,58px)/1.1 var(--display);letter-spacing:-.03em}.ai-work-heading>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:400px}
.ai-work-links{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:45px}.ai-work-links>a{border-block:1px solid var(--line);padding:28px 0;min-width:0;position:relative}.ai-work-label{font:10px var(--sans);color:var(--muted)}.ai-work-links h3{display:flex;justify-content:space-between;gap:12px;font:400 clamp(29px,3vw,43px)/1.2 var(--display);margin:20px 0 15px;letter-spacing:-.025em}.ai-work-links h3>span{font-family:var(--sans);font-size:24px;font-weight:300;color:var(--accent);transition:transform .25s}.ai-work-links p{font-size:13px;line-height:1.85;max-width:340px;color:var(--muted)}.ai-work-action{display:inline-block;margin-top:24px;font-size:11px;border-bottom:1px solid var(--accent);padding-bottom:6px}.ai-work-links a:hover h3{color:var(--accent)}.ai-work-links a:hover h3>span{transform:translate(4px,-4px)}
.ai-work-picture{margin:0 0 25px}.ai-work-picture img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:color-mix(in srgb,var(--ink) 5%,var(--paper));border-radius:5px}.ai-work-picture figcaption{font-size:10px;line-height:1.5;color:var(--muted);margin-top:10px}

@media(max-width:1000px){.skills-index{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-index a:nth-child(-n+3){border-bottom:1px solid var(--line)}.skills-grid .skill{gap:6%}.ai-approach{gap:7%;padding-inline:5%}}
@media(max-width:760px){
.skills-index{margin-bottom:40px}.skills-index a{padding:15px 7px;font-size:12px;gap:7px}.skills-index a>span:first-child{font-size:11px}
.skills-grid .skill{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:48px 0}.skills-grid .skill:first-child{padding-top:0}.skill-copy,.skill-evidence{display:contents}.skill-label{order:0}.skill h3{order:1;font-size:36px;margin:0}.skill-figure{order:2}.skill-body{order:3}.skill-examples{order:4;margin:0;grid-template-columns:1fr}.skill-body>p{font-size:15px;line-height:1.85;margin:0 0 20px}.skill-figure img{aspect-ratio:4/3;padding:14px}.skill-examples{gap:0 18px}.skill-examples strong{font-size:14px}
.ai-approach{display:block;padding:58px var(--magazine-gutter)}.ai-approach h2{font-size:39px;margin:23px 0}.ai-approach-intro>p{font-size:15px}.ai-method{margin-top:38px}.ai-method li:first-child{border-top:1px solid #d6ebdf28;padding-top:24px}.ai-method li{gap:18px}.ai-method h3{font-size:27px}.ai-method p{font-size:14px}
.ai-work-heading{display:block}.ai-work-heading h2{font-size:39px;margin:24px 0}.ai-work-heading>p{font-size:15px}.ai-work-links{display:block;margin-top:28px}.ai-work-links>a{display:block;padding:25px 0}.ai-work-links>a+a{border-top:0}.ai-work-links h3{font-size:37px;margin:14px 0}.ai-work-action{margin-top:18px;font-size:13px}.ai-work-picture figcaption{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.skills-index a,.ai-work-links h3>span{transition:none}}

#skill-creative .skill-figure img{aspect-ratio:4/5;padding:0}