:root{--paper:#f4f3ef;--ink:#1e211d;--muted:#74766f;--line:#d9dbd3;--accent:#c8f169;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace;--pad:clamp(22px,6vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}.role-header{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.role-brand{font-size:12px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.role-mark{background:var(--ink);color:var(--accent);height:27px;width:27px;border-radius:50%;display:grid;place-items:center;font:10px var(--mono)}.role-header nav{display:flex;gap:25px;font-size:11px;color:#5e6059}.role-header nav a:hover,.role-footer a:hover{color:#718b40}.role-hero{padding-block:clamp(65px,9vw,125px) 74px;border-bottom:1px solid var(--line)}.eyebrow,.role-index,.role-stat-label,.role-card-label,.demo-note,.proof-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.role-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-top:22px}.role-hero h1{font-size:clamp(54px,9vw,118px);line-height:.93;letter-spacing:-.085em;font-weight:500;max-width:900px;margin:0}.role-hero h1 em{font-family:Georgia,serif;font-weight:400}.role-summary{font-size:14px;line-height:1.85;color:#66685f;max-width:500px;margin:0 0 3px}.role-cta{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:12px 15px;background:var(--ink);color:var(--paper);font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em}.role-cta b{font-size:16px;color:var(--accent);font-weight:400}.role-switcher{display:flex;align-items:center;gap:8px;overflow:auto;padding-block:15px;border-bottom:1px solid var(--line)}.role-switcher span{flex:0 0 auto;margin-right:8px}.role-switcher a{flex:0 0 auto;border:1px solid var(--line);padding:7px 10px;border-radius:30px;font:8px var(--mono);color:#676a62;white-space:nowrap}.role-switcher a[aria-current="page"],.role-switcher a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.role-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-block:1px solid var(--line)}.role-stat{padding:21px 25px;border-right:1px solid var(--line)}.role-stat:first-child{padding-left:0}.role-stat:last-child{border:0}.role-stat strong{display:block;font-size:clamp(19px,2.5vw,28px);letter-spacing:-.06em;font-weight:600}.role-stat-label{display:block;margin-top:7px;font-size:8px}.role-section{padding-block:clamp(65px,8vw,105px);border-bottom:1px solid var(--line)}.role-section-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;margin-bottom:31px}.role-section-heading h2{font-size:clamp(31px,4.4vw,58px);line-height:1;letter-spacing:-.075em;font-weight:500;margin:0}.role-index{padding-top:10px}.role-section-heading p{font-size:12px;line-height:1.8;color:var(--muted);max-width:560px;margin:13px 0 0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proof-card{padding:21px;background:#eaeae3;min-height:148px}.proof-label{font-size:8px}.proof-card h3{font-size:17px;letter-spacing:-.05em;margin:22px 0 8px}.proof-card p{font-size:11px;line-height:1.7;color:#696c63;margin:0}.evidence-note{font-size:10px;line-height:1.7;color:var(--muted);margin:17px 0 0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.role-project{position:relative;background:#eaeae3;padding:22px;min-height:174px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,background .2s}.role-project:hover{transform:translateY(-3px);background:#e2e4d9}.role-card-label{font-size:8px}.role-project h3{font-size:22px;letter-spacing:-.06em;margin:20px 0 7px}.role-project p{font-size:11px;line-height:1.7;color:#696c63;margin:0;max-width:530px}.role-project b{position:absolute;right:20px;bottom:18px;font-size:17px;font-weight:400}.demo-callout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:#20231f;color:#f4f3ef;padding:clamp(24px,4vw,48px)}.demo-callout .eyebrow{color:#b7bbb0}.demo-callout h2{font-size:clamp(26px,4vw,46px);line-height:1;letter-spacing:-.07em;font-weight:500;margin:15px 0 10px}.demo-callout p{font-size:11px;line-height:1.7;color:#b7bbb0;max-width:600px;margin:0}.demo-callout .role-cta{background:var(--accent);color:var(--ink);white-space:nowrap}.demo-callout .role-cta b{color:var(--ink)}.role-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.role-skills span{border:1px solid var(--line);border-radius:30px;padding:8px 11px;font:8px var(--mono);color:#55584f}.role-disclaimer{font-size:10px;line-height:1.7;color:var(--muted);max-width:780px;margin-top:25px}.role-footer{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono)}.role-loading{padding-block:80px}.role-loading h1{font-size:44px;letter-spacing:-.07em}.role-loading p{font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.role-header{height:68px}.role-header nav{gap:13px;font-size:10px}.role-hero-grid{grid-template-columns:1fr;gap:24px}.role-hero h1{font-size:clamp(52px,13vw,83px)}.role-summary{max-width:620px}.role-stats{grid-template-columns:1fr}.role-stat,.role-stat:first-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.role-stat:last-child{border:0}.role-section-heading{grid-template-columns:1fr;gap:16px}.proof-grid{grid-template-columns:1fr 1fr}.demo-callout{grid-template-columns:1fr}.demo-callout .role-cta{justify-self:start}.role-footer{gap:12px;flex-wrap:wrap}.role-footer span{width:100%}}
@media(max-width:480px){.role-header nav a:nth-child(2){display:none}.proof-grid,.project-grid{grid-template-columns:1fr}.proof-card{min-height:unset}.proof-card h3{margin-top:16px}.role-project{min-height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}