:root{--ink:#f5f7fb;--muted:#aeb8c8;--bg:#090c12;--panel:rgba(18,23,33,.88);--line:rgba(255,255,255,.12);--cyan:#63e6e2;--amber:#ffc46b;--radius:24px;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 12%,rgba(32,206,207,.13),transparent 30rem),radial-gradient(circle at 90% 24%,rgba(255,162,65,.12),transparent 28rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}button,a,audio{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.brand{color:var(--ink);font-size:.92rem;font-weight:750;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.brand span{color:var(--cyan)}.voice-brand span{color:var(--amber)}.top-links{display:flex;align-items:center;gap:7px}.text-link{color:var(--muted);text-decoration:none;padding:9px 12px;border-radius:999px}.text-link:hover,.text-link:focus-visible,.active-link{color:var(--ink);background:rgba(255,255,255,.07);outline:none}.eyebrow{margin:0 0 18px;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.voice-page .eyebrow,.voice-choice .eyebrow{color:var(--amber)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(3.2rem,7.4vw,7rem);line-height:.92;letter-spacing:-.065em}h2{margin-bottom:12px;font-size:1.35rem;line-height:1.15;letter-spacing:-.025em}p{color:var(--muted)}
.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);color:var(--ink);text-decoration:none;font-weight:750;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1)}.button:focus-visible{outline:3px solid rgba(255,255,255,.3);outline-offset:3px}.cyber-action{background:var(--cyan);color:#042b2e;border-color:transparent}.voice-action{background:var(--amber);color:#3c2100;border-color:transparent}
.home-page{display:grid;grid-template-rows:auto 1fr auto}.choice-shell{padding:clamp(50px,8vw,110px) 0 90px}.choice-intro{max-width:820px;margin-bottom:48px}.choice-intro h1{margin-bottom:18px}.choice-intro>p:last-child{max-width:560px;font-size:1.1rem}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;padding:clamp(28px,4vw,48px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-decoration:none;transition:transform .25s ease,border-color .25s ease}.choice-card::after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-100px;border-radius:50%;filter:blur(12px);opacity:.24;transition:transform .25s ease}.cyber-choice::after{background:var(--cyan)}.voice-choice::after{background:var(--amber)}.choice-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.32)}.choice-card:hover::after{transform:scale(1.12)}.choice-card:focus-visible{outline:3px solid rgba(255,255,255,.35);outline-offset:4px}.choice-number{align-self:flex-end;color:rgba(255,255,255,.3);font-weight:800;letter-spacing:.14em}.choice-card h2{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.055em}.choice-card p{max-width:45ch}.choice-link{position:relative;z-index:1;font-weight:800}
.portfolio-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:clamp(36px,7vw,90px);min-height:660px;padding:60px 0 90px}.hero-copy{max-width:800px}.hero-lede{max-width:62ch;margin-bottom:28px;font-size:1.08rem}.portrait-wrap{position:relative;isolation:isolate}.portrait-wrap::before{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:50%;background:conic-gradient(from 90deg,var(--amber),transparent 30%,var(--cyan),transparent 82%);filter:blur(22px);opacity:.48}.portrait{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:var(--shadow)}.content-section{padding-bottom:90px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 16px 45px rgba(0,0,0,.22)}.card p{margin-bottom:0}.summary{grid-column:span 7}.skills{grid-column:span 5}.experience{grid-column:span 8}.credentials{grid-column:span 4}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag{padding:7px 11px;border:1px solid rgba(99,230,226,.25);border-radius:999px;color:#bdf9f5;background:rgba(99,230,226,.07);font-size:.86rem}.timeline{display:grid;gap:24px;margin-top:18px}.role{padding-left:18px;border-left:2px solid rgba(99,230,226,.4)}.role h3{margin-bottom:3px;font-size:1rem}.role .meta{margin-bottom:8px;color:var(--cyan);font-size:.86rem}.role p{font-size:.94rem}.credential-list{display:grid;gap:12px;margin-top:18px}.credential{padding:13px 15px;border:1px solid var(--line);border-radius:14px;color:#d9e0ea}
.voice-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:18px;align-items:stretch;padding-bottom:90px;scroll-margin-top:20px}.voice-copy{grid-row:span 3;padding:clamp(28px,5vw,54px);background:linear-gradient(145deg,rgba(164,92,24,.21),rgba(18,23,33,.88) 58%)}.voice-copy h2{font-size:clamp(2.1rem,4vw,3.6rem);letter-spacing:-.05em}.voice-copy p+p{margin-top:18px}.voice-copy blockquote{margin:28px 0 0;color:#ffe0b3;font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.35;letter-spacing:-.025em}.audio-card{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;background:linear-gradient(150deg,rgba(255,196,107,.13),rgba(18,23,33,.92))}.sample-meta{color:var(--amber);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.audio-card h2{margin-top:22px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.95;letter-spacing:-.06em}audio{width:100%;margin-top:34px;accent-color:var(--amber)}.duration{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:var(--muted);font-size:.82rem}footer{border-top:1px solid var(--line);padding:28px 0 42px;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:24px}.footer-inner a{color:var(--ink);text-decoration:none}.footer-inner a:hover{text-decoration:underline}
@media(max-width:880px){.choice-grid{grid-template-columns:1fr}.choice-card{min-height:330px}.portfolio-hero{grid-template-columns:1fr 230px;min-height:580px}.summary,.skills,.experience,.credentials{grid-column:1/-1}.voice-layout{grid-template-columns:1fr}.voice-copy{grid-row:auto}}@media(max-width:680px){.shell{width:min(100% - 24px,1180px)}.topbar{align-items:flex-start;padding:18px 0}.top-links{flex-wrap:wrap;justify-content:flex-end}.top-links .email{display:none}.text-link{padding:7px 9px;font-size:.88rem}.choice-shell{padding-top:42px}.choice-card{min-height:290px}.portfolio-hero{grid-template-columns:1fr;min-height:auto;padding:44px 0 70px}.portrait-wrap{grid-row:1;width:min(58vw,280px);margin:0 auto}.hero-copy{grid-row:2;text-align:center}.hero-copy .button-row{justify-content:center}h1{font-size:clamp(3rem,16vw,5.2rem)}.card{padding:22px}.audio-card{min-height:310px}.footer-inner{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}