/* ==========================================================
   CHANT M — STAGE 6
   HOMEPAGE / ABOUT / CONTACT
   ========================================================== */

.cm6-home h1,
.cm6-about-page h1,
.cm6-contact-page h1 {
    letter-spacing:-.045em;
}

/* HERO */

.cm6-hero {
    position:relative;
    overflow:hidden;
    min-height:760px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            125deg,
            #fffaf7 0%,
            #fffaf8 42%,
            #f8e8f5 100%
        );
}

.cm6-hero-glow {
    position:absolute;
    border-radius:50%;
    filter:blur(2px);
}

.glow-one {
    width:520px;
    height:520px;
    right:-140px;
    top:-180px;
    background:
        radial-gradient(
            circle,
            rgba(237,198,230,.68),
            rgba(237,198,230,0) 70%
        );
}

.glow-two {
    width:390px;
    height:390px;
    left:-180px;
    bottom:-220px;
    background:
        radial-gradient(
            circle,
            rgba(244,218,195,.40),
            rgba(244,218,195,0) 70%
        );
}

.cm6-hero-grid {
    position:relative;
    z-index:2;
    width:100%;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:70px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}

.cm6-hero-copy h1 {
    margin-bottom:24px;
    font-size:clamp(57px,7vw,100px);
}

.cm6-hero-copy h1 em {
    display:inline-block;
    color:#a66e98;
    font-weight:500;
}

.cm6-hero-copy > p {
    max-width:620px;
    margin-bottom:32px;
    color:#766b73;
    font-size:18px;
}

.cm6-hero-points {
    display:flex;
    gap:0;
    margin-top:48px;
    max-width:680px;
    border-top:1px solid rgba(72,44,64,.11);
    border-bottom:1px solid rgba(72,44,64,.11);
}

.cm6-hero-points > div {
    flex:1;
    padding:18px 22px 18px 0;
}

.cm6-hero-points > div + div {
    padding-left:22px;
    border-left:1px solid rgba(72,44,64,.11);
}

.cm6-hero-points strong,
.cm6-hero-points span {
    display:block;
}

.cm6-hero-points strong {
    font-family:"Cormorant Garamond",serif;
    font-size:28px;
    line-height:1;
}

.cm6-hero-points span {
    margin-top:4px;
    color:#82767e;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.07em;
}

/* HERO ART */

.cm6-hero-art {
    position:relative;
    min-height:570px;
}

.cm6-hero-ring {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(125,76,111,.14);
}

.ring-one {
    width:460px;
    height:460px;
}

.ring-two {
    width:550px;
    height:550px;
}

.cm6-brand-card {
    position:absolute;
    z-index:3;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(3deg);
    width:360px;
    height:445px;
    padding:38px;
    border-radius:36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:#edc6e6;
    box-shadow:
        0 40px 100px rgba(106,58,92,.18),
        inset 0 0 80px rgba(255,255,255,.30);
}

.cm6-hero-logo {
    max-width:250px;
    height:auto;
    border-radius:18px;
}

.cm6-brand-script {
    font-family:"Allura",cursive;
    font-size:74px;
}

.cm6-brand-line {
    width:42px;
    height:1px;
    margin:28px auto;
    background:rgba(29,20,26,.35);
}

.cm6-brand-card p {
    max-width:230px;
    margin:0;
    font-family:"Cormorant Garamond",serif;
    font-size:25px;
    line-height:1.15;
}

.cm6-mini-card {
    position:absolute;
    z-index:5;
    min-width:180px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.85);
    border-radius:18px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(15px);
    box-shadow:0 18px 50px rgba(65,36,56,.10);
}

.cm6-mini-card span,
.cm6-mini-card strong {
    display:block;
}

.cm6-mini-card span {
    margin-bottom:3px;
    color:#9c6c8f;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.cm6-mini-card strong {
    font-family:"Cormorant Garamond",serif;
    font-size:23px;
}

.mini-one {
    left:-15px;
    top:95px;
}

.mini-two {
    right:-10px;
    bottom:90px;
}

/* STRIP */

.cm6-intro-strip {
    background:#171317;
    color:white;
}

.cm6-strip-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.cm6-strip-grid article {
    min-height:105px;
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 25px;
}

.cm6-strip-grid article + article {
    border-left:1px solid rgba(255,255,255,.10);
}

.cm6-strip-grid article > span {
    color:#edc6e6;
    font-size:10px;
    letter-spacing:.14em;
}

.cm6-strip-grid strong,
.cm6-strip-grid small {
    display:block;
}

.cm6-strip-grid strong {
    font-family:"Cormorant Garamond",serif;
    font-size:23px;
}

.cm6-strip-grid small {
    color:rgba(255,255,255,.50);
    font-size:11px;
}

/* SECTION HEAD */

.cm6-section-heading {
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:70px;
    align-items:end;
    margin-bottom:48px;
}

.cm6-section-heading h2 {
    margin-bottom:0;
}

.cm6-section-heading > p {
    color:#776d74;
    margin-bottom:5px;
}

/* OCCASION GRID */

.cm6-occasion-grid {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:18px;
}

.cm6-occasion-card {
    position:relative;
    overflow:hidden;
    min-height:390px;
    padding:30px;
    border-radius:28px;
    display:flex;
    align-items:flex-end;
    color:white;
    background-size:cover;
    background-position:center;
    transition:.35s ease;
    isolation:isolate;
}

.cm6-occasion-card:before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(
            180deg,
            rgba(20,15,19,.05),
            rgba(20,15,19,.78)
        );
}

.cm6-occasion-card:hover {
    transform:translateY(-7px);
    box-shadow:0 25px 70px rgba(60,32,52,.13);
}

.cm6-occasion-card:nth-child(1),
.cm6-occasion-card:nth-child(2) {
    grid-column:span 6;
}

.cm6-occasion-card:nth-child(n+3) {
    grid-column:span 3;
    min-height:330px;
}

.card-1 {
    background:
        linear-gradient(180deg,transparent,rgba(35,23,31,.80)),
        linear-gradient(145deg,#d9bdd2,#a7799c);
}

.card-2 {
    background:
        linear-gradient(180deg,transparent,rgba(35,23,31,.80)),
        linear-gradient(145deg,#eadbc8,#b8988e);
}

.card-3 {
    background:
        linear-gradient(180deg,transparent,rgba(35,23,31,.80)),
        linear-gradient(145deg,#e5c7db,#ae81a1);
}

.card-4 {
    background:
        linear-gradient(180deg,transparent,rgba(35,23,31,.80)),
        linear-gradient(145deg,#efd6e7,#bd8fae);
}

.card-5 {
    background:
        linear-gradient(180deg,transparent,rgba(35,23,31,.80)),
        linear-gradient(145deg,#ddc4b7,#9c7b72);
}

.card-6 {
    background:
        linear-gradient(180deg,transparent,rgba(35,23,31,.80)),
        linear-gradient(145deg,#e9cadf,#9f7193);
}

.cm6-occasion-number {
    position:absolute;
    left:30px;
    top:27px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
    opacity:.7;
}

.cm6-occasion-arrow {
    position:absolute;
    right:25px;
    top:25px;
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.45);
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(8px);
    transition:.25s;
}

.cm6-occasion-card:hover .cm6-occasion-arrow {
    background:white;
    color:#171317;
}

.cm6-occasion-copy h3 {
    margin-bottom:7px;
}

.cm6-occasion-copy p {
    max-width:280px;
    color:rgba(255,255,255,.67);
    font-size:13px;
}

.cm6-occasion-copy > span {
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.07em;
}

/* COLLECTIONS */

.cm6-collection-section {
    background:white;
}

.cm6-collection-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.cm6-collection-card {
    overflow:hidden;
    border-radius:26px;
    border:1px solid rgba(67,42,60,.10);
    background:#fffaf7;
    transition:.3s;
}

.cm6-collection-card:hover {
    transform:translateY(-6px);
    box-shadow:0 25px 65px rgba(60,34,53,.10);
}

.cm6-collection-visual {
    position:relative;
    overflow:hidden;
    aspect-ratio:1.3/1;
    display:flex;
    justify-content:center;
    align-items:center;
    background-position:center;
    background-size:cover;
}

.cm6-collection-visual:before {
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    top:-40px;
    right:-40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.65);
}

.cm6-collection-visual > span {
    font-family:"Allura",cursive;
    font-size:125px;
    color:rgba(77,43,68,.12);
}

.collection-1 .cm6-collection-visual {
    background-color:#f2d3e7;
}

.collection-2 .cm6-collection-visual {
    background-color:#f4ddc5;
}

.collection-3 .cm6-collection-visual {
    background-color:#efd1df;
}

.collection-4 .cm6-collection-visual {
    background-color:#e4c5d8;
}

.collection-5 .cm6-collection-visual {
    background-color:#f4e1d6;
}

.collection-6 .cm6-collection-visual {
    background-color:#dcc0b4;
}

.cm6-collection-copy {
    padding:24px;
}

.cm6-collection-copy small {
    color:#a06c92;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.cm6-collection-copy h3 {
    margin:6px 0 12px;
    font-size:29px;
}

.cm6-collection-copy > span {
    font-size:11px;
    font-weight:700;
}

/* HOME ABOUT */

.cm6-about-preview {
    background:#fffaf7;
}

.cm6-about-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:85px;
    align-items:center;
}

.cm6-about-art {
    position:relative;
    min-height:500px;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255,255,255,.9),
            transparent 18%
        ),
        linear-gradient(
            145deg,
            #e9bfdc,
            #f7e7d8
        );
}

.cm6-about-circle {
    position:absolute;
    left:50%;
    top:50%;
    width:270px;
    height:270px;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#171317;
    color:#edc6e6;
    font-size:95px;
    box-shadow:0 35px 80px rgba(33,22,30,.18);
}

.cm6-about-label {
    position:absolute;
    right:28px;
    bottom:28px;
    max-width:190px;
    padding:20px;
    border-radius:18px;
    background:white;
    box-shadow:0 16px 45px rgba(57,32,49,.10);
}

.cm6-about-label small,
.cm6-about-label strong {
    display:block;
}

.cm6-about-label small {
    margin-bottom:5px;
    color:#9e6c90;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.cm6-about-label strong {
    font-family:"Cormorant Garamond",serif;
    font-size:21px;
    line-height:1.05;
}

.cm6-about-copy p {
    max-width:640px;
    color:#766d74;
    font-size:17px;
}

/* EVENT CTA */

.cm6-event-card {
    position:relative;
    overflow:hidden;
    min-height:460px;
    padding:75px;
    display:flex;
    align-items:center;
    border-radius:38px;
    color:white;
    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(237,198,230,.11),
            transparent 30%
        ),
        #171317;
}

.cm6-event-copy {
    position:relative;
    z-index:2;
    max-width:760px;
}

.cm6-event-copy p {
    max-width:600px;
    color:rgba(255,255,255,.62);
    font-size:17px;
}

.cm6-event-heart {
    position:absolute;
    right:80px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(237,198,230,.09);
    font-size:245px;
}

.cm6-dark-outline {
    border-color:rgba(255,255,255,.4);
    background:transparent;
    color:white;
}

/* VISIT */

.cm6-visit {
    background:white;
}

.cm6-visit-grid {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:75px;
    align-items:center;
}

.cm6-visit-copy > p {
    color:#746a71;
    font-size:17px;
}

.cm6-contact-inline {
    display:flex;
    gap:24px;
    margin:25px 0;
    font-weight:700;
    font-size:13px;
}

.cm6-map-art {
    position:relative;
    overflow:hidden;
    min-height:430px;
    border-radius:34px;
    background:
        linear-gradient(
            145deg,
            #f0d1e6,
            #f4eadf
        );
}

.cm6-map-road {
    position:absolute;
    height:1px;
    background:rgba(88,59,80,.18);
    transform-origin:left center;
}

.road-one {
    width:130%;
    left:-10%;
    top:30%;
    transform:rotate(17deg);
}

.road-two {
    width:120%;
    left:-10%;
    top:65%;
    transform:rotate(-14deg);
}

.road-three {
    width:100%;
    left:10%;
    top:50%;
    transform:rotate(58deg);
}

.cm6-map-pin {
    position:absolute;
    left:52%;
    top:43%;
    width:74px;
    height:74px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:#171317;
    color:#edc6e6;
    font-size:31px;
    box-shadow:0 18px 45px rgba(40,28,36,.18);
}

.cm6-map-label {
    position:absolute;
    left:50%;
    top:63%;
    transform:translateX(-50%);
    min-width:230px;
    padding:16px 20px;
    text-align:center;
    border-radius:15px;
    background:white;
    box-shadow:0 14px 35px rgba(55,34,49,.10);
}

.cm6-map-label strong,
.cm6-map-label small {
    display:block;
}

.cm6-map-label strong {
    font-family:"Cormorant Garamond",serif;
    font-size:23px;
}

.cm6-map-label small {
    color:#7f727a;
}

/* ==========================================================
   INNER HERO
   ========================================================== */

.cm6-inner-hero {
    position:relative;
    overflow:hidden;
    padding:115px 0 100px;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(237,198,230,.85),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #fffaf7,
            #fff4fb
        );
}

.cm6-inner-hero-grid {
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:60px;
    align-items:center;
}

.cm6-inner-hero h1 {
    max-width:780px;
    margin-bottom:22px;
}

.cm6-inner-hero p {
    max-width:650px;
    margin:0;
    color:#766c73;
    font-size:18px;
}

.cm6-inner-symbol {
    display:flex;
    justify-content:center;
}

.cm6-inner-symbol > div {
    width:245px;
    height:245px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#edc6e6;
    background:#171317;
    font-size:95px;
    box-shadow:0 30px 80px rgba(46,29,41,.17);
}

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

.cm6-story-layout {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:85px;
    align-items:center;
}

.cm6-story-visual {
    position:relative;
    overflow:hidden;
    min-height:540px;
    border-radius:36px;
    background:
        linear-gradient(
            145deg,
            #efd0e5,
            #f8e7db
        );
}

.cm6-story-shape {
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(87,50,77,.15);
}

.shape-a {
    width:430px;
    height:430px;
    left:-120px;
    top:-120px;
}

.shape-b {
    width:310px;
    height:310px;
    right:-110px;
    bottom:-80px;
}

.cm6-story-logo {
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:70px;
}

.cm6-story-logo img {
    max-width:320px;
    height:auto;
    border-radius:25px;
    box-shadow:0 28px 65px rgba(60,34,52,.12);
}

.cm6-story-text p {
    color:#746a72;
    font-size:17px;
}

.cm6-values-section {
    background:white;
}

.cm6-values-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid rgba(67,42,60,.10);
    border-radius:28px;
    overflow:hidden;
}

.cm6-values-grid article {
    padding:42px;
}

.cm6-values-grid article + article {
    border-left:1px solid rgba(67,42,60,.10);
}

.cm6-values-grid article > span {
    display:block;
    margin-bottom:30px;
    color:#ac759e;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
}

.cm6-values-grid h3 {
    font-size:29px;
    margin-bottom:10px;
}

.cm6-values-grid p {
    margin:0;
    color:#786e75;
    font-size:14px;
}

.cm6-about-categories {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    padding:65px;
    border-radius:34px;
    background:
        linear-gradient(
            135deg,
            #faedf6,
            #fff8f2
        );
}

.cm6-about-categories-copy p {
    color:#756b72;
}

.cm6-about-pills {
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    gap:10px;
}

.cm6-about-pills a {
    padding:12px 18px;
    border-radius:999px;
    border:1px solid rgba(71,43,63,.12);
    background:white;
    font-size:12px;
    font-weight:700;
    transition:.2s;
}

.cm6-about-pills a:hover {
    transform:translateY(-2px);
    border-color:#d59cc8;
}

.cm6-about-location-card {
    min-height:350px;
    padding:60px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    border-radius:36px;
    color:white;
    background:#171317;
}

.cm6-about-location-card p {
    color:rgba(255,255,255,.62);
}

/* ==========================================================
   CONTACT PAGE
   ========================================================== */

.cm6-contact-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.cm6-contact-card {
    padding:32px;
    border-radius:25px;
    border:1px solid rgba(65,42,58,.10);
    background:white;
    transition:.28s;
}

.cm6-contact-card:hover {
    transform:translateY(-6px);
    box-shadow:0 22px 60px rgba(59,33,51,.09);
}

.cm6-contact-icon {
    width:51px;
    height:51px;
    margin-bottom:33px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f7e5f2;
    font-size:20px;
}

.cm6-contact-icon svg {
    width:20px;
    height:20px;
}

.cm6-contact-card small,
.cm6-contact-card strong,
.cm6-contact-card > span {
    display:block;
}

.cm6-contact-card small {
    color:#9c6b8e;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.cm6-contact-card strong {
    margin:7px 0 20px;
    font-family:"Cormorant Garamond",serif;
    font-size:27px;
}

.cm6-contact-card > span {
    color:#70666d;
    font-size:11px;
    font-weight:700;
}

.cm6-contact-main {
    background:white;
}

.cm6-contact-layout {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:70px;
    align-items:start;
}

.cm6-contact-lead {
    max-width:510px;
    margin-bottom:38px;
    color:#746a72;
    font-size:17px;
}

.cm6-address-block {
    display:flex;
    gap:20px;
    padding:22px 0;
    border-top:1px solid rgba(68,42,61,.10);
}

.cm6-address-block:last-of-type {
    margin-bottom:25px;
    border-bottom:1px solid rgba(68,42,61,.10);
}

.cm6-address-number {
    min-width:34px;
    color:#ae759e;
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
}

.cm6-address-block small,
.cm6-address-block strong {
    display:block;
}

.cm6-address-block small {
    margin-bottom:5px;
    color:#887b83;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.cm6-address-block strong {
    font-size:15px;
    line-height:1.7;
}

.cm6-form-shell {
    padding:42px;
    border:1px solid rgba(66,42,59,.10);
    border-radius:30px;
    background:#fffaf7;
    box-shadow:0 25px 70px rgba(57,33,49,.06);
}

.cm6-form-top small {
    display:block;
    margin-bottom:7px;
    color:#a16d93;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.cm6-form-top h2 {
    margin-bottom:30px;
    font-size:44px;
}

.cm6-field-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.cm6-contact-form .field {
    margin-bottom:14px;
}

.cm6-contact-form label {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.cm6-contact-form input,
.cm6-contact-form textarea {
    background:white;
}

.cm6-form-success {
    margin-bottom:25px;
    padding:15px 18px;
    border-radius:13px;
    background:#f1dfed;
    font-size:13px;
}

.cm6-contact-map-section {
    padding-top:0;
}

.cm6-contact-map {
    position:relative;
    overflow:hidden;
    min-height:420px;
    display:block;
    border-radius:35px;
    background:
        linear-gradient(
            145deg,
            #efd0e5,
            #f5e7d9
        );
}

.cm6-contact-map-lines {
    position:absolute;
    height:1px;
    background:rgba(79,51,71,.17);
}

.line-a {
    width:120%;
    left:-10%;
    top:32%;
    transform:rotate(13deg);
}

.line-b {
    width:120%;
    left:-10%;
    top:63%;
    transform:rotate(-15deg);
}

.line-c {
    width:90%;
    left:22%;
    top:50%;
    transform:rotate(62deg);
}

.cm6-contact-map-pin {
    position:absolute;
    left:50%;
    top:43%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    color:#edc6e6;
    background:#171317;
    font-size:33px;
    box-shadow:0 20px 50px rgba(40,25,36,.18);
}

.cm6-contact-map-copy {
    position:absolute;
    left:50%;
    top:67%;
    transform:translateX(-50%);
    min-width:270px;
    padding:18px 24px;
    text-align:center;
    border-radius:17px;
    background:white;
    box-shadow:0 16px 40px rgba(55,31,48,.10);
}

.cm6-contact-map-copy small,
.cm6-contact-map-copy strong,
.cm6-contact-map-copy span {
    display:block;
}

.cm6-contact-map-copy small {
    color:#a16e93;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.cm6-contact-map-copy strong {
    margin:3px 0 7px;
    font-family:"Cormorant Garamond",serif;
    font-size:23px;
}

.cm6-contact-map-copy span {
    font-size:10px;
    font-weight:700;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1050px) {

    .cm6-hero-grid {
        gap:35px;
    }

    .cm6-brand-card {
        width:310px;
        height:390px;
    }

    .cm6-occasion-card:nth-child(n) {
        grid-column:span 6;
    }

    .cm6-collection-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .cm6-about-grid,
    .cm6-story-layout,
    .cm6-contact-layout {
        gap:45px;
    }
}

@media(max-width:760px) {

    .cm6-hero {
        min-height:auto;
    }

    .cm6-hero-grid,
    .cm6-inner-hero-grid,
    .cm6-about-grid,
    .cm6-story-layout,
    .cm6-about-categories,
    .cm6-contact-layout,
    .cm6-visit-grid {
        grid-template-columns:1fr;
    }

    .cm6-hero-grid {
        gap:10px;
        padding-top:65px;
        padding-bottom:40px;
    }

    .cm6-hero-copy h1 {
        font-size:clamp(52px,15vw,74px);
    }

    .cm6-hero-points {
        flex-direction:column;
    }

    .cm6-hero-points > div,
    .cm6-hero-points > div + div {
        padding:12px 0;
        border-left:0;
        border-top:1px solid rgba(72,44,64,.08);
    }

    .cm6-hero-points > div:first-child {
        border-top:0;
    }

    .cm6-hero-art {
        min-height:440px;
    }

    .cm6-brand-card {
        width:260px;
        height:325px;
        padding:25px;
    }

    .cm6-hero-logo {
        max-width:200px;
    }

    .ring-one {
        width:330px;
        height:330px;
    }

    .ring-two {
        width:390px;
        height:390px;
    }

    .cm6-mini-card {
        min-width:145px;
        padding:12px 14px;
    }

    .cm6-mini-card strong {
        font-size:19px;
    }

    .mini-one {
        top:45px;
        left:0;
    }

    .mini-two {
        right:0;
        bottom:50px;
    }

    .cm6-strip-grid {
        grid-template-columns:1fr 1fr;
    }

    .cm6-strip-grid article {
        min-height:85px;
        padding:13px;
    }

    .cm6-strip-grid article + article {
        border-left:0;
    }

    .cm6-strip-grid article:nth-child(even) {
        border-left:1px solid rgba(255,255,255,.1);
    }

    .cm6-strip-grid article:nth-child(n+3) {
        border-top:1px solid rgba(255,255,255,.1);
    }

    .cm6-section-heading {
        grid-template-columns:1fr;
        gap:10px;
    }

    .cm6-occasion-card:nth-child(n) {
        grid-column:span 12;
        min-height:315px;
    }

    .cm6-collection-grid,
    .cm6-values-grid,
    .cm6-contact-cards {
        grid-template-columns:1fr;
    }

    .cm6-about-art {
        min-height:360px;
    }

    .cm6-about-circle {
        width:220px;
        height:220px;
        font-size:75px;
    }

    .cm6-event-card {
        min-height:auto;
        padding:45px 28px;
    }

    .cm6-event-heart {
        right:-35px;
        font-size:170px;
    }

    .cm6-map-art {
        min-height:340px;
    }

    .cm6-inner-hero {
        padding:80px 0 65px;
    }

    .cm6-inner-symbol {
        display:none;
    }

    .cm6-story-visual {
        min-height:380px;
    }

    .cm6-story-logo {
        padding:45px;
    }

    .cm6-values-grid article + article {
        border-left:0;
        border-top:1px solid rgba(67,42,60,.10);
    }

    .cm6-about-categories {
        padding:35px 25px;
    }

    .cm6-about-location-card {
        min-height:auto;
        padding:40px 28px;
        display:block;
    }

    .cm6-about-location-card .hero-buttons {
        margin-top:30px;
    }

    .cm6-contact-cards {
        gap:12px;
    }

    .cm6-contact-card {
        padding:25px;
    }

    .cm6-form-shell {
        padding:27px 18px;
    }

    .cm6-field-grid {
        grid-template-columns:1fr;
    }

    .cm6-form-top h2 {
        font-size:38px;
    }

    .cm6-contact-map {
        min-height:340px;
    }
}