:root{color-scheme:dark;--paper:#0c1c30;--ink:#f2f5fa;--accent:#8fbbea;--muted:#afbed0;--line:#2a3c53;--line-strong:#607b99}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}header,main,footer{max-width:1440px;margin:auto;padding-left:7vw;padding-right:7vw}header{height:124px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:20px;letter-spacing:-.8px}.brand span{color:var(--accent)}nav{display:flex;gap:34px;font-size:14px}nav a{padding:10px 0;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--ink)}nav a[aria-current]{border-bottom:2px solid var(--accent)}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%}.hero{min-height:calc(100svh - 214px);padding-top:11vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding-bottom:12vh}.hero h1{font-size:clamp(64px,9vw,124px);font-weight:500;letter-spacing:-.075em;line-height:1.02;margin:35px 0 24px}.role{font-size:clamp(22px,3vw,38px);letter-spacing:-1.1px;margin:0}.role span{color:var(--accent)}.intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:440px;margin:30px 0 36px}.link{display:inline-flex;align-items:center;gap:38px;font-size:14px;border-bottom:1px solid var(--line-strong);padding:0 0 12px;width:max-content}.link:hover{color:var(--accent);border-color:var(--accent)}.arrow{font-size:22px}.hero-bottom{margin-top:70px;display:flex;gap:28px;color:var(--muted);font-size:12px;letter-spacing:.3px}.hero-bottom>span+span:before{content:'/';margin-right:28px;color:#adb0a5}footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.page{padding-top:75px;padding-bottom:110px}.page h1{font-size:clamp(64px,8vw,110px);letter-spacing:-.065em;font-weight:500;margin:28px 0 60px;line-height:1.05}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:9vw}.aside{font-size:15px;line-height:1.7}.aside .small{color:var(--muted);font-size:13px;margin-top:24px}.bio{max-width:720px}.bio p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 25px}.bio .lead{font-size:25px;line-height:1.5;color:var(--ink);letter-spacing:-.6px;margin-bottom:38px}.bio h2{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin:45px 0 20px}.bio a{border-bottom:1px solid var(--line-strong)}.contact{min-height:calc(100svh - 214px)}.contact h1{margin-bottom:25px}.contact .intro{max-width:520px}.contact-list{margin-top:60px;max-width:900px}.contact-row{border-top:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-row:last-child{border-bottom:1px solid var(--line)}.contact-row small{font-size:12px;color:var(--muted);display:block;margin-bottom:10px}.contact-row strong{font-size:clamp(22px,3vw,34px);font-weight:400;letter-spacing:-1px}.contact-row:hover strong,.contact-row:hover .arrow{color:var(--accent)}.skip{position:absolute;left:20px;top:-60px;background:#fff;padding:12px;z-index:2}.skip:focus{top:15px}@media(max-width:650px){header{height:100px}nav{gap:22px;font-size:13px}.brand{font-size:18px}.hero{padding-top:60px;min-height:calc(100svh - 190px)}.hero h1{font-size:18vw;margin-top:30px}.hero-bottom{gap:16px;flex-wrap:wrap;margin-top:50px;font-size:12px}.hero-bottom>span+span:before{margin-right:16px}.page{padding-top:45px;padding-bottom:70px}.about-grid{grid-template-columns:1fr;gap:35px}.page h1{margin-bottom:40px}.bio .lead{font-size:22px}.bio p{font-size:16px}footer{gap:20px;font-size:10px}.contact-list{margin-top:45px}}footer{justify-content:flex-end}.palette-switch{display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:30px}.palette-switch button{font:inherit;font-size:11px;color:var(--muted);background:transparent;border:0;border-radius:20px;padding:8px 12px;cursor:pointer}.palette-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}.palette-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero h1 span{color:var(--accent)!important}.hero .intro{max-width:510px}@media(max-width:650px){header{gap:16px}nav{gap:16px}.palette-switch button{padding:7px 8px;font-size:10px}}
:root:not([data-palette]),:root[data-palette="3"]{color-scheme:dark;--paper:#0c1c30;--ink:#f2f5fa;--accent:#8fbbea;--muted:#afbed0;--line:#2a3c53;--line-strong:#607b99}
.palette-switch{background:var(--paper)}.skip{background:var(--paper)}
.original-bio p:first-child{font-size:22px;line-height:1.65;color:var(--ink);margin-bottom:34px}
.cv-intro{max-width:640px;margin-top:-30px}.timeline{max-width:850px;margin-top:60px}.company{display:grid;grid-template-columns:56px 1fr;gap:24px;margin-bottom:46px}.company-icon{width:56px;height:56px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:16px;font-weight:700}.company-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.5}.company h2{margin:0 0 7px;font-size:24px;letter-spacing:-.7px;font-weight:500}.company-note{font-size:13px;color:var(--muted);margin:0 0 26px;line-height:1.6}.roles{list-style:none;margin:20px 0 0;padding:0}.role-entry{position:relative;padding:0 0 27px 25px;border-left:1px solid var(--line-strong)}.role-entry:last-child{border-left-color:transparent;padding-bottom:0}.role-entry:before{content:'';position:absolute;width:7px;height:7px;background:var(--muted);border:4px solid var(--paper);box-sizing:content-box;border-radius:50%;left:-8px;top:2px}.role-entry h3{font-size:17px;font-weight:500;margin:0 0 8px}.role-entry p{font-size:14px;color:var(--muted);line-height:1.75;margin:0;max-width:620px}.company+.company{padding-top:30px;border-top:1px solid var(--line)}
@media(max-width:650px){header{height:auto;min-height:125px;flex-wrap:wrap;justify-content:space-between;padding-top:22px;padding-bottom:22px;gap:20px}.palette-switch button{font-size:10px}nav{gap:20px}.company{grid-template-columns:42px 1fr;gap:16px}.company-icon{width:42px;height:42px;font-size:13px}.company h2{font-size:21px}.original-bio p:first-child{font-size:19px}.cv-intro{margin-top:-15px}}

.palette-switch button[aria-pressed="true"]{color:var(--paper)}

header{justify-content:flex-end}.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8vw;margin-top:50px}.contact-list{margin-top:0}.contact-row strong{font-size:clamp(20px,2.2vw,30px)}.contact-form{display:grid;gap:22px;min-width:0}.form-field{display:grid;gap:10px}.form-field label{font-size:13px;color:var(--muted)}.form-field input,.form-field textarea{font:inherit;background:#10243b;color:var(--ink);border:1px solid var(--line-strong);border-radius:5px;padding:14px;width:100%;min-width:0}.form-field textarea{min-height:165px;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:3px}.send-button{font:inherit;font-size:14px;justify-self:start;border:0;border-radius:4px;padding:14px 24px;color:var(--paper);background:var(--accent);cursor:pointer}.send-button:disabled{opacity:.5;cursor:not-allowed}.form-status{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.form-status a{border-bottom:1px solid var(--line-strong)}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.experience-page h1{font-size:clamp(54px,7vw,96px)}@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:45px}}@media(max-width:650px){header{min-height:100px;justify-content:flex-end}nav{gap:22px}.experience-page h1{font-size:clamp(46px,11vw,64px)}}

.role-entry{border-left:0;padding-left:25px}.role-entry:not(:last-child):after{content:'';position:absolute;left:0;top:10px;bottom:-10px;width:1px;background:var(--line-strong)}.role-entry:before{left:-7px;z-index:1}.company-icon{border:0;border-radius:0;background:none}.company-icon img{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}.company-icon img[src$="apple.svg"]{width:32px;height:40px}.company-icon img[src$="rmu.svg"]{width:56px;height:42px}.company-initials{font-size:14px;font-weight:500;letter-spacing:1px;color:var(--muted)}.experience-page h1{font-size:clamp(32px,5.3vw,76px);white-space:nowrap;letter-spacing:-.055em}.career-arrow{color:var(--accent);font-weight:400}.role-meta{font-size:13px;line-height:1.65;color:var(--muted)}.role-meta:last-of-type{margin-bottom:13px}.role-entry p+p{margin-top:18px}.session-links{list-style:none;padding:0;margin:18px 0 0;font-size:13px;line-height:1.8}.session-links a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.original-bio p:first-child{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:25px}.original-bio strong{font-weight:700;color:var(--ink)}@media(max-width:650px){.experience-page h1{font-size:clamp(24px,5.4vw,35px)}.original-bio p:first-child{font-size:16px}.company-icon img{width:38px;height:38px}.company-icon img[src$="rmu.svg"]{width:42px;height:32px}}

.company-icon img[src$="rmu.svg"]{filter:none}

/* Reading layout and company mark alignment. */
.about-grid{grid-template-columns:240px minmax(0,640px);gap:clamp(48px,6vw,100px)}
.bio{max-width:640px}
.bio p,.original-bio p:first-child{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.8;letter-spacing:0;color:#d4dfed;margin:0 0 28px;font-weight:400}
.original-bio strong{color:#f3f6fb;font-weight:650}
.bio a{border-bottom-color:#8199b5}
.company-icon{display:flex;align-items:flex-start;justify-content:center;padding-top:4px;height:auto;min-height:56px}
.company-icon img{object-position:center top}
.company-icon img[src$="apple.svg"]{width:48px;height:56px}
.company h2{margin-bottom:22px}
@media(max-width:850px){.about-grid{grid-template-columns:1fr;gap:32px}.bio{max-width:640px}}
@media(max-width:650px){.bio p,.original-bio p:first-child{font-size:17px;line-height:1.75;margin-bottom:24px}.company-icon{min-height:42px;padding-top:3px}.company-icon img[src$="apple.svg"]{width:38px;height:45px}}

.company-icon img[src$="kandji.svg"]{width:48px;height:auto}.company-icon img[src$="apple.svg"]{width:56px;height:68px}.page h1{margin-top:0}@media(max-width:650px){.company-icon img[src$="kandji.svg"]{width:38px;height:auto}.company-icon img[src$="apple.svg"]{width:44px;height:54px}}

/* Match the visible left edges of the hero name and role. */
.hero h1{letter-spacing:-.035em;margin-left:-.05em}
.company-icon img[src$="apple.svg"]{width:45px;height:auto;max-width:none;flex-shrink:0}

/* Consistent, more open tracking for page and section headings. */
h1,h2,h3,h4,h5,h6,.hero h1,.page h1,.experience-page h1,.bio h2,.company h2,.role-entry h3{letter-spacing:-.035em}
h2,h3,h4,h5,h6,.bio h2,.company h2,.role-entry h3{letter-spacing:.005em}

.arrow-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0}.send-button{display:inline-flex;align-items:center;gap:12px}.career-arrow-icon{width:.7em;height:.7em;vertical-align:baseline}.label-short{display:none}.hero-bottom>span{white-space:nowrap}
@media(max-width:650px){.hero-bottom{gap:6px;letter-spacing:0}.hero-bottom>span+span:before{margin-right:6px}.about-grid>aside{display:none}}
.company-icon img[src$="apple.svg"]{width:40px;height:auto}
@media(max-width:650px){.hero-bottom{gap:4px}.hero-bottom>span+span:before{margin-right:4px}.label-full{display:none}.label-short{display:inline}}

@media(max-width:650px){.contact-intro-break{display:none}}
