/* $$$$$$$$$$ automatically generated by collect_static_of_pages $$$$$$$$$$ */
/* $$$$$$$$$$ at: 2025-04-27 07:41:17.184888+00:00 $$$$$$$$$$ */


/* $$$$$$$$$$ original_file: website/templates/website/css/theme.css $$$$$$$$$$ */

@font-face {
    font-family: "Pathway Extreme";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/l/font?kit=neI6zCC3pJ0rsaH2_sD-QttXPfDPonvkQ-pxx5gufvP2VmLjiFyxGf8BLymNjYv2Oy6vkLmw4xakP9p1LjSIgSPDWKXhQDuSrJ_x0q2M7eOFnis9-kknkiUi35gy4aRwlyRuAMkTTkDwV7s_OK71DQsAvgUr2Fi3ihUKYqs4vyRY0Pokc_e5fAk0vNbXbNvGR50UnIz31B100w8UVqx71PZD83JQQzrz7Qq6URZT4lTnrfBiCiXRN71fxIEFSrizxK6yARxilohavqSB3vXDu9XhEqU8uKeAA7Gv3jLEEb8q6CBRCg0LPfF52dCXSPl_SVIm1rH5Nt-i_cN4W7sUHvTkbNxcWMTJhXm1p87YnD3kPo38l-5ekpCRuUZg9te1JHjYgLtMz92hvzS284i4lekR8MzrXTwLrMQf9_TS8EAlPK44biLcTP9AdHNjxxifzHaiBXFV8VOT_jsasc_98JB51T_JRgWCBEWdyU9wj_p5h5cCGH9W8CHr6WPvDgbTq3JJjX9V8Hm5BMcEm-OuPG-76SZbFfUCqoO4x4VlRaZddeLk8fy1mFR6goYrSZBLa7WZDqjvJDQVU1BMS0R06d7Xlo1d6e7vy449cD59WEn71TBO5ZFqfsiP0PdgMBdQhATL_GOY00vF077-hQB2lXOS9TSp9mQySrcV&skey=11b8e012eb3dad06&v=v3)
        format("woff2");
}
@font-face {
    font-family: "Kulim Park";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/l/font?kit=fdN79secq3hflz1Uu3IwtFs-Wq1RQ54KJxJqeXTYx-tY9adwvrqo2tRjvCbjqEnhicOwuj3-XuQD1PPwN9cAvIW7OpTL1Gni_Px4TTzFEKg0dhdYBq9ggfBQmmSaNmUXOWvNs4ZbOE9rGzIgbJRqI-e5J9TjLlBI1nQNmaeUjh6AuzQZpvsKXSQMkvF0_Cj7_JwWej7rnYEx-IqNC4NDHRfh_wJBDQFkO3WldrWaCmwlDLBd4ngOJUL1u8W0Tc9eklak6Y-kQ1PnauLm_nh-C_9-1r4LRdNBUYQ2RWUaUtGuzP736EJ5BuDK3ucDFu0WS1TKRcM2TOe6w5PzFQ-XbviVRdoG_N0uMxfIy3UM-U-q7CJWnyJVn6LpY0pyVrGUeAehmZ7SGfnLzcW_0pd_exuMr99TcbKh71iAsvG6-UnC-m_8KGGPZb8AAx3Dxt3P5V0daZpFXnn-OJ44ZBeEXKS1Fm8yb1lk4mBQ_D86OqN2knTG29hn_3TC57xfcoG-sffoDjeSolPZ7xm7b-YvGQfSX-_F0MwMIjKWIBt2T01ZZ-VJ6vvdika7oVVZZwAbDOjy1bXdOJBpth1y0xw-wsrFHtACHd2THWTHgmuK8Q&skey=594e1fb0cd5363c9&v=v14)
        format("woff2");
}
@font-face {
    font-family: "Kulim Park";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/l/font?kit=fdN49secq3hflz1Uu3IwjIYIwatC2r4PIBdpdHvVxO5f8KRtoaer39NmvyvspUrkjsazxkGCW-MG1_7_OtQFu4C4J4vW12zl-f91QjHGFKwwSyhlBapnhPNdlWmZM2ISOnbSroVeP0poFj0tb5FtJllnmpaDbBMJlDNM3ODQy1XE8X9Q7LNDEmxC3bw6sGWqsMxHLW6-yttkodDVUtwbQ0iCoWAibGMDWhDCEtDxbgZOZdo1ixdmSy2Y1anZPKMu4yHUnPjeNiqdEpuZhgYBd4Y7rf1JCZAMHdx7HD18C7bIrJmWiDIYd5C4r5Rxa55oNiu0Pb1xNab8g9KwVVjUOK_EE4pXr418YEialSpVpxfzt3oMxEUP-cWYBToDJcHmC3rT5eOtZ6u2kpXjjcwjCED-3KAhD83akSL03YTbnQGntyOyZSXBDtZ0LB3Dx93P_F0daJpFaXn-OZ44axeEXaS1EW8ybllk_WBQ_T86NaN2k3TH8Nhn_nTB8rxfc4G-svfoDzeSpVPZ7hm7ZuYvGAfSQu_F0cwMJDKWExt2Tk1ZZOVJ6_vdk0a7oFVYWAAbDejyxLXdOZBptR1y0hw-48rFH9M5Mt2THGTHvWuI_6bd4A&skey=aa907525432ab996&v=v14)
        format("woff2");
}
@font-face {
    font-family: "Kulim Park";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/l/font?kit=fdN49secq3hflz1Uu3IwjOIJwatC2r4PIBdpdHvVxO5f8KRtoaer39NmvyvspUrkjsazxkGCW-MG1_7_OtQFu4C4J4vW12zl-f91QjHGFKwwSyhlBapnhPNdlWmZM2ISOnbSroVeP0poFj0tb5FtJllnmpaDbBMJlDNM3ODQy1XE8X9Q7LNDEmxC3bw6sGWqsMxHLW6-yttkodDVUtwbQ0iCoWAibGMDWhDCEtDxbgZOZdo1ixdmSy2Y1anZPKMu4yHUnPjeNiqdEpuZhgYBd4Y7rf1JCZAMHdx7HD18C7bIrJmWiDIYd5C4r5Rxa55oNiu0Pb1xNab8g9KwVVjUOK_EE4pXr418YEialSpVpxfzt3oMxEUP-cWYBToDJcHmC3rT5eOtZ6u2kpXjjcwjCED-3KAhD83akSL03YTbnQGntyOyZSXBDtZ0LB3Dx93P_F0daJpFaXn-OZ44axeEXaS1EW8ybllk_WBQ_T86NaN2k3TH8Nhn_nTB8rxfc4G-svfoDzeSpVPZ7hm7ZuYvGAfSQu_F0cwMJDKWExt2Tk1ZZOVJ6_vdk0a7oFVYWAAbDejyxLXdOZBptR1y0hw-48rFH9M5Mt2THGTHvWuI_6bd4A&skey=caa282a6e90554f1&v=v14)
        format("woff2");
}
@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/l/font?kit=nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDVfG3j3XeJP2-yNYDAXbDISmM3m42UDYNQJS6ggWSbC1hGtlM6vLEyWRCtNUl7jZTgEF77EmSbGMLYWk0dm7JG36tU-r1-M2gST1ZAdmt5aGCZBoPu8Mc5i7-9xu7ul2n7199fWAJUDRCsJSuO8N4ZIcI0xIOrR3z-QVbYxzfWcIHgvHL8cAskgRJ8GY0loEeXQ1ud1vig-nJm08wVaAPVb-woZdLgEiSJuzCSFP_Y9vthMBbxhyP15_CV_k6SnJ-V08IvAPL1XGzG_XpfV8C18LqrAAwKPL7e-2RkzUl1QQeT8Rn8k5DYcdV43dZL4SXLaOJz-mCnmw9YxPPfcEVBmzQJK3RW-wDuWGw0-M-a7_KyyJVuz7GhRgdYuCL-FYPWpqOReEJf4no7hFOU8Rvmt0mtC4d0pN_aCs7ktSGKtn3n4PsRtgzd1da0YKoHgD_lSvidYBfXEJ_VleJMLQsPYevOTGm1cKmOxKdHQ4v9HoR9AdXkGdSXKA_SEIKngyGxw7VXEs6Y-TVm-mu_60RdNpjQ2NBkHToWFJvQP48brWNyykPVoATJFrGgXRKNTGfPLhsqWbk9pkwi99ySRlE&skey=f3b68f0152604ed9&v=v37)
        format("woff2");
}

:root {
    /* colors */
    --prune-950: rgba(54, 8, 66, 1);
    --prune-400: rgba(175, 156, 179, 1);
    --lime-600: rgba(211, 228, 88, 1);
    --lime-300: rgba(242, 242, 205, 1);
    --baltic-950: rgba(0, 33, 41, 1);
    --baltic-800: rgba(24, 78, 85, 1);
    --baltic-700: rgba(64, 113, 120, 1);
    --baltic-500: rgba(160, 184, 188, 1);
    --parme-500: rgba(209, 209, 255, 1);
    --parme-400: rgba(224, 224, 255, 1);
    --parme-300: rgba(236, 236, 255, 1);
    --parme-200: rgba(243, 243, 255, 1);
    --celadon-200: rgba(242, 246, 244, 1);
    --red: #dc2626;

    /* fonts */
    --title-font-family: "Pathway Extreme", Helvetica, Arial, sans-serif;
    --body-font-family: "Kulim Park", Helvetica, Arial, sans-serif;
    --quote-font-family: "Playfair Display", Helvetica, Arial, sans-serif;

    font-size: 100%;
    font-family: var(--body-font-family);
    line-height: 1.5;
    letter-spacing: 0.01em;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    :root {
        font-size: 110%;
    }
}


/* $$$$$$$$$$ original_file: website/templates/website/css/base.css $$$$$$$$$$ */

body {
    margin: 0;

    background-color: var(--page-bg-color, var(--prune-950));
    color: var(--page-color, var(--parme-200));
}

a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

h1,
h2,
h3 {
    font-family: var(--title-font-family);
    text-wrap: balance;
}

em {
    font-family: var(--quote-font-family);
}

button {
    padding: 12px;
    font-size: 0.85rem;
    letter-spacing: 0.04em;

    background-color: var(--lime-600);
    color: var(--baltic-950);
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid var(--baltic-700);
    cursor: pointer;
}

button:hover {
    opacity: 80%;
}

li {
    padding-top: 6px;
    padding-bottom: 6px;
    max-width: 800px;
}

p {
    max-width: 800px;
}

summary {
    cursor: pointer;
}

textarea {
    resize: none;
}

form {
    display: flex;
    flex-direction: column;
    align-items: start;
}

form > p {
    display: flex;
    flex-direction: column;

    margin-top: 8px;
    margin-bottom: 8px;
}

input,
textarea {
    border-radius: 5px;
    padding: 8px;
    max-width: 300px;
    font-family: var(--body-font-family);
    color: var(--prune-950);

    background-color: var(--celadon-200);
    border: none;
}

.form-error-field > input,
.form-error-field > textarea {
    border: 2px var(--red) solid;
}

.form-error-list {
    display: flex;
    flex-direction: column;
}

.form-error-message {
    font-size: 0.8rem;
    color: var(--red);
}

.form-error-message::before {
    content: "• ";
}

label {
    font-family: var(--body-font-family);
    padding-bottom: 4px;
    font-size: 0.9rem;
}

input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin-left: 8px;
    margin-top: 4px;
}

p:has(input[type="checkbox"]) {
    display: flex;
    flex-direction: row;
}

.optional {
    display: block;
}


/* $$$$$$$$$$ original_file: website/templates/website/css/mixins.css $$$$$$$$$$ */

.mx-dark-link {
    color: var(--baltic-800);
    text-decoration: underline;
    font-weight: 800;
}

.mx-dark-link:hover {
    opacity: 60%;
}

.mx-container {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.mx-icon-on-light-bg {
    fill: var(--prune-950);
}

.mx-icons-on-default-bg {
    fill: var(--parme-400);
}


/* $$$$$$$$$$ original_file: website/templates/website/components/header.css $$$$$$$$$$ */

.header {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 8px;

    border-bottom: 1px solid var(--page-color);
}

.header-logo-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    position: relative;
}

.header svg {
    fill: var(--page-color);
}

.header-logo {
    width: 100px;
}

/*Menu*/
.header-menu[data-open="false"] {
    display: none;
}

.header-menu[data-open="true"] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70%;
    right: 0;
    width: 40%;

    color: var(--prune-950);
    background-color: var(--parme-200);
    box-shadow: 0 2px 4px black;
    border-radius: 8px;
}

.header-menu li {
    display: flex;
    flex-wrap: wrap;

    list-style-type: none;
}

.header-menu-toggle {
    padding: 6px;
    border: var(--page-color) 1px solid;
    color: var(--page-color);
    border-radius: 8px;

    cursor: pointer;
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .header-menu-toggle {
        display: none;
    }

    .header-menu[data-open="false"],
    .header-menu[data-open="true"] {
        display: flex;
        flex-direction: row;
        gap: 16px;
        width: 100%;
        margin: 0;
    }

    .header-menu > li {
        padding: 6px;
        cursor: pointer;
    }

    .header-menu > li:nth-child(2) {
        color: var(--prune-950);
        background-color: var(--parme-200);
        border: solid 1px var(--prune-950);
        border-radius: 6px;
    }

    .header-menu > li > a:nth-child(1):hover {
        text-decoration: underline;
    }
}


/* $$$$$$$$$$ original_file: website/templates/website/components/footer.css $$$$$$$$$$ */

.footer {
    padding-top: 64px;
    padding-bottom: 64px;

    border-top: 1px solid var(--page-color);
}

/*footer subclass to apply mx-container*/
.footer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
}

.footer-col > a {
    color: var(--page-color);
    text-decoration: underline;
}

/* separate a by circle*/
.footer-bullet {
    width: 4px;
    height: 4px;
    border-radius: 100px;

    background-color: var(--page-color);
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .footer-col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}


/* $$$$$$$$$$ original_file: website/templates/website/components/title-icon.css $$$$$$$$$$ */

.title-icon {
    width: 24px;
    padding-right: 12px;
    flex-shrink: 0;

    opacity: 0%;
}

.title-icon.animated {
    animation: title_icon_animation 1.5s ease-out forwards;
}

@keyframes title_icon_animation {
    from {
        transform: translateX(-36px);
        opacity: 0%;
    }
    to {
        transform: translateX(0px);
        opacity: 100%;
    }
}


/* $$$$$$$$$$ original_file: website/templates/website/components/breadcrumbs.css $$$$$$$$$$ */

.breadcrumbs {
    display: flex;
    flex-direction: row;
    gap: 8px;

    font-size: 0.8rem;
}

.breadcrumbs > a {
    color: var(--page-color);
    text-decoration: underline;
    font-weight: semibold;
}


/* $$$$$$$$$$ original_file: website/templates/website/components/messages.css $$$$$$$$$$ */

.messages-container {
    position: fixed;
    right: 10px;
    top: 70px;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 16px;
    z-index: 10;
    transition: opacity 1s ease;
    opacity: 1;
}

.messages-container.hide {
    opacity: 0;
}

.messages-message {
    position: relative;
    padding: 16px 20px;
    transition: opacity 0.5s ease;
    opacity: 1;

    border: 2px white solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
    font-weight: 600;
    font-size: 0.8rem;
    border-top: 4px var(--parme-400) solid;
    background-color: var(--parme-200);
    color: var(--prune-950);
}

.messages-message.hide {
    opacity: 0;
}

.messages-message.error {
    border-top: 4px var(--red) solid;
    background-color: var(--parme-200);
    color: var(--red);
}

.messages-message-close {
    position: absolute;
    top: -4px;
    right: 2px;
    padding: 4px;
    width: 10px;

    cursor: pointer;
}


/* $$$$$$$$$$ original_file: website/templates/website/layout/base.css $$$$$$$$$$ */

.content {
    padding-top: 16px;
    padding-bottom: 64px;
    flex-grow: 1;
    min-height: 60vh;
}


/* $$$$$$$$$$ original_file: website/templates/website/pages/page.css $$$$$$$$$$ */

:root {
    --page-bg-color: var(--prune-950);
    --page-color: var(--parme-200);
}

/* first section */

.first-section {
    display: grid;
    text-align: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 16px;
    padding-bottom: 32px;
}

.first-section-title {
    font-weight: 700;
    font-size: 1.3rem;
}

.first-section-title em {
    font-size: 1.6rem;
}

.first-section-content {
    text-wrap: balance;
}

.first-section-icons {
    display: grid;
    padding-top: 32px;
    margin: auto;
    width: 50vw;
    max-width: 400px;
    grid-template-columns: 1fr 1fr 1fr;

    fill: var(--parme-500);
}

.first-section-icons > svg {
    width: 100%;
}

.first-section-icons > svg:nth-child(2),
.first-section-icons > svg:nth-child(7) {
    fill: var(--lime-300);
}

.first-section-icons > svg:nth-child(6) {
    fill: var(--parme-200);
}

.first-section-icons > svg:nth-child(1),
.first-section-icons > svg:nth-child(5),
.first-section-icons > svg:nth-child(9) {
    background-size: contain;
    background-repeat: no-repeat;

    fill: var(--baltic-500);
}

.first-section-icons > svg:nth-child(1) {
    background-image: url("/static/website/images/img_sheet.d0b53b6a1322.webp");
    fill-opacity: 20%;
}

.first-section-icons > svg:nth-child(5) {
    background-image: url("/static/website/images/img_door.9303589c715a.webp");
    fill-opacity: 40%;
}

.first-section-icons > svg:nth-child(9) {
    background-image: url("/static/website/images/img_windy.0c742e68fac0.webp");
    fill-opacity: 50%;
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .first-section {
        padding-top: 64px;
        padding-right: 90px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "item1 item2"
            "item3 item2"
            "item4 item2";
    }

    .first-section-title {
        grid-area: item1;
        margin-top: auto;
    }

    .first-section-icons {
        padding-top: 0;
        grid-area: item2;
        width: 70vw;
    }

    .first-section-content {
        grid-area: item3;
        margin-top: auto;
        margin-bottom: auto;
    }

    .first-section-button {
        grid-area: item4;
        margin-top: auto;
    }
}

/* second section */

.second-section {
    padding-top: 32px;
    padding-bottom: 32px;

    background-color: var(--parme-400);
    color: var(--prune-950);
}

.second-section-title {
    margin-bottom: 64px;
}

.second-section-content {
    position: relative;
}

.second-section-icons-col {
    display: none;
    flex-direction: column;
    gap: 100px;
    position: absolute;
    z-index: -1;
    width: 50%;
    right: 16px;

    opacity: 0.1;
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .second-section-icons-col {
        display: flex;
        top: 8px;
    }

    .second-section-second-icon {
        display: none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 800px) {
    .second-section-icons-col {
        display: flex;
        top: 8px;
    }
    .second-section-second-icon {
        display: block;
    }
}

/* third section */

.third-section {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 32px;
    padding-top: 32px;
}

.third-section-icons-col {
    display: none;
    flex-direction: column;
    gap: 200px;
    position: absolute;
    z-index: -1;
    width: 50%;
    top: 48px;
    right: 16px;

    fill: var(--parme-200);
    opacity: 0.1;
}

.button-container {
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .third-section-icons-col {
        display: flex;
    }
    .third-section-icons-col svg:last-child {
        display: none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 800px) {
    .third-section-icons-col svg:last-child {
        display: block;
    }
}


/* $$$$$$$$$$ original_file: website/templates/website/pages/components/mill.css $$$$$$$$$$ */

#first-section-mill-container {
    transform: translate(36%, -36%);
}

#first-section-mill {
    transform-origin: center;

    cursor: pointer;
}


/* $$$$$$$$$$ original_file: website/templates/website/pages/components/wave.css $$$$$$$$$$ */

.waves.parme {
    background-image: url('data:image/svg+xml,<svg width="720" height="126" viewBox="0 0 720 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="MyPath" d="M900 125.377H-180V50.3766C-180 50.3766 -110.768 0.284196 -60 0.37663C-9.1378 0.469236 10 50.3766 60 50.3766C110 50.3766 129.232 0.37663 180 0.37663C230.768 0.37663 249.232 50.3766 300 50.3766C350.768 50.3766 369.232 0.37663 420 0.37663C470.768 0.37663 489.232 50.3766 540 50.3766C590.768 50.3766 609.232 0.376617 660 0.376617C710.768 0.376617 729.232 50.3766 780 50.3766C830.768 50.3766 900 0.37663 900 0.37663V125.377Z" fill="%23E0E0FF"/></svg>');
    color: var(--prune-950);
    transform: translateY(1px);
}

.waves.prune {
    background-image: url('data:image/svg+xml,<svg width="720" height="126" viewBox="0 0 720 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="MyPath" d="M900 125.377H-180V50.3766C-180 50.3766 -110.768 0.284196 -60 0.37663C-9.1378 0.469236 10 50.3766 60 50.3766C110 50.3766 129.232 0.37663 180 0.37663C230.768 0.37663 249.232 50.3766 300 50.3766C350.768 50.3766 369.232 0.37663 420 0.37663C470.768 0.37663 489.232 50.3766 540 50.3766C590.768 50.3766 609.232 0.376617 660 0.376617C710.768 0.376617 729.232 50.3766 780 50.3766C830.768 50.3766 900 0.37663 900 0.37663V125.377Z" fill="%23360842"/></svg>');
    color: var(--parme-400);
    transform: translateY(1px);
}

.waves {
    background-repeat: repeat-x;
    background-size: contain;
    background-position: bottom;
    background-clip: content-box;
    width: 100%;
    height: 126px;
    position: relative;
}

.waves-text {
    transform: translateY(36px);
    display: flex;
    justify-content: center;
}

.waves-text textPath {
    font-family: var(--title-font-family);
    font-weight: bold;
    font-size: 1.3rem;
    letter-spacing: 3px;
    word-spacing: 8px;
}

.second-waves {
    background-color: var(--parme-400);
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .waves-text {
        transform: translateY(30px);
    }

    .waves-text textPath {
        font-size: 0.9rem;
        letter-spacing: 2px;
        word-spacing: 4px;
    }
}


/* $$$$$$$$$$ original_file: website/templates/website/components/show.css $$$$$$$$$$ */

.show {
    margin-bottom: 64px;
}

.show em {
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.12em;
}

.show em::before {
    content: "“";
}

.show em::after {
    content: "”";
}

.show-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.show-header > h3 {
    margin: 0px;
}

.show svg {
    fill: var(--page-color);
}

.mx-icon-on-light-bg .show svg {
    fill: var(--prune-950);
}

.show-image {
    width: 200px;
    height: 240px;
    background-color: var(--parme-400);
    border-radius: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.show-row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (min-width: 640px) and (min-height: 500px) {
    .show-row {
        flex-direction: row;
        gap: 32px;
    }
}