/* MEDIA QUERIES:MIN ==================== */
@media (min-width: 391px) {
    .hidden-device-2xs {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-device-xs {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-device-sm {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-device-md {
        display: none !important;
    }

    /* HEADER ==================== */
    .header-nav .header-logo,
    .header-nav .header-cta {
        flex-basis: 20%;
    }

    .header-nav .header-cta {
        display: flex;
        justify-content: flex-end;
    }

    .header-nav .menu .submenu {
        --padding-y: var(--spacing-xs);
        --padding-x: var(--spacing-lg);
        z-index: 10;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% + var(--padding-x) * 2);
        transition: opacity var(--duration) var(--timing-function);
        opacity: 0;
        pointer-events: none;
    }

    .header-nav .menu .submenu:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: calc(100% + var(--spacing-lg));
        opacity: 0.8;
        background: linear-gradient(
            180deg,
            #271416 0%,
            rgba(39, 20, 22, 0) 100%
        );
    }

    .header-nav .menu .submenu.active {
        opacity: 1;
        pointer-events: auto;
    }

    .header-nav .menu .submenu .submenu-inner {
        display: flex;
        gap: var(--spacing-xs);
        justify-content: space-between;
        padding: var(--padding-y) var(--padding-x);
        position: relative;
        z-index: 10;
        background-color: var(--color-soft-ivory);
    }

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

    .submenu .submenu-item a {
        padding: var(--spacing-2xs) 0;
        display: block;
    }

    .submenu .submenu-image {
        flex-shrink: 0;
        aspect-ratio: 0.667;
        width: 31%;
    }

    .submenu .submenu-link {
        font-size: 2.4rem;
    }

    /* SECTION ==================== */
    /* Product Example Slide */
    [data-section="product-example-slide"],
    [data-section="product-example-slide"] * {
        cursor: none;
    }

    /* ELEMENT ==================== */
    /* Info Column */
    .info-column {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .info-item:nth-child(even) {
        flex-direction: row-reverse;
    }

    /* PAGE */
    /* PAGE: PORTFOLIO */
    [data-section="portfolio"]
        .portfolio-gallery
        .gallery-item:is(:nth-child(3n + 1), :nth-child(3n + 3)) {
        flex: 0 0 calc(33.333% - var(--spacing-4xl) * 2 / 3);
        max-width: calc(33.333% - var(--spacing-4xl) * 2 / 3);
    }

    [data-section="portfolio"]
        .portfolio-gallery
        .gallery-item:last-child:nth-child(3n + 1),
    [data-section="portfolio"]
        .portfolio-gallery
        .gallery-item:nth-last-child(2):nth-child(3n + 1) {
        flex: unset;
        max-width: unset;
    }

    .portfolio-gallery .gallery-item:nth-child(3n + 1) *:is(img, video) {
        margin-right: 0;
    }

    .portfolio-gallery .gallery-item:nth-child(3n + 3) *:is(img, video) {
        margin-left: 0;
    }
}

@media (min-width: 1280px) {
    .hidden-device-lg {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    .hidden-device-xl {
        display: none !important;
    }
}

/* MEDIA QUERIES:MAX ==================== */
@media (max-width: 1439px) {
    .show-xl {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    .show-lg {
        display: none !important;
    }
}

@media (max-width: 1070px) {
    .header-nav .menu {
        gap: var(--spacing-md);
    }

    .header-nav .header-logo,
    .header-nav .header-cta {
        flex-basis: unset;
    }
}

@media (max-width: 991px) {
    .show-md {
        display: none !important;
    }

    :root {
        --font-size-h0: 4.2rem;
        --font-size-h1: 3.6rem;
        --font-size-h2: 3.2rem;
        --font-size-h3: 2.8rem;
        --font-size-h4: 2rem;
        --font-size-tagline: 1.8rem;
        --font-size-body: 1.6rem;
        --font-size-body-2: 1.4rem;
        --font-size-button: 1.5rem;

        --line-height-h0: 1.069;
        --line-height-h1: 1.277;
        --line-height-h2: 1.5;
        --line-height-h3: 1.3;
        --line-height-h4: 1.4;
        --line-height-tagline: normal;
        --line-height-body: 1.5625;
        --line-height-body-2: 1.714;
        --line-height-button: 1.733;

        --header-height: 6.4rem;
        --button-height: 4.9rem;
        --announcement-bar-height: 3.9rem;
        --spacing-container: var(--spacing-sm);
        --logo-height: 2.4rem;

        --gap-section: var(--spacing-xl);
    }

    .entry-content {
        --gap-row: var(--spacing-md);
        --gap-column: var(--spacing-md);
        --gap-content: var(--spacing-md);
    }

    .entry-content :is(.wp-block-image, .wp-block-video).size-full {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .entry-content hr {
        margin-bottom: var(--spacing-3lg);
    }

    .sc-header.morph-logo {
        margin-bottom: var(--spacing-lg);
    }
    .sc-header.morph-logo .sc-subttl {
        margin-top: var(--spacing-sm);
    }
    #morph-logo {
        margin-top: calc(var(--spacing-2md) * 0.8);
    }

    .fields {
        --gap-y: var(--spacing-xs);
    }
    .field.half-width {
        width: 100%;
    }

    .sc-inner.mb-t-header {
        padding-top: var(--header-height);
    }
    .sc-inner.mb-t-0 {
        padding-top: 0;
    }
    .sc-inner.mb-t-25 {
        padding-top: calc(var(--gap-section) / 4);
    }
    .sc-inner.mb-t-50 {
        padding-top: calc(var(--gap-section) / 2);
    }
    .sc-inner.mb-t-75 {
        padding-top: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-t-100 {
        padding-top: var(--gap-section);
    }
    .sc-inner.mb-t-125 {
        padding-top: calc(var(--gap-section) * 1.25);
    }
    .sc-inner.mb-t-150 {
        padding-top: calc(var(--gap-section) * 1.5);
    }
    .sc-inner.mb-t-175 {
        padding-top: calc(var(--gap-section) * 1.75);
    }
    .sc-inner.mb-t-200 {
        padding-top: calc(var(--gap-section) * 2);
    }
    .sc-inner.mb-b-header {
        padding-bottom: var(--header-height);
    }
    .sc-inner.mb-b-0 {
        padding-bottom: 0;
    }
    .sc-inner.mb-b-25 {
        padding-bottom: calc(var(--gap-section) / 4);
    }
    .sc-inner.mb-b-50 {
        padding-bottom: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-b-75 {
        padding-bottom: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-b-100 {
        padding-bottom: var(--gap-section);
    }
    .sc-inner.mb-b-125 {
        padding-bottom: calc(var(--gap-section) * 1.25);
    }
    .sc-inner.mb-b-150 {
        padding-bottom: calc(var(--gap-section) * 1.5);
    }
    .sc-inner.mb-b-175 {
        padding-bottom: calc(var(--gap-section) * 1.75);
    }
    .sc-inner.mb-b-200 {
        padding-bottom: calc(var(--gap-section) * 2);
    }

    /* HEADER ==================== */
    .header-nav {
        border-bottom: 0.1rem solid var(--color-warm-clay);
    }

    .header-menu {
        --offset-top: calc(
            var(--header-height) + var(--announcement-bar-height)
        );
    }

    .panel {
        position: fixed;
        z-index: 99;
        top: var(--offset-top);
        right: 0;
        width: 100vw;
        height: calc(100dvh - var(--offset-top));
        background-color: var(--color-soft-ivory);
        overflow: hidden;
        z-index: 95;
        transform: translateX(100%);
        transition: transform var(--duration-x2) cubic-bezier(0.83, 0, 0.17, 1);
    }

    html.header-scrolled .panel {
        top: var(--header-height);
        height: calc(100dvh - var(--header-height));
    }

    .panel-overlay {
        position: fixed;
        top: var(--offset-top);
        left: 0;
        z-index: 90;
        width: 100vw;
        height: calc(100dvh - var(--offset-top));
        background-color: rgba(var(--color-black-rgb), 0.8);
        opacity: 0;
        transition: opacity var(--duration-x2) var(--timing-function);
        pointer-events: none;
    }

    html.header-menu-enabled .panel {
        transform: translateX(0);
    }

    html.header-menu-enabled .panel-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .panel-scroll {
        --mask-box-image-offset: var(--spacing-2sm);
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        -webkit-mask-box-image: -webkit-linear-gradient(
            -90deg,
            transparent 0%,
            white var(--mask-box-image-offset),
            white calc(100% - var(--mask-box-image-offset)),
            transparent 100%
        );
    }

    .panel-body {
        padding: var(--spacing-2md) var(--spacing-container) var(--spacing-2sm);
    }

    .header-nav .menu {
        flex-direction: column;
        gap: 0;
    }

    .header-nav .menu > li > a:not(.button),
    .header-nav .menu > li .entry-title > a {
        display: flex;
        align-items: center;
        gap: var(--spacing-4xs);
        height: auto;
        padding: var(--spacing-2xs) 0;
        justify-content: space-between;
        text-transform: uppercase;
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        font-weight: var(--font-weight-extra-light);
        width: 100%;
        letter-spacing: 0.06rem;
    }

    .header-nav .menu > li .accordion {
        border-bottom: unset;
    }

    .header-nav .menu > li .accordion > .entry-title:before {
        content: none;
    }

    .header-nav .menu > li .entry-title {
        padding: 0;
    }

    .header-nav .menu > li .entry-title::after {
        content: none;
    }

    .header-nav .menu .accordion-container .entry-panel {
        padding-bottom: var(--spacing-lg);
        margin-bottom: var(--spacing-xs);
        border-bottom: var(--border-width) var(--border-style)
            var(--color-warm-clay);
    }

    .header-nav .menu .accordion-container .card-container {
        --column: 2;
        --gap-x: var(--spacing-4xs);
        --gap-y: var(--spacing-2sm);
    }

    .header-nav .menu [data-card="submenu-card"] .card-media {
        aspect-ratio: 0.667;
        width: 100%;
        margin-bottom: var(--spacing-xs);
    }

    .header-nav .menu [data-card="submenu-card"] .card-desc {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        font-weight: var(--font-weight-light);
        text-wrap: balance;
    }

    .header-nav .menu > li > .button {
        margin-top: var(--spacing-md);
        width: 100%;
        height: var(--button-height);
        font-weight: var(--font-weight-light);
    }

    .header-nav .menu .menu-contact {
        margin-top: var(--spacing-2xl);
    }

    .header-nav .menu .menu-contact .contact-list {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-5xs);
        margin-bottom: var(--spacing-2xs);
    }

    .header-nav .menu .menu-contact .contact-item {
        display: flex;
        align-items: center;
        gap: var(--spacing-3xs);
        font-size: var(--font-size-body-2);
        line-height: var(--line-height-body-2);
    }

    .header-nav .menu .menu-contact .contact-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--icon-size-sm);
        height: var(--icon-size-sm);
    }

    /* FOOTER ==================== */
    .footer-nav {
        padding: var(--spacing-4xl) var(--spacing-container) var(--spacing-lg);
    }

    .footer-nav .footer-links li.main-link:not(:last-child) {
        margin-bottom: 0;
    }

    .footer-nav .footer-contact {
        max-width: 100%;
        margin-bottom: var(--spacing-lg);
    }

    .footer-nav .footer-top {
        flex-direction: column;
        gap: 0;
        padding-bottom: var(--spacing-2md);
    }

    .footer-nav .footer-links {
        margin-bottom: var(--spacing-lg);
        --gap: var(--spacing-2md);
        --grid-template-columns: repeat(2, 1fr);
        display: grid;
        grid-template-columns: var(--grid-template-columns);
        gap: var(--gap);
    }

    .footer-nav .footer-links ul:last-child {
        grid-column: span 2;
        display: grid;
        grid-template-columns: var(--grid-template-columns);
        gap: var(--gap);
    }

    .footer-nav .footer-links-toggle > a {
        text-decoration: underline;
    }

    .footer-nav .footer-middle .social {
        grid-gap: var(--spacing-3xs) var(--spacing-xs);
    }

    .footer-nav .footer-middle .social .ic {
        font-size: var(--icon-size-sm) !important;
    }

    .footer-nav .footer-middle {
        padding: var(--spacing-sm) 0;
    }

    .footer-nav .footer-bottom {
        padding-top: var(--spacing-md);
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--spacing-4xs);
    }

    .footer-nav .privacy-links {
        width: 100%;
        gap: var(--spacing-md);
        justify-content: center;
    }

    /* COMPONENT */
    /* DEFAULT ====================*/

    /* SECTION ====================*/
    /* Sticky Media */
    [data-section="sticky-media"] {
        --item-spacing: var(--spacing-3lg);
    }
    [data-section="sticky-media"]::before {
        height: 100vw;
        opacity: 0.4;
    }

    [data-section="sticky-media"] .main-media-column {
        margin-bottom: calc(var(--item-spacing) * 2.8);
    }

    [data-section="sticky-media"] .main-media-column *:is(img, video) {
        max-height: 35rem;
    }

    [data-section="sticky-media"] .main-media-column *:is(img, video).portrait {
        max-height: 43.5rem;
    }
    .media-marquee *,
    .media-marquee {
        height: 42rem;
    }

    /* Why Prayook */
    [data-section="why-prayook"] .card-container {
        --column: 1.2;
        --gap-x: var(--spacing-3xs);
        margin-bottom: var(--spacing-lg);
    }

    /* Banner */
    [data-section="banner"] .sc-inner .container {
        gap: var(--spacing-2sm);
    }

    /* Product Example Slide */
    [data-section="product-example-slide"] {
        height: auto;
    }
    .product-example-item .item-media *:is(img, video) {
        height: 58rem;
    }

    [data-section="product-example-slide"] .product-example-slider {
        --gap: var(--spacing-container);
    }

    .product-example-item .item-media *:is(img, video) {
        height: calc(100vw - var(--spacing-container) * 2);
    }

    .product-example-item .item-content {
        margin-top: var(--spacing-md);
    }

    .product-example-slider .swiper-button-next,
    .product-example-slider .swiper-button-prev {
        top: unset;
        bottom: calc(
            (
                    var(--line-height-h4) * var(--font-size-h4) +
                        (var(--line-height-body-2) * var(--font-size-body-2))
                ) / 2
        );
        transform: translateY(50%);
        background-color: transparent;
    }

    html.no-touchevents
        .product-example-slider
        *[class*="swiper-button-"]:hover {
        background-color: transparent;
    }

    /* ELEMENT ====================*/
    /* Product Carousel */
    .product-carousel .card-container {
        --column: 1.2;
    }

    .product-carousel .product-item {
        height: auto;
        aspect-ratio: 0.667;
    }

    .product-item::before {
        height: 66.7%;
    }

    .product-item .product-item-content {
        --padding-x: var(--spacing-3xs);
        --padding-bottom: var(--spacing-sm);
        top: unset;
        bottom: 0;
    }

    .product-item .product-item-content .product-subttl,
    .product-item .product-item-content .product-button {
        opacity: 1;
    }

    .product-item .product-item-content .product-ttl {
        padding-bottom: var(--spacing-5xs);
    }

    .product-item .product-item-content .product-ttl > * {
        line-height: calc(var(--line-height-h2) * 0.8);
    }

    .product-item .product-item-content .product-subttl {
        padding-bottom: var(--spacing-2xs);
    }

    .product-item.touch .media-hover,
    .product-item.touch .media-hover .media.active {
        opacity: 1;
    }

    /* Info Column */
    .info-column {
        gap: var(--spacing-xl);
    }

    .info-item.has-icon {
        text-align: center;
        gap: var(--spacing-md);
    }

    .info-item {
        flex-direction: column;
        gap: var(--spacing-2sm);
    }

    .info-item .info-item-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .info-item .info-item-media {
        min-height: unset;
        width: 100%;
        aspect-ratio: 1.6666666667;
    }
    .info-item .info-item-content {
        padding: 0;
        gap: var(--spacing-sm);
        width: 100%;
    }

    .info-item .info-text {
        text-align: start;
    }

    /* Icon Menu */
    .icon-menu {
        --gap: var(--spacing-2lg);
    }

    .icon-menu .tab {
        width: auto;
    }

    /* PAGE */
    /* PAGE: INDEX */
    /* Hero */
    [data-section="index-hero"] .product-carousel {
        margin-top: var(--spacing-sm);
    }

    /* Sponsor Marquee */
    .sponsor-marquee .marquee {
        gap: var(--spacing-md);
    }

    .sponsor-marquee .sponsor {
        width: 28.2051282051vw;
    }

    /* PAGE: PRODUCT SINGLE */
    .product-cta {
        bottom: var(--spacing-5xs);
        right: var(--spacing-5xs);
        pointer-events: none;
    }

    .product-cta-menu {
        gap: var(--spacing-5xs);
    }

    .product-cta-trigger {
        border-radius: 50%;
        gap: var(--spacing-6xs);
        margin-top: var(--spacing-4xs);
        pointer-events: auto;
    }

    .mfp-container {
        padding-left: var(--spacing-3xs);
        padding-right: var(--spacing-3xs);
    }

    #size-popup.content-popup {
        width: 100%;
        height: calc(100dvh - var(--spacing-3xs) * 2);
    }

    #price-popup.content-popup {
        width: 100%;
        height: 63.4877384196dvh;
    }

    .content-popup .content-popup-inner {
        padding: var(--spacing-2xl) var(--spacing-sm);
    }

    #size-popup.content-popup .tab-content .media *:is(img, video) {
        max-height: 73.8rem;
    }

    .content-popup .tab-contents {
        margin-top: var(--spacing-2sm);
    }

    /* PAGE: ABOUT */
    /* Hero */
    [data-section="about-hero"] .about-media {
        aspect-ratio: 0.5227882038;
    }

    /* About Gallery */
    [data-section="about-gallery"] .card-container {
        --column: 1.3;
        --gap-x: var(--spacing-4xs);
    }

    [data-section="about-gallery"] .about-gallery-media:after {
        height: 34.5%;
    }

    [data-section="about-gallery"] .about-gallery-text {
        padding: var(--spacing-xs) var(--spacing-xs);
    }

    /* About Standards */
    [data-section="about-standards"] .sc-header {
        margin-bottom: var(--spacing-lg);
    }

    [data-section="about-standards"] .button-wrapper {
        margin-top: var(--spacing-lg);
    }

    [data-section="about-standards"] .standards-container {
        --gap: var(--spacing-3xl);
    }

    /* Stats Container */
    [data-section="stats-banner"] {
        min-height: 62rem;
    }

    [data-section="stats-banner"] .stats-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    [data-section="stats-banner"] .stat {
        --gap: var(--spacing-md);
        padding: var(--gap);
        text-align: center;
    }

    [data-section="stats-banner"] .stat:first-child {
        padding-left: 0;
        padding-top: 0;
    }

    [data-section="stats-banner"] .stat:nth-child(2) {
        padding-right: 0;
        padding-top: 0;
    }

    [data-section="stats-banner"] .stat:nth-child(odd) {
        padding-left: 0;
    }

    [data-section="stats-banner"] .stat:nth-child(even) {
        padding-right: 0;
    }

    [data-section="stats-banner"] .stat:last-child {
        padding-right: 0;
        padding-bottom: 0;
    }

    [data-section="stats-banner"] .stat:nth-last-child(2) {
        padding-left: 0;
        padding-bottom: 0;
    }

    [data-section="stats-banner"] .stat:nth-child(even):after {
        content: none !important;
    }

    [data-section="stats-banner"] .stat:after {
        height: calc(100% - var(--gap)) !important;
    }

    [data-section="stats-banner"] .stat:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - var(--gap) / 2);
        height: 0.1rem;
        background-color: rgba(var(--color-warm-clay-rgb), 0.6);
        z-index: 1;
    }

    [data-section="stats-banner"] .stat:nth-child(even):before {
        left: unset;
        right: 0;
    }

    [data-section="stats-banner"] .stat:last-child::before,
    [data-section="stats-banner"] .stat:nth-last-child(2)::before {
        content: none !important;
    }

    [data-section="stats-banner"] .stat:nth-last-child(2)::after {
        top: unset;
        bottom: 0;
    }

    [data-section="stats-banner"] .stat:nth-child(odd)::after {
        top: 50%;
        transform: translateY(-50%);
    }

    /* About Timeline */
    [data-section="about-timeline"] .sc-header {
        margin-bottom: var(--spacing-2md);
    }

    [data-section="about-timeline"] .timeline-item:first-child {
        border-top: 0.1rem solid var(--color-warm-clay);
    }

    [data-section="about-timeline"] .timeline-item {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: var(--spacing-xs);
        padding: var(--spacing-2md) 0;
    }

    [data-section="about-timeline"] .timeline-item:last-child {
        padding-bottom: 0;
    }

    [data-section="about-timeline"] .timeline-item .year,
    [data-section="about-timeline"] .timeline-item .timeline-media {
        width: 100%;
    }

    [data-section="about-timeline"] .timeline-item .timeline-content {
        width: calc(100% - var(--spacing-xs) - 12rem);
    }

    .timeline-item .timeline-content .title {
        text-align: start;
    }

    .timeline-item .read-more-toggle {
        font-size: var(--font-size-button);
        line-height: var(--line-height-button);
        letter-spacing: 0.03rem;
        text-decoration: underline;
        color: var(--color-maroon);
    }

    .timeline-item .timeline-media {
        position: absolute;
        right: 0;
        top: calc(
            var(--spacing-2md) + (var(--font-size-h4) * var(--line-height-h4)) +
                var(--spacing-2xs)
        );
        transition: top var(--duration) var(--timing-function);
    }

    .timeline-item.active {
        padding-top: calc(var(--spacing-2md) + 59.8282051282vw);
    }

    .timeline-item.active .timeline-media {
        top: var(--spacing-2md);
    }

    .timeline-item.active .year > * {
        margin-top: var(--spacing-xs);
    }

    .timeline-item.active .timeline-content {
        width: 100%;
    }

    /* About Video */
    [data-section="fullscreen-video"] .media {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    /* PAGE: PORTFOLIO */
    [data-section="portfolio"] .tab-links {
        margin-bottom: var(--spacing-2md);
    }

    [data-section="portfolio"] .portfolio-gallery {
        gap: var(--spacing-3lg) var(--spacing-sm);
    }

    [data-section="portfolio"]
        .portfolio-gallery
        .gallery-item
        .media
        *:is(img, video) {
        height: 53.8461538462vw;
    }

    [data-section="portfolio"] .load-more {
        margin-top: var(--spacing-3lg);
    }

    /* PAGE: JOURNAL */
    .journal-list {
        grid-template-columns: 1fr;
        gap: var(--spacing-2xl) var(--spacing-3xs);
    }

    .journal-item .item-media {
        aspect-ratio: 1;
    }

    .journal-item .item-content .item-ttl > * {
        font-size: var(--font-size-h4) !important;
        line-height: var(--line-height-h4);
    }

    .journal-item.large {
        grid-column: span 1;
        max-width: unset;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .journal-item.large .item-content {
        padding-left: var(--spacing-container);
        padding-right: var(--spacing-container);
    }

    /* PAGE: JOURNAL SINGLE */
    [data-section="journal-single"] .share-buttons {
        margin-top: var(--spacing-4xl);
    }

    /* Other Journal */
    [data-section="other-journal"] .card-container {
        --column: 1.3;
    }

    /* PAGE: CONTACT */
    /* CONTACT */
    [data-section="contact"] .info-item {
        gap: var(--spacing-md);
    }
    [data-section="contact"] .info-item .info-item-media {
        aspect-ratio: 1;
    }

    [data-section="contact"] .contact-info {
        gap: var(--spacing-sm);
    }

    /* CONTACT FORM */
    [data-section="contact-form"] .sc-header {
        margin-bottom: var(--spacing-md);
    }

    [data-section="contact-form"] form .cta {
        text-align: center;
        margin-top: var(--spacing-2md);
    }

    /* PAGE: QUOTE */
    [data-section="quote"] .product-selection {
        grid-template-columns: 1fr;
        gap: var(--spacing-4xs);
    }

    [data-section="quote"] .form-section:not(:nth-last-child(2)) {
        margin-bottom: var(--spacing-2xl);
    }

    [data-section="quote"] .product-selection .checkbox-item {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: var(--spacing-3xs);
        align-items: center;
    }

    [data-section="quote"]
        .product-selection
        .checkbox-item
        .checkbox-item-media {
        width: 28.5714285714%;
        flex-shrink: 0;
    }

    [data-section="quote"] .product-selection .checkbox-item .checkbox {
        margin-top: 0;
    }

    [data-section="quote"] form .cta {
        margin-top: var(--spacing-lg);
    }

    /* PAGE: MATERIAL */
    .material-columns .card-container {
        --column: 1;
        --gap-y: var(--spacing-2xl);
        margin-top: var(--spacing-2xl);
    }

    [data-section="material"] .icon-menu .tab {
        min-width: 12rem;
    }

    /* PAGE: MATERIAL SINGLE */
    /* Material Single */
    [data-section="material-single"] .sc-header.morph-logo .sc-ttl > h1 {
        line-height: 1.8;
    }
    [data-section="material-single"] .info-column {
        margin-top: var(--spacing-4xl);
    }

    [data-section="material-single"] .icon-menu .tab {
        padding: 0 var(--spacing-sm);
    }

    [data-section="material-single"] .icon-menu .row:not(:last-child) {
        padding-bottom: var(--spacing-2sm);
        border-bottom: 0.1rem solid var(--color-warm-clay);
    }

    [data-section="material-single"] .info-item .info-item-content {
        gap: var(--spacing-sm);
        text-align: center;
    }

    [data-card="material"] .card-media {
        aspect-ratio: 1;
    }

    /* Other Material */
    [data-section="other-material"] .card-container {
        --column: 1.2;
        --gap-x: var(--spacing-3xs);
    }

    /* PAGE: NOT FOUND */
    [data-section="not-found"] {
        background-color: #d3d4d6;
    }

    [data-section="not-found"] .bg {
        width: 100vw;
        height: auto;
        aspect-ratio: 0.8628318584;
        left: 0;
        top: unset;
        bottom: 0;
    }

    [data-section="not-found"] .bg:after {
        height: 8.407079646%;
        width: 100%;
        background: linear-gradient(
            0deg,
            rgba(211, 212, 214, 0) 0%,
            #d3d4d6 100%
        );
    }

    [data-section="not-found"] .content {
        height: auto;
        text-align: center;
        align-items: center;
        gap: var(--spacing-2xs);
        margin-left: 0;
        margin-right: 0;
        max-width: unset;
    }
}

@media (max-width: 767px) {
    .show-sm {
        display: none !important;
    }
}

@media (max-width: 575px) {
    .show-xs {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .show-2xs {
        display: none !important;
    }
}