/* Independent work has its own chapter and a compact, editorial project index. */
.personal-section{padding-block:96px 72px;background:#e8e4dc;border-block:1px solid #bcb6ad;scroll-margin-top:90px}
.personal-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:44px}
.personal-heading h2{font-size:clamp(3rem,5.3vw,4.8rem);line-height:1.02;letter-spacing:-.055em;font-weight:700;margin-top:20px}
.personal-dek{font-size:1.6rem;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin-bottom:18px}
.personal-heading>div>p:last-child{font-size:1rem;line-height:1.75;color:#5a5b57;max-width:490px}
.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.personal-card{background:#f7f6f1;border:0;border-radius:10px;overflow:hidden;min-width:0}
.personal-card>a{display:flex;flex-direction:column;height:100%}
.personal-art{position:relative;background:#d9d8d0;padding:18px;aspect-ratio:1.42;overflow:hidden}
.personal-art>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:5px;box-shadow:0 5px 18px #20252b19}
.personal-stage{display:inline-flex;align-self:flex-start;margin-bottom:14px;max-width:100%;background:#f8f8f3f0;color:#3d4941;font-size:.625rem;line-height:1.5;font-weight:650;border:1px solid #fff;padding:6px 10px;border-radius:20px}
.personal-html-to-figma .personal-art{background:#c8d4df}.personal-html-to-figma .personal-art>img{object-fit:contain;box-shadow:none}
.personal-agents-generator .personal-art{background:#bdb3cb}.personal-agents-generator .personal-art>img{object-fit:contain;box-shadow:none}
.personal-alpinist .personal-art{background:#171b20}.personal-alpinist .personal-art>img{object-fit:contain;box-shadow:none}
.personal-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.personal-copy>.eyebrow{font-size:.6875rem;letter-spacing:.075em;line-height:1.6;color:#68706c}
.personal-copy h3{font-size:1.5rem;font-weight:700;line-height:1.15;letter-spacing:-.035em;margin-top:16px}
.personal-copy>p{font-size:.875rem;line-height:1.7;color:#5b625d;margin-block:16px 28px}
.personal-copy>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;font-weight:650;margin-top:auto}
.personal-copy>div>span:last-child{border:1px solid #a8b1a8;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:1.125rem;transition:background .2s,color .2s}
.personal-card a:hover .personal-copy>div>span:last-child{background:var(--ink);color:#fff}
.personal-disclosure{margin-top:28px;font-size:.75rem;line-height:1.7;color:#676a62;max-width:900px}
.personal-credit{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid #b9c1b7;margin-bottom:24px}
.personal-credit>span:first-child{font-size:.75rem;font-weight:700;letter-spacing:.06em}
.personal-credit>span:last-child{font-size:.6875rem;line-height:1.5;padding:7px 12px;border:1px solid #afbbae;border-radius:22px;background:#e8eee5}
.case-intro-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.case-intro-actions>button{min-height:44px;color:#315e87;font-size:.8125rem;font-weight:650;padding:0}
.case-intro-actions>button:first-child:not(:last-child){color:#fff;background:#273d50;padding:0 16px;border-radius:22px}
.case-film-section{background:#202a36;color:#f5f6f2;padding-block:64px 48px;scroll-margin-top:60px}
.film-heading{display:flex;justify-content:space-between;align-items:end;gap:56px;margin-bottom:28px}
.film-heading .eyebrow{color:#b7c7d7;font-size:.625rem}
.film-heading h2{font-size:clamp(2rem,3.8vw,3rem);font-weight:650;line-height:1.1;margin-top:16px;max-width:700px}
.film-heading>p{max-width:350px;font-size:.875rem;line-height:1.7;color:#c5cfda}
.case-film{width:100%;display:block;aspect-ratio:16/9;background:#0e141e;border-radius:8px;border:1px solid #6b7987}
.film-guide{margin-top:28px}.film-guide>.eyebrow{font-size:.625rem;color:#bac7d4}
.film-guide>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;list-style:none;margin:16px 0 0;padding:0}
.film-guide button{display:flex;align-items:center;text-align:left;gap:12px;width:100%;min-height:54px;border-top:1px solid #657383;font-size:.75rem;line-height:1.45;padding:12px 0}
.film-guide button>span:first-child{font-variant-numeric:tabular-nums;color:#a6c2db;font-size:.6875rem}
.film-guide button>span:last-child{margin-left:auto;font-size:1rem;color:#a6c2db}
.film-guide button:hover{color:#badaf4}
.film-note{font-size:.6875rem;line-height:1.7;color:#b2bfcd;margin-top:22px;max-width:900px}
.source-work{background:#e4e8e4}.source-gallery{background:#f6f8f3;border:1px solid #aab8af;border-radius:10px;overflow:hidden;margin-top:24px}
.source-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 20px;border-bottom:1px solid #b4c0b7}
.source-toolbar>div:first-child{display:flex;flex-wrap:wrap;gap:6px}
.source-toolbar button{font-size:.75rem;font-weight:650;line-height:1.4;padding:10px 14px;min-height:44px;border-radius:6px;color:#4f6056}
.source-toolbar button[aria-pressed=true]{background:#263f36;color:#fff}
.source-links{display:flex;gap:20px;flex-shrink:0}
.source-links>a{display:flex;align-items:center;min-height:44px;font-size:.75rem;font-weight:650;color:#355c48}
.source-stage{padding:24px;background:#cdd8d0;display:flex;align-items:center;justify-content:center}
.source-stage>img{max-width:100%;width:100%;height:auto;display:block;box-shadow:0 6px 24px #27352b1c;border-radius:4px}
.source-html-tool{background:#ced9df}.source-html-tool>img{width:450px;box-shadow:none}
.source-knowledge{background:#13171d}.source-knowledge>img{max-height:850px;object-fit:contain;box-shadow:none}
.source-continuity{background:#ccd0d2}
.source-gallery figcaption{padding:24px 28px;display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;font-size:.9375rem;line-height:1.7}
.source-gallery figcaption>strong{font-size:.8125rem;font-weight:700;color:#3a5547}
.source-gallery figcaption>p{color:#526156;max-width:65ch}
.agents-work{background:#e7e0ee}
.agents-explorer{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;border-top:1px solid #a9a0b7;padding-top:28px}
.agents-explorer>figure{background:#c9c0d6;padding:24px;border:1px solid #b6aaca;border-radius:10px}
.agents-explorer>figure>img{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.agents-explorer figcaption{font-size:.8125rem;text-align:center;font-weight:700;margin-top:18px}
.agents-inspector>.eyebrow{font-size:.625rem}.agents-inspector h3{font-size:1.75rem;font-weight:700;line-height:1.15;margin-top:16px}
#agent-traits{margin-block:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
#agent-traits>div{border-top:1px solid #b8adc7;padding-block:10px}
#agent-traits dt{font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#6b617d}
#agent-traits dd{margin:6px 0 0;font-size:.875rem;line-height:1.5}
.agent-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.agent-thumbnails button{min-height:44px;border:2px solid transparent;background:#d6ccdf;border-radius:6px;padding:5px 3px}
.agent-thumbnails button[aria-pressed=true]{border-color:#5b3a80;background:#f7f2fa}
.agent-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.agent-thumbnails span{display:block;font-size:.5625rem;font-weight:650;margin-top:4px}
.agents-inspector>p{font-size:.75rem;line-height:1.7;color:#6b6176;margin-top:20px}
.brand-ecg{object-fit:contain}
@media(max-width:1050px){.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-heading{gap:48px}.film-guide>ol{grid-template-columns:repeat(3,minmax(0,1fr))}.agents-explorer{gap:32px}.source-toolbar{align-items:flex-start}.source-links{flex-direction:column;gap:0}}
@media(max-width:650px){.header nav a[href="#about"]{display:none}.header nav{gap:18px}.personal-section{padding-block:56px 48px}.personal-heading{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.personal-heading h2{font-size:2.9rem}.personal-dek{font-size:1.375rem}.personal-grid{grid-template-columns:1fr}.personal-art{aspect-ratio:1.6;padding:18px}.personal-copy{padding:24px}.personal-copy h3{font-size:1.625rem}.personal-credit{align-items:flex-start;gap:16px}.personal-credit>span:first-child{font-size:.625rem}.personal-credit>span:last-child{font-size:.625rem;text-align:center}.case-status{align-items:flex-start}.case-intro-actions{gap:8px}.case-intro-actions>button{font-size:.75rem}.case-film-section{padding-block:44px 36px}.film-heading{display:block}.film-heading>p{margin-top:20px;max-width:none}.film-heading h2{font-size:2rem}.film-guide>ol{grid-template-columns:1fr 1fr;gap:0 16px}.film-guide button{gap:8px;font-size:.6875rem;min-height:60px}.source-toolbar{display:block;padding:14px}.source-toolbar button{font-size:.6875rem;padding:10px 9px}.source-links{flex-direction:row;justify-content:flex-end;gap:20px;margin-top:6px}.source-stage{padding:12px}.source-gallery figcaption{display:block;padding:20px}.source-gallery figcaption>p{font-size:.875rem;margin-top:8px}.agents-explorer{grid-template-columns:1fr;gap:28px}.agents-explorer>figure{padding:18px}.agents-inspector h3{font-size:1.625rem}.agent-thumbnails{gap:6px}#agent-traits{gap:0 20px}}

.brand-ecg{filter:brightness(0)}

@media(max-width:650px){.agent-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}