@charset "UTF-8";
@font-face {
    font-family:"Suisse Int'l";
    src:url(../fonts/SuisseIntl-Bold.woff2) format("woff2"),url(../fonts/SuisseIntl-Bold.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Suisse Int'l";
    src:url(../fonts/SuisseIntl-SemiBold.woff2) format("woff2"),url(../fonts/SuisseIntl-SemiBold.woff) format("woff");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Suisse Int'l";
    src:url(../fonts/SuisseIntl-Regular.woff2) format("woff2"),url(../fonts/SuisseIntl-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Suisse Int'l";
    src:url(../fonts/SuisseIntl-Medium.woff2) format("woff2"),url(../fonts/SuisseIntl-Medium.woff) format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Suisse Int'l";
    src:url(../fonts/SuisseIntl-Light.woff2) format("woff2"),url(../fonts/SuisseIntl-Light.woff) format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Suisse Int'l Book";
    src:url(../fonts/SuisseIntl-Book.woff2) format("woff2"),url(../fonts/SuisseIntl-Book.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}:root {
    --c-text: #343434;
    --c-text-light: #989898;
    --c-text-medium: #7c7c7c;
    --c-text-dark: #363636;
    --c-background: #eae7e2;
    --c-background-hover: #d1cec9;
    --c-background-medium: #e0ddd9;
    --c-background-dark: #0d0d0d;
    --c-accent-1: #ffb2c4;
    --c-accent-2: #4ceeac;
    --c-accent-3: #ab94f8;
    --c-accent-4: #fcb9fc;
    --c-error-background: #fcf3f2;
    --c-error-foreground: #8b2c21;
    --c-notice-background: #fefcea;
    --c-notice-foreground: #7d511b;
    --c-success-background: #f3faf7;
    --c-success-foreground: #03543f;
    --corner-radius: .25rem;
    --f-base: "Suisse Int'l", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 600;
    --fw-strong: var(--fw-semibold);
    --z-navbar: 99;
    --z-sidepanel: 101;
    --z-sidepanel-desktop: 100;
    --z-modal: 109;
    --transition: .2s ease-out;
    --transition-slow: .35s ease-out;
    --container-max-width: 5000px;
    --gutter-container: 1.25rem;
    --gutter-container-full: 1.25rem;
    --navbar-height: 150px;
    --left-gap: clamp(5.625rem, 3.75rem + 8vw, 11.75rem);
    --spacing-unit: 20
}
@media (min-width: 900px) {
    :root {
        --gutter-container: 2.5rem;
        --content-min-width: calc((var(--container-max-width) / 4) - var(--gutter-container));
        --content-max-width: calc((var(--container-max-width) / 2) - var(--gutter-container))
    }
}#clouds {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background-color:transparent;
    background-image:url(../images/skinn-static-waves.jpg);
    background-size:100% auto;
    background-position:top center;
    background-repeat:no-repeat;
    pointer-events:none
}
#wrapper {
    position:relative;
    z-index:2
}html {
    scroll-padding-top:5rem;
    background:var(--c-background);
    min-height:100%
}body {
    font-family:var(--f-base);
    color:var(--c-text);
    line-height:1.4;
    background:var(--c-background);
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}.container {
    margin:0 auto;
    display:grid;
    width:100%;
    grid-template-columns:var(--gutter-container) 1fr var(--gutter-container);
    grid-template-rows:1fr auto
}
@media (min-width: 900px) {
    .container {
        grid-template-columns:var(--gutter-container) 1fr 1fr var(--gutter-container)
    }
}.container--full {
    --gutter-container: var(--gutter-container-full)
}.container--sidepanel {
    position:relative
}
@media (min-width: 900px) {
    .container--sidepanel {
        display:grid;
        grid-template-columns:var(--gutter-container-full) 1fr clamp(15.625rem,13.2334183673rem + 10.2040816327vw,23.4375rem) var(--gutter-container-full)
    }
}
@media (min-width: 900px) {
    .container--sidepanel>.container__content {
        grid-column:2;
        grid-row:1;
        padding-right:calc(var(--spacing-unit) / 16 * 1rem)
    }
}.container--sidepanel>.container__content .block .container {
    --gutter-container: 0
}
@media (min-width: 900px) {
    .container--sidepanel>.container__sidepanel {
        grid-column:3;
        grid-row:1
    }
}
@media (min-width: 900px) {
    .container--sidepanel>.container__related {
        grid-column:1/span 4;
        grid-row:1
    }
}
@media (min-width: 900px) {
    .container--sidepanel-wide {
        display:grid;
        grid-template-columns:var(--gutter-container-full) 1fr 30% var(--gutter-container-full)
    }
}.container--sidepanel-alt {
    --gutter-container-full: var(--gutter-container)
}.container__content {
    grid-column:2;
    max-width:var(--container-max-width);
    width:100%;
    margin-left:auto;
    margin-right:auto
}
@media (min-width: 900px) {
    .container__content {
        grid-column:2/span 2
    }
}.container__content.container__content--edge {
    grid-column:2/span 3
}.container__content--left {
    grid-column:2;
    grid-row:1
}
@media (min-width: 900px) {
    .container__content--left {
        grid-column:2;
        grid-row:1;
        max-width:calc(var(--container-max-width) / 2);
        width:100%;
        margin-left:auto
    }
}.container__content--left.container__content--edge {
    grid-column:1/span 3
}
@media (min-width: 900px) {
    .container__content--left.container__content--edge {
        grid-column:1/span 2;
        max-width:none
    }
}.container__content--right {
    grid-column:2;
    grid-row:2
}
@media (min-width: 900px) {
    .container__content--right {
        grid-column:3;
        grid-row:1;
        max-width:calc(var(--container-max-width) / 2);
        width:100%;
        margin-right:auto
    }
}.container__content--right.container__content--edge {
    grid-column:1/span 3
}
@media (min-width: 900px) {
    .container__content--right.container__content--edge {
        grid-column:3/span 2;
        max-width:none
    }
}
@media (min-width: 900px) {
    .container--reverse .container__content--left {
        grid-column:3;
        grid-row:1
    }
}
@media (min-width: 900px) {
    .container--reverse .container__content--left.container__content--edge {
        grid-column:3/span 2
    }
}
@media (min-width: 900px) {
    .container--reverse .container__content--right {
        grid-column:2;
        grid-row:1
    }
}
@media (min-width: 900px) {
    .container--reverse .container__content--right.container__content--edge {
        grid-column:1/span 2
    }
}.container--alt.container .container__content {
    display:grid;
    align-items:end;
    grid-template-columns:1fr;
    grid-gap:1.25rem .625rem
}
@media (min-width: 900px) {
    .container--alt.container .container__content {
        grid-template-columns:minmax(auto,var(--left-gap)) minmax(auto,1fr)
    }
}
@media (min-width: 900px) {
    .container--alt.container .container__content {
        grid-gap:1.25rem 1.25rem
    }
}
@media (min-width: 1600px) {
    .container--alt.container .container__content {
        grid-gap:1.25rem 2.5rem
    }
}.container--alt.container .container__content:before {
    content:"";
    display:block;
    background-color:var(--c-text-dark);
    grid-column:1;
    width:100%
}.container--alt-fixed.container .container__content {
    grid-template-columns:minmax(auto,var(--left-gap)) minmax(auto,1fr)
}#page-header {
    position:sticky;
    top:0;
    z-index:var(--z-navbar);
    --navbar-bg-color: var(--c-background-dark);
    --navbar-text-color: var(--c-text-medium);
    --navbar-text-highlight-color: var(--c-background);
    --navbar-marker-color: var(--c-accent-1);
    --navbar-marker-opacity: .9
}.navbar {
    position:relative;
    z-index:var(--z-navbar);
    padding:2.5rem 0 1.25rem
}
@media (min-width: 900px) {
    .navbar {
        padding:2.5rem 0
    }
}.navbar>.container {
    position:relative;
    z-index:10
}.navbar__inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    z-index:2
}.navbar__inner .brand {
    display:flex;
    align-items:center;
    justify-content:center
}.navbar__inner .brand .logo {
    display:block
}.base-line {
    display:none;
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:2.3125rem;
    pointer-events:none;
    z-index:calc(var(--z-navbar) + 1)
}
@media (min-width: 600px) {
    .base-line {
        display:block;
        visibility:visible
    }
}.base-line .container__content p {
    font-size:.875rem;
    line-height:1.2;
    color:var(--c-text-medium)
}.base-line .container__content p strong {
    color:var(--c-text);
    font-weight:var(--fw-regular)
}body.nav-open .base-line {
    opacity:0
}.home-intro {
    display:grid;
    grid-template-rows:1fr auto;
    min-height:calc(50vh - var(--navbar-height));
    min-height:calc(50dvh - var(--navbar-height));
    height:auto
}.home-intro__content .container__content {
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}.home-intro__title {
    padding-top:clamp(3.125rem,1.0204081633rem + 8.9795918367vw,10rem);
    font-size:1.25rem;
    font-weight:var(--fw-regular);
    max-width:56.25rem;
    color:var(--c-text-medium)
}
.home-intro:nth-of-type(2) {
    margin-top:3rem;
    margin-bottom:4rem;
}
.home-intro:nth-of-type(2) h2 {
    margin-bottom:0;
}
.home-intro:nth-of-type(2) .home-intro__title {
    padding-top:0;
    margin-top:10px;
}
.content-feed h2 {
    margin-bottom:1.5rem;
}
@media (min-width: 600px) {
    .home-intro__title {
        font-size:1.625rem
    }
}.home-intro__title strong {
    color:var(--c-text-dark);
    font-weight:var(--fw-regular)
}.home-intro__title a {
    color:inherit;
    text-decoration:underline;
    transition:color var(--transition)
}.home-intro__title a strong {
    transition:color var(--transition);
    color:var(--c-text-dark);
    text-decoration:underline
}.home-intro__title a:hover,.home-intro__title a:hover strong {
    text-decoration:none
}.content-feed {
    margin:2.5rem 0
}.content-feed--grid .content-feed__row {
    display:grid;
    gap:1.25rem;
    padding-top:1.25rem;
    justify-items:stretch;
    align-items:stretch
}
@media (min-width: 900px) {
    .content-feed--grid .content-feed__row {
        padding-top:4.6875rem;
        grid-template-columns:repeat(3,1fr);
        justify-items:stretch;
        align-items:stretch
    }
}.content-feed--grid .content-feed__row--first-row {
    padding-top:1.5rem
}
@media (min-width: 900px) {
    .content-feed--grid .content-feed__row--first-row {
        padding-top:1.5rem
    }
}
@media (min-width: 900px) {
    .content-feed--grid .content-feed__row--columns1111 .content-feed__item {
        grid-column:span 1
    }
}.content-feed .content-feed__item {
    color:inherit;
    text-decoration:none;
    align-self:stretch;
    display:flex;
    height:100%
}
.content-feed .content-feed__item__content {
    font-size:.875rem;
    text-wrap:balance;
    background:#f2f0f8;
    padding:1.5rem;
    border-radius:1rem;
    border:1px solid #000;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    text-align:left;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
.content-feed .content-feed__item__content h4 {
    font-size:26px;
    font-weight:400;
    margin-bottom:0.5rem;
}
.content-feed .content-feed__item__content hr {
    border:none;
    border-top:1px solid #000;
    margin:0 0 1rem 0;
    width:100%;
}.content-feed .content-feed__item__content h3 {
    font-size:inherit;
    color:inherit;
    text-decoration:none;
    font-weight:400;
    margin:0 0 .625rem
}.content-feed .content-feed__item__content p {
    color:var(--c-text-medium);
    margin:0;
    font-weight:400
}
.content-feed .content-feed__item__content img {
    filter:sepia(100%) hue-rotate(280deg) saturate(0.6) brightness(1.3)
}
.content-feed .icon-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}
.content-feed .icon-circle img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    filter: none;
}

.home-intro__content .container__content {
    padding-top: 46px
}
.site-footer {
    padding: 2rem 0;
    margin-top: 4rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}
.site-footer p {
    margin: 0;
    color: var(--c-text-medium);
    font-size: 0.875rem;
    font-weight: normal;
}
.cursor-dot {
    position: fixed;
    width: 8px;
    height: 8px;
    background-color: #d4b3e8;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
}