:root {
    --color-slate-blue: #1f343f;
    --color-slate-blue-50: #e8edef;
    --color-slate-blue-100: #d1dbdf;
    --color-slate-blue-200: #a3b7bf;
    --color-slate-blue-300: #75939f;
    --color-slate-blue-400: #476f7f;
    --color-slate-blue-500: #1f343f;
    --color-slate-blue-600: #192a32;
    --color-slate-blue-700: #131f26;
    --color-slate-blue-800: #0c1519;
    --color-slate-blue-900: #060a0d;
    --color-warm-white: #f8f6f3;
    --color-warm-white-50: #fff;
    --color-warm-white-100: #fefefe;
    --color-warm-white-200: #fcfbf9;
    --color-warm-white-300: #faf8f6;
    --color-warm-white-400: #f8f6f3;
    --color-warm-white-500: #f8f6f3;
    --color-warm-white-600: #e8e4de;
    --color-warm-white-700: #d8d2c9;
    --color-warm-white-800: #c8c0b4;
    --color-warm-white-900: #b8ae9f;
    --color-sage-green: #7a8471;
    --color-sage-green-50: #f0f1ef;
    --color-sage-green-100: #e1e3df;
    --color-sage-green-200: #c3c7bf;
    --color-sage-green-300: #a5ab9f;
    --color-sage-green-400: #878f7f;
    --color-sage-green-500: #7a8471;
    --color-sage-green-600: #626a5a;
    --color-sage-green-700: #4a5044;
    --color-sage-green-800: #32362d;
    --color-sage-green-900: #1a1c17;
    --color-dusty-rose: #d4a5a5;
    --color-dusty-rose-50: #f8f2f2;
    --color-dusty-rose-100: #f1e5e5;
    --color-dusty-rose-200: #e3cbcb;
    --color-dusty-rose-300: #d5b1b1;
    --color-dusty-rose-400: #c79797;
    --color-dusty-rose-500: #d4a5a5;
    --color-dusty-rose-600: #aa8484;
    --color-dusty-rose-700: #806363;
    --color-dusty-rose-800: #564242;
    --color-dusty-rose-900: #2c2121;
    --color-charcoal-gray: #2c2c2c;
    --color-charcoal-gray-50: #e9e9e9;
    --color-charcoal-gray-100: #d3d3d3;
    --color-charcoal-gray-200: #a7a7a7;
    --color-charcoal-gray-300: #7b7b7b;
    --color-charcoal-gray-400: #4f4f4f;
    --color-charcoal-gray-500: #2c2c2c;
    --color-charcoal-gray-600: #232323;
    --color-charcoal-gray-700: #1a1a1a;
    --color-charcoal-gray-800: #111;
    --color-charcoal-gray-900: #080808;
    --color-terracotta: #a06767;
    --color-terracotta-50: #f2eeee;
    --color-terracotta-100: #e5dddd;
    --color-terracotta-200: #cbbbbb;
    --color-terracotta-300: #b19999;
    --color-terracotta-400: #977777;
    --color-terracotta-500: #a06767;
    --color-terracotta-600: #805252;
    --color-terracotta-700: #603e3e;
    --color-terracotta-800: #402929;
    --color-terracotta-900: #201515;
    --color-deep-teal: #4a6b6b;
    --color-deep-teal-50: #edefef;
    --color-deep-teal-100: #dbdfdf;
    --color-deep-teal-200: #b7bfbf;
    --color-deep-teal-300: #939f9f;
    --color-deep-teal-400: #6f7f7f;
    --color-deep-teal-500: #4a6b6b;
    --color-deep-teal-600: #3b5656;
    --color-deep-teal-700: #2d4040;
    --color-deep-teal-800: #1e2b2b;
    --color-deep-teal-900: #0f1515;
    --color-soft-lavender: #b8a8d4;
    --color-soft-lavender-50: #f5f2f9;
    --color-soft-lavender-100: #ebe5f3;
    --color-soft-lavender-200: #d7cbe7;
    --color-soft-lavender-300: #c3b1db;
    --color-soft-lavender-400: #af97cf;
    --color-soft-lavender-500: #b8a8d4;
    --color-soft-lavender-600: #9386aa;
    --color-soft-lavender-700: #6e6580;
    --color-soft-lavender-800: #494356;
    --color-soft-lavender-900: #24212b;
    --color-golden-sand: #d4b896;
    --color-golden-sand-50: #f8f5f1;
    --color-golden-sand-100: #f1ebe3;
    --color-golden-sand-200: #e3d7c7;
    --color-golden-sand-300: #d5c3ab;
    --color-golden-sand-400: #c7af8f;
    --color-golden-sand-500: #d4b896;
    --color-golden-sand-600: #aa9378;
    --color-golden-sand-700: #806e5a;
    --color-golden-sand-800: #564a3c;
    --color-golden-sand-900: #2c251e;
    --color-sand: #d9b9a0;
    --color-sand-50: #f8f5f1;
    --color-sand-100: #f1ebe3;
    --color-sand-200: #e3d7c7;
    --color-sand-300: #d5c3ab;
    --color-sand-400: #c7af8f;
    --color-sand-500: #d9b9a0;
    --color-sand-600: #ae9480;
    --color-sand-700: #826f60;
    --color-sand-800: #574a40;
    --color-sand-900: #2b2520;
    --color-forest-green: #5a6b47;
    --color-forest-green-50: #eeefec;
    --color-forest-green-100: #dddfd9;
    --color-forest-green-200: #bbbfb3;
    --color-forest-green-300: #999f8d;
    --color-forest-green-400: #777f67;
    --color-forest-green-500: #5a6b47;
    --color-forest-green-600: #485639;
    --color-forest-green-700: #36402b;
    --color-forest-green-800: #364a2e;
    --color-forest-green-900: #1b2517;
    --color-denim-blue: #2c537a;
    --color-denim-blue-50: #e9f0f7;
    --color-denim-blue-100: #d3e1ef;
    --color-denim-blue-200: #a7c3df;
    --color-denim-blue-300: #7ba5cf;
    --color-denim-blue-400: #4f87bf;
    --color-denim-blue-500: #2c537a;
    --color-denim-blue-600: #234262;
    --color-denim-blue-700: #1a3249;
    --color-denim-blue-800: #112131;
    --color-denim-blue-900: #081118;
    --font-ivy: var(--font-ivymode);
    --font-epic: var(--font-ivyepic);
    --spacing-xs: .25rem;
    --spacing-sm: .5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadow-2xl: 0 25px 50px -12px #00000040;
    --shadow-inner: inset 0 2px 4px 0 #0000000d;
    --transition-fast: .15s;
    --transition-normal: .2s;
    --transition-slow: .3s;
    --transition-slower: .5s
}

*,
:before,
:after,
::backdrop {
    --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:
}

*,
:before,
:after {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:root {
    --font-epic: ivyEpic;
    --font-ivymode: ivyMode;
}

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

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

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

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: 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: #0000;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

::-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,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

html {
    font-family: var(--font-epic), system-ui, sans-serif;
    background-color: var(--color-warm-white);
    color: var(--color-charcoal-gray)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-ivymode), serif;
    color: var(--color-slate-blue)
}

html {
    scroll-behavior: smooth
}

:focus {
    outline: 2px solid var(--color-sage-green);
    outline-offset: 2px
}

button {
    font-family: inherit
}

.bg-light-mist {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}

.bg-light-sand {
    --tw-bg-opacity: 1;
    background-color: rgb(235 224 214/var(--tw-bg-opacity,1))
}

.bg-mist {
    --tw-bg-opacity: 1;
    background-color: rgb(237 232 228/var(--tw-bg-opacity,1))
}

.text-slate-blue {
    --tw-text-opacity: 1;
    color: rgb(31 52 63 / var(--tw-text-opacity, 1));
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .\!container {
        max-width: 640px !important
    }

    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .\!container {
        max-width: 1280px !important
    }

    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}
@font-face {
        font-family: ivyEpic;
        src: url('../fonts/ivyEpic-Regular.woff2') format("woff2");
        font-display: swap;
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: ivyEpic;
        src: url('../fonts/ivyEpic-SemiBold.woff2') format("woff2");
        font-display: swap;
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: ivyMode;
        src: url('../fonts/ivyMode-Light.woff2') format("woff2");
        font-display: swap;
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: ivyMode;
        src: url('../fonts/ivyMode-LightItalic.woff2') format("woff2");
        font-display: swap;
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: ivyMode;
        src: url('../fonts/ivyMode-Regular.woff2') format("woff2");
        font-display: swap;
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: ivyMode;
        src: url('../fonts/ivyMode-SemiBold.woff2') format("woff2");
        font-display: swap;
        font-weight: 600;
        font-style: normal;
    }
    @font-face {
    font-family: ivyMode Fallback;
    src: local(Arial);
    ascent-override: 100.92%;
    descent-override: 24.29%;
    line-gap-override: 2.94%;
    size-adjust: 98.79%
}
.font-epic {
    font-family: Epic, Inter, sans-serif;
}

.font-ivy {
    font-family: IvyMode, Playfair Display, serif;
		font-weight: 600;

}
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-sans {
    font-family: Epic, Inter, system-ui, sans-serif
}

.font-serif {
    font-family: IvyMode, Playfair Display, Georgia, serif
}
/* Create invisible bridge between nav item and dropdown */
.nav-item-wrapper::after {
    content: '';
    position: absolute;
    left: -20px;
    right: -20px;
    top: 100%;
    height: 76px;
    pointer-events: auto;
    z-index: 51;
    opacity: 0;
}

.nav-item-wrapper:hover::after {
    opacity: 1;
}

.nav-dropdown ul {
    list-style: none;
}

.nav-dropdown ul li a {
    font-family: inherit;
    font-weight: 500;
    white-space: nowrap;
}

/* Adjust z-index for header to ensure dropdown appears above content */
header {
    position: relative;
    z-index: 100;
}

p {
    padding: 5px 0;
}