@media (max-width: 399.98px) {
    #page-content > h2:first-child {
        margin-top: 26.4px;
        font-size: 25.85px;
        text-shadow: 0 -0.11px 0 rgba(255,240,214,0.20),
            0 0.385px 0.44px rgba(80,48,22,0.20) !important;
    }

    #page-content > img:first-of-type {
        margin-top: 2.2px;
        width: 236.5px;
        max-width: 90%;
        filter: drop-shadow(0 0.193px 0.55px rgba(126,86,35,0.15)) !important;
    }

    #worlds-collection-grid {
        margin-top: 9.167px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 45.833px;
    }

    #worlds-collection-grid > .world-card {
        width: 330px;
        max-width: 94%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 13.75px;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-1.5vw);
    }

    #worlds-collection-grid > .world-card:not(:last-child) {
        position: relative;
    }

    #worlds-collection-grid > .world-card:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 50%;
        top: calc(100% + 22.917px);
        width: 339.167px;
        height: 32.083px;
        background: url("../Picture/Separatore_2.webp") center / contain no-repeat;
        transform: translate(-50%, -50%);
        opacity: 0.45;
        pointer-events: none;
    }

    #world-card-coferus {
        grid-template-rows: auto auto auto auto auto auto;
    }

    #coferus-card-logo {
        grid-column: 1 / 3;
        grid-row: 1;
        width: 126.5px;
        justify-self: center;
        margin-top: 11.825px;
        margin-bottom: 11.917px;
    }

    #coferus-card-visual {
        grid-column: 1;
        grid-row: 2 / 7;
        width: 165px;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    #coferus-card-sphere {
        width: 79.5%;
        height: 79.5%;
        object-fit: contain;
        transform: translate(-0.55px, 4.125px);
    }

    #world-card-coferus > p {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
        font-size: 13.75px;
        line-height: 16.5px;
        letter-spacing: 0.083px;
        text-align: center;
    }

    #coferus-card-separator {
        grid-column: 2;
        grid-row: 3;
        width: 123.75px;
        justify-self: center;
        margin-top: 5.5px;
        margin-left: 0;
        margin-right: 0;
    }

    #coferus-card-notes {
        grid-column: 2;
        grid-row: 4;
        margin-top: 5.5px;
        justify-content: center;
    }

    #coferus-card-notes-image {
        width: 74.25px;
        transform: translateY(-1.1px);
    }

    #coferus-card-cta-separator {
        grid-column: 2;
        grid-row: 5;
        width: 100% !important;
        margin-top: 4.583px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #coferus-card-link {
        grid-column: 2;
        grid-row: 6;
        margin-top: 3.85px;
        justify-content: center;
    }

    #coferus-card-link > a {
        gap: 4.4px;
        font-size: 9.9px;
    }

    #coferus-card-arrow {
        width: 16.5px;
        top: -0.275px;
    }

    #world-card-holdun {
        grid-template-rows: auto auto auto auto auto auto auto;
    }

    #holdun-card-logo {
        grid-column: 1 / 3;
        grid-row: 1;
        width: 114.583px;
        justify-self: center;
        margin-top: 11px;
        margin-bottom: 11.917px;
    }

    #holdun-card-visual {
        grid-column: 1;
        grid-row: 2 / 8;
        width: 165px;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    #holdun-card-sphere {
        width: 77.8%;
        height: 77.8%;
        object-fit: contain;
        transform: translateX(-1.375px);
    }

    #world-card-holdun > p:first-of-type {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
        font-size: 13.75px;
        line-height: 16.5px;
        letter-spacing: 0.083px;
        text-align: center;
    }

    #holdun-card-separator {
        grid-column: 2;
        grid-row: 3;
        width: 123.75px;
        justify-self: center;
        margin-top: 5.5px;
        margin-left: 0;
        margin-right: 0;
    }

    #world-card-holdun > p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 4;
        width: 100%;
        margin: 4.583px 0 0;
        left: auto;
        transform: none;
        font-size: 12.1px;
        line-height: 16.5px;
        letter-spacing: 0.083px;
        text-align: center;
    }

    #holdun-card-symbols {
        grid-column: 2;
        grid-row: 5;
        margin-top: 5.5px;
        gap: 8.8px;
        justify-self: center;
        justify-content: center;
    }

    #holdun-symbol-woody img {
        width: 22px;
    }

    #holdun-symbol-woody p {
        margin-top: 2.75px;
        font-size: 8.8px;
        right: 1.21px;
    }

    #holdun-symbol-aromatic img {
        width: 17.05px;
        right: 3.3px;
    }

    #holdun-symbol-aromatic p {
        margin-top: 2.75px;
        font-size: 8.8px;
        right: 2.475px;
        top: -0.825px;
    }

    #holdun-symbol-amber img {
        width: 22.55px;
    }

    #holdun-symbol-amber p {
        margin-top: 2.75px;
        font-size: 8.8px;
    }

    #holdun-card-cta-separator {
        grid-column: 2;
        grid-row: 6;
        width: 100% !important;
        margin-top: 4.583px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #holdun-card-link {
        grid-column: 2;
        grid-row: 7;
        margin-top: 3.85px;
        justify-content: center;
    }

    #holdun-card-link > a {
        gap: 4.4px;
        font-size: 9.9px;
    }

    #holdun-card-arrow {
        width: 16.5px;
        top: -0.275px;
    }

    #world-card-tegra {
        grid-template-rows: auto auto auto auto auto auto auto;
    }

    #tegra-card-logo {
        grid-column: 1 / 3;
        grid-row: 1;
        width: 92.583px;
        justify-self: center;
        margin-top: 11px;
        margin-bottom: 11.917px;
    }

    #tegra-card-visual {
        grid-column: 1;
        grid-row: 2 / 8;
        width: 165px;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    #tegra-card-sphere {
        width: 77.8%;
        height: 77.8%;
        object-fit: contain;
        transform: translateX(-1.375px);
    }

    #world-card-tegra > p:first-of-type {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
        font-size: 13.75px;
        line-height: 16.5px;
        letter-spacing: 0.083px;
        text-align: center;
    }

    #tegra-card-separator {
        grid-column: 2;
        grid-row: 3;
        width: 123.75px;
        justify-self: center;
        margin-top: 5.5px;
        margin-left: 0;
        margin-right: 0;
    }

    #world-card-tegra > p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 4;
        width: 100%;
        margin: 4.583px 0 0;
        left: auto;
        transform: none;
        font-size: 12.1px;
        line-height: 16.5px;
        letter-spacing: 0.083px;
        text-align: center;
    }

    #tegra-card-symbols {
        grid-column: 2;
        grid-row: 5;
        margin-top: 5.5px;
        gap: 8.8px;
        justify-self: center;
        justify-content: center;
    }

    #tegra-symbol-woody img {
        width: 22px;
    }

    #tegra-symbol-woody p {
        margin-top: 2.75px;
        font-size: 8.8px;
        right: 1.21px;
    }

    #tegra-symbol-aromatic img {
        width: 19.25px;
        top: 7.7px;
    }

    #tegra-symbol-aromatic p {
        margin-top: 2.75px;
        font-size: 8.8px;
        right: 2.475px;
        top: 6.864px;
    }

    #tegra-symbol-amber img {
        width: 22.55px;
    }

    #tegra-symbol-amber p {
        margin-top: 2.75px;
        font-size: 8.8px;
    }

    #tegra-card-cta-separator {
        grid-column: 2;
        grid-row: 6;
        width: 100% !important;
        margin-top: 4.583px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #tegra-card-link {
        grid-column: 2;
        grid-row: 7;
        margin-top: 3.85px;
        justify-content: center;
    }

    #tegra-card-link > a {
        gap: 4.4px;
        font-size: 9.9px;
    }

    #tegra-card-arrow {
        width: 16.5px;
        top: -0.275px;
    }

    #instagram-info > img:first-child {
        width: 550px !important;
        max-width: 90%;
        margin-top: 16.5px !important;
        margin-bottom: 2.75px !important;
        filter: drop-shadow(0 0.55px 1.1px rgba(26,22,18,0.15)) !important;
    }

    #instagram-block {
        gap: 16.5px;
        margin-bottom: 2.75px;
    }

    #instagram-block > img:first-child {
        width: 23.1px !important;
        filter: drop-shadow(0 0.55px 1.1px rgba(26,22,18,0.25)) !important;
    }

    #instagram-block h3 {
        font-size: 11.275px;
        text-shadow: 0 0.275px 0.55px rgba(26,22,18,0.35) !important;
    }

    #instagram-block > img:last-child {
        width: 33px !important;
    }

    #instagram-info > img:last-child {
        width: 550px !important;
        max-width: 90%;
        margin-bottom: 22px !important;
        filter: drop-shadow(0 0.55px 1.1px rgba(26,22,18,0.15)) !important;
    }

    #worlds-collection-grid > .world-card > p {
        translate: none;
    }

    #world-card-coferus > p,
    #world-card-holdun > p:first-of-type,
    #world-card-holdun > p:nth-of-type(2),
    #world-card-tegra > p:first-of-type,
    #world-card-tegra > p:nth-of-type(2) {
        white-space: nowrap;
    }

    #worlds-collection-grid dialog button {
        top: 18.333px;
        right: 7.333px;
    }

    #worlds-collection-grid dialog button > span {
        top: -1.65px;
        left: 0;
    }
}

@media (min-width: 400px) and (max-width: 599.98px) {
    #page-content > h2:first-child {
        margin-top: 28.8px;
        font-size: 28.2px;
        text-shadow: 0 -0.12px 0 rgba(255,240,214,0.20),
            0 0.42px 0.48px rgba(80,48,22,0.20) !important;
    }

    #page-content > img:first-of-type {
        margin-top: 2.4px;
        width: 258px;
        max-width: 90%;
        filter: drop-shadow(0 0.21px 0.6px rgba(126,86,35,0.15)) !important;
    }

    #worlds-collection-grid {
        margin-top: 10px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    #worlds-collection-grid > .world-card {
        width: 360px;
        max-width: 94%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 15px;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-0.5vw);
    }

    #worlds-collection-grid > .world-card:not(:last-child) {
        position: relative;
    }

    #worlds-collection-grid > .world-card:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 50%;
        top: calc(100% + 25px);
        width: 370px;
        height: 35px;
        background: url("../Picture/Separatore_2.webp") center / contain no-repeat;
        transform: translate(-50%, -50%);
        opacity: 0.45;
        pointer-events: none;
    }

    #world-card-coferus {
        grid-template-rows: auto
            auto
            auto
            auto
            auto
            auto;
    }

    #coferus-card-logo {
        grid-column: 1 / 3;
        grid-row: 1;
        width: 138px;
        justify-self: center;
        margin-top: 12.9px;
        margin-bottom: 13px;
    }

    #coferus-card-visual {
        grid-column: 1;
        grid-row: 2 / 7;
        width: 180px;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    #coferus-card-sphere {
        width: 79.5%;
        height: 79.5%;
        object-fit: contain;
        transform: translate(-0.6px, 4.5px);
    }

    #world-card-coferus > p {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.09px;
        text-align: center;
    }

    #coferus-card-separator {
        grid-column: 2;
        grid-row: 3;
        width: 135px;
        justify-self: center;
        margin-top: 6px;
        margin-left: 0;
        margin-right: 0;
    }

    #coferus-card-notes {
        grid-column: 2;
        grid-row: 4;
        margin-top: 6px;
        justify-content: center;
    }

    #coferus-card-notes-image {
        width: 81px;
        transform: translateY(-1.2px);
    }

    #coferus-card-cta-separator {
        grid-column: 2;
        grid-row: 5;
        width: 100% !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #coferus-card-link {
        grid-column: 2;
        grid-row: 6;
        margin-top: 4.2px;
        justify-content: center;
    }

    #coferus-card-link > a {
        gap: 4.8px;
        font-size: 10.8px;
    }

    #coferus-card-arrow {
        width: 18px;
        top: -0.3px;
    }

    #world-card-holdun {
        grid-template-rows: auto
            auto
            auto
            auto
            auto
            auto
            auto;
    }

    #holdun-card-logo {
        grid-column: 1 / 3;
        grid-row: 1;
        width: 125px;
        justify-self: center;
        margin-top: 12px;
        margin-bottom: 13px;
    }

    #holdun-card-visual {
        grid-column: 1;
        grid-row: 2 / 8;
        width: 180px;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    #holdun-card-sphere {
        width: 77.8%;
        height: 77.8%;
        object-fit: contain;
        transform: translateX(-1.5px);
    }

    #world-card-holdun > p:first-of-type {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.09px;
        text-align: center;
    }

    #holdun-card-separator {
        grid-column: 2;
        grid-row: 3;
        width: 135px;
        justify-self: center;
        margin-top: 6px;
        margin-left: 0;
        margin-right: 0;
    }

    #world-card-holdun > p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 4;
        width: 100%;
        margin: 5px 0 0;
        left: auto;
        transform: none;
        font-size: 13.2px;
        line-height: 18px;
        letter-spacing: 0.09px;
        text-align: center;
    }

    #holdun-card-symbols {
        grid-column: 2;
        grid-row: 5;
        margin-top: 6px;
        gap: 9.6px;
        justify-self: center;
        justify-content: center;
    }

    #holdun-symbol-woody img {
        width: 24px;
    }

    #holdun-symbol-woody p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 1.32px;
    }

    #holdun-symbol-aromatic img {
        width: 18.6px;
        right: 3.6px;
    }

    #holdun-symbol-aromatic p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 2.7px;
        top: -0.9px;
    }

    #holdun-symbol-amber img {
        width: 24.6px;
    }

    #holdun-symbol-amber p {
        margin-top: 3px;
        font-size: 9.6px;
    }

    #holdun-card-cta-separator {
        grid-column: 2;
        grid-row: 6;
        width: 100% !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #holdun-card-link {
        grid-column: 2;
        grid-row: 7;
        margin-top: 4.2px;
        justify-content: center;
    }

    #holdun-card-link > a {
        gap: 4.8px;
        font-size: 10.8px;
    }

    #holdun-card-arrow {
        width: 18px;
        top: -0.3px;
    }

    #world-card-tegra {
        grid-template-rows: auto
            auto
            auto
            auto
            auto
            auto
            auto;
    }

    #tegra-card-logo {
        grid-column: 1 / 3;
        grid-row: 1;
        width: 101px;
        justify-self: center;
        margin-top: 12px;
        margin-bottom: 13px;
    }

    #tegra-card-visual {
        grid-column: 1;
        grid-row: 2 / 8;
        width: 180px;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    #tegra-card-sphere {
        width: 77.8%;
        height: 77.8%;
        object-fit: contain;
        transform: translateX(-1.5px);
    }

    #world-card-tegra > p:first-of-type {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.09px;
        text-align: center;
    }

    #tegra-card-separator {
        grid-column: 2;
        grid-row: 3;
        width: 135px;
        justify-self: center;
        margin-top: 6px;
        margin-left: 0;
        margin-right: 0;
    }

    #world-card-tegra > p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 4;
        width: 100%;
        margin: 5px 0 0;
        left: auto;
        transform: none;
        font-size: 13.2px;
        line-height: 18px;
        letter-spacing: 0.09px;
        text-align: center;
    }

    #tegra-card-symbols {
        grid-column: 2;
        grid-row: 5;
        margin-top: 6px;
        gap: 9.6px;
        justify-self: center;
        justify-content: center;
    }

    #tegra-symbol-woody img {
        width: 24px;
    }

    #tegra-symbol-woody p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 1.32px;
    }

    #tegra-symbol-aromatic img {
        width: 21px;
        top: 8.4px;
    }

    #tegra-symbol-aromatic p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 2.7px;
        top: 7.488px;
    }

    #tegra-symbol-amber img {
        width: 24.6px;
    }

    #tegra-symbol-amber p {
        margin-top: 3px;
        font-size: 9.6px;
    }

    #tegra-card-cta-separator {
        grid-column: 2;
        grid-row: 6;
        width: 100% !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #tegra-card-link {
        grid-column: 2;
        grid-row: 7;
        margin-top: 4.2px;
        justify-content: center;
    }

    #tegra-card-link > a {
        gap: 4.8px;
        font-size: 10.8px;
    }

    #tegra-card-arrow {
        width: 18px;
        top: -0.3px;
    }

    #instagram-info > img:first-child {
        width: 600px !important;
        max-width: 90%;
        margin-top: 18px !important;
        margin-bottom: 3px !important;
        filter: drop-shadow(0 0.6px 1.2px rgba(26,22,18,0.15)) !important;
    }

    #instagram-block {
        gap: 18px;
        margin-bottom: 3px;
    }

    #instagram-block > img:first-child {
        width: 25.2px !important;
        filter: drop-shadow(0 0.6px 1.2px rgba(26,22,18,0.25)) !important;
    }

    #instagram-block h3 {
        font-size: 12.3px;
        text-shadow: 0 0.3px 0.6px rgba(26,22,18,0.35) !important;
    }

    #instagram-block > img:last-child {
        width: 36px !important;
    }

    #instagram-info > img:last-child {
        width: 600px !important;
        max-width: 90%;
        margin-bottom: 24px !important;
        filter: drop-shadow(0 0.6px 1.2px rgba(26,22,18,0.15)) !important;
    }

    #worlds-collection-grid > .world-card > p {
        translate: none;
    }

    #world-card-coferus > p,
    #world-card-holdun > p:first-of-type,
    #world-card-holdun > p:nth-of-type(2),
    #world-card-tegra > p:first-of-type,
    #world-card-tegra > p:nth-of-type(2) {
        white-space: nowrap;
    }

    #worlds-collection-grid dialog button {
        top: 20px;
        right: 8px;
    }

    #worlds-collection-grid dialog button > span {
        top: -1.8px;
        left: 0;
    }
}

@media (min-width: 600px) and (max-width: 767.98px) {
    /* =========================================================
       TITOLO PAGINA
    ========================================================= */
    #page-content > h2:first-child {
        margin-top: 28.8px;
        font-size: 28.2px;
        text-shadow: 0 -0.12px 0 rgba(255,240,214,0.20),
            0 0.42px 0.48px rgba(80,48,22,0.20) !important;
    }

    #page-content > img:first-of-type {
        margin-top: 2.4px;
        width: 258px;
        filter: drop-shadow(0 0.21px 0.6px rgba(126,86,35,0.15)) !important;
    }

    /* =========================================================
       GRID
    ========================================================= */
    #worlds-collection-grid {
        margin-top: 6px;
        max-width: 600px;
        gap: 28.2px;
    }

    #worlds-collection-grid > .world-card {
        width: 180px;
    }

    /* =========================================================
       COFERUS
    ========================================================= */
    #coferus-card-logo {
        width: 126px;
        margin-top: 12.9px;
    }

    #coferus-card-visual {
        margin-top: 9px;
        width: 180px;
    }

    #coferus-card-sphere {
        width: 79.5%;
        height: 79.5%;
        transform: translate(-0.8px, 4.5px);
    }

    #world-card-coferus > p {
        margin-top: 6.24px;
        width: 216px;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.09px;
    }

    #coferus-card-separator {
        margin-top: 6px;
        width: 135px;
    }

    #coferus-card-notes {
        margin-top: 6px;
    }

    #coferus-card-notes-image {
        width: 81px;
        transform: translateY(-1.2px);
    }

    #coferus-card-cta-separator {
        margin-top: 3px !important;
    }

    #coferus-card-link {
        margin-top: 4.2px;
    }

    #coferus-card-link > a {
        gap: 4.8px;
        font-size: 10.8px;
    }

    #coferus-card-arrow {
        width: 18px;
        top: -0.3px;
    }

    /* =========================================================
       HOLDUN
    ========================================================= */
    #holdun-card-logo {
        width: 114px;
        margin-top: 12px;
    }

    #holdun-card-visual {
        margin-top: 9px;
        width: 180px;
    }

    #holdun-card-sphere {
        transform: translateX(-1.5px);
    }

    #world-card-holdun > p:first-of-type {
        margin-top: 6px;
        width: 216px;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.09px;
    }

    #holdun-card-separator {
        margin-top: 6px;
        width: 135px;
    }

    #world-card-holdun > p:nth-of-type(2) {
        margin-top: 0.6px;
        width: 252px;
        font-size: 13.2px;
        line-height: 18px;
        letter-spacing: 0.09px;
    }

    #holdun-card-symbols {
        margin-top: 6px;
        gap: 9.6px;
    }

    #holdun-symbol-woody img {
        width: 24px;
    }

    #holdun-symbol-woody p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 1.32px;
    }

    #holdun-symbol-aromatic img {
        width: 18.6px;
        right: 3.6px;
    }

    #holdun-symbol-aromatic p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 2.7px;
        top: -0.9px;
    }

    #holdun-symbol-amber img {
        width: 24.6px;
    }

    #holdun-symbol-amber p {
        margin-top: 3px;
        font-size: 9.6px;
    }

    #holdun-card-cta-separator {
        margin-top: 3px !important;
    }

    #holdun-card-link {
        margin-top: 4.2px;
    }

    #holdun-card-link > a {
        gap: 4.8px;
        font-size: 10.8px;
    }

    #holdun-card-arrow {
        width: 18px;
        top: -0.3px;
    }

    /* =========================================================
       TEGRA
    ========================================================= */
    #tegra-card-logo {
        width: 93px;
        margin-top: 12px;
    }

    #tegra-card-visual {
        margin-top: 9px;
        width: 180px;
    }

    #tegra-card-sphere {
        transform: translateX(-1.8px);
    }

    #world-card-tegra > p:first-of-type {
        margin-top: 6px;
        width: 216px;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.09px;
    }

    #tegra-card-separator {
        margin-top: 6px;
        width: 135px;
    }

    #world-card-tegra > p:nth-of-type(2) {
        margin-top: 0.6px;
        width: 252px;
        font-size: 13.2px;
        line-height: 18px;
        letter-spacing: 0.09px;
    }

    #tegra-card-symbols {
        margin-top: 6px;
        gap: 9.6px;
    }

    #tegra-symbol-woody img {
        width: 24px;
    }

    #tegra-symbol-woody p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 1.32px;
    }

    #tegra-symbol-aromatic img {
        width: 21px;
        top: 8.4px;
    }

    #tegra-symbol-aromatic p {
        margin-top: 3px;
        font-size: 9.6px;
        right: 2.7px;
        top: 7.488px;
    }

    #tegra-symbol-amber img {
        width: 24.6px;
    }

    #tegra-symbol-amber p {
        margin-top: 3px;
        font-size: 9.6px;
    }

    #tegra-card-cta-separator {
        margin-top: 3px !important;
    }

    #tegra-card-link {
        margin-top: 4.2px;
    }

    #tegra-card-link > a {
        gap: 4.8px;
        font-size: 10.8px;
    }

    #tegra-card-arrow {
        width: 18px;
        top: -0.3px;
    }

    /* =========================================================
       INSTAGRAM
    ========================================================= */
    #instagram-info > img:first-child {
        width: 600px !important;
        max-width: 90%;
        margin-top: 12px !important;
        margin-bottom: 3px !important;
        filter: drop-shadow(0 0.6px 1.2px rgba(26,22,18,0.15)) !important;
    }

    #instagram-block {
        gap: 18px;
        margin-bottom: 3px;
    }

    #instagram-block > img:first-child {
        width: 25.2px !important;
        filter: drop-shadow(0 0.6px 1.2px rgba(26,22,18,0.25)) !important;
    }

    #instagram-block h3 {
        font-size: 12.3px;
        text-shadow: 0 0.3px 0.6px rgba(26,22,18,0.35) !important;
    }

    #instagram-block > img:last-child {
        width: 36px !important;
    }

    #instagram-info > img:last-child {
        width: 600px !important;
        max-width: 90%;
        margin-bottom: 24px !important;
        filter: drop-shadow(0 0.6px 1.2px rgba(26,22,18,0.15)) !important;
    }

        #worlds-collection-grid dialog button {
        top: 20px;
        right: 8px;
    }

    #worlds-collection-grid dialog button > span {
        top: -1.8px;
        left: 0;
    }
}

@media (min-width: 600px) and (max-width: 689.98px) {
    #worlds-collection-grid {
        gap: 18px;
    }

    #worlds-collection-grid > .world-card > p {
        width: 100%;
        left: auto;
        translate: none;
        white-space: nowrap;
    }
}

@media (min-width: 768px) and (max-width: 899.98px) {
    #page-content > h2:first-child {
        margin-top: 33.6px;
        font-size: 32.9px;
        text-shadow: 0 -0.14px 0 rgba(255,240,214,0.20),
            0 0.49px 0.56px rgba(80,48,22,0.20) !important;
    }

    #page-content > img:first-of-type {
        margin-top: 2.8px;
        width: 301px;
        filter: drop-shadow(0 0.245px 0.7px rgba(126,86,35,0.15)) !important;
    }

    #worlds-collection-grid {
        margin-top: 7px;
        max-width: 700px;
        gap: 32.9px;
    }

    #worlds-collection-grid > .world-card {
        width: 210px;
    }

    #coferus-card-logo {
        width: 147px;
        margin-top: 15.05px;
    }

    #coferus-card-visual {
        margin-top: 10.5px;
        width: 210px;
    }

    #coferus-card-sphere {
        width: 79.5%;
        height: 79.5%;
        transform: translate(-0.7px, 5.25px);
    }

    #world-card-coferus > p {
        margin-top: 7.28px;
        width: 252px;
        font-size: 17.5px;
        line-height: 21px;
        letter-spacing: 0.105px;
    }

    #coferus-card-separator {
        margin-top: 7px;
        width: 157.5px;
    }

    #coferus-card-notes {
        margin-top: 7px;
    }

    #coferus-card-notes-image {
        width: 94.5px;
        transform: translateY(-1.4px);
    }

    #coferus-card-cta-separator {
        margin-top: 3.5px !important;
    }

    #coferus-card-link {
        margin-top: 4.9px;
    }

    #coferus-card-link > a {
        gap: 5.6px;
        font-size: 12.6px;
    }

    #coferus-card-arrow {
        width: 21px;
        top: -0.35px;
    }

    #holdun-card-logo {
        width: 133px;
        margin-top: 14px;
    }

    #holdun-card-visual {
        margin-top: 10.5px;
        width: 210px;
    }

    #holdun-card-sphere {
        transform: translateX(-1.05px);
    }

    #world-card-holdun > p:first-of-type {
        margin-top: 7px;
        width: 252px;
        font-size: 17.5px;
        line-height: 21px;
        letter-spacing: 0.105px;
    }

    #holdun-card-separator {
        margin-top: 7px;
        width: 157.5px;
    }

    #world-card-holdun > p:nth-of-type(2) {
        margin-top: 0.7px;
        width: 294px;
        font-size: 15.4px;
        line-height: 21px;
        letter-spacing: 0.105px;
    }

    #holdun-card-symbols {
        margin-top: 7px;
        gap: 11.2px;
    }

    #holdun-symbol-woody img {
        width: 28px;
    }

    #holdun-symbol-woody p {
        margin-top: 3.5px;
        font-size: 11.2px;
        right: 1.54px;
    }

    #holdun-symbol-aromatic img {
        width: 21.7px;
        right: 4.2px;
    }

    #holdun-symbol-aromatic p {
        margin-top: 3.5px;
        font-size: 11.2px;
        right: 3.15px;
        top: -1.05px;
    }

    #holdun-symbol-amber img {
        width: 28.7px;
    }

    #holdun-symbol-amber p {
        margin-top: 3.5px;
        font-size: 11.2px;
    }

    #holdun-card-cta-separator {
        margin-top: 3.5px !important;
    }

    #holdun-card-link {
        margin-top: 4.9px;
    }

    #holdun-card-link > a {
        gap: 5.6px;
        font-size: 12.6px;
    }

    #holdun-card-arrow {
        width: 21px;
        top: -0.35px;
    }

    #tegra-card-logo {
        width: 108.5px;
        margin-top: 14px;
    }

    #tegra-card-visual {
        margin-top: 10.5px;
        width: 210px;
    }

    #tegra-card-sphere {
        transform: translateX(-1.5px);
    }

    #world-card-tegra > p:first-of-type {
        margin-top: 7px;
        width: 252px;
        font-size: 17.5px;
        line-height: 21px;
        letter-spacing: 0.105px;
    }

    #tegra-card-separator {
        margin-top: 7px;
        width: 157.5px;
    }

    #world-card-tegra > p:nth-of-type(2) {
        margin-top: 0.7px;
        width: 294px;
        font-size: 15.4px;
        line-height: 21px;
        letter-spacing: 0.105px;
    }

    #tegra-card-symbols {
        margin-top: 7px;
        gap: 11.2px;
    }

    #tegra-symbol-woody img {
        width: 28px;
    }

    #tegra-symbol-woody p {
        margin-top: 3.5px;
        font-size: 11.2px;
        right: 1.54px;
    }

    #tegra-symbol-aromatic img {
        width: 24.5px;
        top: 9.8px;
    }

    #tegra-symbol-aromatic p {
        margin-top: 3.5px;
        font-size: 11.2px;
        right: 3.15px;
        top: 8.736px;
    }

    #tegra-symbol-amber img {
        width: 28.7px;
    }

    #tegra-symbol-amber p {
        margin-top: 3.5px;
        font-size: 11.2px;
    }

    #tegra-card-cta-separator {
        margin-top: 3.5px !important;
    }

    #tegra-card-link {
        margin-top: 4.9px;
    }

    #tegra-card-link > a {
        gap: 5.6px;
        font-size: 12.6px;
    }

    #tegra-card-arrow {
        width: 21px;
        top: -0.35px;
    }

    #instagram-info > img:first-child {
        width: 700px !important;
        margin-top: 14px !important;
        margin-bottom: 3.5px !important;
        filter: drop-shadow(0 0.7px 1.4px rgba(26,22,18,0.15)) !important;
    }

    #instagram-block {
        gap: 21px;
        margin-bottom: 3.5px;
    }

    #instagram-block > img:first-child {
        width: 29.4px !important;
        filter: drop-shadow(0 0.7px 1.4px rgba(26,22,18,0.25)) !important;
    }

    #instagram-block h3 {
        font-size: 14.35px;
        text-shadow: 0 0.35px 0.7px rgba(26,22,18,0.35) !important;
    }

    #instagram-block > img:last-child {
        width: 42px !important;
    }

    #instagram-info > img:last-child {
        width: 700px !important;
        margin-bottom: 28px !important;
        filter: drop-shadow(0 0.7px 1.4px rgba(26,22,18,0.15)) !important;
    }

        #worlds-collection-grid dialog button {
        top: 30px;
        right: 50px;
    }

    #worlds-collection-grid dialog button > span {
        top: -1.8px;
        left: 0;
    }
}

@media (min-width: 900px) and (max-width: 1199.98px) {
    #page-content > h2:first-child {
        margin-top: 40.8px;
        font-size: 39.95px;
        text-shadow: 0 -0.17px 0 rgba(255,240,214,0.20),
            0 0.595px 0.68px rgba(80,48,22,0.20) !important;
    }

    #page-content > img:first-of-type {
        margin-top: 3.4px;
        width: 365.5px;
        filter: drop-shadow(0 0.2975px 0.85px rgba(126,86,35,0.15)) !important;
    }

    #worlds-collection-grid {
        margin-top: 8.5px;
        max-width: 850px;
        gap: 39.95px;
    }

    #worlds-collection-grid > .world-card {
        width: 255px;
    }

    #coferus-card-logo {
        width: 178.5px;
        margin-top: 18.275px;
    }

    #coferus-card-visual {
        margin-top: 12.75px;
        width: 255px;
    }

    #coferus-card-sphere {
        transform: translate(-0.85px, 6.375px);
    }

    #world-card-coferus > p {
        margin-top: 8.84px;
        width: 306px;
        font-size: 21.25px;
        line-height: 25.5px;
        letter-spacing: 0.1275px;
    }

    #coferus-card-separator {
        margin-top: 8.5px;
        width: 191.25px;
    }

    #coferus-card-notes {
        margin-top: 8.5px;
    }

    #coferus-card-notes-image {
        width: 114.75px;
        transform: translateY(-1.7px);
    }

    #coferus-card-cta-separator {
        margin-top: 4.25px !important;
    }

    #coferus-card-link {
        margin-top: 5.95px;
    }

    #coferus-card-link > a {
        gap: 6.8px;
        font-size: 15.3px;
    }

    #coferus-card-arrow {
        width: 25.5px;
        top: -0.425px;
    }

    #holdun-card-logo {
        width: 161.5px;
        margin-top: 17px;
    }

    #holdun-card-visual {
        margin-top: 12.75px;
        width: 255px;
    }

    #holdun-card-sphere {
        transform: translateX(-1.275px);
    }

    #world-card-holdun > p:first-of-type {
        margin-top: 8.5px;
        width: 306px;
        font-size: 21.25px;
        line-height: 25.5px;
        letter-spacing: 0.1275px;
    }

    #holdun-card-separator {
        margin-top: 8.5px;
        width: 191.25px;
    }

    #world-card-holdun > p:nth-of-type(2) {
        margin-top: 0.85px;
        width: 357px;
        font-size: 18.7px;
        line-height: 25.5px;
        letter-spacing: 0.1275px;
    }

    #holdun-card-symbols {
        margin-top: 8.5px;
        gap: 13.6px;
    }

    #holdun-symbol-woody img {
        width: 34px;
    }

    #holdun-symbol-woody p {
        margin-top: 4.25px;
        font-size: 13.6px;
        right: 1.87px;
    }

    #holdun-symbol-aromatic img {
        width: 26.35px;
        right: 5.1px;
    }

    #holdun-symbol-aromatic p {
        margin-top: 4.25px;
        font-size: 13.6px;
        right: 3.825px;
        top: -1.275px;
    }

    #holdun-symbol-amber img {
        width: 34.85px;
    }

    #holdun-symbol-amber p {
        margin-top: 4.25px;
        font-size: 13.6px;
    }

    #holdun-card-cta-separator {
        margin-top: 4.25px !important;
    }

    #holdun-card-link {
        margin-top: 5.95px;
    }

    #holdun-card-link > a {
        gap: 6.8px;
        font-size: 15.3px;
    }

    #holdun-card-arrow {
        width: 25.5px;
        top: -0.425px;
    }

    #tegra-card-logo {
        width: 131.75px;
        margin-top: 17px;
    }

    #tegra-card-visual {
        margin-top: 12.75px;
        width: 255px;
    }

    #tegra-card-sphere {
        transform: translateX(-1.5px);
    }

    #world-card-tegra > p:first-of-type {
        margin-top: 8.5px;
        width: 306px;
        font-size: 21.25px;
        line-height: 25.5px;
        letter-spacing: 0.1275px;
    }

    #tegra-card-separator {
        margin-top: 8.5px;
        width: 191.25px;
    }

    #world-card-tegra > p:nth-of-type(2) {
        margin-top: 0.85px;
        width: 357px;
        font-size: 18.7px;
        line-height: 25.5px;
        letter-spacing: 0.1275px;
    }

    #tegra-card-symbols {
        margin-top: 8.5px;
        gap: 13.6px;
    }

    #tegra-symbol-woody img {
        width: 34px;
    }

    #tegra-symbol-woody p {
        margin-top: 4.25px;
        font-size: 13.6px;
        right: 1.87px;
    }

    #tegra-symbol-aromatic img {
        width: 29.75px;
        top: 11.9px;
    }

    #tegra-symbol-aromatic p {
        margin-top: 4.25px;
        font-size: 13.6px;
        right: 3.825px;
        top: 10.608px;
    }

    #tegra-symbol-amber img {
        width: 34.85px;
    }

    #tegra-symbol-amber p {
        margin-top: 4.25px;
        font-size: 13.6px;
    }

    #tegra-card-cta-separator {
        margin-top: 4.25px !important;
    }

    #tegra-card-link {
        margin-top: 5.95px;
    }

    #tegra-card-link > a {
        gap: 6.8px;
        font-size: 15.3px;
    }

    #tegra-card-arrow {
        width: 25.5px;
        top: -0.425px;
    }

    #instagram-info > img:first-child {
        width: 850px !important;
        margin-top: 17px !important;
        margin-bottom: 4.25px !important;
        filter: drop-shadow(0 0.85px 1.7px rgba(26,22,18,0.15)) !important;
    }

    #instagram-block {
        gap: 25.5px;
        margin-bottom: 4.25px;
    }

    #instagram-block > img:first-child {
        width: 35.7px !important;
        filter: drop-shadow(0 0.85px 1.7px rgba(26,22,18,0.25)) !important;
    }

    #instagram-block h3 {
        font-size: 17.425px;
        text-shadow: 0 0.425px 0.85px rgba(26,22,18,0.35) !important;
    }

    #instagram-block > img:last-child {
        width: 51px !important;
    }

    #instagram-info > img:last-child {
        width: 850px !important;
        margin-bottom: 34px !important;
        filter: drop-shadow(0 0.85px 1.7px rgba(26,22,18,0.15)) !important;
    }

        #worlds-collection-grid dialog button {
        top: 28px;
        right: 45px;
    }

    #worlds-collection-grid dialog button > span {
        top: -1.8px;
        left: 0;
    }
}