@layer resets,global,composition,components,utilities;@layer resets{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}summary{display:list-item}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}}@layer global{:root{--color-dark: oklch(40% 10% 50);--color-light: oklch(90% 25% 70);--color-accent: light-dark(oklch(50% 45% 55), oklch(90% 45% 55));--color-text: light-dark(var(--color-dark), var(--color-light));--color-muted: oklch(from var(--color-text) l c h / 60%);--color-bg: light-dark(var(--color-light), var(--color-dark));--color-border: oklch(from var(--color-text) l c h / 20%)}:root{--scale-ratio: 1.414;--scale-step--2: pow(var(--scale-ratio), -2);--scale-step--1: pow(var(--scale-ratio), -1);--scale-step-0: pow(var(--scale-ratio), 0);--scale-step-1: pow(var(--scale-ratio), 1);--scale-step-2: pow(var(--scale-ratio), 2);--scale-step-3: pow(var(--scale-ratio), 3);--scale-step-4: pow(var(--scale-ratio), 4);--scale-step-5: pow(var(--scale-ratio), 5);--scale-step-6: pow(var(--scale-ratio), 6)}:root{--font-family: "Host Grotesk", sans-serif;--font-family-mono: "Martian Mono", monospace;--font-size-xs: calc(1rem * var(--scale-step--2));--font-size-sm: calc(1rem * var(--scale-step--1));--font-size-base: calc(1rem * var(--scale-step-0));--font-size-lg: calc(1rem * var(--scale-step-1));--font-size-xl: calc(1rem * var(--scale-step-2));--font-size-2xl: calc(1rem * var(--scale-step-3));--font-size-3xl: calc(1rem * var(--scale-step-4));--font-size-4xl: calc(1rem * var(--scale-step-5));--font-size-5xl: calc(1rem * var(--scale-step-6));--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 600;--font-weight-extra-bold: 800;--line-height-normal: 1.5;--line-height-tight: 1;--heading-margins: .8em 0 .2em 0}}@layer global{html{color-scheme:light dark;background-color:var(--color-bg);color:var(--color-text)}html{font-size:20px;font-family:var(--font-family);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);font-style:normal;font-optical-sizing:auto;padding:3rem 2rem}@media print{html{padding:0!important;font-size:16px}}@page{size:70rem 110rem;margin:2rem 4rem;background-color:var(--color-bg)}*,:before,:after{font-synthesis:none}ul{list-style-position:inside;list-style-type:square}li{&::marker{content:"";font-size:0}&:before{display:inline-block;content:"\25a7";color:var(--color-muted);font-size:calc(1em * var(--scale-step--1));width:calc(1em * var(--scale-step-1));line-height:1;vertical-align:top;transform:translateY(.5lh)}}i,em{font-style:italic}b,strong{font-weight:var(--font-weight-bold)}small{font-size:var(--font-size-sm)}a{color:var(--color-accent);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.1em;text-decoration-skip-ink:auto;text-decoration-color:oklch(from var(--color-accent) l c h / 80%);text-underline-offset:.2em;&:hover,&:focus{text-decoration-style:solid}}hr{color:var(--color-border);margin:.5em 0;border-top-width:4px;border-style:dotted}pre{text-wrap-mode:wrap}}@layer composition{.layout{display:grid;grid-template-columns:min-content fit-content(30rem) fit-content(18rem);grid-auto-flow:column;grid-auto-rows:min-content;justify-content:center;margin-inline:auto;>:where(:not(.layout,.layout__hero,.layout__runner,.layout__secondary)){grid-column:2}>.layout{grid-template-columns:subgrid;grid-column:1 / span 2}.layout__hero{grid-column:2 / span 2}.layout__runner{grid-column:1;grid-row:1 / span 100;margin-right:1rem}.layout__secondary{position:sticky;top:0;align-self:start;grid-column:3;max-width:max-content;margin-left:2rem}@media screen and (width<=60rem){display:block;max-width:30rem;.layout__secondary{position:revert-layer;margin-left:0}}}}@layer global{dl{overflow:auto;.icon{display:inline-block;vertical-align:text-bottom}dt,dd{float:left;margin-bottom:.25em}dt{clear:left;+dd{margin-left:.5em}}}}@layer components{.icon{display:inline-block;vertical-align:middle;aspect-ratio:1 / 1;width:1.25em;color:var(--color-muted)}}@layer composition{.block{margin-top:.5rem}.block+.block{margin-top:1rem}}@layer components{.block{break-inside:avoid}.block__header{display:contents}.block__header .heading{margin-block:0;margin-bottom:.1em}.block__runner{display:flex;align-items:center;justify-content:stretch;text-wrap-mode:nowrap;writing-mode:sideways-lr;text-align:center;--leader-width: 4px;&:before,&:after{display:block;content:"";height:100%;border-left:var(--leader-width) double var(--color-border);min-height:.5em}&:before{margin-inline-end:.5rem}&:after{margin-inline-start:.5rem}}@media screen and (width<=60rem){.block__runner{display:revert;float:left;margin:0;writing-mode:revert;&:before,&:after{display:revert;height:revert;border:none;margin:none}&:after{display:inline;content:" \25ca  ";white-space-collapse:preserve;color:var(--color-muted)}}}.block__header>:last-child{border-bottom:4px dotted var(--color-border);padding-bottom:.5rem;margin-bottom:.5rem}}@layer components{.small-caps{font-variant-caps:all-small-caps;text-transform:uppercase;letter-spacing:.2em;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}}@layer components{.prose{text-wrap:pretty;overflow-wrap:break-word;hyphens:manual}p.prose+p.prose,.prose>p+p{text-indent:1em}}@layer components{.heading,.prose>:is(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-extra-bold);line-height:var(--line-height-tight);overflow-wrap:break-word;hyphens:manual;margin:var(--heading-margins)}}@layer utilities{.text-5xl{font-size:var(--font-size-5xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-2xl,.prose>h1{font-size:var(--font-size-2xl)}.text-xl,.prose>h2{font-size:var(--font-size-xl)}.text-lg,.prose>h3{font-size:var(--font-size-lg)}.text-base{font-size:var(--font-size-base)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}}@layer utilities{.color-text{color:var(--color-text)}.color-accent{color:var(--color-accent)}.color-muted{color:var(--color-muted)}}@layer components{.skills{display:block flex;flex-wrap:wrap;margin-block-start:.2em;gap:.25em;[data-skill]{display:inline flow-root;font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-optical-sizing:auto;font-size:.6em;text-transform:uppercase;letter-spacing:.2em;padding:.25em .75em;vertical-align:text-top;border:1px solid var(--color-border);border-radius:.25em;li&:before{display:none}@media screen{&[data-is-active-skill]{background-color:var(--color-text);color:var(--color-bg)}}}}}