*{box-sizing:border-box}html{scroll-behavior:smooth;--page:#f5f3ee;--panel:#fff;--ink:#242c32;--muted:#52636c;--accent:#006b66;--line:#d1d7d4}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.75 "Inter Tight",system-ui,sans-serif}main,.site-nav,.site-footer{max-width:1160px;margin:auto;padding:0 32px}a{color:var(--accent);text-underline-offset:5px}button,input,select{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.site-nav{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:20px}.brand{font:32px Georgia,serif;text-decoration:none;color:var(--ink)}.nav-links{display:flex;gap:28px;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--accent)}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(38px,5vw,66px);letter-spacing:-1.7px;margin:20px 0 30px}h2{font-size:32px;margin:0 0 24px}h3{font-size:24px}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0 0 20px}.lead{font-size:20px;max-width:760px;color:var(--muted)}.section{padding:65px 0;border-top:1px solid var(--line)}.intro{padding:65px 0}.button{display:inline-block;background:var(--accent);color:var(--page);border:1px solid var(--accent);padding:12px 23px;text-decoration:none;border-radius:4px;cursor:pointer}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.portrait{width:100%;height:580px;object-fit:cover;object-position:50% 22%;border-radius:4px}.caption{font-size:12px;color:var(--muted)}.experience{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:32px 0;border-top:1px solid var(--line)}.experience h3{margin:0 0 12px}.company-logo{max-width:150px;max-height:38px;background:#fff;padding:8px}.skills{display:flex;gap:12px;flex-wrap:wrap}.skill{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:4px}.skill img{width:22px;height:22px}.site-footer{padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.project-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.project-top h2{margin:0}.preview-frame{display:block;width:100%;height:1350px;border:0;margin-top:30px;background:var(--panel)}.portfolio-hero{position:relative;overflow:hidden;padding:135px 0 145px}.portfolio-hero .hero-visual{pointer-events:none}.portfolio-hero h1,.portfolio-hero .actions,.portfolio-hero .eyebrow{position:relative}.portfolio-hero h1{font-size:clamp(36px,4.7vw,60px);max-width:780px}.portfolio-hero .hero-loop{right:1%}.toc{display:flex;flex-wrap:wrap;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.flow div{padding:22px 16px;border-top:3px solid var(--accent);background:var(--panel)}.flow small{display:block;color:var(--muted)}.formula{font:24px/1.7 Georgia,serif;padding:24px;border-left:4px solid var(--accent);background:var(--panel);overflow:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px;color:var(--muted)}details{padding:18px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600}.audit-bars{display:grid;gap:20px;margin:32px 0}.audit-row{display:grid;grid-template-columns:100px 1fr 100px;gap:16px;align-items:center}.audit-bar{height:26px;background:var(--accent);min-width:2px}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.palette{border:1px solid var(--line);padding:16px;cursor:pointer;text-align:left;color:var(--ink);background:var(--panel)}.palette[aria-pressed=true]{outline:3px solid var(--accent)}.swatches{display:flex;height:50px;margin-bottom:14px}.swatches i{flex:1}.status{color:var(--muted);font-size:13px}.contact-line{font-size:clamp(19px,3vw,34px);overflow-wrap:anywhere}html[data-theme] .hero-loop-path{stroke:#aabdd180}html[data-theme] .hero-loop-flow{stroke:#79d4cd}html[data-theme] .hero-loop-flow-2{stroke:#eef4fb80}@media(max-width:750px){main,.site-nav,.site-footer{padding-left:20px;padding-right:20px}.site-nav{min-height:85px}.nav-links{gap:16px;font-size:14px}.split{grid-template-columns:1fr;gap:30px}.portrait{height:480px}.experience{grid-template-columns:1fr;gap:14px}.flow,.palette-grid{grid-template-columns:1fr 1fr}.project-top{align-items:start;flex-direction:column}.portfolio-hero{padding:100px 0 85px}.portfolio-hero .hero-loop{width:200px;right:-40px;top:0;opacity:.4}.site-footer{flex-direction:column}.preview-frame{height:1900px}.audit-row{grid-template-columns:65px 1fr 70px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[data-theme="paper"]{--page:#343532;--panel:#41433f;--ink:#f2efe6;--muted:#c2c5b9;--accent:#c4d2a2;--line:#62665b}
html[data-theme="ocean"]{--page:#142b3b;--panel:#203c50;--ink:#edf3f9;--muted:#a9c2d4;--accent:#8dc9ef;--line:#476477}
html[data-theme="forest"]{--page:#1d302a;--panel:#2a4238;--ink:#eff3ea;--muted:#b4cabc;--accent:#9fd1b3;--line:#4c6c5b}
html[data-theme="plum"]{--page:#302b36;--panel:#403848;--ink:#f4edf5;--muted:#cbbdce;--accent:#d8acd1;--line:#67566e}
html[data-theme="midnight"]{--page:#111c29;--panel:#1b2a3d;--ink:#eef4fb;--muted:#aabdd1;--accent:#79d4cd;--line:#3a4d64}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] th,html[data-theme] .brand,html[data-theme] .eyebrow{color:#fff}.site-nav{position:sticky;top:0;z-index:20;background:var(--page)}.nav-links{gap:8px}.nav-links a{padding:10px 20px;border:1px solid var(--line);border-radius:6px}.nav-links a[aria-current=page]{background:var(--panel);border-color:var(--accent)}.profile-intro{align-items:center;overflow:hidden}.portrait-wrap{margin:0;padding:28px 22px 0 0;position:relative;isolation:isolate}.portrait{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:26% 7% 28% 7% / 20% 8% 24% 8%;position:relative;z-index:1}.text-art{position:relative;width:160px;height:160px;margin:20px 0 0}.text-art .hero-visual{position:absolute;inset:0;pointer-events:none;opacity:.85;overflow:visible}.text-art .hero-orb{display:none}.text-art .hero-loop{inset:0;width:100%;height:100%}.contact-details{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.contact-details a{overflow-wrap:anywhere}@media(max-width:750px){.portrait-wrap{width:min(100%,340px);margin:auto}.portrait{height:auto}.site-nav{min-height:80px}.nav-links a{padding:8px 14px}}

html[data-theme]{background:var(--page);color-scheme:dark;min-height:100%}
.skill img{object-fit:contain;flex:0 0 24px;width:24px;height:24px}