:root{--font-family-base: var(--font-family-tech-base);--font-family-headings: var(--font-family-tech-headings);--font-family-menu: var(--font-family-tech-headings);--font-weight-base: var(--font-weight-tech-base);--font-weight-headings: var(--font-weight-tech-headings);--font-weight-menu: var(--font-weight-tech-menu);--color-bg: var(--color-tech-bg);--color-base: var(--color-tech-base);--color-primary: var(--color-tech-primary);--color-secondary: var(--color-tech-secondary);--color-highlight: var(--color-tech-secondary-dark);--color-link: var(--color-tech-link);--color-link-hover: var(--color-tech-link-hover);--color-link-secondary: var(--color-tech-secondary);--color-link-secondary-hover: var(--color-tech-secondary-light);--color-nav-link: var(--color-primary);--color-nav-link-hover-bg: var(--color-tech-primary);--color-nav-link-active-bg: var(--color-tech-secondary);--color-headings: var(--color-tech-base);--color-h1: var(--color-tech-base);--color-border: var(--color-tech-bg-light);--color-content-border: var(--color-tech-primary);--color-button: var(--color-tech-bg);--color-button-hover: var(--color-base);--color-button-bg: var(--color-tech-primary);--color-button-bg-hover: var(--color-tech-primary-dark);--color-button-border: var(--color-tech-primary-dark);--color-button-border-hover: var(--color-tech-primary);--color-button-secondary: var(--color-tech-bg);--color-button-secondary-hover: var(--color-tech-bg);--color-button-secondary-bg: var(--color-tech-secondary);--color-button-secondary-bg-hover: var(--color-tech-secondary-dark);--color-button-secondary-border: var(--color-tech-secondary-dark);--color-button-secondary-border-hover: var(--color-tech-secondary);--color-label: var(var(--color-base));--color-field-border: var(--color-base);--color-field-icon: var(--color-base);--color-field: var(--color-base);--color-field-bg: var(--color-tech-bg-light);--color-meta-bg: var(--color-tech-bg-light);--radius-image: 4px;--border-radius: 2px;--radius-button: 2px}.tech b,.tech strong{padding:0;background-color:transparent}.tech .button--primary,.tech .button--primary:visited{border:0 none;border-bottom:4px solid hsl(var(--color-button-border));transition:color var(--timing) var(--easing),background-color var(--timing) var(--easing)}.tech .card:hover .button,.tech .overview__item:hover .button,.tech .button--primary:hover,.tech .button--primary:active{border-bottom:0 none;border-top:4px solid hsl(var(--color-button-border-hover))}.tech .button--secondary,.tech .button--secondary:visited{border:0 none;border-bottom:4px solid hsl(var(--color-button-secondary-border));transition:color var(--timing) var(--easing),background-color var(--timing) var(--easing)}.tech .button--secondary:hover,.tech .button--secondary:active{border-bottom:0 none;border-top:4px solid hsl(var(--color-button-secondary-border-hover))}.tech .button--tertiary,.tech .button--tertiary:visited{border:2px solid hsl(var(--color-link));border-bottom-width:4px}.overview__item--work .entry__image:after,.landing-section__content--work .overview__item__image--work .entry__image:after{opacity:0}.landing-section--bio:after,.overview__item--work:hover .entry__image:after,.landing-section__content--work .overview__item--work:hover .entry__image:after,.button:hover:after,.tech .navigation__menu>li a:hover:after,.tech .navigation__menu>li a.is-active:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:1;transition:opacity var(--timing) var(--easing)}.landing-section--bio{padding:var(--spacing-y) var(--spacing-x) var(--spacing-y) var(--spacing-x);background:hsl(var(--color-tech-bg-light));border-radius:.4rem}.landing-section--bio:after{background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,hsla(148,55%,48%,.1) 3px);border-radius:.2rem}.overview__item--work:hover .entry__image:after,.landing-section__content--work .overview__item--work:hover .entry__image:after{background:radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.3) 100%),repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.1) 3px);transition:opacity var(--timing) var(--easing)}.button:hover:after,.tech .navigation__menu>li a:hover:after,.tech .navigation__menu>li a.is-active:after{background:radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.08) 100%),repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.08) 3px)}footer{margin-top:var(--spacing-y-2);border-top:1px solid hsl(var(--color-border))}
