/*
 * DreamingTree Salon
 * Created with ColorSlurp
 */
:root {
    --black: oklch(15% 0.04 278.15);
    --killarney: oklch(50% 0.11 153);
    --blue-bayoux: oklch(50% 0.06 243);
    --pumice: oklch(83% 0 153);
    --spanish-green: oklch(65% 0.01 153);
    --nandor: oklch(50% 0.01 153);
    --pine-cone: oklch(49% 0.02 46.78);
    --irish-coffee: oklch(40% 0.06 62);
    --white: oklch(97% 0 0);
}
/* Typography */
:root {
    --handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual,
        cursive;
    --antique: Superclarendon, 'Bookman Old Style', 'URW Bookman',
        'URW Bookman L', 'Georgia Pro', Georgia, serif;
    --transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    --old-style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052,
        serif;
    --slab-serif: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif',
        'Sitka Small', serif;
    --system-ui: system-ui, sans-serif;
    --humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans',
        source-sans-pro, sans-serif;
    --classical-humanist: Optima, Candara, 'Noto Sans', source-sans-pro,
        sans-serif;
    --geometric-humanist: Avenir, Montserrat, Corbel, 'URW Gothic',
        source-sans-pro, sans-serif;
    --rounded-sans: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand,
        Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri,
        source-sans-pro, sans-serif;
    --neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova',
        'Nimbus Sans', Arial, sans-serif;
    --industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium',
        'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
    --monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo,
        Consolas, 'DejaVu Sans Mono', monospace;
    --monospace-slab-serif: 'Nimbus Mono PS', 'Courier New', monospace;
}
/* @link https://utopia.fyi/type/calculator?c=280,16,1.2,1962,24,1.25,5,2,&s=0.75|0.5,1.5|2|3|4|6|8,s-l|s-xl|s-2xl|s-3xl|m-xl|m-2xl|m-3xl|l-2xl|l-3xl|xl-3xl|l-4xl|xl-4xl|s-4xl|m-4xl&g=s,xs,3xl,12 */
:root {
    --step--2: clamp(0.6944rem, 0.6502rem + 0.2526vw, 0.96rem);
    --step--1: clamp(0.8333rem, 0.7723rem + 0.3488vw, 1.2rem);
    --step-0: clamp(1rem, 0.9168rem + 0.4756vw, 1.5rem);
    --step-1: clamp(1.2rem, 1.0876rem + 0.6421vw, 1.875rem);
    --step-2: clamp(1.44rem, 1.2896rem + 0.8597vw, 2.3438rem);
    --step-3: clamp(1.728rem, 1.528rem + 1.1431vw, 2.9297rem);
    --step-4: clamp(2.0736rem, 1.8092rem + 1.5111vw, 3.6621rem);
    --step-5: clamp(2.4883rem, 2.1405rem + 1.9875vw, 4.5776rem);
}
/* @link https://utopia.fyi/space/calculator?c=280,16,1.2,1962,24,1.25,5,2,&s=0.75|0.5,1.5|2|3|4|6|8,s-l|s-xl|s-2xl|s-3xl|m-xl|m-2xl|m-3xl|l-2xl|l-3xl|xl-3xl|l-4xl|xl-4xl|s-4xl|m-4xl&g=s,xs,3xl,12 */
:root {
    --space-2xs: clamp(0.5rem, 0.4584rem + 0.2378vw, 0.75rem);
    --space-xs: clamp(0.75rem, 0.6876rem + 0.3567vw, 1.125rem);
    --space-s: clamp(1rem, 0.9168rem + 0.4756vw, 1.5rem);
    --space-m: clamp(1.5rem, 1.3751rem + 0.7134vw, 2.25rem);
    --space-l: clamp(2rem, 1.8335rem + 0.9512vw, 3rem);
    --space-xl: clamp(3rem, 2.7503rem + 1.4269vw, 4.5rem);
    --space-2xl: clamp(4rem, 3.6671rem + 1.9025vw, 6rem);
    --space-3xl: clamp(6rem, 5.5006rem + 2.8537vw, 9rem);
    --space-4xl: clamp(8rem, 7.3341rem + 3.805vw, 12rem);
    /* One-up pairs */
    --space-2xs-xs: clamp(0.5rem, 0.396rem + 0.5945vw, 1.125rem);
    --space-xs-s: clamp(0.75rem, 0.6251rem + 0.7134vw, 1.5rem);
    --space-s-m: clamp(1rem, 0.7919rem + 1.1891vw, 2.25rem);
    --space-m-l: clamp(1.5rem, 1.2503rem + 1.4269vw, 3rem);
    --space-l-xl: clamp(2rem, 1.5838rem + 2.3781vw, 4.5rem);
    --space-xl-2xl: clamp(3rem, 2.5006rem + 2.8537vw, 6rem);
    --space-2xl-3xl: clamp(4rem, 3.1677rem + 4.7562vw, 9rem);
    --space-3xl-4xl: clamp(6rem, 5.0012rem + 5.7075vw, 12rem);
    /* Custom pairs */
    --space-s-l: clamp(1rem, 0.6671rem + 1.9025vw, 3rem);
    --space-s-xl: clamp(1rem, 0.4174rem + 3.3294vw, 4.5rem);
    --space-s-2xl: clamp(1rem, 0.1677rem + 4.7562vw, 6rem);
    --space-s-3xl: clamp(1rem, -0.3317rem + 7.61vw, 9rem);
    --space-m-xl: clamp(1.5rem, 1.0006rem + 2.8537vw, 4.5rem);
    --space-m-2xl: clamp(1.5rem, 0.7509rem + 4.2806vw, 6rem);
    --space-m-3xl: clamp(1.5rem, 0.2515rem + 7.1344vw, 9rem);
    --space-l-2xl: clamp(2rem, 1.3341rem + 3.805vw, 6rem);
    --space-l-3xl: clamp(2rem, 0.8347rem + 6.6587vw, 9rem);
    --space-xl-3xl: clamp(3rem, 2.0012rem + 5.7075vw, 9rem);
    --space-l-4xl: clamp(2rem, 0.3353rem + 9.5125vw, 12rem);
    --space-xl-4xl: clamp(3rem, 1.5018rem + 8.5612vw, 12rem);
    --space-s-4xl: clamp(1rem, -0.8312rem + 10.4637vw, 12rem);
    --space-m-4xl: clamp(1.5rem, -0.2479rem + 9.9881vw, 12rem);
}
/* @link https://utopia.fyi/grid/calculator?c=280,16,1.2,1962,24,1.25,5,2,&s=0.75|0.5,1.5|2|3|4|6|8,s-l|s-xl|s-2xl|s-3xl|m-xl|m-2xl|m-3xl|l-2xl|l-3xl|xl-3xl|l-4xl|xl-4xl|s-4xl|m-4xl&g=s,xs,3xl,12 */
:root {
    --grid-max-width: 122.63rem;
    --grid-gutter: var(
        --space-s-xs,
        clamp(1rem, 0.9792rem + 0.1189vw, 1.125rem)
    );
    --grid-columns: 12;
}
.u-container {
    max-width: var(--grid-max-width);
    padding-inline: var(--grid-gutter);
    margin-inline: auto;
}
.u-grid {
    display: grid;
    gap: var(--grid-gutter);
}
/**
 * Global
 */
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}
/* Prevent font size inflation */
html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
/* Remove default margin in favor of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
h5,
h6 section,
header,
nav,
main,
footer,
p,
div,
span,
li,
ul,
ol,
figure,
blockquote,
dl,
dd,
dt {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
/* Set core body defaults */
body {
    min-height: 100svh;
    font-family: var(--rounded-sans);
    line-height: 1.5;
    font-size: var(--step-0);
    margin: 0;
}
/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
label {
    line-height: 1.1;
}
/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
    text-wrap: balance;
}
h1 {
    font-size: var(--step-3);
    font-style: italic;
}
h2 {
    font-size: var(--step-2);
}
p {
    text-wrap: pretty;
}
/* A elements that don't have a class get default styles */
a:not(['class']) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    color: currentColor;
}
/* Make images easier to work with */
img,
picture {
    max-inline-size: 100%;
    display: block;
}
svg {
    inline-size: 100%;
    block-size: 100%;
    display: block;
}
/* remove some user agent styles */
address {
    font-style: unset;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not(['rows']) {
    min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
    scroll-margin-block: 5ex;
}
/* Highlight images with no alt property*/
img:not(['alt']) {
    border: 5px dotted red;
}
/* Remove all animations and transitions
 for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
.cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap, var(--space-m));
    justify-items: var(--justify-items, stretch);
    justify-content: var(--justify-content, start);
    align-items: var(--align-items, stretch);
    align-content: var(--align-content, center);
}
.icon {
    width: var(--icon-width, var(--step-0));
    height: var(--icon-height, var(--step-0));
}
.handmade,
.with-icon {
    display: flex;
    flex-wrap: no-wrap;
    align-items: center;

    & a:link,
    a:visited {
        color: currentcolor;
    }
}
.with-icon .icon {
    margin-inline-end: var(--space-2xs);
}
.repel.inline {
    margin-inline-start: auto;
}
.repel.block {
    margin-block-start: auto;
}
.center {
    box-sizing: content-box;
    margin-inline: auto;
    max-inline-size: var(--max-inline-size, 50%);
    text-align: var(--text-align, unset);

    &.intrinsic {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.cover {
    display: flex;
    flex-direction: column;
    min-block-size: 100vh;
    padding: 0;
}
.cover > * {
    margin-block: 1rem;
}
.cover > :first-child:not(svg) {
    margin-block-start: 0;
}
.cover > :last-child:not(svg) {
    margin-block-end: 0;
}
.cover > svg {
    margin-block: var(--space-4xl);
}
.stack {
    display: flex;
    flex-direction: column;
    justify-content: var(--justify-content, start);

    & > * {
        margin-block: 0;
    }

    & > * + * {
        margin-block-start: var(--stack-gap, var(--space-m));
    }

    &.recursive * + * {
        margin-block-start: var(--stack-gap, var(--space-m));
    }
}
.with-sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sidebar-gap, var(--space-l));
}
/*The location of the sidebar.  Default is sidebar on left*/
.with-sidebar > :first-child,
.with-sidebar.left > :last-child,
.with-sidebar.right > :first-child {
    flex-grow: 1;
    flex-basis: var(--sidebar-max, content);
}
/*Main content*/
.with-sidebar > :last-child,
.with-sidebar.left > :first-child,
.with-sidebar.right > :last-child {
    flex-grow: 999;
    flex-basis: 0;
    min-inline-size: var(--not-sidebar, 50%);
}
.text-block {
    max-inline-size: content;
    & * + * {
        margin-block-start: var(--space-s);
    }
}
/* Typography */
.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.stack-gap {
    margin-block-start: var(--stack-gap, var(--space-m));
}
.text-xs {
    font-size: var(--step--2);
}
.text-s {
    font-size: var(--step--2);
}
.text-m {
    font-size: var(--step-0);
}
.text-l {
    font-size: var(--step-1);
}
.text-xl {
    font-size: var(--step-2);
}
.text-2xl {
    font-size: var(--step-3);
}
.text-3xl {
    font-size: var(--step-4);
}
.text-4xl {
    font-size: var(--step-5);
}
/* Size */
.padding-2xs {
    padding: var(--padding-2xs);
}
.padding-xs {
    padding: var(--space-xs);
}
.padding-s {
    padding: var(--space-s);
}
.padding-m {
    padding: var(--space-m);
}
.padding-l {
    padding: var(--space-l);
}
.padding-xl {
    padding: var(--space-xl);
}
.padding-2xl {
    padding: var(--space-2xl);
}
.padding-3xl {
    padding: var(--space-3xl);
}
.padding-4xl {
    padding: var(--space-4xl);
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
/* BLOCK */
.map {
    aspect-ratio: 16/9;
    margin-inline: auto;
    max-inline-size: 80svw;
    max-block-size: 40svh;
}
.info {
    color: var(--white);
    background-color: var(--black);
    list-style: none;
    margin-block: 0;
}
.bar {
    --justify-content: space-between;
    --align-items: center;
}
.body-copy {
    color: color-mix(in oklch, var(--irish-coffee) 80%, black);
}
.social-icon {
    --icon-width: var(--space-m);
    --icon-height: var(--space-m);
}
.cbm-icon {
    --icon-width: var(--space-3xl);
    --icon-height: var(--space-3xl);
    & .icon {
        background-color: white;
        -webkit-clip-path: circle(51%);
        clip-path: circle(51%);
    }
}
.hero {
    --justify-content: left;
}
.hero-name {
    font-size: var(--step-5);
}
.hero-tagline {
    font-size: var(--step-2);
    font-weight: 400;
    font-style: italic;
}
.banner-container {
    max-inline-size: 45%;
    margin-inline: auto;
    --sidebar-gap: 0;
    --not-sidebar: 40%;
}
.hero-logo > svg {
    width: 100%;
    height: 100%;
}
.hero-text {
    margin-block: var(--space-l);
    align-self: center;
    text-align: center;
    font-family: var(--neo-grotesque);
    font-weight: 300;
    line-height: 1.1;
    color: color-mix(in oklch, var(--spanish-green) 70%, black);
    --stack-gap: var(--space-s);
}
.card-grid {
    display: grid;
    grid-gap: var(--space-m);
    margin-inline: var(--space-s-4xl);

    & > img {
        border-radius: var(--space-m);
        filter: drop-shadow(
            var(--space-2xs) var(--space-2xs) var(--space-xs) var(--pumice)
        );
    }
}
@supports (width: min(250px, 100%)) {
    .card-grid {
        grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    }
}
/* EXCEPTIONS */
/*# sourceMappingURL=main.css.map */