/*!Theme Name: Dale-Anthony 2024
Theme URI: https://daleanthony.com
Author: Dale-Anthony
Author URI: https://daleanthony.com
Description: 2024 personal site theme for WordPress
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wisp
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Wisp is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.
_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.*/
@font-face {
    font-family: Lexend;
    src: url(assets/fonts/lexend/Lexend-Light.woff2) format("woff2");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Lexend;
    src: url(assets/fonts/lexend/Lexend-Regular.woff2) format("woff2");
    font-weight: 400;
    font-display: swap
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Lexend, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

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;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

:root {
    color-scheme: light;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.150 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 89.824% 0.06192 275.75;
    --ac: 15.352% 0.0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 49.12% 0.3096 275.75;
    --s: 69.71% 0.329 342.55;
    --sc: 98.71% 0.0106 342.55;
    --a: 76.76% 0.184 183.61;
    --n: 32.1785% 0.02476 255.701624;
    --nc: 89.4994% 0.011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% 0.00108 197.137559;
    --bc: 27.8078% 0.029596 256.847952
}

@media(prefers-color-scheme:dark) {
    :root {
        color-scheme: dark;
        --in: 72.06% 0.191 231.6;
        --su: 64.8% 0.150 160;
        --wa: 84.71% 0.199 83.87;
        --er: 71.76% 0.221 22.18;
        --pc: 13.138% 0.0392 275.75;
        --sc: 14.96% 0.052 342.55;
        --ac: 14.902% 0.0334 183.61;
        --inc: 0% 0 0;
        --suc: 0% 0 0;
        --wac: 0% 0 0;
        --erc: 0% 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 65.69% 0.196 275.75;
        --s: 74.8% 0.26 342.55;
        --a: 74.51% 0.167 183.61;
        --n: 31.3815% 0.021108 254.139175;
        --nc: 74.6477% 0.0216 264.435964;
        --b1: 25.3267% 0.015896 252.417568;
        --b2: 23.2607% 0.013807 253.100675;
        --b3: 21.1484% 0.01165 254.087939;
        --bc: 74.6477% 0.0216 264.435964
    }
}

[data-theme=light] {
    color-scheme: light;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.150 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 89.824% 0.06192 275.75;
    --ac: 15.352% 0.0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 49.12% 0.3096 275.75;
    --s: 69.71% 0.329 342.55;
    --sc: 98.71% 0.0106 342.55;
    --a: 76.76% 0.184 183.61;
    --n: 32.1785% 0.02476 255.701624;
    --nc: 89.4994% 0.011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% 0.00108 197.137559;
    --bc: 27.8078% 0.029596 256.847952
}

[data-theme=dark] {
    color-scheme: dark;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.150 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 13.138% 0.0392 275.75;
    --sc: 14.96% 0.052 342.55;
    --ac: 14.902% 0.0334 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 65.69% 0.196 275.75;
    --s: 74.8% 0.26 342.55;
    --a: 74.51% 0.167 183.61;
    --n: 31.3815% 0.021108 254.139175;
    --nc: 74.6477% 0.0216 264.435964;
    --b1: 25.3267% 0.015896 252.417568;
    --b2: 23.2607% 0.013807 253.100675;
    --b3: 21.1484% 0.01165 254.087939;
    --bc: 74.6477% 0.0216 264.435964
}

*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

body {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 6rem;
    font-family: Lexend, sans-serif;
    font-size: 14px;
    line-height: 165%;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body ::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

body ::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

body::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

body::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

body:before {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: block;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #f59401 var(--tw-gradient-from-position);
    --tw-gradient-to: #f5940100 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #eb126600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #eb1266 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #8135e300 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #8135e3 var(--tw-gradient-via-position), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: #0094ff var(--tw-gradient-to-position)
}

@media(min-width:768px) {
    body {
        font-size: 15px;
        line-height: 180%
    }

    body:before {
        content: var(--tw-content);
        top: 0
    }
}

@media(prefers-color-scheme:dark) {
    body {
        --tw-bg-opacity: 1;
        background-color: rgb(9 9 11/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(212 212 216/var(--tw-text-opacity))
    }

    body ::-moz-selection {
        background-color: #065f46cc
    }

    body ::selection {
        background-color: #065f46cc
    }

    body::-moz-selection {
        background-color: #065f46cc
    }

    body::selection {
        background-color: #065f46cc
    }
}

.header {
    margin-top: 3rem;
    margin-bottom: 3rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

@media(min-width:768px) {
    .header {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.block-container {
    overflow: hidden;
    border-radius: .75rem;
    border: 1px solid #00000017;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: .5rem;
    --tw-shadow: 0px 2px 8px 0px #00000008;
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media(prefers-color-scheme:dark) {
    .block-container {
        border-color: #ffffff0f;
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.section {
    margin-top: 2.5rem
}

@media(min-width:768px) {
    .section {
        margin-top: 3.5rem
    }
}

.logo {
    display: block;
    height: 32px;
    max-height: 64px;
    width: 54px;
    max-width: 64px;
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

@media(prefers-color-scheme:dark) {
    .logo {
        --tw-bg-opacity: 1;
        background-color: rgb(236 236 239/var(--tw-bg-opacity))
    }
}

.logo {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZBRkFGQSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNjg0LjU1OWEyMC4xNCAyMC4xNCAwIDAgMC0zLjQ3NiAxLjMyOWMtLjc4Mi0uNDk2LTEuMzI1LS42NzktMS42MjktLjU1LS4zMDMuMTMtLjU1NC42NzEtLjc1MyAxLjYyMi0uMDUzLjE3MS0uMTQ3LjM0OC0uMjguNTMyLS4xMzYuMTU3LS4yNjIuMjk5LS4zNzcuNDI1LS40MTUuNDQ1LS44NTguODgyLTEuMzMgMS4zMDktLjQ1LjM5Ny0uODYzLjg1NS0xLjIzOSAxLjM3NWE1LjMgNS4zIDAgMCAwLS44MjMgMS4xODZDLjU3MyA4LjIuMzcxIDguNjIzLjE3MSA5LjA2MWMtLjEzOC4zMi0uMTkyLjY1Mi0uMTY0Ljk5OS4wNTEuMzE2LjIxOS42LjUwMi44NTIuMzQ1LjI5Ni43MjguNDEgMS4xNS4zNDIuMjM3LS4wMzguMzk0LS4xNTguNDctLjM2LjEwMS0uMjA1LjE0Mi0uNDU1LjEyMi0uNzQ5YTIuNjkzIDIuNjkzIDAgMCAwLS4xMS0uNDI4Yy0uMDI1LS4xNTgtLjAxNy0uMjgxLjAyMy0uMzY5YTguNTQ1IDguNTQ1IDAgMCAxIDEuMTQxLTEuNzI0Yy40MzMtLjUwMi45MjMtLjk4NiAxLjQ3LTEuNDUybC4xMTQuNzExYS45ODYuOTg2IDAgMCAxIC4wMzcuNDhjLjA3MyAzLjMxNC4yMzYgNi41OTguNDkgOS44NTUuMjQ5IDMuMjMxLjUzIDYuNDk3Ljg0NSA5Ljc5OC4wNDYuNDUyLjA2My44MTUuMDUzIDEuMDg3LS4wMTQuMjQ1LS4wODguNDYtLjIyLjY0My0uMTExLjE1My0uMjgxLjI3NS0uNTEuMzY2LS4yMjguMDktLjU0LjE2OC0uOTM2LjIzMWEyLjM4OCAyLjM4OCAwIDAgMC0uNTA3LjEyMiAxLjQ2NSAxLjQ2NSAwIDAgMC0uNjIxLjQyNWMtLjE2LjE4Ny0uMjE1LjQyNi0uMTY5LjcxNi4wMzQuMjEuMTEyLjQ0Mi4yMzMuNjkyLjE0NC4yMi4yOS4zNzMuNDM5LjQ1Ny4zMS4wODUuNjIuMTU3LjkyNi4yMTYuMzMzLjA1NS42NC4wMzIuOTIyLS4wNjdhNy4zMTIgNy4zMTIgMCAwIDAgMi4zOS0xLjI3NiA0Ni4wOTggNDYuMDk4IDAgMCAwIDguODMyLTguMTEgMjkuNSAyOS41IDAgMCAwIDIuNjY2LTMuNTkyIDI2LjE2OSAyNi4xNjkgMCAwIDAgMi4wNy00LjAyMmMuNDUtMS4wNzIuODE2LTIuMTU4IDEuMDk4LTMuMjU4LjI3OS0xLjEyNi40My0yLjI4Ni40NTUtMy40NzkuMDItMi4wNTgtLjQ2LTMuNzc4LTEuNDM4LTUuMTYxQzIwLjk5IDEuNjE4IDE5LjU5LjcyMiAxNy43NC4zMTYgMTcuMTguMTkgMTYuNjEuMTA2IDE2LjAzNy4wNjNBMTYuOTkgMTYuOTkgMCAwIDAgMTQuNDA2IDBhMTMuNjkzIDEzLjY5MyAwIDAgMC0zLjcyMi41NThabS0xLjIzMyAyNS42MmMtLjEyNy4wNDgtLjI5LjEyOC0uNDg4LjI0LS4yMjQtMy43NDctLjQ2Ni03LjQzOS0uNzI2LTExLjA3My0uMjY1LTMuNjYtLjUxOC03LjMzNy0uNzYtMTEuMDI4YTguNDAzIDguNDAzIDAgMCAxIDEuNzE3LS45MjVjLjYwNy0uMjYgMS4yMi0uNDggMS44NC0uNjYuODUyLS4yNDYgMS43MDQtLjQxIDIuNTU2LS40OTNhOS43OTMgOS43OTMgMCAwIDEgMi42NTEuMTAxYzMuNTA4LjQ2MyA1LjA0MiAyLjYwOSA0LjYwMyA2LjQzN2ExNC42ODMgMTQuNjgzIDAgMCAxLS40NjcgMi4zODYgMjUuMjA4IDI1LjIwOCAwIDAgMS0uNjk4IDIuMjIgMjMuODkgMjMuODkgMCAwIDEtMi40NzUgNC43NzcgMzAuMTk2IDMwLjE5NiAwIDAgMS0zLjMyNyA0LjAyMiAyOC44NzcgMjguODc3IDAgMCAxLTEuOTk5IDEuOTQzbC0yLjA2MyAxLjc5MmExLjQwMiAxLjQwMiAwIDAgMS0uMzY0LjI2MVptMTYuOTQ3LTYuODk1Yy4xOTEtLjMyOC4zOS0uNjg0LjU5OS0xLjA3LjA4NC42OS4yNCAxLjMyNy40NyAxLjkxMi4yMjkuNTg1LjUxOCAxLjAzOS44NjcgMS4zNi4zNzUuMzE5LjgwMi40NTMgMS4yODEuNDAzLjUwNS0uMDU0IDEuMDY0LS4zNiAxLjY3Ny0uOTE4LjI1Ni0uMjU4LjQ4My0uNTI0LjY4Mi0uOC4yMjYtLjI3OS40MzQtLjU4Mi42MjQtLjkxYTI2OC40OSAyNjguNDkgMCAwIDEgLjg2My0xLjM4MWMuMDMzLjE3OC4wNzEuMzU2LjExNC41MzQuMTQuNzA3LjM2MyAxLjMzNC42NjcgMS44OC4zMy41NDEuNzk0LjgxOCAxLjM5LjgzLjM4Mi4wMi42OTItLjA3LjkzLS4yNy4yNjQtLjIwNS40OTQtLjQ1OS42ODgtLjc2LjEyOS0uMjEuMzE1LS41NjQuNTYtMS4wNjMuMjI4LS40NjcuNDY0LS45NTkuNzA5LTEuNDc2LjE0NC4zMzUuMzQ3LjYzNC42MDcuOS42ODUuNzI3IDEuNjU3IDEuMDU3IDIuOTE3Ljk5LjYzNi0uMDc1IDEuMzE1LS4zMDYgMi4wMzctLjY5MmExMy4yNyAxMy4yNyAwIDAgMCAyLjExNS0xLjQ3NmMuNjkyLS41NyAxLjMxMi0xLjE3IDEuODYtMS43OTkuNTczLS42MzMgMS4wMDctMS4yMTYgMS4zLTEuNzUuMTY4LS4yOTcuMjQ0LS41OC4yMjgtLjg0Ny0uMDItLjI5NC0uMTA3LS40OTctLjI2LS42MDctLjEyNy0uMTE1LS4zMDYtLjE0LS41NC0uMDc2LS4yMzIuMDY1LS40OTQuMjgzLS43ODYuNjU0YTM4LjQ5NyAzOC40OTcgMCAwIDEtMS45NiAyLjE4Yy0uNjI3LjY0Mi0xLjQ0IDEuMjE4LTIuNDM5IDEuNzMtLjMyMS4xODctLjY2LjM1LTEuMDE2LjQ4OC0uMzM0LjEwOC0uNjUuMTU5LS45NDkuMTUyYS45NzkuOTc5IDAgMCAxLS43MDItLjMzM2MtLjE3LS4yMTYtLjI1OC0uNTkzLS4yNjQtMS4xMzMuNTg4LjEyMiAxLjE5OC0uMDMgMS44MzMtLjQ1Ny42Ni0uNDMgMS4yMS0uOTY1IDEuNjQ4LTEuNjAzLjQ2LS42NjguNzQyLTEuMzUuODQ3LTIuMDQyLjEwNS0uNjkyLS4xMDItMS4yMjctLjYyMi0xLjYwMy0uNDMzLS4zMzUtLjkxLS40NDgtMS40MzMtLjMzNy0uNS4wOC0uOTkzLjI5NS0xLjQ3OC42NDMtLjQ2My4zMTgtLjkuNzEyLTEuMzEgMS4xODQtLjQxNS40NDUtLjcyOS44NDctLjk0MSAxLjIwNmE2LjE4NiA2LjE4NiAwIDAgMC0uNjEgMS4yNDggNC41NDcgNC41NDcgMCAwIDAtLjE1My4yNTNjLS4wNjIuMTE4LS4xMjIuMjQ5LS4xOC4zOTMtLjA1OC4xNDUtLjE5MS40MS0uNC43OTUtLjIxMi4zNTgtLjQwNy43NC0uNTg1IDEuMTQ4LS4yLjQzOC0uMzc3LjY4Mi0uNTMxLjczNC0uMTI4LjA0Ny0uMjQ4LS4wMjgtLjM2LS4yMjYtLjA4Ny0uMjAyLS4xNi0uNDg4LS4yMi0uODU3LS4wNTktLjM2OS0uMTA3LS43NTMtLjE0NC0xLjE1MmE5MS44MTggOTEuODE4IDAgMCAxLS4yNTItNi42MWMuMDE3LTIuMjQ2LjA1NS00LjUzNi4xMTItNi44Ny0uMDM1LS43MjQtLjM1Ni0xLjExOC0uOTYtMS4xODNhMS4zMSAxLjMxIDAgMCAwLS44MTIuMjUyYy0uMjIuMTQ0LS4zNjguMzk3LS40NDUuNzYtLjE4OC42OC0uMzI3IDEuNTgtLjQxNyAyLjcwM2E3Ny41MjEgNzcuNTIxIDAgMCAwLS4xOTggMy41NiA1NC41MjYgNTQuNTI2IDAgMCAwLS4wMTUgMy42OTJjLjAzMyAxLjIxLjA4IDIuMjU4LjE0IDMuMTQuMDEzLjE0NS4wMjYuMzE2LjAzOC41MTEtLjI4LjQxOC0uNS43NTQtLjY2MyAxLjAwOC0uMTQ2LjI2Ny0uMjk0LjUyLS40NDUuNzYxLS4xMjguMjEtLjI3OS40NS0uNDUyLjcyMi0uMTQ2LjI2Ni0uMzcuNjQtLjY3IDEuMTIxLS4zNzcuNTItLjY3Ljc5Ny0uODguODMtLjE4NS4wMy0uMzM2LS4wNjctLjQ1My0uMjkxLS4wOTEtLjIyOS0uMTQyLS41NDUtLjE1My0uOTQ5LS4wMTUtLjQzLS4wMjgtLjg0Ny0uMDM5LTEuMjUtLjAxOS0uNDU3LS4wMi0uODktLjAwNS0xLjI5Ny4wMzctLjQzOS4wNDktLjg3My4wMzMtMS4zMDMuMDAzLS40ODctLjA3OC0uODI1LS4yNDQtMS4wMTUtLjE3LS4yMTYtLjQ3MS0uNDEtLjkwNS0uNTg0LS43NTMtLjMxMi0xLjQ1NC0uMzg4LTIuMTA0LS4yMy0uNjUuMTYtMS4yNy41MTUtMS44NTYgMS4wNy0uODkxLjg0NS0xLjUyMiAxLjc5OC0xLjg5MiAyLjg1OC0uMzcgMS4wNi0uNTY1IDIuMi0uNTg1IDMuNDE5LjAwMi4zNS4wOTkuNy4yOSAxLjA0OC4yNDIuNTAxLjU5LjgxIDEuMDQuOTI3LjQyMS4wOTUuODQ2LS4wNDEgMS4yNzMtLjQwNy4yNDMtLjE3NC40NjMtLjM5OS42NjItLjY3NGwuNjQzLS43OTMuNTg0LS45MDVabS0xLjY5NS0uNDU3Yy0uMzUuNTE2LS42NDEuODg3LS44NzUgMS4xMTQtLjAzNS0uNzI0LjAzLTEuNDEuMTk2LTIuMDYuMTYyLS42NzQuMzgtMS4yNS42NTUtMS43MjYuMjk3LS41MDcuNjUyLS45MDMgMS4wNjYtMS4xODUuNDEtLjMxLjg0My0uNDc0IDEuMy0uNDkzLS4wNDEuMjUtLjE5NS42NC0uNDYxIDEuMTY5YTIxLjU0NCAyMS41NDQgMCAwIDEtLjg3OCAxLjYgMzEuMDY3IDMxLjA2NyAwIDAgMS0xLjAwMyAxLjU4Wm0xNi41OC00LjYxMmMuMTk4LS45NS44MzctMS43NyAxLjkxNi0yLjQ1Ny0uMTUzLjcyOC0uNDA0IDEuMjY4LS43NTMgMS42MjEtLjMyMi4zNS0uNzEuNjI4LTEuMTYzLjgzNlptMTEuNzcgOC4yMzhhMSAxIDAgMCAwLTEuMTM1LS44NDRsLjE0NS45OS0uMTQ1LS45OWgtLjAwMmwtLjAwNi4wMDItLjAyNS4wMDMtLjA5NC4wMTQtLjM2Ni4wNTUtMS4zNTUuMjAzYy0xLjE1LjE3NC0yLjc1NS40Mi00LjU3NC43MDYtMy42MzMuNTczLTguMTMgMS4zMS0xMS41NTUgMS45NjctMy40MjYuNjU3LTcuNjgyIDEuNTk4LTExLjA3NSAyLjM3MmE2MzAuMjg1IDYzMC4yODUgMCAwIDAtNS40ODkgMS4yOGwtLjMzNS4wOC0uMDg2LjAyLS4wMjMuMDA2LS4wMDUuMDAyaC0uMDAybC4yMzQuOTcyLS4yMzQtLjk3MmExIDEgMCAxIDAgLjQ2OCAxLjk0NWwtLjIzNC0uOTczLjIzNC45NzNoLjAwMWwuMDA2LS4wMDIuMDIxLS4wMDUuMDg2LS4wMjEuMzMzLS4wOCAxLjI0MS0uMjkzYzEuMDU3LS4yNSAyLjUzNy0uNTk1IDQuMjMtLjk4MiAzLjM4Ny0uNzczIDcuNjE1LTEuNzA3IDExLjAwNS0yLjM1NyAzLjM5LS42NSA3Ljg2LTEuMzg0IDExLjQ5LTEuOTU2YTc1Mi4wNzcgNzUyLjA3NyAwIDAgMSA1LjkxMy0uOTA3bC4zNjMtLjA1NC4wOTQtLjAxNC4wMjQtLjAwNGguMDA4di0uMDAxbC0uMTQ2LS45OS4xNDYuOTlhMSAxIDAgMCAwIC44NDQtMS4xMzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZBRkFGQSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNjg0LjU1OWEyMC4xNCAyMC4xNCAwIDAgMC0zLjQ3NiAxLjMyOWMtLjc4Mi0uNDk2LTEuMzI1LS42NzktMS42MjktLjU1LS4zMDMuMTMtLjU1NC42NzEtLjc1MyAxLjYyMi0uMDUzLjE3MS0uMTQ3LjM0OC0uMjguNTMyLS4xMzYuMTU3LS4yNjIuMjk5LS4zNzcuNDI1LS40MTUuNDQ1LS44NTguODgyLTEuMzMgMS4zMDktLjQ1LjM5Ny0uODYzLjg1NS0xLjIzOSAxLjM3NWE1LjMgNS4zIDAgMCAwLS44MjMgMS4xODZDLjU3MyA4LjIuMzcxIDguNjIzLjE3MSA5LjA2MWMtLjEzOC4zMi0uMTkyLjY1Mi0uMTY0Ljk5OS4wNTEuMzE2LjIxOS42LjUwMi44NTIuMzQ1LjI5Ni43MjguNDEgMS4xNS4zNDIuMjM3LS4wMzguMzk0LS4xNTguNDctLjM2LjEwMS0uMjA1LjE0Mi0uNDU1LjEyMi0uNzQ5YTIuNjkzIDIuNjkzIDAgMCAwLS4xMS0uNDI4Yy0uMDI1LS4xNTgtLjAxNy0uMjgxLjAyMy0uMzY5YTguNTQ1IDguNTQ1IDAgMCAxIDEuMTQxLTEuNzI0Yy40MzMtLjUwMi45MjMtLjk4NiAxLjQ3LTEuNDUybC4xMTQuNzExYS45ODYuOTg2IDAgMCAxIC4wMzcuNDhjLjA3MyAzLjMxNC4yMzYgNi41OTguNDkgOS44NTUuMjQ5IDMuMjMxLjUzIDYuNDk3Ljg0NSA5Ljc5OC4wNDYuNDUyLjA2My44MTUuMDUzIDEuMDg3LS4wMTQuMjQ1LS4wODguNDYtLjIyLjY0My0uMTExLjE1My0uMjgxLjI3NS0uNTEuMzY2LS4yMjguMDktLjU0LjE2OC0uOTM2LjIzMWEyLjM4OCAyLjM4OCAwIDAgMC0uNTA3LjEyMiAxLjQ2NSAxLjQ2NSAwIDAgMC0uNjIxLjQyNWMtLjE2LjE4Ny0uMjE1LjQyNi0uMTY5LjcxNi4wMzQuMjEuMTEyLjQ0Mi4yMzMuNjkyLjE0NC4yMi4yOS4zNzMuNDM5LjQ1Ny4zMS4wODUuNjIuMTU3LjkyNi4yMTYuMzMzLjA1NS42NC4wMzIuOTIyLS4wNjdhNy4zMTIgNy4zMTIgMCAwIDAgMi4zOS0xLjI3NiA0Ni4wOTggNDYuMDk4IDAgMCAwIDguODMyLTguMTEgMjkuNSAyOS41IDAgMCAwIDIuNjY2LTMuNTkyIDI2LjE2OSAyNi4xNjkgMCAwIDAgMi4wNy00LjAyMmMuNDUtMS4wNzIuODE2LTIuMTU4IDEuMDk4LTMuMjU4LjI3OS0xLjEyNi40My0yLjI4Ni40NTUtMy40NzkuMDItMi4wNTgtLjQ2LTMuNzc4LTEuNDM4LTUuMTYxQzIwLjk5IDEuNjE4IDE5LjU5LjcyMiAxNy43NC4zMTYgMTcuMTguMTkgMTYuNjEuMTA2IDE2LjAzNy4wNjNBMTYuOTkgMTYuOTkgMCAwIDAgMTQuNDA2IDBhMTMuNjkzIDEzLjY5MyAwIDAgMC0zLjcyMi41NThabS0xLjIzMyAyNS42MmMtLjEyNy4wNDgtLjI5LjEyOC0uNDg4LjI0LS4yMjQtMy43NDctLjQ2Ni03LjQzOS0uNzI2LTExLjA3My0uMjY1LTMuNjYtLjUxOC03LjMzNy0uNzYtMTEuMDI4YTguNDAzIDguNDAzIDAgMCAxIDEuNzE3LS45MjVjLjYwNy0uMjYgMS4yMi0uNDggMS44NC0uNjYuODUyLS4yNDYgMS43MDQtLjQxIDIuNTU2LS40OTNhOS43OTMgOS43OTMgMCAwIDEgMi42NTEuMTAxYzMuNTA4LjQ2MyA1LjA0MiAyLjYwOSA0LjYwMyA2LjQzN2ExNC42ODMgMTQuNjgzIDAgMCAxLS40NjcgMi4zODYgMjUuMjA4IDI1LjIwOCAwIDAgMS0uNjk4IDIuMjIgMjMuODkgMjMuODkgMCAwIDEtMi40NzUgNC43NzcgMzAuMTk2IDMwLjE5NiAwIDAgMS0zLjMyNyA0LjAyMiAyOC44NzcgMjguODc3IDAgMCAxLTEuOTk5IDEuOTQzbC0yLjA2MyAxLjc5MmExLjQwMiAxLjQwMiAwIDAgMS0uMzY0LjI2MVptMTYuOTQ3LTYuODk1Yy4xOTEtLjMyOC4zOS0uNjg0LjU5OS0xLjA3LjA4NC42OS4yNCAxLjMyNy40NyAxLjkxMi4yMjkuNTg1LjUxOCAxLjAzOS44NjcgMS4zNi4zNzUuMzE5LjgwMi40NTMgMS4yODEuNDAzLjUwNS0uMDU0IDEuMDY0LS4zNiAxLjY3Ny0uOTE4LjI1Ni0uMjU4LjQ4My0uNTI0LjY4Mi0uOC4yMjYtLjI3OS40MzQtLjU4Mi42MjQtLjkxYTI2OC40OSAyNjguNDkgMCAwIDEgLjg2My0xLjM4MWMuMDMzLjE3OC4wNzEuMzU2LjExNC41MzQuMTQuNzA3LjM2MyAxLjMzNC42NjcgMS44OC4zMy41NDEuNzk0LjgxOCAxLjM5LjgzLjM4Mi4wMi42OTItLjA3LjkzLS4yNy4yNjQtLjIwNS40OTQtLjQ1OS42ODgtLjc2LjEyOS0uMjEuMzE1LS41NjQuNTYtMS4wNjMuMjI4LS40NjcuNDY0LS45NTkuNzA5LTEuNDc2LjE0NC4zMzUuMzQ3LjYzNC42MDcuOS42ODUuNzI3IDEuNjU3IDEuMDU3IDIuOTE3Ljk5LjYzNi0uMDc1IDEuMzE1LS4zMDYgMi4wMzctLjY5MmExMy4yNyAxMy4yNyAwIDAgMCAyLjExNS0xLjQ3NmMuNjkyLS41NyAxLjMxMi0xLjE3IDEuODYtMS43OTkuNTczLS42MzMgMS4wMDctMS4yMTYgMS4zLTEuNzUuMTY4LS4yOTcuMjQ0LS41OC4yMjgtLjg0Ny0uMDItLjI5NC0uMTA3LS40OTctLjI2LS42MDctLjEyNy0uMTE1LS4zMDYtLjE0LS41NC0uMDc2LS4yMzIuMDY1LS40OTQuMjgzLS43ODYuNjU0YTM4LjQ5NyAzOC40OTcgMCAwIDEtMS45NiAyLjE4Yy0uNjI3LjY0Mi0xLjQ0IDEuMjE4LTIuNDM5IDEuNzMtLjMyMS4xODctLjY2LjM1LTEuMDE2LjQ4OC0uMzM0LjEwOC0uNjUuMTU5LS45NDkuMTUyYS45NzkuOTc5IDAgMCAxLS43MDItLjMzM2MtLjE3LS4yMTYtLjI1OC0uNTkzLS4yNjQtMS4xMzMuNTg4LjEyMiAxLjE5OC0uMDMgMS44MzMtLjQ1Ny42Ni0uNDMgMS4yMS0uOTY1IDEuNjQ4LTEuNjAzLjQ2LS42NjguNzQyLTEuMzUuODQ3LTIuMDQyLjEwNS0uNjkyLS4xMDItMS4yMjctLjYyMi0xLjYwMy0uNDMzLS4zMzUtLjkxLS40NDgtMS40MzMtLjMzNy0uNS4wOC0uOTkzLjI5NS0xLjQ3OC42NDMtLjQ2My4zMTgtLjkuNzEyLTEuMzEgMS4xODQtLjQxNS40NDUtLjcyOS44NDctLjk0MSAxLjIwNmE2LjE4NiA2LjE4NiAwIDAgMC0uNjEgMS4yNDggNC41NDcgNC41NDcgMCAwIDAtLjE1My4yNTNjLS4wNjIuMTE4LS4xMjIuMjQ5LS4xOC4zOTMtLjA1OC4xNDUtLjE5MS40MS0uNC43OTUtLjIxMi4zNTgtLjQwNy43NC0uNTg1IDEuMTQ4LS4yLjQzOC0uMzc3LjY4Mi0uNTMxLjczNC0uMTI4LjA0Ny0uMjQ4LS4wMjgtLjM2LS4yMjYtLjA4Ny0uMjAyLS4xNi0uNDg4LS4yMi0uODU3LS4wNTktLjM2OS0uMTA3LS43NTMtLjE0NC0xLjE1MmE5MS44MTggOTEuODE4IDAgMCAxLS4yNTItNi42MWMuMDE3LTIuMjQ2LjA1NS00LjUzNi4xMTItNi44Ny0uMDM1LS43MjQtLjM1Ni0xLjExOC0uOTYtMS4xODNhMS4zMSAxLjMxIDAgMCAwLS44MTIuMjUyYy0uMjIuMTQ0LS4zNjguMzk3LS40NDUuNzYtLjE4OC42OC0uMzI3IDEuNTgtLjQxNyAyLjcwM2E3Ny41MjEgNzcuNTIxIDAgMCAwLS4xOTggMy41NiA1NC41MjYgNTQuNTI2IDAgMCAwLS4wMTUgMy42OTJjLjAzMyAxLjIxLjA4IDIuMjU4LjE0IDMuMTQuMDEzLjE0NS4wMjYuMzE2LjAzOC41MTEtLjI4LjQxOC0uNS43NTQtLjY2MyAxLjAwOC0uMTQ2LjI2Ny0uMjk0LjUyLS40NDUuNzYxLS4xMjguMjEtLjI3OS40NS0uNDUyLjcyMi0uMTQ2LjI2Ni0uMzcuNjQtLjY3IDEuMTIxLS4zNzcuNTItLjY3Ljc5Ny0uODguODMtLjE4NS4wMy0uMzM2LS4wNjctLjQ1My0uMjkxLS4wOTEtLjIyOS0uMTQyLS41NDUtLjE1My0uOTQ5LS4wMTUtLjQzLS4wMjgtLjg0Ny0uMDM5LTEuMjUtLjAxOS0uNDU3LS4wMi0uODktLjAwNS0xLjI5Ny4wMzctLjQzOS4wNDktLjg3My4wMzMtMS4zMDMuMDAzLS40ODctLjA3OC0uODI1LS4yNDQtMS4wMTUtLjE3LS4yMTYtLjQ3MS0uNDEtLjkwNS0uNTg0LS43NTMtLjMxMi0xLjQ1NC0uMzg4LTIuMTA0LS4yMy0uNjUuMTYtMS4yNy41MTUtMS44NTYgMS4wNy0uODkxLjg0NS0xLjUyMiAxLjc5OC0xLjg5MiAyLjg1OC0uMzcgMS4wNi0uNTY1IDIuMi0uNTg1IDMuNDE5LjAwMi4zNS4wOTkuNy4yOSAxLjA0OC4yNDIuNTAxLjU5LjgxIDEuMDQuOTI3LjQyMS4wOTUuODQ2LS4wNDEgMS4yNzMtLjQwNy4yNDMtLjE3NC40NjMtLjM5OS42NjItLjY3NGwuNjQzLS43OTMuNTg0LS45MDVabS0xLjY5NS0uNDU3Yy0uMzUuNTE2LS42NDEuODg3LS44NzUgMS4xMTQtLjAzNS0uNzI0LjAzLTEuNDEuMTk2LTIuMDYuMTYyLS42NzQuMzgtMS4yNS42NTUtMS43MjYuMjk3LS41MDcuNjUyLS45MDMgMS4wNjYtMS4xODUuNDEtLjMxLjg0My0uNDc0IDEuMy0uNDkzLS4wNDEuMjUtLjE5NS42NC0uNDYxIDEuMTY5YTIxLjU0NCAyMS41NDQgMCAwIDEtLjg3OCAxLjYgMzEuMDY3IDMxLjA2NyAwIDAgMS0xLjAwMyAxLjU4Wm0xNi41OC00LjYxMmMuMTk4LS45NS44MzctMS43NyAxLjkxNi0yLjQ1Ny0uMTUzLjcyOC0uNDA0IDEuMjY4LS43NTMgMS42MjEtLjMyMi4zNS0uNzEuNjI4LTEuMTYzLjgzNlptMTEuNzcgOC4yMzhhMSAxIDAgMCAwLTEuMTM1LS44NDRsLjE0NS45OS0uMTQ1LS45OWgtLjAwMmwtLjAwNi4wMDItLjAyNS4wMDMtLjA5NC4wMTQtLjM2Ni4wNTUtMS4zNTUuMjAzYy0xLjE1LjE3NC0yLjc1NS40Mi00LjU3NC43MDYtMy42MzMuNTczLTguMTMgMS4zMS0xMS41NTUgMS45NjctMy40MjYuNjU3LTcuNjgyIDEuNTk4LTExLjA3NSAyLjM3MmE2MzAuMjg1IDYzMC4yODUgMCAwIDAtNS40ODkgMS4yOGwtLjMzNS4wOC0uMDg2LjAyLS4wMjMuMDA2LS4wMDUuMDAyaC0uMDAybC4yMzQuOTcyLS4yMzQtLjk3MmExIDEgMCAxIDAgLjQ2OCAxLjk0NWwtLjIzNC0uOTczLjIzNC45NzNoLjAwMWwuMDA2LS4wMDIuMDIxLS4wMDUuMDg2LS4wMjEuMzMzLS4wOCAxLjI0MS0uMjkzYzEuMDU3LS4yNSAyLjUzNy0uNTk1IDQuMjMtLjk4MiAzLjM4Ny0uNzczIDcuNjE1LTEuNzA3IDExLjAwNS0yLjM1NyAzLjM5LS42NSA3Ljg2LTEuMzg0IDExLjQ5LTEuOTU2YTc1Mi4wNzcgNzUyLjA3NyAwIDAgMSA1LjkxMy0uOTA3bC4zNjMtLjA1NC4wOTQtLjAxNC4wMjQtLjAwNGguMDA4di0uMDAxbC0uMTQ2LS45OS4xNDYuOTlhMSAxIDAgMCAwIC44NDQtMS4xMzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center
}

h1 {
    margin-bottom: .5rem;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(9 9 11/var(--tw-text-opacity))
}

@media(prefers-color-scheme:dark) {
    h1 {
        --tw-text-opacity: 1;
        color: rgb(236 236 239/var(--tw-text-opacity))
    }
}

.home-heading {
    margin-bottom: 2rem
}

p {
    margin-bottom: 1.5rem
}

p:last-of-type {
    margin-bottom: 0
}

hr {
    border-top-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(236 236 239/var(--tw-border-opacity))
}

@media(prefers-color-scheme:dark) {
    hr {
        --tw-border-opacity: 1;
        border-color: rgb(39 39 42/var(--tw-border-opacity))
    }
}

.section-heading {
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

@media(prefers-color-scheme:dark) {
    .section-heading {
        --tw-text-opacity: 1;
        color: rgb(113 113 122/var(--tw-text-opacity))
    }
}

.content-area a {
    text-decoration-line: underline
}

.content-area a:hover {
    --tw-text-opacity: 1;
    color: rgb(79 70 229/var(--tw-text-opacity))
}

@media(prefers-color-scheme:dark) {
    .content-area a:hover {
        --tw-text-opacity: 1;
        color: rgb(165 180 252/var(--tw-text-opacity))
    }
}

.prose {
    color: var(--tw-prose-body)
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where([class~=lead], [class~=is-style-lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=As]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=as]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=Is]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=is]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
    border-bottom: none
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C" "\201D" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    border-left-style: solid
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    font-size: .875em;
    border-radius: .3125rem;
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding-top: .8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: initial;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: start;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: initial
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-top: .5714286em;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.prose :where(blockquote>cite):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-body);
    font-style: normal;
    font-weight: 400
}

.prose :where(blockquote>cite):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "\2014"
}

.prose :where(table.has-fixed-layout):not(:where([class~=not-prose], [class~=not-prose] *)) {
    table-layout: fixed;
    width: 100%
}

.prose-neutral {
    --tw-prose-body: #404040;
    --tw-prose-headings: #171717;
    --tw-prose-lead: #525252;
    --tw-prose-links: #171717;
    --tw-prose-bold: #171717;
    --tw-prose-counters: #737373;
    --tw-prose-bullets: #d4d4d4;
    --tw-prose-hr: #e5e5e5;
    --tw-prose-quotes: #171717;
    --tw-prose-quote-borders: #e5e5e5;
    --tw-prose-captions: #737373;
    --tw-prose-kbd: #171717;
    --tw-prose-kbd-shadows: 23 23 23;
    --tw-prose-code: #171717;
    --tw-prose-pre-code: #e5e5e5;
    --tw-prose-pre-bg: #262626;
    --tw-prose-th-borders: #d4d4d4;
    --tw-prose-td-borders: #e5e5e5;
    --tw-prose-invert-body: #d4d4d4;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #a3a3a3;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #a3a3a3;
    --tw-prose-invert-bullets: #525252;
    --tw-prose-invert-hr: #404040;
    --tw-prose-invert-quotes: #f5f5f5;
    --tw-prose-invert-quote-borders: #404040;
    --tw-prose-invert-captions: #a3a3a3;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d4d4d4;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #525252;
    --tw-prose-invert-td-borders: #404040
}

.dw-dropdown {
    position: relative;
    display: inline-block
}

.dw-dropdown>:not(summary):focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.dw-dropdown .dw-dropdown-content {
    position: absolute
}

.dw-dropdown:is(:not(details)) .dw-dropdown-content {
    visibility: hidden;
    opacity: 0
}

.dw-dropdown-end .dw-dropdown-content {
    inset-inline-end: 0
}

.dw-dropdown-left .dw-dropdown-content {
    bottom: auto;
    inset-inline-end: 100%;
    top: 0
}

.dw-dropdown-right .dw-dropdown-content {
    bottom: auto;
    inset-inline-start: 100%;
    top: 0
}

.dw-dropdown-bottom .dw-dropdown-content {
    bottom: auto;
    top: 100%
}

.dw-dropdown-top .dw-dropdown-content {
    bottom: 100%;
    top: auto
}

.dw-dropdown-end.dw-dropdown-left .dw-dropdown-content,
.dw-dropdown-end.dw-dropdown-right .dw-dropdown-content {
    bottom: 0;
    top: auto
}

.dw-dropdown.dw-dropdown-open .dw-dropdown-content,
.dw-dropdown:focus-within .dw-dropdown-content,
.dw-dropdown:not(.dw-dropdown-hover):focus .dw-dropdown-content {
    visibility: visible;
    opacity: 1
}

@media(hover:hover) {
    .dw-dropdown.dw-dropdown-hover:hover .dw-dropdown-content {
        visibility: visible;
        opacity: 1
    }
}

.dw-dropdown:is(details) summary::-webkit-details-marker {
    display: none
}

.dw-join .dw-dropdown .dw-join-item:first-child:not(:last-child),
.dw-join :first-child:not(:last-child) .dw-dropdown .dw-join-item {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.about-gallery {
    margin-bottom: 2.5rem;
    display: flex;
    gap: .75rem
}

.about-gallery-img {
    position: relative;
    overflow: hidden;
    border-radius: .5rem
}



@media(prefers-color-scheme:dark) {
    .about-gallery-img:before {
        content: var(--tw-content);
        border-color: #fff3
    }
}

.block-about-site li {
    position: relative;
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 1rem;
    line-height: 1.5
}

.block-about-site li:before {
    margin-right: .75rem;
    height: 4px;
    width: 4px;
    border-radius: 9999px;
    background-color: rgb(113 113 122/var(--tw-bg-opacity))
}

.block-about-site li:after,
.block-about-site li:before {
    --tw-bg-opacity: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.block-about-site li:after {
    position: absolute;
    bottom: -1px;
    left: 8px;
    right: 8px;
    height: 1px;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

.block-about-site li:last-child {
    border-bottom-color: #0000
}

.block-about-site li:last-child:after {
    content: var(--tw-content);
    display: none
}

@media(min-width:768px) {
    .block-about-site li {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(prefers-color-scheme:dark) {
    .block-about-site li:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }
}

.block-about-site li a {
    text-decoration-line: underline;
    text-underline-offset: 2px
}

.block-about-site li a:hover {
    --tw-text-opacity: 1;
    color: rgb(79 70 229/var(--tw-text-opacity))
}

@media(prefers-color-scheme:dark) {
    .block-about-site li a:hover {
        --tw-text-opacity: 1;
        color: rgb(165 180 252/var(--tw-text-opacity))
    }
}

.block-logo-grid-inner {
    margin: .25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

@media(min-width:768px) {
    .block-logo-grid-inner {
        margin: .5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media(prefers-color-scheme:dark) {
    .block-logo-grid-inner {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }
}

.block-logo-grid-inner .block-logo-grid-item {
    position: relative;
    display: inline-flex;
    min-height: 88px;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

@media(prefers-color-scheme:dark) {
    .block-logo-grid-inner .block-logo-grid-item {
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.block-logo-grid-inner svg {
    height: 100%;
    width: 100%
}

.block-logo-grid-inner svg path {
    fill: #52525b
}

@media(prefers-color-scheme:dark) {
    .block-logo-grid-inner svg path {
        fill: #93939c
    }
}

.block-projects-list-project {
    position: relative;
    display: flex;
    min-height: 88px;
    align-items: center;
    gap: 1rem;
    border-width: 1px;
    border-color: #0000;
    padding: 1rem;
    line-height: 1.25rem
}

.block-projects-list-project:after {
    position: absolute;
    bottom: -1px;
    left: 8px;
    right: 8px;
    height: 1px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

.block-projects-list-project:last-child {
    border-bottom-color: #0000
}

.block-projects-list-project:last-child:after {
    content: var(--tw-content);
    display: none
}

.block-projects-list-project:hover {
    border-radius: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.block-projects-list-project:hover:before {
    position: absolute;
    left: 0;
    top: -2px;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.block-projects-list-project:hover:after {
    content: var(--tw-content);
    display: none
}

@media(prefers-color-scheme:dark) {
    .block-projects-list-project:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .block-projects-list-project:hover {
        border-color: #3f3f4666;
        background-color: #27272a99
    }

    .block-projects-list-project:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.block-projects-list-project .title {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem
}

.block-projects-list-project .description {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

@media(min-width:768px) {
    .block-projects-list-project .description {
        font-size: 13px;
        line-height: 150%
    }
}

.block-projects-list-icon {
    display: flex;
    min-height: 40px;
    min-width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

@media(prefers-color-scheme:dark) {
    .block-projects-list-icon {
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70/var(--tw-bg-opacity))
    }
}

.block-projects-list-icon svg {
    height: 20px;
    width: 20px
}

.block-projects-list-icon svg path {
    fill: #fafafa
}

.block-projects-list-project.good-aesthetic-club:hover .block-projects-list-icon {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.block-projects-list-project.design-vault:hover .block-projects-list-icon {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #8122df var(--tw-gradient-from-position);
    --tw-gradient-to: #8122df00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #3e22df var(--tw-gradient-to-position)
}

.block-quote {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.block-quote-text {
    margin-top: 1.5rem;
    border-left-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity));
    padding-left: 1rem
}

.block-quote-text:before {
    --tw-content: "\201C";
    content: var(--tw-content)
}

.block-quote-text:after {
    --tw-content: "\201D";
    content: var(--tw-content)
}

@media(prefers-color-scheme:dark) {
    .block-quote-text {
        --tw-border-opacity: 1;
        border-color: rgb(63 63 70/var(--tw-border-opacity))
    }
}

.block-quote-cite {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    gap: .75rem
}

.block-quote-cite .avatar {
    position: relative;
    max-height: 40px;
    max-width: 40px;
    border-radius: 9999px
}

.block-quote-cite .avatar:before {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #0000001a;
    --tw-content: "";
    content: var(--tw-content)
}

@media(prefers-color-scheme:dark) {
    .block-quote-cite .avatar:before {
        content: var(--tw-content);
        border-color: #fff3
    }
}

.block-quote-cite .avatar img {
    max-height: 40px;
    max-width: 40px;
    border-radius: 9999px
}

.block-quote-cite .name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem
}

.block-quote-cite .title {
    display: block;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

@media(min-width:768px) {
    .block-quote-cite .title {
        font-size: 13px;
        line-height: 150%
    }
}

.block-social-links-link {
    position: relative;
    display: flex;
    min-height: 48px;
    border-width: 1px;
    border-color: #0000;
    padding: .5rem 1rem
}

.block-social-links-link:after {
    position: absolute;
    bottom: -1px;
    left: 8px;
    right: 8px;
    height: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.block-social-links-link:last-child {
    border-bottom-color: #0000
}

.block-social-links-link:last-child:after {
    content: var(--tw-content);
    display: none
}

.block-social-links-link:hover {
    border-radius: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.block-social-links-link:hover:before {
    position: absolute;
    left: 0;
    top: -2px;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.block-social-links-link:hover:after {
    content: var(--tw-content);
    display: none
}

@media(prefers-color-scheme:dark) {
    .block-social-links-link:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .block-social-links-link:hover {
        border-color: #3f3f4666;
        background-color: #27272a99
    }

    .block-social-links-link:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.block-social-links .social-icon svg {
    height: 18px;
    width: 18px
}

.block-social-links .social-icon svg path {
    fill: #52525b
}

@media(prefers-color-scheme:dark) {
    .block-social-links .social-icon svg path {
        fill: #93939c
    }
}

.block-uses-grid-inner {
    margin: .25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

@media(min-width:768px) {
    .block-uses-grid-inner {
        margin: .5rem
    }
}

@media(prefers-color-scheme:dark) {
    .block-uses-grid-inner {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }
}

.block-uses-grid-link {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem
}

.block-uses-grid-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

@media(min-width:768px) {
    .block-uses-grid-link {
        padding: 1.5rem
    }
}

@media(prefers-color-scheme:dark) {
    .block-uses-grid-link {
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }

    .block-uses-grid-link:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(33 33 36/var(--tw-bg-opacity))
    }
}

.block-uses-grid-detail {
    margin-top: .5rem
}

.block-uses-grid-detail .title {
    margin-bottom: .25rem;
    font-weight: 400
}

.block-uses-grid-detail .description {
    font-size: 12px;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

@media(min-width:768px) {
    .block-uses-grid-detail .description {
        font-size: 13px;
        line-height: 150%
    }
}

@media(prefers-color-scheme:dark) {
    .block-uses-grid-detail .description {
        --tw-text-opacity: 1;
        color: rgb(115 115 115/var(--tw-text-opacity))
    }
}

.block-uses-list-link {
    position: relative;
    display: flex;
    min-height: 88px;
    align-items: center;
    gap: 1rem;
    border-width: 1px;
    border-color: #0000;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.25rem
}

.block-uses-list-link:after {
    position: absolute;
    bottom: -1px;
    left: 8px;
    right: 8px;
    height: 1px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

.block-uses-list-link:last-child {
    border-bottom-color: #0000
}

.block-uses-list-link:last-child:after {
    content: var(--tw-content);
    display: none
}

.block-uses-list-link:hover {
    border-radius: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.block-uses-list-link:hover:before {
    position: absolute;
    left: 0;
    top: -2px;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.block-uses-list-link:hover:after {
    content: var(--tw-content);
    display: none
}

@media(prefers-color-scheme:dark) {
    .block-uses-list-link:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .block-uses-list-link:hover {
        border-color: #3f3f4666;
        background-color: #27272a99
    }

    .block-uses-list-link:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.block-uses-list-link .icon {
    position: relative;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.block-uses-list-link .icon:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #0000001a
}

@media(prefers-color-scheme:dark) {
    .block-uses-list-link .icon:after {
        border-color: #ffffff1a
    }
}

.block-uses-list-link .icon svg {
    height: 100%;
    width: 100%
}

.block-uses-list-detail .title {
    margin-bottom: 2px;
    font-weight: 400
}

.block-uses-list-detail .description {
    font-size: 12px;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

@media(min-width:768px) {
    .block-uses-list-detail .description {
        font-size: 13px;
        line-height: 150%
    }
}

@media(prefers-color-scheme:dark) {
    .block-uses-list-detail .description {
        --tw-text-opacity: 1;
        color: rgb(115 115 115/var(--tw-text-opacity))
    }
}

.block-work-experience-item {
    position: relative;
    display: flex;
    min-height: 80px;
    width: 100%;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    border-width: 1px;
    border-color: #0000;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.25rem
}

.block-work-experience-item:after {
    position: absolute;
    bottom: -1px;
    left: 8px;
    right: 8px;
    height: 1px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

.block-work-experience-item:last-child {
    border-bottom-color: #0000
}

.block-work-experience-item:last-child:after {
    content: var(--tw-content);
    display: none
}

.block-work-experience-item:hover {
    border-radius: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.block-work-experience-item:hover:before {
    position: absolute;
    left: 0;
    top: -2px;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.block-work-experience-item:hover:after {
    content: var(--tw-content);
    display: none
}

@media(prefers-color-scheme:dark) {
    .block-work-experience-item:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .block-work-experience-item:hover {
        border-color: #3f3f4666;
        background-color: #27272a99
    }

    .block-work-experience-item:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.block-work-experience-item .company {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem
}

.block-work-experience-secondary {
    margin-top: 2px;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

@media(min-width:768px) {
    .block-work-experience-secondary {
        font-size: 13px;
        line-height: 150%
    }
}

.block-work-experience-secondary {
    display: flex;
    width: 100%;
    justify-content: space-between
}

#site-navigation {
    display: none
}

@media(min-width:768px) {
    #site-navigation {
        display: block
    }
}

.main-menu-button {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(236 236 239/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

.main-menu-button:hover {
    cursor: pointer;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 239/var(--tw-bg-opacity))
}

@media(prefers-color-scheme:dark) {
    .main-menu-button {
        border-color: rgb(39 39 42/var(--tw-border-opacity));
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }

    .main-menu-button,
    .main-menu-button:hover {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1
    }

    .main-menu-button:hover {
        border-color: rgb(63 63 70/var(--tw-border-opacity));
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }
}

.primary-dropdown-icon {
    height: 22px;
    width: 22px;
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity))
}

@media(prefers-color-scheme:dark) {
    .primary-dropdown-icon {
        --tw-bg-opacity: 1;
        background-color: rgb(212 212 216/var(--tw-bg-opacity))
    }
}

.primary-dropdown-icon {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzExMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCA1Ljc1QS43NS43NSAwIDAgMSA0Ljc1IDVoMTQuNWEuNzUuNzUgMCAwIDEgMCAxLjVINC43NUEuNzUuNzUgMCAwIDEgNCA1Ljc1Wm0wIDEyLjVhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTQuNWEuNzUuNzUgMCAwIDEgMCAxLjVINC43NWEuNzUuNzUgMCAwIDEtLjc1LS43NVptLjc1LTdhLjc1Ljc1IDAgMCAwIDAgMS41aDE0LjVhLjc1Ljc1IDAgMCAwIDAtMS41SDQuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzExMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCA1Ljc1QS43NS43NSAwIDAgMSA0Ljc1IDVoMTQuNWEuNzUuNzUgMCAwIDEgMCAxLjVINC43NUEuNzUuNzUgMCAwIDEgNCA1Ljc1Wm0wIDEyLjVhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTQuNWEuNzUuNzUgMCAwIDEgMCAxLjVINC43NWEuNzUuNzUgMCAwIDEtLjc1LS43NVptLjc1LTdhLjc1Ljc1IDAgMCAwIDAgMS41aDE0LjVhLjc1Ljc1IDAgMCAwIDAtMS41SDQuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center;
    -mask-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover
}

.menu-primary-navigation-container {
    display: flex;
    justify-content: flex-start
}

.menu-primary-navigation-container #primary-menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #00000008;
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity));
    padding: 2px
}

@media(prefers-color-scheme:dark) {
    .menu-primary-navigation-container #primary-menu {
        border-color: #ffffff12;
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

.menu-primary-navigation-container #primary-menu li a {
    display: flex;
    min-height: 36px;
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #0000;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.menu-primary-navigation-container #primary-menu li a:hover {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
}

@media(prefers-color-scheme:dark) {
    .menu-primary-navigation-container #primary-menu li a {
        --tw-text-opacity: 1;
        color: rgb(147 147 156/var(--tw-text-opacity))
    }

    .menu-primary-navigation-container #primary-menu li a:hover {
        --tw-text-opacity: 1;
        color: rgb(212 212 216/var(--tw-text-opacity))
    }
}

.menu-primary-navigation-container #primary-menu li.current-menu-item a {
    border-color: #0000001a;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity));
    --tw-shadow: 0px 2px 3px 0px #00000008;
    --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media(prefers-color-scheme:dark) {
    .menu-primary-navigation-container #primary-menu li.current-menu-item a {
        border-color: #ffffff0a;
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(236 236 239/var(--tw-text-opacity))
    }
}

#primary-mobile-menu {
    z-index: 50;
    margin-top: 2px;
    min-width: 180px;
    overflow: hidden;
    border-radius: .75rem;
    border: 1px solid #00000017;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 0;
    --tw-shadow: 0px 2px 8px 0px #00000008;
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media(prefers-color-scheme:dark) {
    #primary-mobile-menu {
        border-color: #ffffff0f;
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27/var(--tw-bg-opacity))
    }
}

#primary-mobile-menu li {
    padding-left: 1rem;
    padding-right: 1rem
}

#primary-mobile-menu li a {
    display: inline-flex;
    min-height: 3rem;
    width: 100%;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

@media(prefers-color-scheme:dark) {
    #primary-mobile-menu li a {
        border-color: #40404099
    }
}

#primary-mobile-menu li:last-of-type a {
    border-style: none
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.visible {
    visibility: visible
}

.relative {
    position: relative
}

.z-0 {
    z-index: 0
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-5 {
    margin-top: 1.25rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.h-screen {
    height: 100vh
}

.w-\[184px\] {
    width: 184px
}

.w-\[404px\] {
    width: 404px
}

.w-full {
    width: 100%
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-none {
    max-width: none
}

.flex-1 {
    flex: 1 1 0%
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-12 {
    gap: 3rem
}

.gap-3 {
    gap: .75rem
}

.text-center {
    text-align: center
}

.text-3xl {
    font-size: 26px
}

.font-medium {
    font-weight: 400
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.content-none {
    --tw-content: none;
    content: var(--tw-content)
}

.prose-a\:text-primary :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: var(--fallback-p, oklch(var(--p)/var(--tw-text-opacity)))
}

@media(min-width:768px) {
    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:hidden {
        display: none
    }
}