html[data-skin=synthwave][data-skin]{--skin-bg:#f2e9ff;--skin-surface:#fff6ff;--skin-surface-2:#e5d6f8;--skin-text:#261442;--skin-muted:#654879;--skin-accent:#a7196d;--skin-accent-ink:#fff;--skin-line:#af86c4;--skin-secondary:#e1d5ff;--skin-highlight:#ae126b;--skin-display:"Arial Black",Arial,sans-serif;--skin-body:"DM Sans Variable",Arial,sans-serif}html[data-skin=synthwave][data-theme=dark]{--skin-bg:#100c23;--skin-surface:#1d1535;--skin-surface-2:#30214b;--skin-text:#fff1fc;--skin-muted:#c3b0dc;--skin-accent:#ff89ce;--skin-accent-ink:#210d35;--skin-line:#785395;--skin-secondary:#201536;--skin-highlight:#79f5ef}html[data-skin=synthwave][data-skin] body{background-image:radial-gradient(ellipse at 50% 8%,var(--surface-2),transparent 45%);background-repeat:no-repeat;background-size:100% 1800px}html[data-skin=synthwave][data-skin] .site-header{border-bottom:1px solid var(--accent)}html[data-skin=synthwave][data-skin] .wordmark{color:var(--accent);font-style:italic}html[data-skin=synthwave][data-skin] .desktop-nav{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:12px}html[data-skin=synthwave][data-skin] .hero-kicker{border:0;padding-top:22px}html[data-skin=synthwave][data-skin] .name-stage{grid-template-columns:1fr 1fr;grid-template-areas:"name name""note guide""caption caption";gap:36px;padding:80px 40px 30px}html[data-skin=synthwave][data-skin] .giant-name{text-align:center;letter-spacing:-.07em;text-shadow:3px 3px 0 var(--bg),5px 5px 0 var(--accent);font-size:clamp(80px,13vw,190px);font-style:italic;line-height:.9}html[data-skin=synthwave][data-skin] :is(.name-first,.name-last){justify-content:center}html[data-skin=synthwave][data-skin] .name-last{color:var(--accent)}html[data-skin=synthwave][data-skin] .scene-one{background:repeating-linear-gradient(to bottom,transparent 0 26px,var(--bg) 26px 32px),linear-gradient(#ffd37c,#f47eb5 60%,#925bcb);opacity:.55;border-radius:50%;width:380px;height:380px;position:absolute;top:0;left:50%;transform:translate(-50%)}html[data-skin=synthwave][data-skin] .scene-two{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);transform-origin:50% 0;opacity:.3;background-size:60px 40px;position:absolute;inset:50% -50% -40%;transform:perspective(350px)rotateX(55deg);-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}html[data-skin=synthwave][data-skin] .guide-sticker{border:1px solid var(--accent);background:var(--surface);box-shadow:5px 5px 0 var(--accent);border-radius:0;justify-self:end}html[data-skin=synthwave][data-skin] .availability-note{background:var(--bg);border-left:3px solid var(--accent);max-width:280px;padding:16px 22px}html[data-skin=synthwave][data-skin] .name-caption{text-align:center;justify-self:center}html[data-skin=synthwave][data-skin] .hero-introduction{border-color:var(--accent)}html[data-skin=synthwave][data-skin] .work-disc{border-color:var(--accent);color:var(--accent)}html[data-skin=synthwave][data-skin] .ticker{background:var(--accent);color:var(--skin-accent-ink);border:0;font-style:italic}html[data-skin=synthwave][data-skin] .ticker b{color:var(--skin-accent-ink)}html[data-skin=synthwave][data-skin] .button{box-shadow:4px 4px 0 var(--accent);border-radius:2px;transform:skew(-3deg)}html[data-skin=synthwave][data-skin] .button:hover{box-shadow:6px 7px 0 var(--text);transform:skew(-3deg)translateY(-3px)}html[data-skin=synthwave][data-skin] .try-work{background:var(--surface);border:1px solid var(--accent);box-shadow:0 0 38px color-mix(in srgb,var(--accent) 12%,transparent);border-radius:0}html[data-skin=synthwave][data-skin] .try-work-heading h2{letter-spacing:-.06em;font-size:clamp(42px,4.5vw,65px);font-style:italic}html[data-skin=synthwave][data-skin] .try-work-preview{border:1px solid var(--accent);box-shadow:6px 6px 0 var(--surface-2);border-radius:2px}html[data-skin=synthwave][data-skin] .try-work-bar{background:var(--surface-2);font-family:var(--mono)}html[data-skin=synthwave][data-skin] .try-work-picker button{border-bottom-color:var(--accent)}html[data-skin=synthwave][data-skin] .project-card{border:1px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--surface-2);padding:16px}html[data-skin=synthwave][data-skin] .project-card h3{font-size:clamp(24px,2.8vw,38px);font-style:italic}html[data-skin=synthwave][data-skin] .project-cover{border:1px solid var(--line)}html[data-skin=synthwave][data-skin] .project-meta{font-family:var(--mono);color:var(--accent)}html[data-skin=synthwave][data-skin] .view-project{background:var(--accent);color:var(--skin-accent-ink);border-radius:0;width:auto;height:auto;padding:15px;bottom:0;right:0}html[data-skin=synthwave][data-skin] .work-heading h2,html[data-skin=synthwave][data-skin] .personal-work-heading h2{font-style:italic}html[data-skin=synthwave][data-skin] :is(.page-intro,.case-header){border-left:3px solid var(--accent);max-width:1100px;padding-left:36px}html[data-skin=synthwave][data-skin] :is(.page-intro h1,.case-header h1,.cv-hero h1,.workflow-hero h1){font-style:italic}html[data-skin=synthwave][data-skin] :is(.guide-panel,.workflow-loop,.workflow-invitation,.engineering-flow,.cv-downloads){border:1px solid var(--accent);box-shadow:5px 5px 0 var(--surface-2);border-radius:2px;transform:none}html[data-skin=synthwave][data-skin] .cv-index{border-block:1px solid var(--accent)}html[data-skin=synthwave][data-skin] .cv-position h3{font-style:italic}html[data-skin=synthwave][data-skin] .footer{border-top:1px solid var(--accent);background:linear-gradient(var(--surface),var(--surface-2))}html[data-skin=synthwave][data-skin] .footer-wordmark{text-shadow:3px 3px var(--bg);font-style:italic}html[data-skin=synthwave][data-skin] .contact-orb{color:var(--skin-accent-ink);background:var(--accent);box-shadow:5px 5px 0 var(--text);border:0}@media (max-width:900px){html[data-skin=synthwave][data-skin] .name-stage{padding-inline:0}}@media (max-width:700px){html[data-skin=synthwave][data-skin] .name-stage{grid-template-columns:1fr;grid-template-areas:"name""guide""note""caption";gap:25px;padding-top:70px}html[data-skin=synthwave][data-skin] .giant-name{font-size:clamp(70px,18vw,126px)}html[data-skin=synthwave][data-skin] .scene-one{width:240px;height:240px}html[data-skin=synthwave][data-skin] .scene-two{inset:30% -50% -40%}html[data-skin=synthwave][data-skin] .guide-sticker,html[data-skin=synthwave][data-skin] .availability-note{justify-self:center;width:100%;max-width:340px}html[data-skin=synthwave][data-skin] .availability-note br{display:none}html[data-skin=synthwave][data-skin] .project-card{padding:12px}html[data-skin=synthwave][data-skin] :is(.page-intro,.case-header){padding-left:20px}html[data-skin=synthwave][data-skin] .try-work{padding:26px 18px}}
html[data-skin=surreal][data-skin]{--skin-bg:#f3efe4;--skin-surface:#e2e8dc;--skin-surface-2:#d3ddcc;--skin-text:#263a32;--skin-muted:#546357;--skin-accent:#a44032;--skin-accent-ink:#fff9ed;--skin-line:#99ab98;--skin-secondary:#ead6cb;--skin-highlight:#e3ad80;--skin-display:Georgia,"Times New Roman",serif;--skin-body:"DM Sans Variable",Arial,sans-serif}html[data-skin=surreal][data-theme=dark]{--skin-bg:#182b26;--skin-surface:#253c32;--skin-surface-2:#385242;--skin-text:#f5eedc;--skin-muted:#c0cbb7;--skin-accent:#ffb39a;--skin-accent-ink:#283b31;--skin-line:#758d73;--skin-secondary:#4a3e37;--skin-highlight:#dac58b}html[data-skin=surreal][data-skin] .site-header{border-bottom:1px solid var(--line)}html[data-skin=surreal][data-skin] .wordmark{font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:500}html[data-skin=surreal][data-skin] .brand-symbol{color:var(--accent)}html[data-skin=surreal][data-skin] .desktop-nav{gap:40px;font-size:15px}html[data-skin=surreal][data-skin] .hero-kicker{border:0}html[data-skin=surreal][data-skin] .name-stage{grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);grid-template-areas:"name guide""name note""caption caption";gap:40px;padding:75px 0 50px}html[data-skin=surreal][data-skin] .giant-name{letter-spacing:-.075em;font-family:Georgia,serif;font-size:clamp(90px,11.5vw,166px);font-weight:400;line-height:1.02}html[data-skin=surreal][data-skin] .name-last{color:var(--accent);padding-left:5%;font-style:italic}html[data-skin=surreal][data-skin] .scene-one{background:linear-gradient(160deg,var(--skin-secondary),var(--surface-2));border:1px solid var(--line);border-radius:50% 50% 2% 2%;width:36%;height:88%;position:absolute;top:5%;right:5%}html[data-skin=surreal][data-skin] .scene-two{background:radial-gradient(circle at 30% 25%,#f6ddbf,#d58c70 50%,#986e60);border-radius:50%;width:95px;height:95px;animation:8s ease-in-out infinite alternate surreal-drift;position:absolute;top:10%;left:47%;box-shadow:20px 30px 30px #25342b22}html[data-skin=surreal][data-skin] .scene-three{border:1px solid var(--line);border-radius:50%;width:140px;height:34px;position:absolute;bottom:10%;left:25%;transform:rotate(-22deg)}html[data-skin=surreal][data-skin] .guide-sticker{border:1px solid var(--text);background:var(--bg);border-radius:48% 48% 16px 16px;justify-self:center;max-width:255px;padding:45px 28px 25px;transform:rotate(3deg)}html[data-skin=surreal][data-skin] .guide-sticker>span:nth-child(2){font-family:Georgia,serif;font-size:24px;font-style:italic}html[data-skin=surreal][data-skin] .availability-note{background:var(--bg);border:1px solid var(--line);border-radius:8px 8px 36px;justify-self:center;padding:18px 22px}html[data-skin=surreal][data-skin] .availability-note>span:nth-child(2){font-family:Georgia,serif;font-size:26px;font-style:italic}html[data-skin=surreal][data-skin] .hero-introduction{border-color:var(--line)}html[data-skin=surreal][data-skin] .hero-introduction>p{font-family:Georgia,serif;font-size:clamp(28px,3vw,42px)}html[data-skin=surreal][data-skin] .work-disc{border-radius:45% 55% 48% 52%;transform:rotate(-8deg)}html[data-skin=surreal][data-skin] .ticker{background:var(--surface);color:var(--text);text-transform:none;font-family:Georgia,serif;font-style:italic}html[data-skin=surreal][data-skin] .ticker b{color:var(--accent)}html[data-skin=surreal][data-skin] .button{box-shadow:none;border-radius:50%;padding:18px 26px}html[data-skin=surreal][data-skin] .button:hover{box-shadow:3px 4px 0 var(--line);border-radius:22px;transform:translateY(-3px)}html[data-skin=surreal][data-skin] .try-work{border:1px solid var(--line);background:var(--surface);border-radius:70px 10px;padding:48px 40px}html[data-skin=surreal][data-skin] .try-work-heading h2{letter-spacing:-.055em;font-family:Georgia,serif;font-size:clamp(44px,4.8vw,72px);font-weight:400;line-height:1.08}html[data-skin=surreal][data-skin] .try-work-heading h2 em{font-weight:400}html[data-skin=surreal][data-skin] .try-work-preview{box-shadow:8px 8px 0 var(--surface-2);border:1px solid var(--line);border-radius:20px 20px 4px 4px}html[data-skin=surreal][data-skin] .try-work-picker button{border-radius:20px 3px;margin-block:4px;padding:18px 12px}html[data-skin=surreal][data-skin] .try-work-picker strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:25px;font-weight:400}html[data-skin=surreal][data-skin] .work-heading h2,html[data-skin=surreal][data-skin] .personal-work-heading h2{letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}html[data-skin=surreal][data-skin] .work-heading h2>svg{display:none}html[data-skin=surreal][data-skin] .project-card h3{font-family:Georgia,serif;font-size:clamp(28px,3vw,42px);font-weight:400}html[data-skin=surreal][data-skin] .project-cover{border:1px solid var(--line);border-radius:55px 8px;overflow:hidden}html[data-skin=surreal][data-skin] .project-card:nth-child(2n) .project-cover{border-radius:8px 55px}html[data-skin=surreal][data-skin] .view-project{background:var(--bg);color:var(--text);border-radius:50%}html[data-skin=surreal][data-skin] .project-meta{border-bottom:1px solid var(--line);padding-bottom:12px}html[data-skin=surreal][data-skin] :is(.page-intro,.case-header){background:var(--surface);border:1px solid var(--line);border-radius:65px 6px;max-width:none;margin:30px 0 45px;padding:45px}html[data-skin=surreal][data-skin] :is(.page-intro h1,.case-header h1,.cv-hero h1,.workflow-hero h1){letter-spacing:-.055em;font-family:Georgia,serif;font-style:italic;font-weight:400}html[data-skin=surreal][data-skin] .cv-hero{grid-template-columns:minmax(0,1fr) 340px}html[data-skin=surreal][data-skin] .cv-downloads{background:var(--surface);border:1px solid var(--line);border-radius:130px 130px 12px 12px;padding-top:30px}html[data-skin=surreal][data-skin] .cv-portrait{border-radius:50% 50% 4px 4px}html[data-skin=surreal][data-skin] .cv-position h3{font-family:Georgia,serif;font-weight:400}html[data-skin=surreal][data-skin] :is(.guide-panel,.workflow-invitation,.engineering-flow){border:1px solid var(--line);border-radius:24px 4px;overflow:hidden}html[data-skin=surreal][data-skin] .workflow-loop{border:1px solid var(--line);box-shadow:8px 8px 0 var(--surface-2);border-radius:45px 4px;transform:rotate(1deg)}html[data-skin=surreal][data-skin] .footer{background:var(--skin-secondary);border-top:1px solid var(--line)}html[data-skin=surreal][data-skin] .footer-wordmark{letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}html[data-skin=surreal][data-skin] .contact-orb{background:var(--accent);color:var(--skin-accent-ink);border:0;border-radius:45% 55% 48% 52%;transform:rotate(-10deg)}@keyframes surreal-drift{to{transform:translate(12px,18px)rotate(12deg)}}@media (max-width:1000px){html[data-skin=surreal][data-skin] .name-stage{gap:28px}html[data-skin=surreal][data-skin] .giant-name{font-size:clamp(76px,10.5vw,116px)}html[data-skin=surreal][data-skin] .cv-hero{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width:700px){html[data-skin=surreal][data-skin] .name-stage{grid-template-columns:1fr;grid-template-areas:"name""guide""note""caption";gap:28px;padding-top:40px}html[data-skin=surreal][data-skin] .giant-name{font-size:clamp(76px,19.5vw,132px)}html[data-skin=surreal][data-skin] .scene-one{width:70%;height:75%;top:20%;right:0}html[data-skin=surreal][data-skin] .scene-two{width:60px;height:60px;top:0;left:auto;right:0}html[data-skin=surreal][data-skin] .guide-sticker{justify-self:end;max-width:240px;margin-right:14px;padding-top:30px}html[data-skin=surreal][data-skin] .availability-note{justify-self:start;max-width:235px}html[data-skin=surreal][data-skin] .try-work{border-radius:40px 6px;padding:30px 18px}html[data-skin=surreal][data-skin] .project-cover{border-radius:30px 5px}html[data-skin=surreal][data-skin] :is(.page-intro,.case-header){border-radius:40px 6px;padding:30px 24px}html[data-skin=surreal][data-skin] .cv-hero{grid-template-columns:1fr}html[data-skin=surreal][data-skin] .cv-downloads{border-radius:20px;padding-top:20px}}html[data-skin=surreal][data-skin] .work-disc{transform:none}html[data-skin=surreal][data-skin] .cv-downloads .button{padding:15px 17px}