:root{--ink:#0a0a0a;--muted:#60605c;--paper:#f4f2eb;--white:#fff;--line:rgba(10,10,10,.42);--soft-line:rgba(10,10,10,.17);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.45;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}::selection{color:var(--white);background:var(--ink)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.65rem .9rem;color:white;background:black}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(244,242,235,.94);backdrop-filter:blur(14px)}.nav{max-width:1380px;height:60px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:850;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:750}.nav-links a{border-bottom:1px solid transparent}.nav-links a:hover{border-color:currentColor}.nav-toggle{display:none;border:0;background:none;font:inherit;font-weight:700}
main{max-width:1380px;margin:0 auto;border-inline:1px solid var(--line)}.intro{padding:48px 32px 44px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:18px;margin-bottom:36px}.portrait{width:76px;height:76px;flex:0 0 auto;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:white}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(100%)}h1{margin-bottom:4px;font-family:var(--serif);font-size:clamp(2.7rem,5vw,4.8rem);line-height:.92;letter-spacing:-.065em;font-weight:500}.role{margin:0;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:7vw;align-items:end}.intro-grid h2{max-width:760px;margin:0;font-family:var(--serif);font-size:clamp(2.2rem,4.1vw,4.3rem);line-height:1;letter-spacing:-.055em;font-weight:500}.profile-copy{max-width:590px}.profile-copy p{margin-bottom:.6rem;color:#30302e;font-size:.95rem}.quick-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.quick-links a{padding-bottom:2px;border-bottom:1px solid var(--ink)}
.history{display:grid;grid-template-columns:.62fr 1.18fr 1.05fr;min-height:450px;border-bottom:1px solid var(--line)}.section-label,.history-column{padding:28px 24px}.history-column{border-left:1px solid var(--line)}.kicker,.column-title{margin-bottom:13px;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.section-label h2,.work-heading h2{margin-bottom:13px;font-family:var(--serif);font-size:clamp(1.9rem,2.7vw,3rem);line-height:1;letter-spacing:-.045em;font-weight:500}.section-label>p:last-child,.work-heading>p:last-child{max-width:260px;color:var(--muted)}.history-item{display:grid;grid-template-columns:65px 1fr;gap:13px;padding:15px 0 21px}.history-item+.history-item{border-top:1px solid var(--soft-line);padding-top:22px}.year{color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.1}.place{display:inline-block;margin-bottom:8px;padding-bottom:1px;border-bottom:1px solid var(--ink);font-size:.8rem;font-weight:750}.history-item h3{margin-bottom:7px;font-size:1.1rem;line-height:1.2;letter-spacing:-.025em}.history-item p:last-child{margin:0;color:#333330;font-size:.8rem;line-height:1.4}
.work{border-bottom:1px solid var(--line)}.work-heading{padding:26px 32px 21px;display:grid;grid-template-columns:.45fr .7fr 1fr;gap:24px;align-items:baseline;border-bottom:1px solid var(--line)}.work-heading .kicker,.work-heading h2,.work-heading>p:last-child{margin:0}.work-heading>p:last-child{max-width:420px}.project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.project{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(255,255,255,.16);transition:background .18s ease}.project:last-child{border-right:0}.project:hover{background:var(--white)}.project-media{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line);background:#e7e5de}.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.project:hover .project-media img{transform:scale(1.025)}.project-media.icon-media img{object-fit:contain;padding:12%}.music-art{padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:black}.music-art strong{font-family:var(--serif);font-size:clamp(2.2rem,4vw,4rem);line-height:.9;font-weight:500}.music-art span{margin-top:8px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.project-copy{padding:16px;display:flex;flex:1;flex-direction:column}.project-copy>span{color:var(--muted);font-size:.6rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.project-copy h3{margin:9px 0 7px;font-family:var(--serif);font-size:1.32rem;line-height:1;letter-spacing:-.035em;font-weight:500}.project-copy p{margin-bottom:16px;color:#3b3b37;font-size:.75rem;line-height:1.38}.project-copy b{margin-top:auto;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
footer{max-width:1380px;margin:0 auto;padding:20px 32px;display:flex;justify-content:space-between;border-inline:1px solid var(--line);color:var(--muted);font-size:.7rem}footer div{display:flex;gap:18px}
[data-reveal]{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}[data-reveal].revealed{opacity:1;transform:none}
@media(max-width:1040px){.history{grid-template-columns:.5fr 1fr 1fr}.project-grid{grid-template-columns:repeat(3,1fr)}.project{border-bottom:1px solid var(--line)}.project:nth-child(3){border-right:0}}
@media(max-width:760px){.nav{padding-inline:20px}.nav-toggle{display:block}.nav-links{position:absolute;inset:60px 12px auto;padding:18px;display:none;flex-direction:column;align-items:stretch;background:var(--paper);border:1px solid var(--line)}.nav-links.open{display:flex}main,footer{border-inline:0}.intro{padding:36px 20px 31px}.identity{margin-bottom:28px}.portrait{width:62px;height:62px}.intro-grid{grid-template-columns:1fr;gap:22px}.intro-grid h2{font-size:clamp(2.15rem,10.5vw,3.4rem)}.history{grid-template-columns:1fr;min-height:0}.section-label,.history-column{padding:25px 20px}.history-column{border-left:0;border-top:1px solid var(--line)}.work-heading{padding:25px 20px 20px;grid-template-columns:1fr;gap:5px}.project-grid{grid-template-columns:1fr 1fr}.project:nth-child(3){border-right:1px solid var(--line)}.project:nth-child(even){border-right:0}footer{padding-inline:20px}}
@media(max-width:480px){body{font-size:14px}.role{max-width:255px}.history-item{grid-template-columns:58px 1fr}.project-grid{grid-template-columns:1fr}.project,.project:nth-child(3){border-right:0}footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Compact identity row and history marks */
.intro{padding:30px 32px}.intro-grid{grid-template-columns:minmax(360px,.9fr) minmax(360px,1.1fr);gap:6vw;align-items:center}.identity{margin-bottom:0}.profile-copy{max-width:650px}.profile-copy p{margin-bottom:.5rem;font-size:.92rem}.quick-links{margin-top:13px}.place{display:flex;align-items:center;gap:8px;padding-bottom:0;border-bottom:0}.place img{width:28px;height:28px;padding:3px;object-fit:contain;border:1px solid var(--soft-line);border-radius:0;background:white}.place span{padding-bottom:1px;border-bottom:1px solid var(--ink)}
@media(max-width:760px){.intro{padding:26px 20px}.intro-grid{grid-template-columns:1fr;gap:18px}.identity{margin-bottom:0}}

/* Projects follow the same three-column rhythm as History */
.pure-place img{width:38px;height:28px}.credit-place img{width:44px;height:28px;padding:4px}.work{display:grid;grid-template-columns:.62fr 1.18fr 1.05fr;border-bottom:1px solid var(--line)}.work>.section-label,.project-list{padding:28px 24px}.project-list{border-left:1px solid var(--line)}.project-entry{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:15px 0 21px}.project-entry+.project-entry{border-top:1px solid var(--soft-line);padding-top:22px}.project-thumb{width:72px;height:58px;overflow:hidden;border:1px solid var(--soft-line);background:white}.project-thumb img{width:100%;height:100%;display:block;object-fit:cover}.project-thumb.contain img{object-fit:contain;padding:7px}.music-thumb{display:grid;place-items:center;color:white;background:black}.music-thumb strong{font-family:var(--serif);font-size:1.25rem;font-weight:500}.project-entry>div:last-child>span{color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.project-entry h3{margin:6px 0;font-size:1.08rem;line-height:1.2;letter-spacing:-.025em}.project-entry p{margin:0;color:#333330;font-size:.78rem;line-height:1.4}.project-entry b{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:1040px){.work{grid-template-columns:.5fr 1fr 1fr}}
@media(max-width:760px){.work{grid-template-columns:1fr}.work>.section-label,.project-list{padding:25px 20px}.project-list{border-left:0;border-top:1px solid var(--line)}}

/* Keep Experience and Education row rules aligned */
.history-column{display:grid;grid-template-rows:auto 1fr 1fr}.history-column .history-item{min-height:0}.scamshield-thumb{background:#f5f1e9}.scamshield-thumb img{object-fit:cover}.matcha-thumb{background:#f4f2eb}.matcha-thumb img,.fraudquest-thumb img{object-fit:contain;object-position:center;transform:none;padding:4px}.fraudquest-thumb{background:#f1edf6}.spotify-thumb{display:grid;place-items:center;background:#111}.spotify-thumb img{width:38px;height:38px;object-fit:contain}.project-entry p{max-width:520px}.inline-link{font-weight:750;border-bottom:1px solid currentColor}.inline-link:hover{opacity:.6}
.place a{padding-bottom:1px;border-bottom:1px solid var(--ink)}.place a:hover{opacity:.6}
.project-entry[href] h3,.project-entry h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:760px){.history-column{display:block}.project-entry{grid-template-columns:72px 1fr}}

/* Compact skills band */
.skills{display:grid;grid-template-columns:.62fr 2.23fr;border-bottom:1px solid var(--line)}.skills-heading{padding:22px 24px}.skills-heading h2{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,2.1vw,2.3rem);line-height:1;letter-spacing:-.04em;font-weight:500}.skills-groups{display:grid;grid-template-columns:.72fr 1.35fr .72fr .72fr;border-left:1px solid var(--line)}.skill-group{padding:23px 24px}.skill-group+.skill-group{border-left:1px solid var(--soft-line)}.skill-group span{display:block;margin-bottom:7px;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.skill-group p{margin:0;font-size:.82rem;font-weight:700;line-height:1.45}
@media(max-width:1040px){.skills{grid-template-columns:.5fr 2fr}.skills-groups{grid-template-columns:.85fr 1.3fr .85fr .85fr}.skill-group{padding-inline:16px}}
@media(max-width:760px){.skills{grid-template-columns:1fr}.skills-heading{padding:22px 20px}.skills-groups{grid-template-columns:1fr;border-left:0;border-top:1px solid var(--line)}.skill-group{padding:16px 20px}.skill-group+.skill-group{border-left:0;border-top:1px solid var(--soft-line)}}

/* Tagline reads as a sentence, not a label */
.role{max-width:380px;margin-top:8px;color:#30302e;font-family:var(--serif);font-size:1.02rem;font-weight:400;font-style:italic;line-height:1.35;letter-spacing:0;text-transform:none}
@media(max-width:480px){.role{max-width:none;font-size:.95rem}}