/* Each profile has its own composition, type system and surfaces. */
body{transition:background .35s}.profile-feature{display:none}.hero .name{white-space:normal}body[data-persona]{--surface:#fff;--ink:#29252f}.persona-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.profile-feature h2{font-size:28px;line-height:1.15;letter-spacing:-.04em}.profile-feature p{font-size:15px;line-height:1.6}.profile-feature pre{white-space:pre-wrap;font-size:14px;line-height:1.9}
/* Designer: expressive magazine layout. */
body[data-persona=retired-designer]{background:#ded6fa;--accent:#6c49b5;--hover:#e7dafa}.designer-unused{display:none}body[data-persona=retired-designer] .canvas{background:#ded6fa;padding:35px 26px}body[data-persona=retired-designer] .landing{border-radius:4px;border:0;box-shadow:12px 12px 0 #baabd5;max-width:1400px}body[data-persona=retired-designer] .hero{width:86%;grid-template-columns:1.1fr .9fr;grid-template-rows:auto 1fr;margin-top:38px;gap:0 40px;min-height:520px}body[data-persona=retired-designer] .headline-left{grid-column:1;padding:20px 0 0}body[data-persona=retired-designer] .name{font:12px Arial;letter-spacing:.16em;margin-bottom:36px}body[data-persona=retired-designer] .hero h1,body[data-persona=retired-designer] .hero .title{font-family:Georgia,serif;font-size:clamp(58px,6.8vw,100px);font-weight:400;letter-spacing:-.07em}body[data-persona=retired-designer] .hero .title{font-style:italic;color:var(--accent)}body[data-persona=retired-designer] .headline-right{grid-column:1;grid-row:2;text-align:left;padding:0;align-self:start}body[data-persona=retired-designer] .description{max-width:340px;white-space:normal;margin-top:25px}body[data-persona=retired-designer] .portrait{grid-column:2;grid-row:1/3;height:440px;transform:rotate(3deg);margin-top:15px}body[data-persona=retired-designer] .portrait>img{border-radius:170px 170px 6px 6px}body[data-persona=retired-designer] .hello{background:#dfff85;color:#282d21;left:-34px;bottom:12px;width:90px;height:90px;font-family:Georgia,serif;font-style:italic}body[data-persona=retired-designer] .content-view h2{font-family:Georgia,serif;font-weight:400}body[data-persona=retired-designer] .content-view h2 em{font-style:italic}body[data-persona=retired-designer] .content-card{border-radius:0;border-width:1px 0 0;background:transparent}body[data-persona=retired-designer] .accent-card{background:#eee6fa}body[data-persona=retired-designer] .about-layout{grid-template-columns:1.15fr .85fr}body[data-persona=retired-designer] .about-layout .view-intro{font:26px/1.5 Georgia,serif}body[data-persona=retired-designer] .contact-note{border-radius:0}
/* Developer: dark engineering workspace, cyan signal, structured rows. */
body[data-persona=developer]{background:#080f19;color:#dfe9f6;--surface:#0e1724;--ink:#e5eef8;--accent:#63dded;--hover:#213f50;font-family:Arial,sans-serif}body[data-persona=developer] .canvas{background-color:#080f19;background-image:linear-gradient(#20314155 1px,transparent 1px),linear-gradient(90deg,#20314155 1px,transparent 1px);background-size:40px 40px;padding:30px 24px}body[data-persona=developer] .landing{border:1px solid #26394a;border-radius:14px;box-shadow:0 25px 90px #0004;max-width:1440px}body[data-persona=developer] .portfolio-header{border-bottom:1px solid #26394a}body[data-persona=developer] .hero{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;width:87%;gap:0 40px;margin:60px auto 35px;min-height:440px}body[data-persona=developer] .headline-left{grid-column:1;padding:25px 0 0}body[data-persona=developer] .name{font:12px/1.5 monospace;letter-spacing:.1em;color:#63dded;margin-bottom:26px}body[data-persona=developer] .hero h1,body[data-persona=developer] .hero .title{font-family:Arial,sans-serif;font-size:clamp(36px,4.4vw,65px);letter-spacing:-.055em;font-weight:700;line-height:1.08}body[data-persona=developer] .headline-right{grid-column:1;grid-row:2;align-self:start;text-align:left;padding:0}body[data-persona=developer] .hero .title{color:#63dded}body[data-persona=developer] .description{white-space:normal;max-width:360px;color:#9aadc2;margin-top:24px}body[data-persona=developer] .portrait{display:none}body[data-persona=developer] .developer-feature{display:block;grid-column:2;grid-row:1/3;align-self:center;border:1px solid #32485d;background:#09111d;border-radius:10px;padding:26px;box-shadow:15px 15px 0 #152d3a}body[data-persona=developer] .developer-feature .persona-kicker{display:block;border-bottom:1px solid #273b4b;padding-bottom:18px;color:#91a5b9;font-family:monospace}.developer-feature pre{color:#91e5d7;margin:25px 0}.developer-feature small{color:#94a8be}body[data-persona=developer] .content-view h2{font-size:clamp(35px,4.5vw,62px);letter-spacing:-.05em}body[data-persona=developer] .view-eyebrow,body[data-persona=developer] .content-card>span,body[data-persona=developer] .blog-list summary>span{font-family:monospace;color:#63dded}body[data-persona=developer] .view-grid{grid-template-columns:1fr}body[data-persona=developer] .content-card{display:grid;grid-template-columns:150px 1fr 1.3fr;align-items:center;gap:20px;background:#142333;border:1px solid #2a4054;border-radius:6px;padding:24px}body[data-persona=developer] .content-card h3{margin:0}body[data-persona=developer] .text-action{color:#63dded}body[data-persona=developer] .view-intro,body[data-persona=developer] .content-card p,body[data-persona=developer] .about-notes p,body[data-persona=developer] .blog-list details>p,body[data-persona=developer] .contact-note p{color:#a2b5c9}body[data-persona=developer] .about-notes article,body[data-persona=developer] .blog-list details{border-color:#2a4054}body[data-persona=developer] .contact-note{background:#142333;border:1px solid #324a5f;border-radius:8px}body[data-persona=developer] .contact-symbol{background:#63dded;color:#10202a;border-radius:8px;font-family:monospace}body[data-persona=developer] .navigation-toggle,body[data-persona=developer] .portfolio-header:before{background:#1c3042;color:#c8edff;border-color:#345064}body[data-persona=developer] .portfolio-header .menu-item{color:#b3c7d9}body[data-persona=developer] .header-active-pill{background:#236176}body[data-persona=developer] .header-active-pill.at-logo{background:#2553b5}body[data-persona=developer] .profile-trigger{border-color:#2a4054}body[data-persona=developer] .current-role{color:#9db2c8}
/* Contributor: cobalt community bulletin with oversized, playful type. */
body[data-persona=designer]{background:#1834b5;--surface:#f5f7ff;--ink:#17308c;--accent:#244ce1;--hover:#dbe4ff}body[data-persona=designer] .canvas{background:#1834b5;padding:22px}body[data-persona=designer] .landing{border:0;border-radius:32px;box-shadow:none;max-width:1440px}body[data-persona=designer] .hero{width:86%;display:flex;flex-direction:column;gap:0;text-align:center;margin:35px auto 15px}body[data-persona=designer] .headline-left{padding:0}body[data-persona=designer] .name{font:12px Arial;letter-spacing:.15em;margin:0 0 26px}body[data-persona=designer] .hero h1,body[data-persona=designer] .hero .title{font-family:Arial,sans-serif;font-weight:800;font-size:clamp(42px,6.5vw,90px);letter-spacing:-.065em;line-height:1.02}body[data-persona=designer] .headline-right{padding:0;text-align:center;align-self:center}body[data-persona=designer] .description{white-space:normal;max-width:450px;margin:24px auto;color:#5a69a0}body[data-persona=designer] .portrait{display:none}body[data-persona=designer] .designer-feature{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;width:100%;margin-top:15px;text-align:left}.designer-feature article{padding:23px;background:#dfff85;border-radius:18px;transform:rotate(-2deg);color:#203516}.designer-feature article:nth-child(2){background:#dbe5ff;transform:rotate(1deg);color:#17308c}.designer-feature article:nth-child(3){background:#ffcda9;transform:rotate(-1deg);color:#71391b}.designer-feature h2{margin:14px 0 7px}.designer-feature p{margin:0}body[data-persona=designer] .content-view h2{font-weight:800;font-size:clamp(38px,5vw,70px)}body[data-persona=designer] .view-grid{grid-template-columns:1.2fr .8fr}body[data-persona=designer] .content-card{background:#e0e8ff;border:0;border-radius:24px;padding:32px}body[data-persona=designer] .content-card:last-child{grid-column:1/-1;background:#dfff85}body[data-persona=designer] .about-layout{grid-template-columns:1fr;gap:10px}body[data-persona=designer] .about-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}body[data-persona=designer] .about-notes article{display:block;background:#e0e8ff;padding:25px;border:0;border-radius:20px}body[data-persona=designer] .about-notes h3{margin-top:16px}body[data-persona=designer] .blog-list{display:grid;gap:14px}body[data-persona=designer] .blog-list details{border:0;background:#e3ebff;border-radius:18px;padding:0 24px}body[data-persona=designer] .contact-note{background:#dfff85;border:0;border-radius:28px}body[data-persona=designer] .header-active-pill.at-logo{background:#ed713f}body[data-persona=designer] .header-active-pill{background:#244ce1}body[data-persona=designer] .contact-symbol{background:#244ce1}body[data-persona=designer] .view-intro,body[data-persona=designer] .content-card p,body[data-persona=designer] .about-notes p,body[data-persona=designer] .contact-note p{color:#536382}
@media(max-width:750px){body[data-persona] .canvas{padding:16px 10px}body[data-persona] .hero{width:85%;display:flex;flex-direction:column;gap:18px;min-height:0;margin:30px auto 60px}body[data-persona] .headline-left,body[data-persona] .headline-right{text-align:left;width:100%;padding:0}body[data-persona] .hero h1,body[data-persona] .hero .title{font-size:clamp(32px,8.5vw,56px)}body[data-persona] .name{margin-bottom:15px}body[data-persona] .portrait{width:85%;height:340px;order:3;margin:12px auto}body[data-persona] .developer-feature{width:100%;padding:20px;box-shadow:7px 7px 0 #152d3a}body[data-persona] .designer-feature{grid-template-columns:1fr;gap:18px}body[data-persona] .view-grid,body[data-persona] .about-layout,body[data-persona] .about-notes{grid-template-columns:1fr}body[data-persona] .content-card{display:block;padding:25px}body[data-persona] .content-card h3{margin:20px 0 10px}body[data-persona] .content-card:last-child{grid-column:auto}body[data-persona] .description{margin-top:12px}body[data-persona] .content-view h2{font-size:39px}}
body[data-persona=designer] .headline-left{order:0}body[data-persona=designer] .headline-right{order:1}body[data-persona=designer] .designer-feature{order:2}
body[data-persona=developer] .portfolio-header .menu-item.active{color:#fff}body[data-persona=developer] .portfolio-header .menu-item:not(.active):hover{background:#284453;color:#bcf5ff}

.profile-badge[data-profile=default]{background:#6263e7}

body[data-persona=developer] .portfolio-header .menu-item:not(.active):hover{background:transparent!important;color:inherit!important}