@charset "UTF-8";

:root {
    --color-primary: red;
    --color-secondary: 255 248 243;
    --color-tertiary: 255 255 255;
}

body {
    font-family: Bradford LL, serif;
}

*,
::before,
::after {
    --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: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --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: ;
}

::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: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --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: ;
}

.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;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-auto {
    pointer-events: auto;
}

.\!visible {
    visibility: visible !important;
}

.visible {
    visibility: visible;
}

.collapse {
    visibility: collapse;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-\[-1px\] {
    bottom: -1px;
}

.bottom-\[27px\] {
    bottom: 27px;
}

.left-0 {
    left: 0px;
}

.left-\[0px\] {
    left: 0px;
}

.left-\[27px\] {
    left: 27px;
}

.left-\[50\%\] {
    left: 50%;
}

.right-0 {
    right: 0px;
}

.right-\[20px\] {
    right: 20px;
}

.top-0 {
    top: 0px;
}

.top-33px {
    top: 33px;
}

.top-\[-1px\] {
    top: -1px;
}

.top-\[0px\] {
    top: 0px;
}

.top-\[50\%\] {
    top: 50%;
}

.z-\[10\] {
    z-index: 10;
}

.z-\[4\] {
    z-index: 4;
}

.z-\[999\] {
    z-index: 999;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-start-2 {
    grid-column-start: 2;
}

.col-start-3 {
    grid-column-start: 3;
}

.col-start-7 {
    grid-column-start: 7;
}

.col-start-8 {
    grid-column-start: 8;
}

.\!m-0 {
    margin: 0px !important;
}

.m-0 {
    margin: 0px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-120fx {
    margin-top: calc(120 * (100vw / 1728));
    margin-top: calc(120 * calc(100vw / 1728));
    margin-top: calc(120 * var(--unit-fx));
    margin-bottom: calc(120 * (100vw / 1728));
    margin-bottom: calc(120 * calc(100vw / 1728));
    margin-bottom: calc(120 * var(--unit-fx));
}

.my-190fx {
    margin-top: calc(190 * (100vw / 1728));
    margin-top: calc(190 * calc(100vw / 1728));
    margin-top: calc(190 * var(--unit-fx));
    margin-bottom: calc(190 * (100vw / 1728));
    margin-bottom: calc(190 * calc(100vw / 1728));
    margin-bottom: calc(190 * var(--unit-fx));
}

.my-1em {
    margin-top: 1em;
    margin-bottom: 1em;
}

.my-440fx {
    margin-top: calc(440 * (100vw / 1728));
    margin-top: calc(440 * calc(100vw / 1728));
    margin-top: calc(440 * var(--unit-fx));
    margin-bottom: calc(440 * (100vw / 1728));
    margin-bottom: calc(440 * calc(100vw / 1728));
    margin-bottom: calc(440 * var(--unit-fx));
}

.my-530fx {
    margin-top: calc(530 * (100vw / 1728));
    margin-top: calc(530 * calc(100vw / 1728));
    margin-top: calc(530 * var(--unit-fx));
    margin-bottom: calc(530 * (100vw / 1728));
    margin-bottom: calc(530 * calc(100vw / 1728));
    margin-bottom: calc(530 * var(--unit-fx));
}

.my-\[10rem\] {
    margin-top: 10rem;
    margin-bottom: 10rem;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-0\.5em {
    margin-bottom: 0.5em;
}

.mb-110fx {
    margin-bottom: calc(110 * (100vw / 1728));
    margin-bottom: calc(110 * calc(100vw / 1728));
    margin-bottom: calc(110 * var(--unit-fx));
}

.mb-120fx {
    margin-bottom: calc(120 * (100vw / 1728));
    margin-bottom: calc(120 * calc(100vw / 1728));
    margin-bottom: calc(120 * var(--unit-fx));
}

.mb-148fx {
    margin-bottom: calc(148 * (100vw / 1728));
    margin-bottom: calc(148 * calc(100vw / 1728));
    margin-bottom: calc(148 * var(--unit-fx));
}

.mb-190fx {
    margin-bottom: calc(190 * (100vw / 1728));
    margin-bottom: calc(190 * calc(100vw / 1728));
    margin-bottom: calc(190 * var(--unit-fx));
}

.mb-1em {
    margin-bottom: 1em;
}

.mb-1gut {
    margin-bottom: calc((26 * (100vw / 1728)) * 1);
    margin-bottom: calc(calc(26 * calc(100vw / 1728)) * 1);
    margin-bottom: calc(var(--gutter) * 1);
}

.mb-22fx {
    margin-bottom: calc(22 * (100vw / 1728));
    margin-bottom: calc(22 * calc(100vw / 1728));
    margin-bottom: calc(22 * var(--unit-fx));
}

.mb-240fx {
    margin-bottom: calc(240 * (100vw / 1728));
    margin-bottom: calc(240 * calc(100vw / 1728));
    margin-bottom: calc(240 * var(--unit-fx));
}

.mb-249fx {
    margin-bottom: calc(249 * (100vw / 1728));
    margin-bottom: calc(249 * calc(100vw / 1728));
    margin-bottom: calc(249 * var(--unit-fx));
}

.mb-24fx {
    margin-bottom: calc(24 * (100vw / 1728));
    margin-bottom: calc(24 * calc(100vw / 1728));
    margin-bottom: calc(24 * var(--unit-fx));
}

.mb-286fx {
    margin-bottom: calc(286 * (100vw / 1728));
    margin-bottom: calc(286 * calc(100vw / 1728));
    margin-bottom: calc(286 * var(--unit-fx));
}

.mb-30fx {
    margin-bottom: calc(30 * (100vw / 1728));
    margin-bottom: calc(30 * calc(100vw / 1728));
    margin-bottom: calc(30 * var(--unit-fx));
}

.mb-32fx {
    margin-bottom: calc(32 * (100vw / 1728));
    margin-bottom: calc(32 * calc(100vw / 1728));
    margin-bottom: calc(32 * var(--unit-fx));
}

.mb-35fx {
    margin-bottom: calc(35 * (100vw / 1728));
    margin-bottom: calc(35 * calc(100vw / 1728));
    margin-bottom: calc(35 * var(--unit-fx));
}

.mb-50fx {
    margin-bottom: calc(50 * (100vw / 1728));
    margin-bottom: calc(50 * calc(100vw / 1728));
    margin-bottom: calc(50 * var(--unit-fx));
}

.mb-60fx {
    margin-bottom: calc(60 * (100vw / 1728));
    margin-bottom: calc(60 * calc(100vw / 1728));
    margin-bottom: calc(60 * var(--unit-fx));
}

.mb-70fx {
    margin-bottom: calc(70 * (100vw / 1728));
    margin-bottom: calc(70 * calc(100vw / 1728));
    margin-bottom: calc(70 * var(--unit-fx));
}

.mb-76fx {
    margin-bottom: calc(76 * (100vw / 1728));
    margin-bottom: calc(76 * calc(100vw / 1728));
    margin-bottom: calc(76 * var(--unit-fx));
}

.mb-80fx {
    margin-bottom: calc(80 * (100vw / 1728));
    margin-bottom: calc(80 * calc(100vw / 1728));
    margin-bottom: calc(80 * var(--unit-fx));
}

.mb-88fx {
    margin-bottom: calc(88 * (100vw / 1728));
    margin-bottom: calc(88 * calc(100vw / 1728));
    margin-bottom: calc(88 * var(--unit-fx));
}

.mb-90fx {
    margin-bottom: calc(90 * (100vw / 1728));
    margin-bottom: calc(90 * calc(100vw / 1728));
    margin-bottom: calc(90 * var(--unit-fx));
}

.mb-\[0\.25em\] {
    margin-bottom: 0.25em;
}

.mb-\[0\.2em\] {
    margin-bottom: 0.2em;
}

.mb-\[0\.3em\] {
    margin-bottom: 0.3em;
}

.mb-\[0\.5em\] {
    margin-bottom: 0.5em;
}

.mb-\[0\.6em\] {
    margin-bottom: 0.6em;
}

.mb-\[150vh\] {
    margin-bottom: 150vh;
}

.mb-\[1em\] {
    margin-bottom: 1em;
}

.mb-\[50vh\] {
    margin-bottom: 50vh;
}

.ml-\[10px\] {
    margin-left: 10px;
}

.mr-100fx {
    margin-right: calc(100 * (100vw / 1728));
    margin-right: calc(100 * calc(100vw / 1728));
    margin-right: calc(100 * var(--unit-fx));
}

.mr-\[4px\] {
    margin-right: 4px;
}

.mr-\[5px\] {
    margin-right: 5px;
}

.mt-16fx {
    margin-top: calc(16 * (100vw / 1728));
    margin-top: calc(16 * calc(100vw / 1728));
    margin-top: calc(16 * var(--unit-fx));
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.aspect-\[1052\/1117\] {
    aspect-ratio: 1052/1117;
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9;
}

.aspect-\[268\/214\] {
    aspect-ratio: 268/214;
}

.aspect-\[440\/610\] {
    aspect-ratio: 440/610;
}

.aspect-\[892\/501\] {
    aspect-ratio: 892/501;
}

.h-100dvh {
    height: 100dvh;
}

.h-100svh {
    height: 100svh;
}

.h-100vh {
    height: 100vh;
}

.h-144fx {
    height: calc(144 * (100vw / 1728));
    height: calc(144 * calc(100vw / 1728));
    height: calc(144 * var(--unit-fx));
}

.h-25fx {
    height: calc(25 * (100vw / 1728));
    height: calc(25 * calc(100vw / 1728));
    height: calc(25 * var(--unit-fx));
}

.h-40fx {
    height: calc(40 * (100vw / 1728));
    height: calc(40 * calc(100vw / 1728));
    height: calc(40 * var(--unit-fx));
}

.h-5px {
    height: 5px;
}

.h-80fx {
    height: calc(80 * (100vw / 1728));
    height: calc(80 * calc(100vw / 1728));
    height: calc(80 * var(--unit-fx));
}

.h-\[26px\] {
    height: 26px;
}

.h-\[50px\] {
    height: 50px;
}

.h-\[8px\] {
    height: 8px;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.max-h-\[30vh\] {
    max-height: 30vh;
}

.min-h-\[480px\] {
    min-height: 480px;
}

.min-h-screen {
    min-height: 100dvh;
}

.w-10col {
    width: calc((112 * (100vw / 1728)) * 10 + (26 * (100vw / 1728)) * 9);
    width: calc(calc(112 * calc(100vw / 1728)) * 10 + calc(26 * calc(100vw / 1728)) * 9);
    width: calc(var(--col) * 10 + var(--gutter) * 9);
}

.w-144fx {
    width: calc(144 * (100vw / 1728));
    width: calc(144 * calc(100vw / 1728));
    width: calc(144 * var(--unit-fx));
}

.w-1col {
    width: calc((112 * (100vw / 1728)) * 1);
    width: calc(calc(112 * calc(100vw / 1728)) * 1);
    width: calc(var(--col) * 1);
}

.w-20fx {
    width: calc(20 * (100vw / 1728));
    width: calc(20 * calc(100vw / 1728));
    width: calc(20 * var(--unit-fx));
}

.w-25fx {
    width: calc(25 * (100vw / 1728));
    width: calc(25 * calc(100vw / 1728));
    width: calc(25 * var(--unit-fx));
}

.w-27fx {
    width: calc(27 * (100vw / 1728));
    width: calc(27 * calc(100vw / 1728));
    width: calc(27 * var(--unit-fx));
}

.w-2col {
    width: calc((112 * (100vw / 1728)) * 2 + (26 * (100vw / 1728)) * 1);
    width: calc(calc(112 * calc(100vw / 1728)) * 2 + calc(26 * calc(100vw / 1728)) * 1);
    width: calc(var(--col) * 2 + var(--gutter) * 1);
}

.w-3col {
    width: calc((112 * (100vw / 1728)) * 3 + (26 * (100vw / 1728)) * 2);
    width: calc(calc(112 * calc(100vw / 1728)) * 3 + calc(26 * calc(100vw / 1728)) * 2);
    width: calc(var(--col) * 3 + var(--gutter) * 2);
}

.w-4\.5col {
    width: calc((112 * (100vw / 1728)) * 4.5 + (26 * (100vw / 1728)) * 3);
    width: calc(calc(112 * calc(100vw / 1728)) * 4.5 + calc(26 * calc(100vw / 1728)) * 3);
    width: calc(var(--col) * 4.5 + var(--gutter) * 3);
}

.w-40fx {
    width: calc(40 * (100vw / 1728));
    width: calc(40 * calc(100vw / 1728));
    width: calc(40 * var(--unit-fx));
}

.w-4col {
    width: calc((112 * (100vw / 1728)) * 4 + (26 * (100vw / 1728)) * 3);
    width: calc(calc(112 * calc(100vw / 1728)) * 4 + calc(26 * calc(100vw / 1728)) * 3);
    width: calc(var(--col) * 4 + var(--gutter) * 3);
}

.w-5col {
    width: calc((112 * (100vw / 1728)) * 5 + (26 * (100vw / 1728)) * 4);
    width: calc(calc(112 * calc(100vw / 1728)) * 5 + calc(26 * calc(100vw / 1728)) * 4);
    width: calc(var(--col) * 5 + var(--gutter) * 4);
}

.w-6col {
    width: calc((112 * (100vw / 1728)) * 6 + (26 * (100vw / 1728)) * 5);
    width: calc(calc(112 * calc(100vw / 1728)) * 6 + calc(26 * calc(100vw / 1728)) * 5);
    width: calc(var(--col) * 6 + var(--gutter) * 5);
}

.w-7col {
    width: calc((112 * (100vw / 1728)) * 7 + (26 * (100vw / 1728)) * 6);
    width: calc(calc(112 * calc(100vw / 1728)) * 7 + calc(26 * calc(100vw / 1728)) * 6);
    width: calc(var(--col) * 7 + var(--gutter) * 6);
}

.w-8col {
    width: calc((112 * (100vw / 1728)) * 8 + (26 * (100vw / 1728)) * 7);
    width: calc(calc(112 * calc(100vw / 1728)) * 8 + calc(26 * calc(100vw / 1728)) * 7);
    width: calc(var(--col) * 8 + var(--gutter) * 7);
}

.w-\[10px\] {
    width: 10px;
}

.w-\[16px\] {
    width: 16px;
}

.w-\[18px\] {
    width: 18px;
}

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

.w-\[47px\] {
    width: 47px;
}

.w-\[54px\] {
    width: 54px;
}

.w-auto {
    width: auto;
}

.w-fit {
    width: 100%;
}

.w-full {
    width: 100%;
}

.max-w-full {
    max-width: 100%;
}

.flex-shrink {
    flex-shrink: 1;
}

.shrink {
    flex-shrink: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.grow {
    flex-grow: 1;
}

.grow-0 {
    flex-grow: 0;
}

.border-collapse {
    border-collapse: collapse;
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-3px\] {
    --tw-translate-y: -3px;
    transform: translate(var(--tw-translate-x), -3px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[3px\] {
    --tw-translate-y: 3px;
    transform: translate(var(--tw-translate-x), 3px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-180deg\] {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[180deg\] {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.resize {
    resize: both;
}

.list-none {
    list-style-type: none;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

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

.gap-26fx {
    gap: calc(26 * (100vw / 1728));
    gap: calc(26 * calc(100vw / 1728));
    gap: calc(26 * var(--unit-fx));
}

.space-x-0> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * 0);
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * (1 - 0));
    margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(0px * calc(1 - 0));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0\.5col> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((calc(112 * (100vw / 1728)) * 0.5) * 0);
    margin-right: calc((calc(112 * calc(100vw / 1728)) * 0.5) * 0);
    margin-right: calc((var(--col) * 0.5) * var(--tw-space-x-reverse));
    margin-right: calc(calc(calc(112 * calc(100vw / 1728)) * 0.5) * 0);
    margin-right: calc(calc(var(--col) * 0.5) * var(--tw-space-x-reverse));
    margin-left: calc((calc(112 * (100vw / 1728)) * 0.5) * (1 - 0));
    margin-left: calc((calc(112 * calc(100vw / 1728)) * 0.5) * (1 - 0));
    margin-left: calc((var(--col) * 0.5) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(calc(112 * calc(100vw / 1728)) * 0.5) * calc(1 - 0));
    margin-left: calc(calc(var(--col) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0\.5em> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5em * 0);
    margin-right: calc(0.5em * var(--tw-space-x-reverse));
    margin-left: calc(0.5em * (1 - 0));
    margin-left: calc(0.5em * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(0.5em * calc(1 - 0));
    margin-left: calc(0.5em * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1\.5em> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5em * 0);
    margin-right: calc(1.5em * var(--tw-space-x-reverse));
    margin-left: calc(1.5em * (1 - 0));
    margin-left: calc(1.5em * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(1.5em * calc(1 - 0));
    margin-left: calc(1.5em * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-14fx> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((14 * calc(100vw / 1728)) * 0);
    margin-right: calc((14 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-right: calc(calc(14 * calc(100vw / 1728)) * 0);
    margin-right: calc(calc(14 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-left: calc((14 * calc(100vw / 1728)) * (1 - 0));
    margin-left: calc((14 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(14 * calc(100vw / 1728)) * calc(1 - 0));
    margin-left: calc(calc(14 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-18fx> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((18 * calc(100vw / 1728)) * 0);
    margin-right: calc((18 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-right: calc(calc(18 * calc(100vw / 1728)) * 0);
    margin-right: calc(calc(18 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-left: calc((18 * calc(100vw / 1728)) * (1 - 0));
    margin-left: calc((18 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(18 * calc(100vw / 1728)) * calc(1 - 0));
    margin-left: calc(calc(18 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1col> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((calc(112 * (100vw / 1728)) * 1 + calc(26 * (100vw / 1728)) * 1) * 0);
    margin-right: calc((calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1) * 0);
    margin-right: calc((var(--col) * 1 + var(--gutter) * 1) * var(--tw-space-x-reverse));
    margin-right: calc(calc(calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1) * 0);
    margin-right: calc(calc(var(--col) * 1 + var(--gutter) * 1) * var(--tw-space-x-reverse));
    margin-left: calc((calc(112 * (100vw / 1728)) * 1 + calc(26 * (100vw / 1728)) * 1) * (1 - 0));
    margin-left: calc((calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1) * (1 - 0));
    margin-left: calc((var(--col) * 1 + var(--gutter) * 1) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1) * calc(1 - 0));
    margin-left: calc(calc(var(--col) * 1 + var(--gutter) * 1) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1gut> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((calc(26 * (100vw / 1728)) * 1) * 0);
    margin-right: calc((calc(26 * calc(100vw / 1728)) * 1) * 0);
    margin-right: calc((var(--gutter) * 1) * var(--tw-space-x-reverse));
    margin-right: calc(calc(calc(26 * calc(100vw / 1728)) * 1) * 0);
    margin-right: calc(calc(var(--gutter) * 1) * var(--tw-space-x-reverse));
    margin-left: calc((calc(26 * (100vw / 1728)) * 1) * (1 - 0));
    margin-left: calc((calc(26 * calc(100vw / 1728)) * 1) * (1 - 0));
    margin-left: calc((var(--gutter) * 1) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(calc(26 * calc(100vw / 1728)) * 1) * calc(1 - 0));
    margin-left: calc(calc(var(--gutter) * 1) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-20fx> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((20 * calc(100vw / 1728)) * 0);
    margin-right: calc((20 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-right: calc(calc(20 * calc(100vw / 1728)) * 0);
    margin-right: calc(calc(20 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-left: calc((20 * calc(100vw / 1728)) * (1 - 0));
    margin-left: calc((20 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(20 * calc(100vw / 1728)) * calc(1 - 0));
    margin-left: calc(calc(20 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-24fx> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((24 * calc(100vw / 1728)) * 0);
    margin-right: calc((24 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-right: calc(calc(24 * calc(100vw / 1728)) * 0);
    margin-right: calc(calc(24 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-left: calc((24 * calc(100vw / 1728)) * (1 - 0));
    margin-left: calc((24 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(24 * calc(100vw / 1728)) * calc(1 - 0));
    margin-left: calc(calc(24 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4fx> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((4 * calc(100vw / 1728)) * 0);
    margin-right: calc((4 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-right: calc(calc(4 * calc(100vw / 1728)) * 0);
    margin-right: calc(calc(4 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-left: calc((4 * calc(100vw / 1728)) * (1 - 0));
    margin-left: calc((4 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(4 * calc(100vw / 1728)) * calc(1 - 0));
    margin-left: calc(calc(4 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-50fx> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc((50 * calc(100vw / 1728)) * 0);
    margin-right: calc((50 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-right: calc(calc(50 * calc(100vw / 1728)) * 0);
    margin-right: calc(calc(50 * var(--unit-fx)) * var(--tw-space-x-reverse));
    margin-left: calc((50 * calc(100vw / 1728)) * (1 - 0));
    margin-left: calc((50 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(calc(50 * calc(100vw / 1728)) * calc(1 - 0));
    margin-left: calc(calc(50 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[0\.3em\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.3em * 0);
    margin-right: calc(0.3em * var(--tw-space-x-reverse));
    margin-left: calc(0.3em * (1 - 0));
    margin-left: calc(0.3em * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(0.3em * calc(1 - 0));
    margin-left: calc(0.3em * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[1\.5em\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5em * 0);
    margin-right: calc(1.5em * var(--tw-space-x-reverse));
    margin-left: calc(1.5em * (1 - 0));
    margin-left: calc(1.5em * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(1.5em * calc(1 - 0));
    margin-left: calc(1.5em * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[4px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4px * 0);
    margin-right: calc(4px * var(--tw-space-x-reverse));
    margin-left: calc(4px * (1 - 0));
    margin-left: calc(4px * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(4px * calc(1 - 0));
    margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-100fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((100 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((100 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(100 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(100 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((100 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((100 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(100 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(100 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-17fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((17 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((17 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(17 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(17 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((17 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((17 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(17 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(17 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-1gut> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((calc(26 * (100vw / 1728)) * 1) * (1 - 0));
    margin-top: calc((calc(26 * calc(100vw / 1728)) * 1) * (1 - 0));
    margin-top: calc((var(--gutter) * 1) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(calc(26 * calc(100vw / 1728)) * 1) * calc(1 - 0));
    margin-top: calc(calc(var(--gutter) * 1) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((calc(26 * (100vw / 1728)) * 1) * 0);
    margin-bottom: calc((calc(26 * calc(100vw / 1728)) * 1) * 0);
    margin-bottom: calc((var(--gutter) * 1) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(calc(26 * calc(100vw / 1728)) * 1) * 0);
    margin-bottom: calc(calc(var(--gutter) * 1) * var(--tw-space-y-reverse));
}

.space-y-30fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((30 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((30 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(30 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(30 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((30 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((30 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(30 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(30 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-40fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((40 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((40 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(40 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(40 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((40 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((40 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(40 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(40 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-50fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((50 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((50 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(50 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(50 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((50 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((50 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(50 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(50 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-57fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((57 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((57 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(57 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(57 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((57 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((57 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(57 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(57 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-60fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((60 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((60 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(60 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(60 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((60 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((60 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(60 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(60 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-70fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((70 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((70 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(70 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(70 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((70 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((70 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(70 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(70 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-90fx> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc((90 * calc(100vw / 1728)) * (1 - 0));
    margin-top: calc((90 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(calc(90 * calc(100vw / 1728)) * calc(1 - 0));
    margin-top: calc(calc(90 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc((90 * calc(100vw / 1728)) * 0);
    margin-bottom: calc((90 * var(--unit-fx)) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(90 * calc(100vw / 1728)) * 0);
    margin-bottom: calc(calc(90 * var(--unit-fx)) * var(--tw-space-y-reverse));
}

.space-y-\[2px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2px * (1 - 0));
    margin-top: calc(2px * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(2px * calc(1 - 0));
    margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2px * 0);
    margin-bottom: calc(2px * var(--tw-space-y-reverse));
}

.self-center {
    align-self: center;
}

.overflow-hidden {
    overflow: hidden;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded-103fx {
    border-radius: calc(103 * (100vw / 1728));
    border-radius: calc(103 * calc(100vw / 1728));
    border-radius: calc(103 * var(--unit-fx));
}

.rounded-2\.5fx {
    border-radius: calc(2.5 * (100vw / 1728));
    border-radius: calc(2.5 * calc(100vw / 1728));
    border-radius: calc(2.5 * var(--unit-fx));
}

.rounded-3fx {
    border-radius: calc(3 * (100vw / 1728));
    border-radius: calc(3 * calc(100vw / 1728));
    border-radius: calc(3 * var(--unit-fx));
}

.rounded-5fx {
    border-radius: calc(5 * (100vw / 1728));
    border-radius: calc(5 * calc(100vw / 1728));
    border-radius: calc(5 * var(--unit-fx));
}

.rounded-78fx {
    border-radius: calc(78 * (100vw / 1728));
    border-radius: calc(78 * calc(100vw / 1728));
    border-radius: calc(78 * var(--unit-fx));
}

.rounded-8fx {
    border-radius: calc(8 * (100vw / 1728));
    border-radius: calc(8 * calc(100vw / 1728));
    border-radius: calc(8 * var(--unit-fx));
}

.rounded-\[100\%\] {
    border-radius: 100%;
}

.rounded-\[100px\] {
    border-radius: 100px;
}

.rounded-\[50px\] {
    border-radius: 50px;
}

.rounded-\[5px\] {
    border-radius: 5px;
}

.rounded-full {
    border-radius: 100%;
}

.border {
    border-width: 1px;
}

.border-\[1px\] {
    border-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-0 {
    border-bottom-width: 0;
}

.border-l-0 {
    border-left-width: 0;
}

.border-r-0 {
    border-right-width: 0;
}

.border-t {
    border-top-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-none {
    border-style: none;
}

.border-current {
    border-color: currentColor;
}

.border-none {
    border-color: none;
}

.border-b-\[\#2a1816\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgba(42, 24, 22, 1);
    border-bottom-color: rgba(42, 24, 22, var(--tw-border-opacity));
}

.border-t-\[\#2a1816\] {
    --tw-border-opacity: 1;
    border-top-color: rgba(42, 24, 22, 1);
    border-top-color: rgba(42, 24, 22, var(--tw-border-opacity));
}

.bg-\#fff {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-\[\#000000\] {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-\[\#313131\] {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 49, 49, 1);
    background-color: rgba(49, 49, 49, var(--tw-bg-opacity));
}

.bg-\[\#5F4E41\] {
    --tw-bg-opacity: 1;
    background-color: rgba(95, 78, 65, 1);
    background-color: rgba(95, 78, 65, var(--tw-bg-opacity));
}

.bg-\[\#732630\] {
    --tw-bg-opacity: 1;
    background-color: rgba(115, 38, 48, 1);
    background-color: rgba(115, 38, 48, var(--tw-bg-opacity));
}

.bg-\[\#F2EAD9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(242, 234, 217, 1);
    background-color: rgba(242, 234, 217, var(--tw-bg-opacity));
}

.bg-\[\#F3ECDA\] {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 236, 218, 1);
    background-color: rgba(243, 236, 218, var(--tw-bg-opacity));
}

.bg-\[\#F5EEE0\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 238, 224, 1);
    background-color: rgba(245, 238, 224, var(--tw-bg-opacity));
}

.bg-\[\#F7ECD9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(247, 236, 217, 1);
    background-color: rgba(247, 236, 217, var(--tw-bg-opacity));
}

.bg-\[\#FBF4E5\] {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 244, 229, 1);
    background-color: rgba(251, 244, 229, var(--tw-bg-opacity));
}

.bg-\[\#FBF8F0\] {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 248, 240, 1);
    background-color: rgba(251, 248, 240, var(--tw-bg-opacity));
}

.bg-\[\#FEF9ED\] {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 249, 237, 1);
    background-color: rgba(254, 249, 237, var(--tw-bg-opacity));
}

.bg-\[\#faf5e6\] {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 245, 230, 1);
    background-color: rgba(250, 245, 230, var(--tw-bg-opacity));
}

.bg-transparent {
    background-color: transparent;
}

.bg-repeat {
    background-repeat: repeat;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.\!p-0 {
    padding: 0px !important;
}

.p-0 {
    padding: 0px;
}

.p-18fx {
    padding: calc(18 * (100vw / 1728));
    padding: calc(18 * calc(100vw / 1728));
    padding: calc(18 * var(--unit-fx));
}

.p-1gut {
    padding: calc((26 * (100vw / 1728)) * 1);
    padding: calc(calc(26 * calc(100vw / 1728)) * 1);
    padding: calc(var(--gutter) * 1);
}

.p-30fx {
    padding: calc(30 * (100vw / 1728));
    padding: calc(30 * calc(100vw / 1728));
    padding: calc(30 * var(--unit-fx));
}

.p-\[10px\] {
    padding: 10px;
}

.\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.px-0\.5col {
    padding-left: calc((112 * (100vw / 1728)) * 0.5);
    padding-left: calc(calc(112 * calc(100vw / 1728)) * 0.5);
    padding-left: calc(var(--col) * 0.5);
    padding-right: calc((112 * (100vw / 1728)) * 0.5);
    padding-right: calc(calc(112 * calc(100vw / 1728)) * 0.5);
    padding-right: calc(var(--col) * 0.5);
}

.px-15fx {
    padding-left: calc(15 * (100vw / 1728));
    padding-left: calc(15 * calc(100vw / 1728));
    padding-left: calc(15 * var(--unit-fx));
    padding-right: calc(15 * (100vw / 1728));
    padding-right: calc(15 * calc(100vw / 1728));
    padding-right: calc(15 * var(--unit-fx));
}

.px-18fx {
    padding-left: calc(18 * (100vw / 1728));
    padding-left: calc(18 * calc(100vw / 1728));
    padding-left: calc(18 * var(--unit-fx));
    padding-right: calc(18 * (100vw / 1728));
    padding-right: calc(18 * calc(100vw / 1728));
    padding-right: calc(18 * var(--unit-fx));
}

.px-1col {
    padding-left: calc((112 * (100vw / 1728)) * 1 + (26 * (100vw / 1728)) * 1);
    padding-left: calc(calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1);
    padding-left: calc(var(--col) * 1 + var(--gutter) * 1);
    padding-right: calc((112 * (100vw / 1728)) * 1 + (26 * (100vw / 1728)) * 1);
    padding-right: calc(calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1);
    padding-right: calc(var(--col) * 1 + var(--gutter) * 1);
}

.px-28fx {
    padding-left: calc(28 * (100vw / 1728));
    padding-left: calc(28 * calc(100vw / 1728));
    padding-left: calc(28 * var(--unit-fx));
    padding-right: calc(28 * (100vw / 1728));
    padding-right: calc(28 * calc(100vw / 1728));
    padding-right: calc(28 * var(--unit-fx));
}

.px-2col {
    padding-left: calc((112 * (100vw / 1728)) * 2 + (26 * (100vw / 1728)) * 2);
    padding-left: calc(calc(112 * calc(100vw / 1728)) * 2 + calc(26 * calc(100vw / 1728)) * 2);
    padding-left: calc(var(--col) * 2 + var(--gutter) * 2);
    padding-right: calc((112 * (100vw / 1728)) * 2 + (26 * (100vw / 1728)) * 2);
    padding-right: calc(calc(112 * calc(100vw / 1728)) * 2 + calc(26 * calc(100vw / 1728)) * 2);
    padding-right: calc(var(--col) * 2 + var(--gutter) * 2);
}

.px-2gut {
    padding-left: calc((26 * (100vw / 1728)) * 2);
    padding-left: calc(calc(26 * calc(100vw / 1728)) * 2);
    padding-left: calc(var(--gutter) * 2);
    padding-right: calc((26 * (100vw / 1728)) * 2);
    padding-right: calc(calc(26 * calc(100vw / 1728)) * 2);
    padding-right: calc(var(--gutter) * 2);
}

.px-30fx {
    padding-left: calc(30 * (100vw / 1728));
    padding-left: calc(30 * calc(100vw / 1728));
    padding-left: calc(30 * var(--unit-fx));
    padding-right: calc(30 * (100vw / 1728));
    padding-right: calc(30 * calc(100vw / 1728));
    padding-right: calc(30 * var(--unit-fx));
}

.px-33fx {
    padding-left: calc(33 * (100vw / 1728));
    padding-left: calc(33 * calc(100vw / 1728));
    padding-left: calc(33 * var(--unit-fx));
    padding-right: calc(33 * (100vw / 1728));
    padding-right: calc(33 * calc(100vw / 1728));
    padding-right: calc(33 * var(--unit-fx));
}

.px-39fx {
    padding-left: calc(39 * (100vw / 1728));
    padding-left: calc(39 * calc(100vw / 1728));
    padding-left: calc(39 * var(--unit-fx));
    padding-right: calc(39 * (100vw / 1728));
    padding-right: calc(39 * calc(100vw / 1728));
    padding-right: calc(39 * var(--unit-fx));
}

.px-88fx {
    padding-left: calc(88 * (100vw / 1728));
    padding-left: calc(88 * calc(100vw / 1728));
    padding-left: calc(88 * var(--unit-fx));
    padding-right: calc(88 * (100vw / 1728));
    padding-right: calc(88 * calc(100vw / 1728));
    padding-right: calc(88 * var(--unit-fx));
}

.px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px;
}

.py-130fx {
    padding-top: calc(130 * (100vw / 1728));
    padding-top: calc(130 * calc(100vw / 1728));
    padding-top: calc(130 * var(--unit-fx));
    padding-bottom: calc(130 * (100vw / 1728));
    padding-bottom: calc(130 * calc(100vw / 1728));
    padding-bottom: calc(130 * var(--unit-fx));
}

.py-190fx {
    padding-top: calc(190 * (100vw / 1728));
    padding-top: calc(190 * calc(100vw / 1728));
    padding-top: calc(190 * var(--unit-fx));
    padding-bottom: calc(190 * (100vw / 1728));
    padding-bottom: calc(190 * calc(100vw / 1728));
    padding-bottom: calc(190 * var(--unit-fx));
}

.py-20fx {
    padding-top: calc(20 * (100vw / 1728));
    padding-top: calc(20 * calc(100vw / 1728));
    padding-top: calc(20 * var(--unit-fx));
    padding-bottom: calc(20 * (100vw / 1728));
    padding-bottom: calc(20 * calc(100vw / 1728));
    padding-bottom: calc(20 * var(--unit-fx));
}

.py-22fx {
    padding-top: calc(22 * (100vw / 1728));
    padding-top: calc(22 * calc(100vw / 1728));
    padding-top: calc(22 * var(--unit-fx));
    padding-bottom: calc(22 * (100vw / 1728));
    padding-bottom: calc(22 * calc(100vw / 1728));
    padding-bottom: calc(22 * var(--unit-fx));
}

.py-25fx {
    padding-top: calc(25 * (100vw / 1728));
    padding-top: calc(25 * calc(100vw / 1728));
    padding-top: calc(25 * var(--unit-fx));
    padding-bottom: calc(25 * (100vw / 1728));
    padding-bottom: calc(25 * calc(100vw / 1728));
    padding-bottom: calc(25 * var(--unit-fx));
}

.py-286fx {
    padding-top: calc(286 * (100vw / 1728));
    padding-top: calc(286 * calc(100vw / 1728));
    padding-top: calc(286 * var(--unit-fx));
    padding-bottom: calc(286 * (100vw / 1728));
    padding-bottom: calc(286 * calc(100vw / 1728));
    padding-bottom: calc(286 * var(--unit-fx));
}

.py-2gut {
    padding-top: calc((26 * (100vw / 1728)) * 2);
    padding-top: calc(calc(26 * calc(100vw / 1728)) * 2);
    padding-top: calc(var(--gutter) * 2);
    padding-bottom: calc((26 * (100vw / 1728)) * 2);
    padding-bottom: calc(calc(26 * calc(100vw / 1728)) * 2);
    padding-bottom: calc(var(--gutter) * 2);
}

.py-32fx {
    padding-top: calc(32 * (100vw / 1728));
    padding-top: calc(32 * calc(100vw / 1728));
    padding-top: calc(32 * var(--unit-fx));
    padding-bottom: calc(32 * (100vw / 1728));
    padding-bottom: calc(32 * calc(100vw / 1728));
    padding-bottom: calc(32 * var(--unit-fx));
}

.py-40fx {
    padding-top: calc(40 * (100vw / 1728));
    padding-top: calc(40 * calc(100vw / 1728));
    padding-top: calc(40 * var(--unit-fx));
    padding-bottom: calc(40 * (100vw / 1728));
    padding-bottom: calc(40 * calc(100vw / 1728));
    padding-bottom: calc(40 * var(--unit-fx));
}

.py-45fx {
    padding-top: calc(45 * (100vw / 1728));
    padding-top: calc(45 * calc(100vw / 1728));
    padding-top: calc(45 * var(--unit-fx));
    padding-bottom: calc(45 * (100vw / 1728));
    padding-bottom: calc(45 * calc(100vw / 1728));
    padding-bottom: calc(45 * var(--unit-fx));
}

.py-50fx {
    padding-top: calc(50 * (100vw / 1728));
    padding-top: calc(50 * calc(100vw / 1728));
    padding-top: calc(50 * var(--unit-fx));
    padding-bottom: calc(50 * (100vw / 1728));
    padding-bottom: calc(50 * calc(100vw / 1728));
    padding-bottom: calc(50 * var(--unit-fx));
}

.py-80fx {
    padding-top: calc(80 * (100vw / 1728));
    padding-top: calc(80 * calc(100vw / 1728));
    padding-top: calc(80 * var(--unit-fx));
    padding-bottom: calc(80 * (100vw / 1728));
    padding-bottom: calc(80 * calc(100vw / 1728));
    padding-bottom: calc(80 * var(--unit-fx));
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px;
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pb-120fx {
    padding-bottom: calc(120 * (100vw / 1728));
    padding-bottom: calc(120 * calc(100vw / 1728));
    padding-bottom: calc(120 * var(--unit-fx));
}

.pb-150fx {
    padding-bottom: calc(150 * (100vw / 1728));
    padding-bottom: calc(150 * calc(100vw / 1728));
    padding-bottom: calc(150 * var(--unit-fx));
}

.pb-176fx {
    padding-bottom: calc(176 * (100vw / 1728));
    padding-bottom: calc(176 * calc(100vw / 1728));
    padding-bottom: calc(176 * var(--unit-fx));
}

.pb-190fx {
    padding-bottom: calc(190 * (100vw / 1728));
    padding-bottom: calc(190 * calc(100vw / 1728));
    padding-bottom: calc(190 * var(--unit-fx));
}

.pb-240fx {
    padding-bottom: calc(240 * (100vw / 1728));
    padding-bottom: calc(240 * calc(100vw / 1728));
    padding-bottom: calc(240 * var(--unit-fx));
}

.pb-313fx {
    padding-bottom: calc(313 * (100vw / 1728));
    padding-bottom: calc(313 * calc(100vw / 1728));
    padding-bottom: calc(313 * var(--unit-fx));
}

.pb-440fx {
    padding-bottom: calc(440 * (100vw / 1728));
    padding-bottom: calc(440 * calc(100vw / 1728));
    padding-bottom: calc(440 * var(--unit-fx));
}

.pb-50fx {
    padding-bottom: calc(50 * (100vw / 1728));
    padding-bottom: calc(50 * calc(100vw / 1728));
    padding-bottom: calc(50 * var(--unit-fx));
}

.pb-77fx {
    padding-bottom: calc(77 * (100vw / 1728));
    padding-bottom: calc(77 * calc(100vw / 1728));
    padding-bottom: calc(77 * var(--unit-fx));
}

.pb-\[80\%\] {
    padding-bottom: 80%;
}

.pl-15fx {
    padding-left: calc(15 * (100vw / 1728));
    padding-left: calc(15 * calc(100vw / 1728));
    padding-left: calc(15 * var(--unit-fx));
}

.pl-1col {
    padding-left: calc((112 * (100vw / 1728)) * 1 + (26 * (100vw / 1728)) * 1);
    padding-left: calc(calc(112 * calc(100vw / 1728)) * 1 + calc(26 * calc(100vw / 1728)) * 1);
    padding-left: calc(var(--col) * 1 + var(--gutter) * 1);
}

.pl-1gut {
    padding-left: calc((26 * (100vw / 1728)) * 1);
    padding-left: calc(calc(26 * calc(100vw / 1728)) * 1);
    padding-left: calc(var(--gutter) * 1);
}

.pl-2gut {
    padding-left: calc((26 * (100vw / 1728)) * 2);
    padding-left: calc(calc(26 * calc(100vw / 1728)) * 2);
    padding-left: calc(var(--gutter) * 2);
}

.pl-\[5px\] {
    padding-left: 5px;
}

.pr-1gut {
    padding-right: calc((26 * (100vw / 1728)) * 1);
    padding-right: calc(calc(26 * calc(100vw / 1728)) * 1);
    padding-right: calc(var(--gutter) * 1);
}

.pr-60fx {
    padding-right: calc(60 * (100vw / 1728));
    padding-right: calc(60 * calc(100vw / 1728));
    padding-right: calc(60 * var(--unit-fx));
}

.pr-\[15px\] {
    padding-right: 15px;
}

.pt-105fx {
    padding-top: calc(105 * (100vw / 1728));
    padding-top: calc(105 * calc(100vw / 1728));
    padding-top: calc(105 * var(--unit-fx));
}

.pt-130fx {
    padding-top: calc(130 * (100vw / 1728));
    padding-top: calc(130 * calc(100vw / 1728));
    padding-top: calc(130 * var(--unit-fx));
}

.pt-190fx {
    padding-top: calc(190 * (100vw / 1728));
    padding-top: calc(190 * calc(100vw / 1728));
    padding-top: calc(190 * var(--unit-fx));
}

.pt-265fx {
    padding-top: calc(265 * (100vw / 1728));
    padding-top: calc(265 * calc(100vw / 1728));
    padding-top: calc(265 * var(--unit-fx));
}

.pt-270fx {
    padding-top: calc(270 * (100vw / 1728));
    padding-top: calc(270 * calc(100vw / 1728));
    padding-top: calc(270 * var(--unit-fx));
}

.pt-340fx {
    padding-top: calc(340 * (100vw / 1728));
    padding-top: calc(340 * calc(100vw / 1728));
    padding-top: calc(340 * var(--unit-fx));
}

.pt-440fx {
    padding-top: calc(440 * (100vw / 1728));
    padding-top: calc(440 * calc(100vw / 1728));
    padding-top: calc(440 * var(--unit-fx));
}

.pt-530fx {
    padding-top: calc(530 * (100vw / 1728));
    padding-top: calc(530 * calc(100vw / 1728));
    padding-top: calc(530 * var(--unit-fx));
}

.pt-\[8px\] {
    padding-top: 8px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.font-sans {
    font-family: Red Hat Mono, Arial, sans-serif;
}

.text-0 {
    font-size: 0px;
}

.font-\[600\] {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.\!italic {
    font-style: italic !important;
}

.italic {
    font-style: italic;
}

.\!leading-\[1\.125\] {
    line-height: 1.125 !important;
}

.\!leading-\[1\.25\] {
    line-height: 1.25 !important;
}

.\!leading-\[1\.6\] {
    line-height: 1.6 !important;
}

.leading-\[1\.2\] {
    line-height: 1.2;
}

.leading-\[1\.3\] {
    line-height: 1.3;
}

.leading-\[1\.4\] {
    line-height: 1.4;
}

.leading-\[1\.6\] {
    line-height: 1.6;
}

.leading-\[1\.7\] {
    line-height: 1.7;
}

.leading-\[1\] {
    line-height: 1;
}

.tracking-\[-0\.01em\] {
    letter-spacing: -0.01em;
}

.tracking-\[-0\.36px\] {
    letter-spacing: -0.36px;
}

.tracking-\[-1\.3px\] {
    letter-spacing: -1.3px;
}

.tracking-\[-1px\] {
    letter-spacing: -1px;
}

.tracking-\[1\.5px\] {
    letter-spacing: 1.5px;
}

.text-\[\#212121\] {
    --tw-text-opacity: 1;
    color: rgba(33, 33, 33, 1);
    color: rgba(33, 33, 33, var(--tw-text-opacity));
}

.text-\[\#23371E\] {
    --tw-text-opacity: 1;
    color: rgba(35, 55, 30, 1);
    color: rgba(35, 55, 30, var(--tw-text-opacity));
}

.text-\[\#5D524B\] {
    --tw-text-opacity: 1;
    color: rgba(93, 82, 75, 1);
    color: rgba(93, 82, 75, var(--tw-text-opacity));
}

.text-\[\#5d524b\] {
    --tw-text-opacity: 1;
    color: rgba(93, 82, 75, 1);
    color: rgba(93, 82, 75, var(--tw-text-opacity));
}

.text-\[\#6d635b\] {
    --tw-text-opacity: 1;
    color: rgba(109, 99, 91, 1);
    color: rgba(109, 99, 91, var(--tw-text-opacity));
}

.text-\[\#A67C52\] {
    --tw-text-opacity: 1;
    color: rgba(166, 124, 82, 1);
    color: rgba(166, 124, 82, var(--tw-text-opacity));
}

.text-\[\#FEF9ED\] {
    --tw-text-opacity: 1;
    color: rgba(254, 249, 237, 1);
    color: rgba(254, 249, 237, var(--tw-text-opacity));
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.placeholder-\[color\:currentColor\]::-moz-placeholder {
    color: currentColor;
}

.placeholder-\[color\:currentColor\]::placeholder {
    color: currentColor;
}

.opacity-0 {
    opacity: 0;
}

.opacity-30 {
    opacity: 0.3;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.soft-edge-overlay {
    overflow: hidden;
    contain: paint;
    isolation: isolate;
    z-index: 0;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.soft-edge-mask {
    -webkit-mask-image: radial-gradient(closest-side at 50% 50%, #000 78%, rgba(0, 0, 0, 0.98) 88%, rgba(0, 0, 0, 0.45) 95%, transparent 100%);
    mask-image: radial-gradient(closest-side at 50% 50%, #000 78%, rgba(0, 0, 0, 0.98) 88%, rgba(0, 0, 0, 0.45) 95%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    mask-position: center;
    display: block;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

.soft-edge-overlay img {
    z-index: 1;
}

.soft-edge-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background:
        linear-gradient(to right, var(--background-color) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 78%, var(--background-color) 100%),
        linear-gradient(to bottom, var(--background-color) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 78%, var(--background-color) 100%),
        radial-gradient(closest-side at 50% 50%, rgba(0, 0, 0, 0) 64%, var(--background-color) 100%);
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: opacity, transform;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-\[0_4px_80px_0_rgba\(93\2c 82\2c 75\2c 0\.30\)\] {
    --tw-shadow: 0 4px 80px 0 rgba(93, 82, 75, 0.30);
    --tw-shadow-colored: 0 4px 80px 0 var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 80px 0 rgba(93, 82, 75, 0.30);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.outline {
    outline-style: solid;
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.blur {
    --tw-blur: blur(8px);
    filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[0_4px_80px_rgba\(93\2c 82\2c 75\2c 0\.30\)\] {
    --tw-drop-shadow: drop-shadow(0 4px 80px rgba(93, 82, 75, 0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 80px rgba(93, 82, 75, 0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-all {
    transition-property: all;
}

.transition-opacity {
    transition-property: opacity;
}

.delay-\[0\.2s\] {
    transition-delay: 0.2s;
}

.duration-0\.5 {
    transition-duration: 0.5s;
}

.duration-1 {
    transition-duration: 1s;
}

.duration-1\.1 {
    transition-duration: 1.1s;
}

.duration-1\.8 {
    transition-duration: 1.8s;
}

.duration-\[0\.4s\] {
    transition-duration: 0.4s;
}

.duration-\[0\.6s\] {
    transition-duration: 0.6s;
}

.duration-\[0\.8s\] {
    transition-duration: 0.8s;
}

.duration-\[1s\] {
    transition-duration: 1s;
}

.ease-in {
    transition-timing-function: cubic-bezier(0.98, 0, 0.57, 0);
}

.ease-out {
    transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
}

.checked\:shadow-\[inset_0_0_0_16px_currentColor\]:checked {
    --tw-shadow: inset 0 0 0 16px currentColor;
    --tw-shadow-colored: inset 0 0 0 16px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 0 0 16px currentColor;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.hover\:text-\[\#fff\]:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:underline:hover {
    text-decoration-line: underline;
}

.hover\:no-underline:hover {
    text-decoration-line: none;
}

.focus\:underline:focus {
    text-decoration-line: underline;
}

.focus\:no-underline:focus {
    text-decoration-line: none;
}

.focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
}

.focus-visible\:outline:focus-visible {
    outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px;
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.2) scaleY(1.2);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-\[\#2A1816\] {
    --tw-bg-opacity: 1;
    background-color: rgba(42, 24, 22, 1);
    background-color: rgba(42, 24, 22, var(--tw-bg-opacity));
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.peer:checked~.peer-checked\:bg-\[\#5D524B\] {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 82, 75, 1);
    background-color: rgba(93, 82, 75, var(--tw-bg-opacity));
}

.peer:checked~.peer-checked\:text-\[\#F7ECD9\] {
    --tw-text-opacity: 1;
    color: rgba(247, 236, 217, 1);
    color: rgba(247, 236, 217, var(--tw-text-opacity));
}

.in-view\:opacity-100.in-view {
    opacity: 1;
}

.in-view :where(.in-view\:opacity-100) {
    opacity: 1;
}

.is-active\:bg-\[\#FEF9ED\].is-active {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 249, 237, 1);
    background-color: rgba(254, 249, 237, var(--tw-bg-opacity));
}

.is-active\:opacity-100.is-active {
    opacity: 1;
}

@media (max-width: 768px) {
    .m\:pointer-events-auto {
        pointer-events: auto;
    }

    .m\:fixed {
        position: fixed;
    }

    .m\:absolute {
        position: absolute;
    }

    .m\:\!relative {
        position: relative !important;
    }

    .m\:relative {
        position: relative;
    }

    .m\:top-20px {
        top: 20px;
    }

    .m\:col-start-1 {
        grid-column-start: 1;
    }

    .m\:my-100fx {
        margin-top: calc(100 * (100vw / 1728));
        margin-top: calc(100 * calc(100vw / 1728));
        margin-top: calc(100 * var(--unit-fx));
        margin-bottom: calc(100 * (100vw / 1728));
        margin-bottom: calc(100 * calc(100vw / 1728));
        margin-bottom: calc(100 * var(--unit-fx));
    }

    .m\:my-190fx {
        margin-top: calc(190 * (100vw / 1728));
        margin-top: calc(190 * calc(100vw / 1728));
        margin-top: calc(190 * var(--unit-fx));
        margin-bottom: calc(190 * (100vw / 1728));
        margin-bottom: calc(190 * calc(100vw / 1728));
        margin-bottom: calc(190 * var(--unit-fx));
    }

    .m\:my-1em {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .m\:my-80fx {
        margin-top: calc(80 * (100vw / 1728));
        margin-top: calc(80 * calc(100vw / 1728));
        margin-top: calc(80 * var(--unit-fx));
        margin-bottom: calc(80 * (100vw / 1728));
        margin-bottom: calc(80 * calc(100vw / 1728));
        margin-bottom: calc(80 * var(--unit-fx));
    }

    .m\:\!mb-0 {
        margin-bottom: 0px !important;
    }

    .m\:\!mb-50fx {
        margin-bottom: calc(50 * (100vw / 1728)) !important;
        margin-bottom: calc(50 * calc(100vw / 1728)) !important;
        margin-bottom: calc(50 * var(--unit-fx)) !important;
    }

    .m\:\!mb-80fx {
        margin-bottom: calc(80 * (100vw / 1728)) !important;
        margin-bottom: calc(80 * calc(100vw / 1728)) !important;
        margin-bottom: calc(80 * var(--unit-fx)) !important;
    }

    .m\:\!ml-\[10px\] {
        margin-left: 10px !important;
    }

    .m\:\!mt-0 {
        margin-top: 0px !important;
    }

    .m\:\!mt-30fx {
        margin-top: calc(30 * (100vw / 1728)) !important;
        margin-top: calc(30 * calc(100vw / 1728)) !important;
        margin-top: calc(30 * var(--unit-fx)) !important;
    }

    .m\:mb-0 {
        margin-bottom: 0px;
    }

    .m\:mb-100fx {
        margin-bottom: calc(100 * (100vw / 1728));
        margin-bottom: calc(100 * calc(100vw / 1728));
        margin-bottom: calc(100 * var(--unit-fx));
    }

    .m\:mb-120fx {
        margin-bottom: calc(120 * (100vw / 1728));
        margin-bottom: calc(120 * calc(100vw / 1728));
        margin-bottom: calc(120 * var(--unit-fx));
    }

    .m\:mb-168fx {
        margin-bottom: calc(168 * (100vw / 1728));
        margin-bottom: calc(168 * calc(100vw / 1728));
        margin-bottom: calc(168 * var(--unit-fx));
    }

    .m\:mb-18fx {
        margin-bottom: calc(18 * (100vw / 1728));
        margin-bottom: calc(18 * calc(100vw / 1728));
        margin-bottom: calc(18 * var(--unit-fx));
    }

    .m\:mb-1em {
        margin-bottom: 1em;
    }

    .m\:mb-20fx {
        margin-bottom: calc(20 * (100vw / 1728));
        margin-bottom: calc(20 * calc(100vw / 1728));
        margin-bottom: calc(20 * var(--unit-fx));
    }

    .m\:mb-22fx {
        margin-bottom: calc(22 * (100vw / 1728));
        margin-bottom: calc(22 * calc(100vw / 1728));
        margin-bottom: calc(22 * var(--unit-fx));
    }

    .m\:mb-30fx {
        margin-bottom: calc(30 * (100vw / 1728));
        margin-bottom: calc(30 * calc(100vw / 1728));
        margin-bottom: calc(30 * var(--unit-fx));
    }

    .m\:mb-50fx {
        margin-bottom: calc(50 * (100vw / 1728));
        margin-bottom: calc(50 * calc(100vw / 1728));
        margin-bottom: calc(50 * var(--unit-fx));
    }

    .m\:mb-60fx {
        margin-bottom: calc(60 * (100vw / 1728));
        margin-bottom: calc(60 * calc(100vw / 1728));
        margin-bottom: calc(60 * var(--unit-fx));
    }

    .m\:mb-66fx {
        margin-bottom: calc(66 * (100vw / 1728));
        margin-bottom: calc(66 * calc(100vw / 1728));
        margin-bottom: calc(66 * var(--unit-fx));
    }

    .m\:mb-80fx {
        margin-bottom: calc(80 * (100vw / 1728));
        margin-bottom: calc(80 * calc(100vw / 1728));
        margin-bottom: calc(80 * var(--unit-fx));
    }

    .m\:mb-\[0\.3em\] {
        margin-bottom: 0.3em;
    }

    .m\:mb-\[0\.5em\] {
        margin-bottom: 0.5em;
    }

    .m\:mb-\[1\.5em\] {
        margin-bottom: 1.5em;
    }

    .m\:mb-\[5px\] {
        margin-bottom: 5px;
    }

    .m\:mr-0 {
        margin-right: 0px;
    }

    .m\:mt-0 {
        margin-top: 0px;
    }

    .m\:mt-16fx {
        margin-top: calc(16 * (100vw / 1728));
        margin-top: calc(16 * calc(100vw / 1728));
        margin-top: calc(16 * var(--unit-fx));
    }

    .m\:mt-18fx {
        margin-top: calc(18 * (100vw / 1728));
        margin-top: calc(18 * calc(100vw / 1728));
        margin-top: calc(18 * var(--unit-fx));
    }

    .m\:mb-90fx {
        margin-bottom: calc(90 * (100vw / 1728));
        margin-bottom: calc(90 * calc(100vw / 1728));
        margin-bottom: calc(90 * var(--unit-fx));
    }

    .m\:\!block {
        display: block !important;
    }

    .m\:block {
        display: block;
    }

    .m\:inline {
        display: inline;
    }

    .m\:\!flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .m\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .m\:hidden {
        display: none;
    }

    .m\:aspect-\[340\/362\] {
        aspect-ratio: 340/362;
    }

    .m\:h-100vh {
        height: 100vh;
    }

    .m\:h-42fx {
        height: calc(42 * (100vw / 1728));
        height: calc(42 * calc(100vw / 1728));
        height: calc(42 * var(--unit-fx));
    }

    .m\:h-\[50px\] {
        height: 50px;
    }

    .m\:h-\[calc\(100dvh-40px\)\] {
        height: calc(100dvh - 40px);
    }

    .m\:h-auto {
        height: auto;
    }

    .m\:h-full {
        height: 100%;
    }

    .m\:min-h-\[2\.7em\] {
        min-height: 2.7em;
    }

    .m\:\!w-280fx {
        width: calc(280 * (100vw / 1728)) !important;
        width: calc(280 * calc(100vw / 1728)) !important;
        width: calc(280 * var(--unit-fx)) !important;
    }

    .m\:\!w-80fx {
        width: calc(80 * (100vw / 1728)) !important;
        width: calc(80 * calc(100vw / 1728)) !important;
        width: calc(80 * var(--unit-fx)) !important;
    }

    .m\:w-1col {
        width: calc((112 * (100vw / 1728)) * 1);
        width: calc(calc(112 * calc(100vw / 1728)) * 1);
        width: calc(var(--col) * 1);
    }

    .m\:w-2col {
        width: calc((112 * (100vw / 1728)) * 2 + (26 * (100vw / 1728)) * 1);
        width: calc(calc(112 * calc(100vw / 1728)) * 2 + calc(26 * calc(100vw / 1728)) * 1);
        width: calc(var(--col) * 2 + var(--gutter) * 1);
    }

    .m\:w-50\% {
        width: 50%;
    }

    .m\:w-70\% {
        width: 70%;
    }

    .m\:w-88fx {
        width: calc(88 * (100vw / 1728));
        width: calc(88 * calc(100vw / 1728));
        width: calc(88 * var(--unit-fx));
    }

    .m\:w-\[125px\] {
        width: 125px;
    }

    .m\:w-\[50px\] {
        width: 50px;
    }

    .m\:w-auto {
        width: auto;
    }

    .m\:w-fit {
        width: 100%;
    }

    .m\:w-full {
        width: 100%;
    }

    .m\:\!max-w-full {
        max-width: 100% !important;
    }

    .m\:max-w-full {
        max-width: 100%;
    }

    .m\:\!scale-100 {
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }

    .m\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .m\:flex-col {
        flex-direction: column;
    }

    .m\:flex-wrap {
        flex-wrap: wrap;
    }

    .m\:items-start {
        align-items: flex-start;
    }

    .m\:items-center {
        align-items: center;
    }

    .m\:justify-start {
        justify-content: flex-start;
    }

    .m\:justify-end {
        justify-content: flex-end;
    }

    .m\:justify-between {
        justify-content: space-between;
    }

    .m\:space-x-0> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * 0);
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * (1 - 0));
        margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
        margin-left: calc(0px * calc(1 - 0));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
    }

    .m\:space-x-18fx> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc((18 * calc(100vw / 1728)) * 0);
        margin-right: calc((18 * var(--unit-fx)) * var(--tw-space-x-reverse));
        margin-right: calc(calc(18 * calc(100vw / 1728)) * 0);
        margin-right: calc(calc(18 * var(--unit-fx)) * var(--tw-space-x-reverse));
        margin-left: calc((18 * calc(100vw / 1728)) * (1 - 0));
        margin-left: calc((18 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
        margin-left: calc(calc(18 * calc(100vw / 1728)) * calc(1 - 0));
        margin-left: calc(calc(18 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
    }

    .m\:space-x-30fx> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc((30 * calc(100vw / 1728)) * 0);
        margin-right: calc((30 * var(--unit-fx)) * var(--tw-space-x-reverse));
        margin-right: calc(calc(30 * calc(100vw / 1728)) * 0);
        margin-right: calc(calc(30 * var(--unit-fx)) * var(--tw-space-x-reverse));
        margin-left: calc((30 * calc(100vw / 1728)) * (1 - 0));
        margin-left: calc((30 * var(--unit-fx)) * (1 - var(--tw-space-x-reverse)));
        margin-left: calc(calc(30 * calc(100vw / 1728)) * calc(1 - 0));
        margin-left: calc(calc(30 * var(--unit-fx)) * calc(1 - var(--tw-space-x-reverse)));
    }

    .m\:space-y-0> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * (1 - 0));
        margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(0px * calc(1 - 0));
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * 0);
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .m\:space-y-14fx> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc((14 * calc(100vw / 1728)) * (1 - 0));
        margin-top: calc((14 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(calc(14 * calc(100vw / 1728)) * calc(1 - 0));
        margin-top: calc(calc(14 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc((14 * calc(100vw / 1728)) * 0);
        margin-bottom: calc((14 * var(--unit-fx)) * var(--tw-space-y-reverse));
        margin-bottom: calc(calc(14 * calc(100vw / 1728)) * 0);
        margin-bottom: calc(calc(14 * var(--unit-fx)) * var(--tw-space-y-reverse));
    }

    .m\:space-y-152fx> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc((152 * calc(100vw / 1728)) * (1 - 0));
        margin-top: calc((152 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(calc(152 * calc(100vw / 1728)) * calc(1 - 0));
        margin-top: calc(calc(152 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc((152 * calc(100vw / 1728)) * 0);
        margin-bottom: calc((152 * var(--unit-fx)) * var(--tw-space-y-reverse));
        margin-bottom: calc(calc(152 * calc(100vw / 1728)) * 0);
        margin-bottom: calc(calc(152 * var(--unit-fx)) * var(--tw-space-y-reverse));
    }

    .m\:space-y-16fx> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc((16 * calc(100vw / 1728)) * (1 - 0));
        margin-top: calc((16 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(calc(16 * calc(100vw / 1728)) * calc(1 - 0));
        margin-top: calc(calc(16 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc((16 * calc(100vw / 1728)) * 0);
        margin-bottom: calc((16 * var(--unit-fx)) * var(--tw-space-y-reverse));
        margin-bottom: calc(calc(16 * calc(100vw / 1728)) * 0);
        margin-bottom: calc(calc(16 * var(--unit-fx)) * var(--tw-space-y-reverse));
    }

    .m\:space-y-30fx> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc((30 * calc(100vw / 1728)) * (1 - 0));
        margin-top: calc((30 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(calc(30 * calc(100vw / 1728)) * calc(1 - 0));
        margin-top: calc(calc(30 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc((30 * calc(100vw / 1728)) * 0);
        margin-bottom: calc((30 * var(--unit-fx)) * var(--tw-space-y-reverse));
        margin-bottom: calc(calc(30 * calc(100vw / 1728)) * 0);
        margin-bottom: calc(calc(30 * var(--unit-fx)) * var(--tw-space-y-reverse));
    }

    .m\:space-y-40fx> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc((40 * calc(100vw / 1728)) * (1 - 0));
        margin-top: calc((40 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(calc(40 * calc(100vw / 1728)) * calc(1 - 0));
        margin-top: calc(calc(40 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc((40 * calc(100vw / 1728)) * 0);
        margin-bottom: calc((40 * var(--unit-fx)) * var(--tw-space-y-reverse));
        margin-bottom: calc(calc(40 * calc(100vw / 1728)) * 0);
        margin-bottom: calc(calc(40 * var(--unit-fx)) * var(--tw-space-y-reverse));
    }

    .m\:space-y-42fx> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc((42 * calc(100vw / 1728)) * (1 - 0));
        margin-top: calc((42 * var(--unit-fx)) * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(calc(42 * calc(100vw / 1728)) * calc(1 - 0));
        margin-top: calc(calc(42 * var(--unit-fx)) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc((42 * calc(100vw / 1728)) * 0);
        margin-bottom: calc((42 * var(--unit-fx)) * var(--tw-space-y-reverse));
        margin-bottom: calc(calc(42 * calc(100vw / 1728)) * 0);
        margin-bottom: calc(calc(42 * var(--unit-fx)) * var(--tw-space-y-reverse));
    }

    .m\:space-y-\[0\.1em\]> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.1em * (1 - 0));
        margin-top: calc(0.1em * (1 - var(--tw-space-y-reverse)));
        margin-top: calc(0.1em * calc(1 - 0));
        margin-top: calc(0.1em * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.1em * 0);
        margin-bottom: calc(0.1em * var(--tw-space-y-reverse));
    }

    .m\:overflow-auto {
        overflow: auto;
    }

    .m\:overflow-hidden {
        overflow: hidden;
    }

    .m\:overflow-x-auto {
        overflow-x: auto;
    }

    .m\:overflow-y-auto {
        overflow-y: auto;
    }

    .m\:\!bg-transparent {
        background-color: transparent !important;
    }

    .m\:bg-transparent {
        background-color: transparent;
    }

    .m\:p-0 {
        padding: 0px;
    }

    .m\:p-18fx {
        padding: calc(18 * (100vw / 1728));
        padding: calc(18 * calc(100vw / 1728));
        padding: calc(18 * var(--unit-fx));
    }

    .m\:p-5fx {
        padding: calc(5 * (100vw / 1728));
        padding: calc(5 * calc(100vw / 1728));
        padding: calc(5 * var(--unit-fx));
    }

    .m\:\!px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .m\:\!px-16fx {
        padding-left: calc(16 * (100vw / 1728)) !important;
        padding-left: calc(16 * calc(100vw / 1728)) !important;
        padding-left: calc(16 * var(--unit-fx)) !important;
        padding-right: calc(16 * (100vw / 1728)) !important;
        padding-right: calc(16 * calc(100vw / 1728)) !important;
        padding-right: calc(16 * var(--unit-fx)) !important;
    }

    .m\:\!px-20fx {
        padding-left: calc(20 * (100vw / 1728)) !important;
        padding-left: calc(20 * calc(100vw / 1728)) !important;
        padding-left: calc(20 * var(--unit-fx)) !important;
        padding-right: calc(20 * (100vw / 1728)) !important;
        padding-right: calc(20 * calc(100vw / 1728)) !important;
        padding-right: calc(20 * var(--unit-fx)) !important;
    }

    .m\:\!px-30fx {
        padding-left: calc(30 * (100vw / 1728)) !important;
        padding-left: calc(30 * calc(100vw / 1728)) !important;
        padding-left: calc(30 * var(--unit-fx)) !important;
        padding-right: calc(30 * (100vw / 1728)) !important;
        padding-right: calc(30 * calc(100vw / 1728)) !important;
        padding-right: calc(30 * var(--unit-fx)) !important;
    }

    .m\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .m\:px-0fx {
        padding-left: 0fx;
        padding-right: 0fx;
    }

    .m\:px-16fx {
        padding-left: calc(16 * (100vw / 1728));
        padding-left: calc(16 * calc(100vw / 1728));
        padding-left: calc(16 * var(--unit-fx));
        padding-right: calc(16 * (100vw / 1728));
        padding-right: calc(16 * calc(100vw / 1728));
        padding-right: calc(16 * var(--unit-fx));
    }

    .m\:px-18fx {
        padding-left: calc(18 * (100vw / 1728));
        padding-left: calc(18 * calc(100vw / 1728));
        padding-left: calc(18 * var(--unit-fx));
        padding-right: calc(18 * (100vw / 1728));
        padding-right: calc(18 * calc(100vw / 1728));
        padding-right: calc(18 * var(--unit-fx));
    }

    .m\:px-24fx {
        padding-left: calc(24 * (100vw / 1728));
        padding-left: calc(24 * calc(100vw / 1728));
        padding-left: calc(24 * var(--unit-fx));
        padding-right: calc(24 * (100vw / 1728));
        padding-right: calc(24 * calc(100vw / 1728));
        padding-right: calc(24 * var(--unit-fx));
    }

    .m\:px-28fx {
        padding-left: calc(28 * (100vw / 1728));
        padding-left: calc(28 * calc(100vw / 1728));
        padding-left: calc(28 * var(--unit-fx));
        padding-right: calc(28 * (100vw / 1728));
        padding-right: calc(28 * calc(100vw / 1728));
        padding-right: calc(28 * var(--unit-fx));
    }

    .m\:px-2gut {
        padding-left: calc((26 * (100vw / 1728)) * 2);
        padding-left: calc(calc(26 * calc(100vw / 1728)) * 2);
        padding-left: calc(var(--gutter) * 2);
        padding-right: calc((26 * (100vw / 1728)) * 2);
        padding-right: calc(calc(26 * calc(100vw / 1728)) * 2);
        padding-right: calc(var(--gutter) * 2);
    }

    .m\:px-40fx {
        padding-left: calc(40 * (100vw / 1728));
        padding-left: calc(40 * calc(100vw / 1728));
        padding-left: calc(40 * var(--unit-fx));
        padding-right: calc(40 * (100vw / 1728));
        padding-right: calc(40 * calc(100vw / 1728));
        padding-right: calc(40 * var(--unit-fx));
    }

    .m\:px-50fx {
        padding-left: calc(50 * (100vw / 1728));
        padding-left: calc(50 * calc(100vw / 1728));
        padding-left: calc(50 * var(--unit-fx));
        padding-right: calc(50 * (100vw / 1728));
        padding-right: calc(50 * calc(100vw / 1728));
        padding-right: calc(50 * var(--unit-fx));
    }

    .m\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .m\:py-100fx {
        padding-top: calc(100 * (100vw / 1728));
        padding-top: calc(100 * calc(100vw / 1728));
        padding-top: calc(100 * var(--unit-fx));
        padding-bottom: calc(100 * (100vw / 1728));
        padding-bottom: calc(100 * calc(100vw / 1728));
        padding-bottom: calc(100 * var(--unit-fx));
    }

    .m\:py-26fx {
        padding-top: calc(26 * (100vw / 1728));
        padding-top: calc(26 * calc(100vw / 1728));
        padding-top: calc(26 * var(--unit-fx));
        padding-bottom: calc(26 * (100vw / 1728));
        padding-bottom: calc(26 * calc(100vw / 1728));
        padding-bottom: calc(26 * var(--unit-fx));
    }

    .m\:py-29fx {
        padding-top: calc(29 * (100vw / 1728));
        padding-top: calc(29 * calc(100vw / 1728));
        padding-top: calc(29 * var(--unit-fx));
        padding-bottom: calc(29 * (100vw / 1728));
        padding-bottom: calc(29 * calc(100vw / 1728));
        padding-bottom: calc(29 * var(--unit-fx));
    }

    .m\:py-30fx {
        padding-top: calc(30 * (100vw / 1728));
        padding-top: calc(30 * calc(100vw / 1728));
        padding-top: calc(30 * var(--unit-fx));
        padding-bottom: calc(30 * (100vw / 1728));
        padding-bottom: calc(30 * calc(100vw / 1728));
        padding-bottom: calc(30 * var(--unit-fx));
    }

    .m\:py-60fx {
        padding-top: calc(60 * (100vw / 1728));
        padding-top: calc(60 * calc(100vw / 1728));
        padding-top: calc(60 * var(--unit-fx));
        padding-bottom: calc(60 * (100vw / 1728));
        padding-bottom: calc(60 * calc(100vw / 1728));
        padding-bottom: calc(60 * var(--unit-fx));
    }

    .m\:\!pb-0 {
        padding-bottom: 0px !important;
    }

    .m\:\!pt-0 {
        padding-top: 0px !important;
    }

    .m\:pb-0 {
        padding-bottom: 0px;
    }

    .m\:pb-20fx {
        padding-bottom: calc(20 * (100vw / 1728));
        padding-bottom: calc(20 * calc(100vw / 1728));
        padding-bottom: calc(20 * var(--unit-fx));
    }

    .m\:pb-30fx {
        padding-bottom: calc(30 * (100vw / 1728));
        padding-bottom: calc(30 * calc(100vw / 1728));
        padding-bottom: calc(30 * var(--unit-fx));
    }

    .m\:pb-36fx {
        padding-bottom: calc(36 * (100vw / 1728));
        padding-bottom: calc(36 * calc(100vw / 1728));
        padding-bottom: calc(36 * var(--unit-fx));
    }

    .m\:pb-60fx {
        padding-bottom: calc(60 * (100vw / 1728));
        padding-bottom: calc(60 * calc(100vw / 1728));
        padding-bottom: calc(60 * var(--unit-fx));
    }

    .m\:pb-\[218\%\] {
        padding-bottom: 218%;
    }

    .m\:pl-0 {
        padding-left: 0px;
    }

    .m\:pl-26fx {
        padding-left: calc(26 * (100vw / 1728));
        padding-left: calc(26 * calc(100vw / 1728));
        padding-left: calc(26 * var(--unit-fx));
    }

    .m\:pr-0 {
        padding-right: 0px;
    }

    .m\:pr-30fx {
        padding-right: calc(30 * (100vw / 1728));
        padding-right: calc(30 * calc(100vw / 1728));
        padding-right: calc(30 * var(--unit-fx));
    }

    .m\:pr-70fx {
        padding-right: calc(70 * (100vw / 1728));
        padding-right: calc(70 * calc(100vw / 1728));
        padding-right: calc(70 * var(--unit-fx));
    }

    .m\:pr-\[10\%\] {
        padding-right: 10%;
    }

    .m\:pt-0 {
        padding-top: 0px;
    }

    .m\:pt-112fx {
        padding-top: calc(112 * (100vw / 1728));
        padding-top: calc(112 * calc(100vw / 1728));
        padding-top: calc(112 * var(--unit-fx));
    }

    .m\:pt-14fx {
        padding-top: calc(14 * (100vw / 1728));
        padding-top: calc(14 * calc(100vw / 1728));
        padding-top: calc(14 * var(--unit-fx));
    }

    .m\:pt-190fx {
        padding-top: calc(190 * (100vw / 1728));
        padding-top: calc(190 * calc(100vw / 1728));
        padding-top: calc(190 * var(--unit-fx));
    }

    .m\:pt-230fx {
        padding-top: calc(230 * (100vw / 1728));
        padding-top: calc(230 * calc(100vw / 1728));
        padding-top: calc(230 * var(--unit-fx));
    }

    .m\:pt-60fx {
        padding-top: calc(60 * (100vw / 1728));
        padding-top: calc(60 * calc(100vw / 1728));
        padding-top: calc(60 * var(--unit-fx));
    }

    .m\:pt-80fx {
        padding-top: calc(80 * (100vw / 1728));
        padding-top: calc(80 * calc(100vw / 1728));
        padding-top: calc(80 * var(--unit-fx));
    }

    .m\:text-center {
        text-align: center;
    }

    .m\:\!text-12px {
        font-size: 12px !important;
    }

    .m\:\!text-24fx {
        font-size: calc(24 * (100vw / 1728)) !important;
        font-size: calc(24 * calc(100vw / 1728)) !important;
        font-size: calc(24 * var(--unit-fx)) !important;
    }

    .m\:text-0 {
        font-size: 0px;
    }

    .m\:\!leading-0 {
        line-height: 0 !important;
    }

    .m\:\!leading-0\.5 {
        line-height: 0.5 !important;
    }

    .m\:leading-\[1\.4\] {
        line-height: 1.4;
    }

    .m\:leading-\[1\] {
        line-height: 1;
    }

    .m\:tracking-\[1\.2px\] {
        letter-spacing: 1.2px;
    }

    .m\:opacity-100 {
        opacity: 1;
    }

    .m\:drop-shadow-\[none\] {
        --tw-drop-shadow: drop-shadow(none);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(none);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .m\:transition-opacity {
        transition-property: opacity;
    }

    .m\:duration-\[0\.8s\] {
        transition-duration: 0.8s;
    }
}

.\[\&\.is-checked\]\:bg-\[\#5D524B\].is-checked {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 82, 75, 1);
    background-color: rgba(93, 82, 75, var(--tw-bg-opacity));
}

.\[\&\.is-checked\]\:text-\[\#F7ECD9\].is-checked {
    --tw-text-opacity: 1;
    color: rgba(247, 236, 217, 1);
    color: rgba(247, 236, 217, var(--tw-text-opacity));
}

.\[\&\.is-disabled\]\:text-\[\#D1CABB\].is-disabled {
    --tw-text-opacity: 1;
    color: rgba(209, 202, 187, 1);
    color: rgba(209, 202, 187, var(--tw-text-opacity));
}

.\[\&_a\]\:underline a {
    text-decoration-line: underline;
}

@media (max-width: 768px) {
    .m\:\[\&_br\]\:hidden br {
        display: none;
    }
}

.\[\&_li\]\:mb-0\.5em li {
    margin-bottom: 0.5em;
}

.\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
}

.is-active .\[\.is-active_\&\]\:block {
    display: block;
}

.is-active .\[\.is-active_\&\]\:underline {
    text-decoration-line: underline;
}

.is-menu-opened .\[\.is-menu-opened_\&\]\:pointer-events-auto {
    pointer-events: auto;
}

.is-menu-opened .\[\.is-menu-opened_\&\]\:translate-y-\[0\] {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.is-menu-opened .\[\.is-menu-opened_\&\]\:rotate-\[-45deg\] {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.is-menu-opened .\[\.is-menu-opened_\&\]\:rotate-\[45deg\] {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.is-menu-opened .\[\.is-menu-opened_\&\]\:opacity-100 {
    opacity: 1;
}

.is-menu-opened .\[\.is-menu-opened_\&\]\:drop-shadow-\[0_4px_80px_rgba\(93\2c 82\2c 75\2c 0\.30\)\] {
    --tw-drop-shadow: drop-shadow(0 4px 80px rgba(93, 82, 75, 0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 80px rgba(93, 82, 75, 0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.is-playing .\[\.is-playing_\&\]\:block {
    display: block;
}

.is-playing .\[\.is-playing_\&\]\:hidden {
    display: none;
}

.is-playing .\[\.is-playing_\&\]\:opacity-0 {
    opacity: 0;
}

.is-ready .\[\.is-ready_\&\]\:opacity-0 {
    opacity: 0;
}

.is-search-opened .\[\.is-search-opened_\&\]\:pointer-events-auto {
    pointer-events: auto;
}

.is-search-opened .\[\.is-search-opened_\&\]\:opacity-100 {
    opacity: 1;
}

.is-search-opened .\[\.is-search-opened_\&\]\:drop-shadow-\[0_4px_80px_rgba\(93\2c 82\2c 75\2c 0\.30\)\] {
    --tw-drop-shadow: drop-shadow(0 4px 80px rgba(93, 82, 75, 0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 80px rgba(93, 82, 75, 0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.reduced-motion .\[\.reduced-motion_\&\]\:relative {
    position: relative;
}

.reduced-motion .\[\.reduced-motion_\&\]\:h-auto {
    height: auto;
}

.reduced-motion .\[\.reduced-motion_\&\]\:bg-\[\#5D524B\] {
    --tw-bg-opacity: 1;
    background-color: rgba(93, 82, 75, 1);
    background-color: rgba(93, 82, 75, var(--tw-bg-opacity));
}

.reduced-motion .\[\.reduced-motion_\&\]\:text-\[\#F7ECD9\] {
    --tw-text-opacity: 1;
    color: rgba(247, 236, 217, 1);
    color: rgba(247, 236, 217, var(--tw-text-opacity));
}

.reduced-motion .\[\.reduced-motion_\&\]\:opacity-100 {
    opacity: 1;
}

:root {
    --max-width: 1728;
    --ref-width: 1728;
    --vw: 100vw;
    --vh: 100vh;
    --vhfix: 100vh;
    --unit-fx: calc(var(--vw) / var(--ref-width));
    --unit-fy: calc(var(--vh) / 942);
    --unit-vhfix: calc(var(--vhfix) / 100);
    --unit-vw: calc(var(--vw) / 100);
    --unit-vh: calc(var(--vh) / 100);
    --adjusted-height: 100vh;
    --vertical-rhythm: 11px;
    --unit-vr: calc(var(--vertical-rhythm));
    /* Easings */
    --alias-easeOut: cubic-bezier(0.43, 0.195, 0.02, 1);
    --alias-easeIn: cubic-bezier(0.98, 0, 0.57, 0);
    --alias-easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
    --alias-easeOut2: cubic-bezier(0.9, 0.1, 0.15, 1.05);
    --alias-easeOut3: cubic-bezier(0.63, 0.195, 0.01, 1);
    --alias-easeOutSlow: cubic-bezier(0.43, 0.195, 0.02, 1);
    --alias-easeOutSnap: cubic-bezier(0.835, 0.085, 0.005, 1);
    --alias-easeOutUnspun: cubic-bezier(0.745, 0.065, 0.17, 1);
    --alias-easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --text-color: #5D524B;
    --background-color: #FEF9ED;
    --col: calc(112 * var(--unit-fx));
    --gutter: calc(26 * var(--unit-fx));
}

@media (max-width: 600px) {
    :root {
        --unit-fx: calc(var(--vw) / 402);
        --col: calc(177 * var(--unit-fx));
        --gutter: calc(12 * var(--unit-fx));
    }
}

@media (min-width: 1728px) {
    :root {
        --unit-fx: 1px;
        --col: 112px;
        --gutter: 26px;
    }
}

/**
 * @file
 * Custom global reset.
 */
:root {
    --tw-content: "";
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
}

html.accessibility-mode *,
html.accessibility-mode ::before,
html.accessibility-mode ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: scroll !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
}

body {
    margin: 0;
    overflow-x: hidden;
}

:where(web-application),
:where([data-block-component]) {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "kern";
    font-kerning: normal;
    text-rendering: optimizelegibility;
}

:where(web-application) *,
:where(web-application) *::before,
:where(web-application) *::after,
:where([data-block-component]) *,
:where([data-block-component]) *::before,
:where([data-block-component]) *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:where(web-application) input,
:where(web-application) button,
:where(web-application) textarea,
:where(web-application) select,
:where([data-block-component]) input,
:where([data-block-component]) button,
:where([data-block-component]) textarea,
:where([data-block-component]) select {
    font: inherit;
    border-radius: 0;
}

:where(web-application) button,
:where(web-application) input,
:where(web-application) a,
:where([data-block-component]) button,
:where([data-block-component]) input,
:where([data-block-component]) a {
    cursor: pointer;
    font: inherit;
    color: inherit;
    border: 0 none;
    background: none transparent;
}

:where(web-application) h1,
:where(web-application) h2,
:where(web-application) h3,
:where(web-application) h4,
:where(web-application) h5,
:where(web-application) h6,
:where([data-block-component]) h1,
:where([data-block-component]) h2,
:where([data-block-component]) h3,
:where([data-block-component]) h4,
:where([data-block-component]) h5,
:where([data-block-component]) h6 {
    font-weight: normal;
    color: inherit;
    margin: 0;
}

:where(web-application) ul,
:where([data-block-component]) ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.5em;
    padding-left: 1em;
    padding-top: 0.4em;
}

:where(web-application) address,
:where([data-block-component]) address {
    font-style: normal;
}

:where(web-application) fieldset,
:where(web-application) button,
:where(web-application) input,
:where(web-application) progress,
:where(web-application) select,
:where(web-application) textarea,
:where(web-application) hr,
:where([data-block-component]) fieldset,
:where([data-block-component]) button,
:where([data-block-component]) input,
:where([data-block-component]) progress,
:where([data-block-component]) select,
:where([data-block-component]) textarea,
:where([data-block-component]) hr {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:where(web-application) input[type=search]::-webkit-search-decoration,
:where(web-application) input[type=search]::-webkit-search-cancel-button,
:where(web-application) input[type=search]::-webkit-search-results-button,
:where(web-application) input[type=search]::-webkit-search-results-decoration,
:where([data-block-component]) input[type=search]::-webkit-search-decoration,
:where([data-block-component]) input[type=search]::-webkit-search-cancel-button,
:where([data-block-component]) input[type=search]::-webkit-search-results-button,
:where([data-block-component]) input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

:where(web-application) hr,
:where(web-application) iframe,
:where([data-block-component]) hr,
:where([data-block-component]) iframe {
    border: 0 none;
}

:where(web-application) img,
:where(web-application) picture,
:where(web-application) video,
:where(web-application) canvas,
:where(web-application) svg,
:where([data-block-component]) img,
:where([data-block-component]) picture,
:where([data-block-component]) video,
:where([data-block-component]) canvas,
:where([data-block-component]) svg {
    max-width: 100%;
    width: 100%;
}

:where(web-application) svg,
:where([data-block-component]) svg {
    fill: currentColor;
}

:where(web-application) video,
:where(web-application) canvas,
:where([data-block-component]) video,
:where([data-block-component]) canvas {
    display: block;
    width: 100%;
}

:where(web-application) video,
:where([data-block-component]) video {
    height: auto;
}

:where(web-application) a,
:where(web-application) button,
:where(web-application) input,
:where([data-block-component]) a,
:where([data-block-component]) button,
:where([data-block-component]) input {
    -webkit-text-decoration: none;
    text-decoration: none;
}

@font-face {
    font-family: "Bradford LL";
    src: url("../fonts/BradfordLLWeb-Regular.woff2") format("woff2"), url("../fonts/BradfordLLWeb-Regular.woff") format("woff");
    font-weight: 450;
    font-display: swap;
}

@font-face {
    font-family: "Bradford LL";
    src: url("../fonts/BradfordLLWeb-Italic.woff2") format("woff2"), url("../fonts/BradfordLLWeb-Italic.woff") format("woff");
    font-weight: 450;
    font-display: swap;
    font-style: italic;
}

/* Bold fonts not available - using Regular weight for bold */
@font-face {
    font-family: "Bradford LL";
    src: url("../fonts/BradfordLLWeb-Regular.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Bradford LL";
    src: url("../fonts/BradfordLLWeb-Italic.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Red Hat Mono";
    src: url("../fonts/RedHatMono-Regular.woff2") format("woff2"), url("../fonts/RedHatMono-Regular.woff") format("woff");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Red Hat Mono";
    src: url("../fonts/RedHatMono-Medium.woff2") format("woff2"), url("../fonts/RedHatMono-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Bradford LL";
    font-size: calc(24 * (100vw / 1728));
    font-size: calc(24 * calc(100vw / 1728));
    font-size: calc(24 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

@media screen and (max-width: 600px) {
    body {
        font-size: calc(18 * (100vw / 1728));
        font-size: calc(18 * calc(100vw / 1728));
        font-size: calc(18 * var(--unit-fx));
        line-height: 1.33;
        letter-spacing: -0.02em;
    }
}

body {
    background: #FEF9ED;
    background: var(--background-color);
    color: #5D524B;
    color: var(--text-color);
    transition: background-color 1.1s cubic-bezier(0.43, 0.195, 0.02, 1), color 1.1s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: background-color 1.1s var(--alias-easeOut), color 1.1s var(--alias-easeOut);
}

.scrollbar-hidden {
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overscroll-behavior: auto;
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

/**
 * @file
 * Typography.
 */
::-moz-selection {
    background-color: #f5eee0;
    color: #5D524B;
    text-shadow: none;
}

::selection {
    background-color: #f5eee0;
    color: #5D524B;
    text-shadow: none;
}

.h0 {
    font-family: "Bradford LL";
    font-size: calc(224 * (100vw / 1728));
    font-size: calc(224 * calc(100vw / 1728));
    font-size: calc(224 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 0.97;
    letter-spacing: -0.04em;
}

@media screen and (max-width: 600px) {
    .h0 {
        font-size: calc(72 * (100vw / 1728));
        font-size: calc(72 * calc(100vw / 1728));
        font-size: calc(72 * var(--unit-fx));
        line-height: 1;
        letter-spacing: -0.03em;
    }
}

.h1 {
    font-family: "Bradford LL";
    font-size: calc(160 * (100vw / 1728));
    font-size: calc(160 * calc(100vw / 1728));
    font-size: calc(160 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1;
    letter-spacing: -0.04em;
}

@media screen and (max-width: 600px) {
    .h1 {
        font-size: calc(54 * (100vw / 1728));
        font-size: calc(54 * calc(100vw / 1728));
        font-size: calc(54 * var(--unit-fx));
        letter-spacing: -0.03em;
    }
}

.h2 {
    font-family: "Bradford LL";
    font-size: calc(120 * (100vw / 1728));
    font-size: calc(120 * calc(100vw / 1728));
    font-size: calc(120 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1;
    letter-spacing: -0.03em;
}

@media screen and (max-width: 600px) {
    .h2 {
        font-size: calc(48 * (100vw / 1728));
        font-size: calc(48 * calc(100vw / 1728));
        font-size: calc(48 * var(--unit-fx));
        line-height: 1;
        letter-spacing: -0.03;
    }
}

.h3 {
    font-family: "Bradford LL";
    font-size: calc(64 * (100vw / 1728));
    font-size: calc(64 * calc(100vw / 1728));
    font-size: calc(64 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

@media screen and (max-width: 600px) {
    .h3 {
        font-size: calc(36 * (100vw / 1728));
        font-size: calc(36 * calc(100vw / 1728));
        font-size: calc(36 * var(--unit-fx));
        letter-spacing: -0.02em;
    }
}

.h4,
.wysiwyg blockquote {
    font-family: "Bradford LL";
    font-size: calc(54 * (100vw / 1728));
    font-size: calc(54 * calc(100vw / 1728));
    font-size: calc(54 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

@media screen and (max-width: 600px) {

    .h4,
    .wysiwyg blockquote,
    .m\:h4 {
        font-size: calc(24 * (100vw / 1728));
        font-size: calc(24 * calc(100vw / 1728));
        font-size: calc(24 * var(--unit-fx));
        line-height: 1.33;
        letter-spacing: -0.02em;
    }

    .m\:h4 {
        font-size: calc(24 * (100vw / 1728)) !important;
        font-size: calc(24 * calc(100vw / 1728)) !important;
        font-size: calc(24 * var(--unit-fx)) !important;
    }
}

.h4--alt {
    font-family: "Bradford LL";
    font-size: calc(54 * (100vw / 1728));
    font-size: calc(54 * calc(100vw / 1728));
    font-size: calc(54 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

@media screen and (max-width: 600px) {
    .h4--alt {
        font-size: calc(42 * (100vw / 1728));
        font-size: calc(42 * calc(100vw / 1728));
        font-size: calc(42 * var(--unit-fx));
        line-height: 1;
        letter-spacing: -0.02em;
    }
}

.h5 {
    font-family: "Bradford LL";
    font-size: calc(48 * (100vw / 1728));
    font-size: calc(48 * calc(100vw / 1728));
    font-size: calc(48 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.125;
    letter-spacing: -0.02em;
}

@media screen and (max-width: 600px) {
    .h5 {
        font-size: calc(30 * (100vw / 1728));
        font-size: calc(30 * calc(100vw / 1728));
        font-size: calc(30 * var(--unit-fx));
        line-height: 1.2;
        letter-spacing: -0.03em;
    }

    .m\:h5 {
        font-size: calc(30 * (100vw / 1728)) !important;
        font-size: calc(30 * calc(100vw / 1728)) !important;
        font-size: calc(30 * var(--unit-fx)) !important;
        line-height: 1.2;
        letter-spacing: -0.03em;
    }
}

.h6 {
    font-family: "Bradford LL";
    font-size: calc(42 * (100vw / 1728));
    font-size: calc(42 * calc(100vw / 1728));
    font-size: calc(42 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1;
    letter-spacing: -0.02em;
}

@media screen and (max-width: 600px) {
    .h6 {
        font-size: calc(36 * (100vw / 1728));
        font-size: calc(36 * calc(100vw / 1728));
        font-size: calc(36 * var(--unit-fx));
        line-height: 1.14;
        letter-spacing: -0.02em;
    }
}

.h7 {
    font-family: "Bradford LL";
    font-size: calc(36 * (100vw / 1728));
    font-size: calc(36 * calc(100vw / 1728));
    font-size: calc(36 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1;
    letter-spacing: -0.02em;
}

@media screen and (max-width: 600px) {

    .h7,
    .m\:h7 {
        font-size: calc(27 * (100vw / 1728));
        font-size: calc(27 * calc(100vw / 1728));
        font-size: calc(27 * var(--unit-fx));
        line-height: 1.11;
        letter-spacing: -0.02em;
    }
}

.text-lead,
.text-large {
    font-family: "Bradford LL";
    font-size: calc(30 * (100vw / 1728));
    font-size: calc(30 * calc(100vw / 1728));
    font-size: calc(30 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

@media screen and (max-width: 600px) {

    .text-lead,
    .text-large {
        font-size: calc(18 * (100vw / 1728));
        font-size: calc(18 * calc(100vw / 1728));
        font-size: calc(18 * var(--unit-fx));
        line-height: 1.16667;
        letter-spacing: -0.01em;
    }
}

.text-body,
.text-regular,
.text-book {
    font-family: "Bradford LL";
    font-size: calc(24 * (100vw / 1728));
    font-size: calc(24 * calc(100vw / 1728));
    font-size: calc(24 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

@media screen and (max-width: 600px) {

    .text-body,
    .text-regular,
    .text-book {
        font-size: calc(18 * (100vw / 1728));
        font-size: calc(18 * calc(100vw / 1728));
        font-size: calc(18 * var(--unit-fx));
        line-height: 1.33;
        letter-spacing: -0.02em;
    }
}

.header-nav {
    font-family: "Bradford LL";
    font-size: calc(18 * (100vw / 1728));
    font-size: calc(18 * calc(100vw / 1728));
    font-size: calc(18 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (max-width: 600px) {
    .header-nav {
        font-size: 15px;
    }
}

.text-meta,
.text-date,
.text-category,
.text-author,
.text-large-caption,
.wysiwyg small {
    font-family: "Red Hat Mono";
    font-size: calc(18 * (100vw / 1728));
    font-size: calc(18 * calc(100vw / 1728));
    font-size: calc(18 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (max-width: 600px) {

    .text-meta,
    .text-date,
    .text-category,
    .text-author,
    .text-large-caption,
    .wysiwyg small {
        font-size: 12px;
    }
}

.wysiwyg h4 {
    font-family: "Red Hat Mono";
    font-size: calc(18 * (100vw / 1728));
    font-size: calc(18 * calc(100vw / 1728));
    font-size: calc(18 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (max-width: 600px) {
    .wysiwyg h4 {
        font-size: 15px;
    }
}

.text-tag,
.text-caption,
.text-small-caption {
    font-family: "Red Hat Mono";
    font-size: calc(16 * (100vw / 1728));
    font-size: calc(16 * calc(100vw / 1728));
    font-size: calc(16 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 600px) {

    .text-tag,
    .text-caption,
    .text-small-caption {
        font-size: 12px;
    }
}

.text-caption {
    font-family: "Red Hat Mono";
    font-size: calc(16 * (100vw / 1728));
    font-size: calc(16 * calc(100vw / 1728));
    font-size: calc(16 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 600px) {
    .text-caption {
        font-size: 12px;
    }
}

/* Inputs, select, buttons */
.text-ui {
    font-family: "Red Hat Mono";
    font-size: calc(16 * (100vw / 1728));
    font-size: calc(16 * calc(100vw / 1728));
    font-size: calc(16 * var(--unit-fx));
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

@media screen and (max-width: 600px) {
    .text-ui {
        font-size: 12px;
    }
}

.text-sm,
.text-small,
.text-readtime,
.text-headline {
    font-family: "Red Hat Mono";
    font-size: calc(15 * (100vw / 1728));
    font-size: calc(15 * calc(100vw / 1728));
    font-size: calc(15 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 600px) {

    .text-sm,
    .text-small,
    .text-readtime,
    .text-headline {
        font-size: 12px;
        letter-spacing: 0;
    }
}

.text-nano,
.text-xs {
    font-family: "Red Hat Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.wysiwyg {
    font-family: "Bradford LL";
    font-size: calc(24 * (100vw / 1728));
    font-size: calc(24 * calc(100vw / 1728));
    font-size: calc(24 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

@media screen and (max-width: 600px) {
    .wysiwyg {
        font-size: calc(18 * (100vw / 1728));
        font-size: calc(18 * calc(100vw / 1728));
        font-size: calc(18 * var(--unit-fx));
        line-height: 1.33;
        letter-spacing: -0.02em;
    }
}

.wysiwyg strong {
    font-weight: 600;
}

.wysiwyg a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.wysiwyg>p:not(:first-child) {
    margin-top: 1em;
}

.wysiwyg>p:not(:last-child),
.wysiwyg>h3:not(:last-child),
.wysiwyg>h4:not(:last-child) {
    margin-bottom: 1em;
}

.wysiwyg>blockquote:not(:last-child) {
    margin-bottom: 2em;
    margin-top: 2em;
}

.wysiwyg>blockquote:not(:last-child)>p:not(:last-child) {
    margin-bottom: 0.2em;
}

.wysiwyg h3:not(:first-child),
.wysiwyg h4:not(:first-child) {
    margin-top: 3em;
}

.wysiwyg img {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    height: auto;
}

.wysiwyg strong {
    display: inline-block;
}

.wysiwyg div:not(:first-child)>strong {
    margin-top: 1em;
}

.wysiwyg div>strong {
    margin-bottom: 1em;
    font-family: "Bradford LL";
    font-size: calc(36 * (100vw / 1728));
    font-size: calc(36 * calc(100vw / 1728));
    font-size: calc(36 * var(--unit-fx));
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    letter-spacing: -0.02em;
}

@media screen and (max-width: 600px) {
    .wysiwyg div>strong {
        font-size: calc(27 * (100vw / 1728));
        font-size: calc(27 * calc(100vw / 1728));
        font-size: calc(27 * var(--unit-fx));
        line-height: 1.11;
        letter-spacing: -0.02em;
    }
}

.wysiwyg ul {
    list-style: none;
    padding-left: 0.5em;
}

.wysiwyg ul li {
    margin-bottom: 0.5em;
    position: relative;
    padding-left: 0.5em;
}

.wysiwyg ul li:before {
    content: "•";
    font-size: 0.8em;
    position: absolute;
    left: -0.5em;
    top: 0.15em;
}

.slide-up {
    --tw-translate-y: 10%;
    transform: translate(var(--tw-translate-x), 10%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: 1.8s var(--alias-easeOutSlow);
    transition-property: opacity, transform;
}

.in-view .slide-up,
.slide-up.in-view {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}

.blur-focus {
    opacity: 0;
    transform: translateY(10%);
    will-change: transform;
    filter: blur(20px);
}

.in-view .blur-focus,
.blur-focus.in-view {
    opacity: 1;
    transform: translateY(0%);
    filter: blur(0px);
    transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 1.8s var(--alias-easeOut);
}

.scale-out {
    transform: scale(1.2);
    will-change: transform;
}

.in-view .scale-out,
.scale-out.in-view {
    transform: scale(1);
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOut);
}

.scale-in {
    opacity: 0;
    transform: scale(0.8);
    will-change: transform;
}

.in-view .scale-in,
.scale-in.in-view {
    opacity: 1;
    transform: scale(1);
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOut);
}

.fade-in {
    opacity: 0;
}

.in-view .fade-in,
.scale-in.in-view {
    opacity: 1;
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOut);
}

.fade-in-and-scale-out {
    opacity: 0;
    transform: scale(1.2);
    will-change: transform;
}

.in-view .fade-in-and-scale-out,
.fade-in-and-scale-out.in-view {
    opacity: 1;
    transform: scale(1);
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOut);
}

.scale-out-and-slide-up {
    opacity: 0;
    transform: translateY(50%) scale(1.2);
    will-change: transform;
}

.in-view .scale-out-and-slide-up,
.scale-out-and-slide-up.in-view {
    opacity: 1;
    transform: translateY(0%) scale(1);
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOutSlow);
}

.slide-up-slow {
    opacity: 0;
    transform: translateY(25%) scale(1.2);
    will-change: transform;
}

.in-view .slide-up-slow,
.slide-up-slow.in-view {
    opacity: 1;
    transform: translateY(0%) scale(1);
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOutSlow);
}

.slide-up-noscale {
    opacity: 0;
    transform: translateY(25%);
    will-change: transform;
}

.in-view .slide-up-noscale,
.slide-up-noscale.in-view {
    opacity: 1;
    transform: translateY(0%);
    transition: all 2.3s cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 2.3s var(--alias-easeOutSlow);
    transition-delay: 0.75s;
}

/**
 * @file
 * Recommended Lenis styles.
 */
/* This conflicts with the sticky footer. Seems okay with out it. */
/*
html.lenis, html.lenis body {
  height: auto;
}
*/
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling img,
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* All Multiline */
.has-js split-text {
    opacity: 0;
}

.has-js split-text.ready {
    opacity: 1;
}

split-text a,
split-text a * {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

split-text strong,
split-text b {
    line-height: inherit;
    font-size: inherit;
}

split-text u,
split-text u * {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

split-text i,
split-text span,
split-text a,
split-text b {
    display: inline-block;
}

split-text {
    position: relative;
    display: block;
}

split-text [data-word-index] {
    position: relative;
}

split-text [data-word-index] span {
    position: relative;
}

split-text [data-line-wrapper]:not(:first-child) {
    margin-top: -0.4em;
}

split-text [data-line-wrapper] {
    margin-left: -0.2em;
    margin-right: -0.2em;
}

split-text [data-line],
split-text [data-line-wrapper] {
    display: block;
    overflow: hidden;
}

split-text [data-line] {
    padding: 0.2em;
}

/* Multiline Masked title */
split-text[by=lines] [data-word]>span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%) translateZ(0);
    will-change: transform;
    position: relative;
}

.is-ready .in-view split-text[by=lines] .ready [data-word]>span,
.is-ready split-text[by=lines] .ready.in-view [data-word]>span {
    opacity: 1;
    transform: translateY(0%) translateZ(0);
    transition: all 1.3s calc(var(--all-word-index) * 0.03s + var(--delay) * 1s) cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 1.3s calc(var(--all-word-index) * 0.03s + var(--delay) * 1s) var(--alias-easeOut);
}

/* Multiline Masked title */
.is-ready .in-view split-text[by=lines].ready [data-word]>span,
.is-ready split-text[by=lines].ready.in-view [data-word]>span {
    opacity: 1;
    transform: translateY(0%) translateZ(0);
    transition: all 1.3s calc(var(--line-index) * 0.07s + var(--delay) * 1s) cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 1.3s calc(var(--line-index) * 0.07s + var(--delay) * 1s) var(--alias-easeOut);
}

split-text[by=letters] [data-letter] {
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(100%) translateZ(0);
    will-change: transform;
}

.is-ready .in-view split-text[by=letters].ready [data-letter],
.is-ready split-text[by=letters].ready.in-view [data-letter] {
    opacity: 1;
    transform: translateY(0%) translateZ(0);
    transition: all 1.3s calc(var(--letter-index) * 0.03s + var(--line-index) * 0.15s) cubic-bezier(0.43, 0.195, 0.02, 1);
    transition: all 1.3s calc(var(--letter-index) * 0.03s + var(--line-index) * 0.15s) var(--alias-easeOut);
}

#page-header .c-uhfh,
#footerArea {
    display: none !important;
}

#uhfSkipToMain {
    display: none !important;
}

a.new-skip-to-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -2;
}

a.new-skip-to-main:hover {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -2;
}

a.new-skip-to-main:focus,
a.new-skip-to-main:active {
    display: block !important;
    background: #e6e6e6;
    color: #0067b8;
    position: fixed;
    top: 0;
    left: 0;
    padding: 24px;
    width: auto;
    height: auto;
    overflow: auto;
    right: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-align: center;
    z-index: 800;
    outline: none;
}

a.new-skip-to-main:focus {
    border: 1px dashed #000;
}

.mejs-container * {
    font-family: Helvetica, Arial !important;
    font-family: "Red Hat Mono" !important;
    font-size: calc(16 * (100vw / 1728)) !important;
    font-size: calc(16 * calc(100vw / 1728)) !important;
    font-size: calc(16 * var(--unit-fx)) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #5D524B !important;
}

.mejs-container .mejs-controls {
    background: #F7ECD9 !important;
    padding: 0 30px !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #5D524B !important;
}

.mejs-controls .mejs-time-loaded {
    background: rgba(255, 255, 255, 0.1) !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: linear-gradient(to bottom, transparent 4.5px, black 4.5px, black 5.5px, transparent 5.5px) !important;
}

.mejs-play>button {
    background-position: 0 0 !important;
    background-size: 20px 20px !important;
}

.mejs-button>button {
    background-image: url(./assets/images/play-icon.svg) !important;
    border: 0;
}

.mejs-pause>button {
    background-image: url(./assets/images/pause-icon.svg) !important;
    background-position: 0 0 !important;
    background-size: 20px 20px !important;
    border: 0;
}

.mejs-time-handle {
    background: #5D524B !important;
    height: 100%;
    border: 0.5px solid transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.mejs-time-handle-content {
    visibility: hidden !important;
}

.mejs-time-buffering,
.mejs-time-current,
.mejs-time-hovered,
.mejs-time-loaded {
    background: none !important;
}

.mejs-mute>button,
.mejs-unmute>button,
.mejs-button.mejs-volume-button.mejs-mute,
.mejs-horizontal-volume-slider {
    display: none !important;
}

.mejs-time {
    width: auto !important;
    height: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding-top: 0.05em !important;
    align-items: center !important;
}

.mejs-time-float {
    width: 60px !important;
    border: none !important;
    background: #5d524b !important;
    color: #fff !important;
    padding: 2px 0 !important;
    font-size: 14px !important;
    text-align: center !important;
}

.mejs-time-float-corner {
    border-color: #5d524b transparent transparent !important;
}

.mejs-time-float-current {
    height: 23px !important;
    background: none !important;
    border: none !important;
    color: #f8eedd !important;
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important;
}

.mejs-button>button:focus {
    outline: revert !important;
}

html.accessibility-mode *,
html.accessibility-mode :after,
html.accessibility-mode :before {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: scroll !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
}

@media (forced-colors: active) {
    .benefits-section img {
        display: 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: 0;
}

.no-transition *,
.no-transition *:before,
.no-transition *:after {
    transition: none !important;
}

.max-w-max {
    max-width: calc(12 * (112 * (100vw / 1728)) + 11 * (26 * (100vw / 1728)));
    max-width: calc(12 * calc(112 * calc(100vw / 1728)) + 11 * calc(26 * calc(100vw / 1728)));
    max-width: calc(12 * var(--col) + 11 * var(--gutter));
}

@media screen and (max-width: 600px) {
    .max-w-max {
        max-width: calc(2 * (112 * (100vw / 1728)) + 1 * (26 * (100vw / 1728)));
        max-width: calc(2 * calc(112 * calc(100vw / 1728)) + 1 * calc(26 * calc(100vw / 1728)));
        max-width: calc(2 * var(--col) + 1 * var(--gutter));
    }
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: calc(26 * (100vw / 1728));
    grid-gap: calc(26 * calc(100vw / 1728));
    grid-gap: calc(26 * var(--unit-fx));
    gap: calc(26 * (100vw / 1728));
    gap: calc(26 * calc(100vw / 1728));
    gap: calc(26 * var(--unit-fx));
}

.tag {
    color: #5D524B;
    display: inline-block;
    border-radius: calc(3 * (100vw / 1728));
    border-radius: calc(3 * calc(100vw / 1728));
    border-radius: calc(3 * var(--unit-fx));
    --tw-bg-opacity: 1;
    background-color: rgba(245, 238, 224, 1);
    background-color: rgba(245, 238, 224, var(--tw-bg-opacity));
    padding-left: calc(20 * (100vw / 1728));
    padding-left: calc(20 * calc(100vw / 1728));
    padding-left: calc(20 * var(--unit-fx));
    padding-right: calc(20 * (100vw / 1728));
    padding-right: calc(20 * calc(100vw / 1728));
    padding-right: calc(20 * var(--unit-fx));
    padding-top: calc(4 * (100vw / 1728));
    padding-top: calc(4 * calc(100vw / 1728));
    padding-top: calc(4 * var(--unit-fx));
    padding-bottom: calc(4 * (100vw / 1728));
    padding-bottom: calc(4 * calc(100vw / 1728));
    padding-bottom: calc(4 * var(--unit-fx));
    font-family: "Red Hat Mono";
    font-size: calc(16 * (100vw / 1728));
    font-size: calc(16 * calc(100vw / 1728));
    font-size: calc(16 * var(--unit-fx));
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 600px) {
    .tag {
        font-size: 12px;
    }
}

.button-primary {
    --button-background-color: #F7ECD9;
    --button-text-color: #5D524B;
    color: #5D524B;
    color: var(--button-text-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: nowrap;
    font-family: "Red Hat Mono";
    font-size: calc(16 * (100vw / 1728));
    font-size: calc(16 * calc(100vw / 1728));
    font-size: calc(16 * var(--unit-fx));
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

@media screen and (max-width: 600px) {
    .button-primary {
        font-size: 12px;
    }
}

.button-primary>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(56 * (100vw / 1728));
    height: calc(56 * calc(100vw / 1728));
    height: calc(56 * var(--unit-fx));
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: calc(30 * (100vw / 1728));
    border-radius: calc(30 * calc(100vw / 1728));
    border-radius: calc(30 * var(--unit-fx));
    padding-top: calc(20 * (100vw / 1728));
    padding-top: calc(20 * calc(100vw / 1728));
    padding-top: calc(20 * var(--unit-fx));
    padding-bottom: calc(20 * (100vw / 1728));
    padding-bottom: calc(20 * calc(100vw / 1728));
    padding-bottom: calc(20 * var(--unit-fx));
    padding-left: calc(50 * (100vw / 1728));
    padding-left: calc(50 * calc(100vw / 1728));
    padding-left: calc(50 * var(--unit-fx));
    padding-right: calc(50 * (100vw / 1728));
    padding-right: calc(50 * calc(100vw / 1728));
    padding-right: calc(50 * var(--unit-fx));
    background-color: var(--button-background-color);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s var(--alias-easeOutCubic);
}

.button-primary>svg {
    margin-left: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(56 * (100vw / 1728));
    height: calc(56 * calc(100vw / 1728));
    height: calc(56 * var(--unit-fx));
    width: calc(56 * (100vw / 1728));
    width: calc(56 * calc(100vw / 1728));
    width: calc(56 * var(--unit-fx));
    align-items: center;
    justify-content: center;
    border-radius: calc(3 * (100vw / 1728));
    border-radius: calc(3 * calc(100vw / 1728));
    border-radius: calc(3 * var(--unit-fx));
    fill: none;
    background-color: var(--button-background-color);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s var(--alias-easeOutCubic);
}

.button-primary:hover>svg {
    border-radius: 100%;
}

@media screen and (max-width: 600px) {
    .button-primary>span {
        height: calc(39 * (100vw / 1728));
        height: calc(39 * calc(100vw / 1728));
        height: calc(39 * var(--unit-fx));
        border-radius: calc(21 * (100vw / 1728));
        border-radius: calc(21 * calc(100vw / 1728));
        border-radius: calc(21 * var(--unit-fx));
        padding-top: calc(14 * (100vw / 1728));
        padding-top: calc(14 * calc(100vw / 1728));
        padding-top: calc(14 * var(--unit-fx));
        padding-bottom: calc(14 * (100vw / 1728));
        padding-bottom: calc(14 * calc(100vw / 1728));
        padding-bottom: calc(14 * var(--unit-fx));
        padding-left: calc(35 * (100vw / 1728));
        padding-left: calc(35 * calc(100vw / 1728));
        padding-left: calc(35 * var(--unit-fx));
        padding-right: calc(35 * (100vw / 1728));
        padding-right: calc(35 * calc(100vw / 1728));
        padding-right: calc(35 * var(--unit-fx));
    }

    .button-primary>svg {
        height: calc(39 * (100vw / 1728));
        height: calc(39 * calc(100vw / 1728));
        height: calc(39 * var(--unit-fx));
        width: calc(39 * (100vw / 1728));
        width: calc(39 * calc(100vw / 1728));
        width: calc(39 * var(--unit-fx));
    }
}

@media (forced-colors: active) {
    .button-primary>svg {
        background-color: Canvas;
    }

    .contrast-text {
        color: CanvasText !important;
    }

    .contrast-background {
        background: Canvas !important;
    }

    .contrast-border {
        border: solid 1px CanvasText !important;
    }
}

.clickarea {
    position: relative;
}

.clickarea__link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ANIMATIONS */
.fadeIn {
    display: block;
    will-change: opacity, transform;
    opacity: 1;
    transform: translateZ(0);
    animation: 0s cubic-bezier(0.43, 0.195, 0.02, 1) 0s forwards fadeout;
}

.is-active .fadeIn {
    opacity: 0;
    animation: 2s cubic-bezier(0.43, 0.195, 0.02, 1) forwards fadein;
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateZ(0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

/* Impact Sectors Section */
.block-impact {
    position: relative;
    padding: 10rem 0;
    background-color: #FEF9ED;
    color: #5D524B;
    overflow: hidden;
}

.impact-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.impact-header {
    text-align: center;
    margin-bottom: 5rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.impact-title {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 400;
    margin-bottom: 1rem;
    color: #5D524B;
    letter-spacing: -0.02em;
}

.impact-subtitle {
    font-size: 1.125rem;
    line-height: 1.6;
    opacity: 0.8;
}

.impact-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.impact-card {
    background: #FFFFFF;
    border: 1px solid rgba(93, 82, 75, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    flex: 0 1 350px;
    width: 100%;
    min-width: 300px;
}

.impact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(93, 82, 75, 0.08);
    border-color: rgba(166, 124, 82, 0.3);
}

.impact-icon-wrapper {
    width: 72px;
    height: 72px;
    background: #FBF4E5;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: #A67C52;
    transition: all 0.3s ease;
}

.impact-icon-wrapper svg {
    width: 36px;
    height: 36px;
}

.impact-card:hover .impact-icon-wrapper {
    background: #5D524B;
    color: #FEF9ED;
    transform: scale(1.1) rotate(-3deg);
}

.impact-card-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #5D524B;
    line-height: 1.2;
}

.impact-card-tags {
    margin-top: auto;
    padding-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.sdg-tag {
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    background: rgba(166, 124, 82, 0.1);
    color: #A67C52;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

.impact-card:hover .sdg-tag {
    background: #A67C52;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .block-impact {
        padding: 6rem 0;
    }

    .impact-header {
        margin-bottom: 3rem;
        padding: 0 1rem;
    }

    .impact-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translateZ(0);
    }
}

.anim--underline {
    position: relative;
}

.anim--underline>span {
    position: relative;
    z-index: 3;
    text-shadow: 2px 0px 0px #fff, 0px 2px #fff, -2px 0px #fff, 0px -2px #fff;
}

.anim--underline:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    animation: 0s cubic-bezier(0.43, 0.195, 0.02, 1) 0s forwards scaleXOut;
    transform-origin: 100% 0;
}

.is-active .anim--underline:before {
    animation: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1) 0s forwards scaleXIn;
    transform-origin: 0% 0;
}

@keyframes scaleXIn {
    0% {
        transform: scaleX(0) translateZ(0);
    }

    to {
        transform: scaleX(1) translateZ(0);
    }
}

@keyframes scaleXOut {
    0% {
        transform: scaleX(1) translateZ(0);
    }

    to {
        transform: scaleX(0) translateZ(0);
    }
}

@keyframes burger_line1_start {
    0% {
        transform: scaleX(0) translateZ(0);
    }

    100% {
        transform: scaleX(1) translateZ(0);
    }
}

@keyframes burger_line1_end {
    0% {
        transform: translateX(0%) scaleX(0) translateZ(0);
    }

    100% {
        transform: translateX(115%) scaleX(0.15) translateZ(0);
    }
}

@keyframes burger_line1_start_leave {
    0% {
        transform: scaleX(1) translateZ(0);
    }

    100% {
        transform: scaleX(0) translateZ(0);
    }
}

@keyframes slow_line_start {
    0% {
        transform: translateX(0%) scaleX(0) translateZ(0);
    }

    100% {
        transform: translateX(0%) scaleX(1) translateZ(0);
    }
}

@keyframes slow_line_start2 {
    0% {
        transform: translateX(0%) translateZ(0);
    }

    100% {
        transform: translateX(115%) translateZ(0);
    }
}

@keyframes burger_line2_start {
    0% {
        transform: scaleX(0) translateZ(0);
    }

    100% {
        transform: scaleX(1) translateZ(0);
    }
}

@keyframes burger_line2_end {
    0% {
        transform: translateX(0%) scaleX(0) translateZ(0);
    }

    100% {
        transform: translateX(-115%) scaleX(0.15) translateZ(0);
    }
}

@keyframes burger_close_line1 {
    0% {
        transform: translateY(-2.5px) rotate(0deg) scale(1) translateZ(0);
    }

    50% {
        transform: translateY(0) rotate(45deg) scale(1) translateZ(0);
    }

    100% {
        transform: translateY(0) rotate(45deg) scaleX(0.7) translateZ(0);
    }
}

@keyframes burger_close_line2 {
    0% {
        transform: translateY(2.5px) rotate(0deg) scale(1) translateZ(0);
    }

    50% {
        transform: translateY(0) rotate(-45deg) scale(1) translateZ(0);
    }

    100% {
        transform: translateY(0) rotate(-45deg) scaleX(0.7) translateZ(0);
    }
}

@keyframes underline_start {
    0% {
        transform: scaleX(1) translateZ(0);
    }

    100% {
        transform: scaleX(0) translateZ(0);
    }
}

@keyframes underline_end {
    0% {
        transform: scaleX(0) translateZ(0);
    }

    100% {
        transform: scaleX(1) translateZ(0);
    }
}

table.fixed {
    position: relative;
}

.hidden-by-limit {
    display: none !important;
}

.footer-menu .menu-item:hover>a {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.footer-menu .menu-item.current-menu-item>a,
.footer-menu .menu-item.current-menu-ancestor>a,
.footer-menu .menu-item.current_page_parent>a {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.debug-grid {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100vh;
    pointer-events: none;
    max-width: calc(1px * 1728);
    max-width: calc(1px * var(--max-width));
    z-index: 999;
    display: none !important;
    grid-template-columns: repeat(12, 1fr);
    gap: calc(26 * (100vw / 1728));
    gap: calc(26 * calc(100vw / 1728));
    gap: calc(26 * var(--unit-fx));
    /* gutter */
    max-width: calc(12 * 112 * calc(100vw / 1728) + 11 * 26 * calc(100vw / 1728));
    max-width: calc(12 * 112 * var(--unit-fx) + 11 * 26 * var(--unit-fx));
    margin: 0 auto;
    /* centers it = outer gutters */
}

.is-debug .debug-grid {
    display: grid !important;
}

.debug-col {
    position: relative;
    background: rgba(255, 0, 0, 0.1019607843);
    height: 100%;
}

@media screen and (max-width: 600px) {
    .debug-grid {
        padding: 0;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(26 * (100vw / 1728));
        gap: calc(26 * calc(100vw / 1728));
        gap: var(--gutter);
        max-width: calc(2 * (112 * (100vw / 1728)) + 1 * (26 * (100vw / 1728)));
        max-width: calc(2 * calc(112 * calc(100vw / 1728)) + 1 * calc(26 * calc(100vw / 1728)));
        max-width: calc(2 * var(--col) + 1 * var(--gutter));
        margin: 0 auto;
    }

    .debug-col {
        width: calc(112 * (100vw / 1728));
        width: calc(112 * calc(100vw / 1728));
        width: var(--col);
    }
}

/* Active Hero Button Styles - Refined */
.hero-btn-wrapper {
    position: fixed;
    bottom: 12vh;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    z-index: 20;
    pointer-events: none;
    display: flex;
    justify-content: center;
}

.hero-btn {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 3rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #FEF9ED;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.hero-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #FEF9ED;
    transform: scale(1.05);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    color: #fff;
}

.hero-btn svg {
    margin-left: 1rem;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-btn:hover svg {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .hero-btn-wrapper {
        bottom: 20vh;
    }

    .hero-btn {
        padding: 0.8rem 2.2rem;
        font-size: 0.95rem;
    }
}

/* Custom Hero Button Styles */
.btn-hero-custom {
    margin-top: 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8em 1.8em;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.25);
    border: 2px solid #89CFF0;
    color: #89CFF0;
    backdrop-filter: blur(40px) saturate(180%);
    -webkit-backdrop-filter: blur(40px) saturate(180%);
    white-space: nowrap;
    gap: 0.5em;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(255, 255, 255, 0.1);
}

.btn-hero-custom:hover {
    background-color: #FEF9ED;
    color: #5D524B;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 0 20px rgba(254, 249, 237, 0.4);
}

.btn-hero-custom svg {
    transition: transform 0.4s ease;
}

.btn-hero-custom:hover svg {
    transform: translateX(5px);
}

/* Impact Stats Section Styles */
#impact-stats {
    position: relative;
    z-index: 10;
    overflow: hidden;
}

#impact-stats .stat-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

#impact-stats.is-visible .stat-item {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered transition delays */
#impact-stats.is-visible .stat-item:nth-child(1) {
    transition-delay: 0.1s;
}

#impact-stats.is-visible .stat-item:nth-child(2) {
    transition-delay: 0.3s;
}

#impact-stats.is-visible .stat-item:nth-child(3) {
    transition-delay: 0.5s;
}

.stat-number {
    background: linear-gradient(135deg, #A67C52 0%, #5D524B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #impact-stats .stat-item {
        margin-bottom: 2rem;
    }

    #impact-stats .stat-item:last-child {
        margin-bottom: 0;
    }
}

/* Custom Hero Button Colors based on Slide Images */

/* Button 1: AI Solutions */
.slide-btn-1 {
    border-color: #89CFF0;
    color: #89CFF0;
}

.slide-btn-1:hover {
    background-color: #89CFF0;
    color: #1a1a1a;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 0 20px rgba(137, 207, 240, 0.4);
}

/* Button 2: IoT Solutions */
.slide-btn-2 {
    border-color: #FFB0E0;
    color: #FFB0E0;
}

.slide-btn-2:hover {
    background-color: #FFB0E0;
    color: #1a1a1a;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 0 20px rgba(255, 176, 224, 0.4);
}

/* Button 3: MVP Build */
.slide-btn-3 {
    border-color: #FFCAA0;
    color: #FFCAA0;
}

.slide-btn-3:hover {
    background-color: #FFCAA0;
    color: #1a1a1a;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 0 20px rgba(255, 202, 160, 0.4);
}