/* ============================================================
   CASAVORA — BRAND PORTFOLIO
   Main stylesheet
============================================================ */


/* ============================================================
   RESET
============================================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;
    background: #1e2527;
    color: #241f1d;
    font-family: Arial, Helvetica, sans-serif;
}


/* ============================================================
   VARIABLES
============================================================ */

:root {

    --cream: #f4ecdf;
    --cream-light: #f7efe3;

    --black: #1e1917;
    --black-soft: #211b19;

    --text: #292320;
    --muted: #776b63;

    --gold: #b78948;

    --line: rgba(83, 68, 58, 0.18);

    --page-width: 100%;
}


/* ============================================================
   MAIN PORTFOLIO
============================================================ */
/* =========================================================
   SECTION 01 — COVER / HERO — COLOR UPDATE ONLY
   ========================================================= */

   .hero-section {
    background: #211b18;
    color: #eee8de;
}

/* TOP TEXT */
.hero-top {
    color: #c69a5a;
}

/* CASAVORA */
.brand-name {
    color: #eee8de;
}

/* TM */
.trademark {
    color: #c69a5a;
}

/* BRAND PORTFOLIO */
.hero-subtitle {
    color: #eee8de;
}

/* GOLD LINE */
.gold-line {
    background: #c69a5a;
}

/* LOCATION */
.location {
    color: #cfc3b5;
}

/* INSTAGRAM */
.instagram {
    color: #c69a5a;
}
.portfolio {
    width: 100%;
    overflow: hidden;
}


/* ============================================================
   COMMON PAGE
============================================================ */

.portfolio-page {

    width: 100%;

    min-height: 100vh;

    position: relative;

    overflow: hidden;

    border-bottom: 7px solid #202729;
}


.light-page {
    background: var(--cream);
    color: var(--text);
}


.dark-page {
    background: var(--black);
    color: var(--cream);
}


/* ============================================================
   PAGE FOOTER
============================================================ */

.page-footer {

    position: absolute;

    left: 6.7%;
    right: 6.7%;

    bottom: 5.5%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 14px;

    letter-spacing: 4px;

    color: #74685f;

    text-transform: uppercase;
}


.dark-page .page-footer {
    color: #d0c3b5;
}


/* ============================================================
   COVER PAGE
============================================================ */

.cover-page {

    background: var(--cream);

    display: grid;

    grid-template-columns: 47% 53%;

    min-height: 100vh;

    color: var(--text);
}


.cover-content {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding-left: 11%;

    padding-right: 7%;

    background: #211b18;

    color: #eee8de;
}


.cover-top {

    position: absolute;

    top: 8%;

    left: 11%;

    font-size: 13px;

    letter-spacing: 4px;

    color: #c69a5a;
}


.cover-top span {
    padding: 0 7px;
}


.cover-brand {
    position: relative;
}


.cover-brand h1 {

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(60px, 7vw, 120px);

    line-height: .9;

    font-weight: 400;

    letter-spacing: 2px;

    color: #eee8de;;
}


.tm {

    position: absolute;

    right: -28px;

    top: 0;

    font-size: 12px;

    letter-spacing: 1px;
}
.cover-brand .tm {
    color: #c69a5a;
}

.cover-subtitle {

    margin-top: 25px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;

    color: #eee8de;
}


.cover-line {

    width: 125px;

    height: 1px;

    background: #c69a5a;

    margin: 35px 0 20px;
}


.cover-location,
.cover-instagram {

    font-size: 14px;

    letter-spacing: 2px;

    color: #6f645d;
}
.cover-location {
    color: #cfc3b5;
}


.cover-instagram {
    margin-top: 10px;
    color: #c69a5a;
}


.cover-image {

    width: 100%;

    height: 100%;

    overflow: hidden;
}


.cover-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;
}


/* ============================================================
   ABOUT PAGE
============================================================ */

.about-page {

    display: grid;

    grid-template-columns: 52% 48%;

    background: var(--cream);

    min-height: 100vh;
}


.about-content {

    padding: 8% 9% 7% 10%;

    position: relative;

    min-height: 100vh;
}


.section-eyebrow {

    font-size: 13px;

    letter-spacing: 4px;

    color: #887970;

    margin-bottom: 50px;
}


.about-content h2 {

    max-width: 720px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(42px, 4vw, 72px);

    line-height: 1.08;

    font-weight: 400;
}


.about-description {

    max-width: 650px;

    margin-top: 35px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    line-height: 1.6;

    color: #6e635b;
}


.about-highlight {

    max-width: 650px;

    margin-top: 22px;

    font-size: 17px;

    line-height: 1.6;

    color: #352e2a;
}


.category-list {

    margin-top: 55px;

    max-width: 680px;
}


.category-item {

    display: grid;

    grid-template-columns: 60px 1fr;

    gap: 15px;

    padding: 17px 0;

    border-bottom: 1px solid var(--line);

    align-items: center;
}


.category-item:first-child {
    border-top: 1px solid var(--line);
}


.category-number {

    font-size: 12px;

    letter-spacing: 2px;

    color: #98877c;
}


.category-name {

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;
}


.about-image {

    min-height: 100vh;

    overflow: hidden;
}


.about-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;
}


/* ============================================================
   COLLECTION PAGES
============================================================ */

.collection-page {

    display: grid;

    grid-template-columns: 47% 53%;

    min-height: 100vh;
}


.collection-content {

    position: relative;

    min-height: 100vh;

    padding: 17% 12% 10%;
}


.collection-number {

    color: var(--gold);

    font-size: 17px;

    letter-spacing: 5px;

    margin-bottom: 55px;

    text-transform: uppercase;
}


.collection-content h2 {

    font-family: Georgia, "Times New Roman", serif;

    font-weight: 400;

    font-size: clamp(54px, 5.5vw, 92px);

    line-height: .98;

    letter-spacing: -2px;

    color: var(--cream);
}


.collection-content p {

    max-width: 600px;

    margin-top: 48px;

    font-size: 20px;

    line-height: 1.75;

    color: #cbbeb0;
}


.collection-image {

    height: 100%;

    min-height: 100vh;

    overflow: hidden;
}


.collection-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;
}


/* ============================================================
   STANDARD LIGHT PAGE
============================================================ */

.standard-page {

    position: relative;

    min-height: 100vh;

    padding: 8% 6.7% 8%;
}


.page-title {

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 4.6vw, 76px);

    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -1.5px;

    margin-bottom: 55px;
}


/* ============================================================
   FOUR IMAGE GRID
============================================================ */

.four-image-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 26px;

    width: 100%;
}


.image-card {

    min-width: 0;
}


.image-card img {

    display: block;

    width: 100%;

    height: 455px;

    object-fit: cover;
}


.image-card p {

    margin-top: 16px;

    font-size: 17px;

    line-height: 1.3;

    color: #776a61;
}


/* ============================================================
   MATERIAL & FORM
============================================================ */

.material-layout {

    display: grid;

    grid-template-columns: 56% 44%;

    gap: 35px;

    align-items: center;

    margin-top: 15px;
}


.material-images {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 28px;
}


.material-images img {

    width: 100%;

    height: 520px;

    object-fit: cover;

    display: block;
}


.material-list {

    padding-left: 5px;
}


.material-item {

    padding: 25px 0;

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


.material-item:last-child {
    border-bottom: 1px solid var(--line);
}


.material-item h3 {

    font-size: 25px;

    font-weight: 500;

    line-height: 1.2;

    margin-bottom: 9px;
}


.material-item p {

    font-size: 18px;

    line-height: 1.5;

    color: #756960;
}


/* ============================================================
   OCCASION PAGE
============================================================ */

.occasion-layout {

    display: grid;

    grid-template-columns: 39% 61%;

    gap: 38px;

    align-items: center;

    margin-top: 15px;
}


.occasion-image img {

    display: block;

    width: 100%;

    height: 520px;

    object-fit: cover;
}


.occasion-list {

    padding-left: 0;
}


/* ============================================================
   GLASS PAGE
============================================================ */

.glass-layout {

    display: grid;

    grid-template-columns: 39% 61%;

    gap: 30px;

    align-items: start;
}


.glass-left {

    display: grid;

    grid-template-rows: 1fr 1fr;

    gap: 20px;
}


.glass-left img {

    width: 100%;

    height: 245px;

    object-fit: cover;

    display: block;
}


.glass-right img {

    width: 100%;

    height: 425px;

    object-fit: cover;

    display: block;
}


.glass-right p {

    font-size: 18px;

    color: #756960;

    margin-top: 20px;

    line-height: 1.5;
}


/* ============================================================
   ART WALL
============================================================ */

.art-wall-layout {

    display: grid;

    grid-template-columns: 39% 61%;

    gap: 38px;

    align-items: center;
}


.art-wall-image img {

    width: 100%;

    height: 520px;

    display: block;

    object-fit: cover;
}


.art-wall-list {

    padding-left: 0;
}


/* ============================================================
   IMAGE HOVER
============================================================ */

.image-card,
.collection-image,
.about-image,
.cover-image,
.material-images img,
.occasion-image,
.glass-left img,
.glass-right img,
.art-wall-image {

    overflow: hidden;
}


.image-card img,
.collection-image img,
.about-image img,
.cover-image img,
.material-images img,
.occasion-image img,
.glass-left img,
.glass-right img,
.art-wall-image img {

    transition:
        transform .8s cubic-bezier(.2,.6,.2,1);
}


.image-card:hover img,
.collection-image:hover img,
.about-image:hover img,
.cover-image:hover img,
.material-images img:hover,
.occasion-image img:hover,
.glass-left img:hover,
.glass-right img:hover,
.art-wall-image:hover img {

    transform: scale(1.025);
}


/* ============================================================
   DESKTOP LARGE
============================================================ */

@media (min-width: 1600px) {

    .collection-content {
        padding-left: 10%;
        padding-right: 10%;
    }

    .collection-content h2 {
        font-size: 88px;
    }

    .image-card img {
        height: 500px;
    }

    .material-images img {
        height: 570px;
    }

}


/* ============================================================
   LAPTOP
============================================================ */

@media (max-width: 1200px) {

    .cover-page,
    .about-page,
    .collection-page {
        grid-template-columns: 50% 50%;
    }


    .collection-content h2 {
        font-size: 58px;
    }


    .collection-content p {
        font-size: 17px;
    }


    .four-image-grid {
        gap: 18px;
    }


    .image-card img {
        height: 390px;
    }


    .material-images img {
        height: 450px;
    }


    .occasion-image img,
    .art-wall-image img {
        height: 460px;
    }

}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 900px) {

    .portfolio-page {
        min-height: auto;

        border-bottom-width: 5px;
    }


    /* COVER */

    .cover-page {

        display: flex;

        flex-direction: column;

        min-height: auto;
    }


    .cover-content {

        min-height: 55vh;

        padding: 100px 8% 80px;
    }


    .cover-top {

        top: 40px;

        left: 8%;

        font-size: 10px;

        letter-spacing: 2px;
    }


    .cover-brand h1 {
        font-size: 70px;
    }


    .cover-image {

        height: 55vh;

        min-height: 450px;
    }


    /* ABOUT */

    .about-page {

        display: flex;

        flex-direction: column;
    }


    .about-content {

        min-height: auto;

        padding: 80px 8% 110px;
    }


    .about-image {

        height: 55vh;

        min-height: 450px;

        order: 2;
    }


    .about-content h2 {
        font-size: 48px;
    }


    /* COLLECTION */

    .collection-page {

        display: flex;

        flex-direction: column;

        min-height: auto;
    }


    .collection-content {

        min-height: 60vh;

        padding: 90px 8% 100px;
    }


    .collection-image {

        min-height: 60vh;

        height: 60vh;
    }


    .collection-content h2 {
        font-size: 58px;
    }


    /* STANDARD */

    .standard-page {

        padding: 80px 7% 120px;

        min-height: auto;
    }


    .page-title {

        font-size: 52px;

        margin-bottom: 45px;
    }


    .four-image-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;
    }


    .image-card img {
        height: 400px;
    }


    /* MATERIAL */

    .material-layout {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .material-images img {
        height: 480px;
    }


    /* OCCASION */

    .occasion-layout {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .occasion-image img {
        height: 500px;
    }


    /* GLASS */

    .glass-layout {

        grid-template-columns: 1fr;

        gap: 25px;
    }


    .glass-left {

        grid-template-columns: 1fr 1fr;

        grid-template-rows: auto;

        gap: 20px;
    }


    .glass-left img {
        height: 320px;
    }


    .glass-right img {
        height: 500px;
    }


    /* ART */

    .art-wall-layout {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .art-wall-image img {
        height: 520px;
    }


    .page-footer {

        position: static;

        margin-top: 70px;

        padding-top: 25px;

        border-top: 1px solid var(--line);

        font-size: 10px;

        letter-spacing: 2px;
    }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 600px) {

    body {
        background: var(--cream);
    }


    .portfolio-page {
        border-bottom-width: 4px;
    }


    /* COVER */

    .cover-content {

        min-height: 58vh;

        padding: 85px 7% 60px;
    }


    .cover-top {

        top: 28px;

        left: 7%;

        right: 7%;

        font-size: 8px;

        line-height: 1.6;

        letter-spacing: 1.8px;
    }


    .cover-brand h1 {

        font-size: 48px;

        letter-spacing: 1px;
    }


    .tm {

        right: -20px;

        font-size: 9px;
    }


    .cover-subtitle {

        font-size: 21px;

        margin-top: 18px;
    }


    .cover-line {

        margin: 25px 0 16px;

        width: 90px;
    }


    .cover-location,
    .cover-instagram {

        font-size: 10px;

        letter-spacing: 1.3px;
    }


    .cover-image {

        height: 50vh;

        min-height: 350px;
    }


    /* ABOUT */

    .about-content {

        padding: 65px 7% 75px;
    }


    .section-eyebrow {

        font-size: 10px;

        letter-spacing: 2.5px;

        margin-bottom: 30px;
    }


    .about-content h2 {

        font-size: 38px;

        line-height: 1.05;
    }


    .about-description {

        margin-top: 25px;

        font-size: 16px;

        line-height: 1.55;
    }


    .about-highlight {

        font-size: 14px;

        line-height: 1.55;

        margin-top: 18px;
    }


    .category-list {

        margin-top: 35px;
    }


    .category-item {

        grid-template-columns: 40px 1fr;

        gap: 10px;

        padding: 14px 0;
    }


    .category-name {

        font-size: 16px;
    }


    .about-image {

        height: 48vh;

        min-height: 320px;
    }


    /* COLLECTION */

    .collection-content {

        min-height: 65vh;

        padding: 70px 7% 75px;
    }


    .collection-number {

        font-size: 11px;

        letter-spacing: 3px;

        margin-bottom: 35px;
    }


    .collection-content h2 {

        font-size: 45px;

        line-height: .98;

        letter-spacing: -1px;
    }


    .collection-content p {

        margin-top: 30px;

        font-size: 15px;

        line-height: 1.65;

        max-width: 95%;
    }


    .collection-image {

        height: 50vh;

        min-height: 320px;
    }


    /* STANDARD */

    .standard-page {

        padding: 60px 7% 80px;
    }


    .page-title {

        font-size: 39px;

        line-height: 1.08;

        margin-bottom: 35px;
    }


    /* FOUR IMAGES */

    .four-image-grid {

        grid-template-columns: 1fr 1fr;

        gap: 13px;
    }


    .image-card img {

        height: 245px;
    }


    .image-card p {

        margin-top: 9px;

        font-size: 12px;

        line-height: 1.3;
    }


    /* MATERIAL */

    .material-images {

        grid-template-columns: 1fr 1fr;

        gap: 12px;
    }


    .material-images img {

        height: 300px;
    }


    .material-layout {
        gap: 30px;
    }


    .material-item {

        padding: 18px 0;
    }


    .material-item h3 {

        font-size: 19px;

        margin-bottom: 7px;
    }


    .material-item p {

        font-size: 14px;

        line-height: 1.45;
    }


    /* OCCASION */

    .occasion-layout {

        gap: 30px;
    }


    .occasion-image img {

        height: 390px;
    }


    /* GLASS */

    .glass-left {

        grid-template-columns: 1fr;

        gap: 12px;
    }


    .glass-left img {

        height: 220px;
    }


    .glass-right img {

        height: 300px;
    }


    .glass-right p {

        font-size: 14px;

        line-height: 1.5;

        margin-top: 12px;
    }


    /* ART */

    .art-wall-layout {

        gap: 30px;
    }


    .art-wall-image img {

        height: 400px;
    }


    /* FOOTER */

    .page-footer {

        margin-top: 50px;

        padding-top: 18px;

        font-size: 8px;

        letter-spacing: 1.5px;
    }

}


/* ============================================================
   VERY SMALL MOBILE
============================================================ */

@media (max-width: 390px) {

    .cover-brand h1 {
        font-size: 42px;
    }


    .about-content h2 {
        font-size: 33px;
    }


    .collection-content h2 {
        font-size: 40px;
    }


    .page-title {
        font-size: 34px;
    }


    .four-image-grid {
        gap: 10px;
    }


    .image-card img {
        height: 205px;
    }


    .image-card p {
        font-size: 10px;
    }


    .material-images img {
        height: 260px;
    }

}


/* =========================================================
   CASAVORA — SECTION 13
   FOR LIVING AND WORKING
   ========================================================= */

   .cv-living-section {
    background: #f4ecdf;
    color: #211d1a;
    padding: 105px 0 55px;
}

.cv-living-section .cv-container {
    width: min(100% - 120px, 1360px);
    margin: 0 auto;
}

.cv-main-title {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 4.2vw, 72px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.cv-living-grid {
    display: grid;
    grid-template-columns: 0.78fr 1fr;
    gap: 25px;
    margin-top: 45px;
    align-items: start;
}

.cv-living-card {
    min-width: 0;
}

.cv-living-image {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.cv-office-card .cv-living-image {
    height: 525px;
}

.cv-living-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cv-living-text {
    padding-top: 20px;
}

.cv-living-text h3 {
    margin: 0 0 8px;
    color: #211d1a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;
}

.cv-living-text p {
    max-width: 500px;
    margin: 0;
    color: #766b62;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.5;
}

.cv-page-footer {
    width: min(100% - 120px, 1360px);
    margin: 55px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: #766b62;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
}


/* =========================================================
   CASAVORA — SECTION 14
   VISIT THE SHOWROOM
   ========================================================= */

.cv-showroom-section {
    background: #211c19;
    color: #f5ede2;
    width: 100%;
}

.cv-showroom-grid {
    display: grid;
    grid-template-columns: 46% 54%;
    min-height: 720px;
}

.cv-showroom-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 90px 100px;
}

.cv-showroom-label {
    display: block;
    margin-bottom: 38px;

    color: #bd8b46;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 1.2;
}

.cv-showroom-content h2 {
    margin: 0;

    color: #f5ede2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(55px, 5.5vw, 90px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -2px;
}

.cv-showroom-content h2 sup {
    position: relative;
    top: -28px;

    margin-left: 5px;

    color: #bd8b46;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
}

.cv-showroom-content h3 {
    margin: 28px 0 20px;

    color: #bd8b46;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 1.4;
}

.cv-showroom-content p {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.cv-address {
    max-width: 540px;

    color: #f5ede2;
    font-size: 17px;
    line-height: 1.65;
}

.cv-phone {
    margin-top: 28px !important;

    color: #f5ede2;
    font-size: 18px;
    line-height: 1.4;
}

.cv-instagram {
    margin-top: 20px !important;

    color: #f5ede2;
    font-size: 17px;
    line-height: 1.4;
}

.cv-showroom-image {
    width: 100%;
    min-height: 720px;
    height: 100%;
    overflow: hidden;
}

.cv-showroom-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .cv-living-section {
        padding: 75px 0 45px;
    }

    .cv-living-section .cv-container {
        width: calc(100% - 80px);
    }

    .cv-main-title {
        font-size: 52px;
    }

    .cv-living-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .cv-office-card .cv-living-image {
        height: 450px;
    }

    .cv-living-card-main .cv-living-image {
        height: 330px;
    }

    .cv-page-footer {
        width: calc(100% - 80px);
    }

    /* SHOWROOM */

    .cv-showroom-grid {
        grid-template-columns: 1fr;
    }

    .cv-showroom-content {
        min-height: 520px;
        padding: 75px 60px;
    }

    .cv-showroom-image {
        min-height: 550px;
        height: 550px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    /* SECTION 13 */

    .cv-living-section {
        padding: 60px 0 35px;
    }

    .cv-living-section .cv-container {
        width: calc(100% - 36px);
    }

    .cv-main-title {
        font-size: 42px;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    .cv-living-grid {
        display: block;
        margin-top: 30px;
    }

    .cv-living-card {
        margin-bottom: 38px;
    }

    .cv-office-card .cv-living-image {
        height: auto;
        aspect-ratio: 0.9 / 1;
    }

    .cv-living-card-main .cv-living-image {
        height: auto;
        aspect-ratio: 1.2 / 1;
    }

    .cv-living-text {
        padding-top: 14px;
    }

    .cv-living-text h3 {
        font-size: 25px;
    }

    .cv-living-text p {
        font-size: 15px;
        line-height: 1.5;
    }

    .cv-page-footer {
        width: calc(100% - 36px);
        margin-top: 20px;

        font-size: 9px;
        letter-spacing: 2px;
    }


    /* SECTION 14 */

    .cv-showroom-grid {
        display: flex;
        flex-direction: column;
    }

    .cv-showroom-content {
        min-height: auto;
        padding: 65px 30px 55px;
    }

    .cv-showroom-label {
        margin-bottom: 25px;
        font-size: 12px;
        letter-spacing: 3px;
    }

    .cv-showroom-content h2 {
        font-size: 52px;
        line-height: 0.98;
        letter-spacing: -1px;
    }

    .cv-showroom-content h2 sup {
        top: -17px;
        font-size: 11px;
    }

    .cv-showroom-content h3 {
        margin: 25px 0 20px;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 1.5;
    }

    .cv-address {
        font-size: 15px;
        line-height: 1.65;
    }

    .cv-phone {
        margin-top: 25px !important;
        font-size: 16px;
    }

    .cv-instagram {
        margin-top: 18px !important;
        font-size: 15px;
    }

    .cv-showroom-image {
        min-height: 420px;
        height: 420px;
    }
}