/* Scoped to the AI Work page; the existing portfolio styles stay intact. */
:root{color-scheme:dark;--ai-bg:#0c0f10;--ai-ink:#f0f3f2;--ai-muted:#abb5b6;--ai-accent:#8ed7ce;--ai-line:#2a3133;--ai-pill-text:#aac2bd;--ai-pill-bg:#11211f;--ai-pill-border:#2c3d38}
*{box-sizing:border-box}
html{background:var(--ai-bg)}
body{margin:0;background:var(--ai-bg);color:var(--ai-ink);font-family:"Instrument Sans",sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--ai-accent);outline-offset:6px;border-radius:2px}
.container{width:min(1440px,100% - 112px);margin-inline:auto}
.header{border-bottom:1px solid var(--ai-line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.brand{font-family:"Outfit",sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:-.015em}
.author{color:var(--ai-muted);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:.95rem;letter-spacing:0;margin-left:4px}
.portfolio-return{font-size:.95rem;color:var(--ai-muted);padding-block:10px;transition:color .18s}
.portfolio-return:hover{color:var(--ai-accent)}
.intro{padding:38px 0 32px}
h1,h2,p{margin:0}
h1{color:var(--ai-accent);font-family:"Outfit",sans-serif;font-size:clamp(2.25rem,3.2vw,3rem);font-weight:650;line-height:1.15;letter-spacing:-.025em;margin-bottom:10px}
.positioning{color:var(--ai-muted);font-size:1.125rem;line-height:1.5}
.project-index{padding-bottom:64px}
.project{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;column-gap:clamp(40px,5vw,80px);padding:56px 0;border-top:1px solid var(--ai-line)}
.project:first-child{padding-top:32px}
.project-copy{min-width:0;max-width:460px}
.number{display:block;font-size:.875rem;line-height:1.4;letter-spacing:.05em;color:#809093;margin-bottom:14px}
.project h2{color:var(--ai-accent);font-family:"Outfit",sans-serif;font-size:clamp(2rem,3vw,2.625rem);line-height:1.2;font-weight:600;letter-spacing:-.025em;margin-bottom:18px}
.project h2 a:hover{color:var(--ai-accent)}
.description{color:var(--ai-ink);font-size:1.125rem;line-height:1.6}
.description strong{font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 24px;padding:0;color:var(--ai-pill-text);font-size:.875rem;line-height:1.5}
.tags li{padding:4px 10px;border:1px solid var(--ai-pill-border);border-radius:6px;background:var(--ai-pill-bg)}
.launch{width:fit-content;padding-block:8px;color:var(--ai-accent);font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:8px;border-bottom:1px solid transparent;transition:border-color .18s}
.launch:hover{border-color:var(--ai-accent)}
.project-image{display:block;min-width:0;overflow:hidden;outline:1px solid var(--ai-line);outline-offset:-1px;border-radius:4px;transition:outline-color .18s}
.project-image img{display:block;width:100%;height:auto}
.project-image:hover{outline-color:var(--ai-accent)}
.skip{position:absolute;top:12px;left:12px;transform:translateY(-200%);background:var(--ai-ink);color:var(--ai-bg);padding:8px 16px;z-index:10}
.skip:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.project{grid-template-columns:minmax(0,42fr) minmax(0,58fr);column-gap:32px}}
@media(max-width:800px){.project{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}.project-copy{max-width:560px}.project h2{font-size:2rem}.tags{margin:16px 0 14px}.number{margin-bottom:10px}.project:first-child{padding-top:28px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner{gap:12px;min-height:72px;flex-wrap:wrap;padding-block:14px}.brand{font-size:1.05rem}.author{font-size:.875rem}.portfolio-return{font-size:.875rem}.intro{padding:28px 0 26px}.positioning{font-size:1rem;max-width:32ch}.project-index{padding-bottom:24px}.project{padding-block:32px;gap:24px}.project h2{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}