/* ==========================================================
   EMPOWER HER 2027 CONFERENCE
   COMPLETE PAGE CSS
========================================================== */


/* ==========================================================
   GLOBAL VARIABLES / RESET
========================================================== */

.eh27-page {
    --eh-wine: #5a082a;
    --eh-deep: #760034;
    --eh-burgundy: #8d003e;
    --eh-pink: #d90b5b;
    --eh-rose: #eb7898;
    --eh-soft-pink: #f5bcc9;
    --eh-blush: #f9d9df;
    --eh-cream: #fff8f4;
    --eh-white: #ffffff;
    --eh-gold: #d9a441;
    --eh-gold-light: #efc56d;
    --eh-text: #4a2030;
    --eh-muted: #78616a;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    overflow-x: hidden;

    background: var(--eh-cream);
    color: var(--eh-text);
}


.eh27-page *,
.eh27-page *::before,
.eh27-page *::after {
    box-sizing: border-box;
}


.eh27-page img {
    max-width: 100%;
}


.eh27-container {
    width: min(1180px, calc(100% - 60px));
    margin: 0 auto;
}


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

.eh27-hero {
    position: relative;

    display: grid;
    grid-template-columns: 46% 54%;

    width: 100%;
    max-width: none;

    min-height: 720px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: var(--eh-cream);
}


/* ==========================================================
   HERO — LEFT PHOTO
========================================================== */

.eh27-hero-photo {
    position: relative;

    width: 100%;
    height: 720px;
    min-height: 720px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 52% 40%,
            #f9dce3 0%,
            #f5c8d2 43%,
            #efb3c3 68%,
            #e79caf 100%
        );
}


/* GOLD CIRCLE */

.eh27-photo-circle {
    position: absolute;

    z-index: 1;

    width: 570px;
    height: 570px;

    left: 52%;
    top: 47%;

    transform: translate(-50%, -50%);

    border: 2px solid rgba(217, 164, 65, .65);
    border-radius: 50%;
}


/* NATASHA IMAGE */

.eh27-hero-photo img {
    position: absolute;
    z-index: 2;

    /* MOVE NATASHA LEFT TO CENTER HER IN THE CIRCLE */
    left: 40%;
    bottom: -5px;

    transform: translateX(-50%);

    display: block;

    width: auto;
    height: 98%;

    max-width: none;

    object-fit: contain;
    object-position: center bottom;
}


/* PREVENT OLD OVERLAY */

.eh27-hero-photo::before,
.eh27-hero-photo::after {
    display: none !important;
}


/* ==========================================================
   HERO — RIGHT CONTENT
========================================================== */

.eh27-hero-content {
    position: relative;

    z-index: 5;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: flex-start;

    width: 100%;
    min-width: 0;

    min-height: 720px;

    margin: 0;

    padding:
        55px
        clamp(50px, 6vw, 105px)
        55px
        clamp(45px, 5vw, 80px);

    text-align: left;

    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(231, 126, 155, .17),
            transparent 33%
        ),
        radial-gradient(
            circle at 80% 95%,
            rgba(217, 164, 65, .08),
            transparent 30%
        ),
        linear-gradient(
            125deg,
            #fffaf7 0%,
            #fff7f3 60%,
            #f9e4e5 100%
        );
}


/* ==========================================================
   HERO KICKER
========================================================== */

.eh27-kicker {
    margin: 0 0 15px;

    color: var(--eh-burgundy);

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

    font-size: 15px;
    font-weight: 600;

    line-height: 1.2;

    letter-spacing: .27em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO TITLE
========================================================== */

.eh27-hero h1 {
    width: 100%;
    max-width: 780px;

    margin: 0;
    padding: 0;

    color: var(--eh-burgundy);

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

    font-size: clamp(70px, 5.7vw, 108px);
    font-weight: 400;

    line-height: .85;

    letter-spacing: -.055em;

    text-align: left;
    text-transform: uppercase;
}


.eh27-hero h1 span {
    display: block;

    color: var(--eh-burgundy);
}


.eh27-hero h1 em {
    color: var(--eh-rose);

    font-weight: 400;
    font-style: italic;
}


/* ==========================================================
   GOLD ACCENT LINE
========================================================== */

.eh27-gold-line {
    width: 78px;
    height: 2px;

    margin: 25px 0 21px;

    background: var(--eh-gold);
}


/* ==========================================================
   HERO TAGLINE
========================================================== */

.eh27-hero-tagline {
    margin: 0 0 28px;

    color: var(--eh-wine);

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

    font-size: 23px;
    font-weight: 400;
    font-style: italic;

    line-height: 1.35;
}


/* ==========================================================
   OPTIONAL IDENTITY EXPERIENCE
========================================================== */

.eh27-identity-experience {
    margin: 0 0 12px;

    color: #ad7137;

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

    font-size: 14px;
    font-weight: 600;

    letter-spacing: .24em;

    text-transform: uppercase;
}


/* ==========================================================
   OPTIONAL IDENTITY WORDS
========================================================== */

.eh27-identity-words {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 10px;

    margin: 0 0 27px;

    color: var(--eh-pink);

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

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .11em;

    text-transform: uppercase;
}


.eh27-identity-words i {
    display: block;

    width: 1px;
    height: 14px;

    background: rgba(173, 113, 55, .42);
}


/* ==========================================================
   HERO DATE / LOCATION
========================================================== */

.eh27-hero-details {
    display: grid;

    grid-template-columns:
        minmax(180px, .8fr)
        1px
        minmax(270px, 1.25fr);

    align-items: center;

    width: 100%;
    max-width: 680px;

    gap: 26px;

    margin: 0;
}


.eh27-hero-details > div {
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    text-align: left;
}


.eh27-hero-details small {
    display: block;

    margin: 0 0 7px;

    color: var(--eh-gold);

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

    font-size: 9px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: .19em;

    text-transform: uppercase;
}


.eh27-hero-details strong {
    display: block;

    color: var(--eh-wine);

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

    font-size: 13px;
    font-weight: 900;

    line-height: 1.35;

    letter-spacing: .02em;

    text-transform: uppercase;
}


.eh27-detail-line,
.eh27-detail-divider {
    display: block;

    width: 1px;
    height: 48px;

    background: rgba(90, 8, 42, .22);
}


/* ==========================================================
   HERO STATEMENT — IF PRESENT
========================================================== */

.eh27-hero-statement {
    margin: 24px 0 0;

    color: var(--eh-pink);

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

    font-size: 23px;
    font-style: italic;

    line-height: 1.25;
}


.eh27-hero-statement span {
    display: block;

    margin-top: 5px;

    color: var(--eh-wine);

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

    font-size: 10px;
    font-style: normal;
    font-weight: 900;

    letter-spacing: .15em;

    text-transform: uppercase;
}


/* ==========================================================
   GLOBAL BUTTON
========================================================== */

.eh27-btn {
    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    min-width: 245px;
    min-height: 62px;

    gap: 28px;

    padding: 0 28px;

    border: 0;
    border-radius: 0;

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

    font-size: 11px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: .14em;

    text-decoration: none;
    text-transform: uppercase;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}


.eh27-btn-gold {
    margin-top: 30px;

    background: var(--eh-gold);

    color: var(--eh-wine);
}


.eh27-btn-gold:hover {
    background: var(--eh-gold-light);

    color: var(--eh-wine);

    transform: translateY(-3px);
}


.eh27-btn span {
    font-size: 18px;
}


/* ==========================================================
   QUICK DETAILS
========================================================== */

.eh27-details {
    position: relative;

    z-index: 10;

    width: 100%;

    margin: 0;

    background: var(--eh-cream);
}


.eh27-details-grid {
    display: grid;

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

    background: #ffffff;

    border-top: 4px solid var(--eh-pink);

    box-shadow:
        0 15px 45px rgba(90, 8, 42, .06);
}


.eh27-detail-item {
    display: flex;

    align-items: flex-start;

    gap: 25px;

    min-height: 145px;

    padding: 35px 32px;

    border-right: 1px solid #f0d8df;
}


.eh27-detail-item:last-child {
    border-right: 0;
}


.eh27-detail-item > span {
    color: #e9a4b6;

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

    font-size: 26px;

    line-height: 1;
}


.eh27-detail-item small {
    display: block;

    margin-bottom: 8px;

    color: var(--eh-pink);

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

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.eh27-detail-item strong {
    display: block;

    color: var(--eh-wine);

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

    font-size: 13px;
    font-weight: 900;

    line-height: 1.35;

    text-transform: uppercase;
}


.eh27-detail-item p {
    margin: 6px 0 0;

    color: var(--eh-muted);

    font-size: 13px;

    line-height: 1.45;
}


/* ==========================================================
   FOCUS SECTION
========================================================== */

.eh27-focus {
    position: relative;

    padding: 120px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(236, 120, 152, .10),
            transparent 30%
        ),
        var(--eh-cream);
}


.eh27-focus::after {
    content: "IDENTITY";

    position: absolute;

    right: -20px;
    bottom: -40px;

    color: rgba(217, 11, 91, .035);

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

    font-size: clamp(110px, 15vw, 240px);

    line-height: 1;

    pointer-events: none;
}


.eh27-focus-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns: .85fr 1.15fr;

    gap: 100px;

    align-items: center;
}


/* EYEBROW */

.eh27-eyebrow {
    display: block;

    margin: 0 0 20px;

    color: var(--eh-pink);

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

    font-size: 11px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;
}


/* FOCUS TITLE */

.eh27-focus-heading h2,
.eh27-stay-heading h2 {
    margin: 0;

    color: var(--eh-wine);

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

    font-size: clamp(56px, 5vw, 82px);
    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;
}


.eh27-focus-heading h2 em,
.eh27-stay-heading h2 em {
    color: var(--eh-pink);

    font-weight: 400;
    font-style: italic;
}


/* FOCUS COPY */

.eh27-focus-copy {
    max-width: 600px;
}


.eh27-focus-lead {
    margin: 0 0 18px !important;

    color: var(--eh-wine) !important;

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

    font-size: 30px !important;

    line-height: 1.3 !important;
}


.eh27-focus-copy > p:not(.eh27-focus-lead) {
    margin: 0;

    color: var(--eh-muted);

    font-size: 18px;

    line-height: 1.75;
}


/* FOCUS WORDS */

.eh27-focus-words {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 17px;

    margin: 32px 0;
}


.eh27-focus-words span {
    color: var(--eh-pink);

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.eh27-focus-words i {
    width: 28px;
    height: 1px;

    background: var(--eh-gold);
}


/* TEXT LINK */

.eh27-text-link {
    display: inline-flex;

    align-items: center;

    gap: 16px;

    color: var(--eh-wine);

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .14em;

    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 2px solid var(--eh-gold);

    padding-bottom: 6px;
}


.eh27-text-link:hover {
    color: var(--eh-pink);
}

/* ==========================================================
   EMPOWER HER 2027 — SPEAKERS
========================================================== */

.eh27-speakers {
    position: relative;
    width: 100%;
    overflow: hidden;

    padding: 105px 30px 115px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 54, 126, .20),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #78002f 0%,
            #b0004f 48%,
            #79002f 100%
        );

    box-sizing: border-box;
}


/* ==========================================================
   SECTION HEADING
========================================================== */

.eh27-speakers .eh27-section-heading {
    max-width: 760px;
    margin: 0 auto 58px;

    text-align: center;
}


.eh27-speakers .eh27-eyebrow {
    display: block;

    margin: 0 0 16px;

    color: #e2ad49;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;

    letter-spacing: .28em;
    text-transform: uppercase;
}


.eh27-speakers .eh27-section-heading h2 {
    margin: 0;

    color: #fff8f2;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(50px, 5vw, 76px);
    font-weight: 400;

    line-height: 1;
    letter-spacing: -.025em;
}


.eh27-speakers .eh27-section-heading p {
    max-width: 600px;

    margin: 22px auto 0;

    color: rgba(255, 255, 255, .84);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;

    line-height: 1.65;
}


/* ==========================================================
   SPEAKER GRID
========================================================== */

.eh27-speakers-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 24px;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
}


/* ==========================================================
   SPEAKER CARD
========================================================== */

.eh27-speaker-card {
    position: relative;

    min-width: 0;

    margin: 0;
}


/* ==========================================================
   IMAGE FRAME
========================================================== */

.eh27-speaker-image {
    position: relative;

    width: 100%;
    aspect-ratio: 4 / 5;

    overflow: hidden;

    background: #efbdca;

    border: 1px solid rgba(255, 255, 255, .15);

    box-shadow:
        0 18px 45px rgba(65, 0, 28, .18);
}


/* GOLD INNER ACCENT */

.eh27-speaker-image::before {
    content: "";

    position: absolute;

    z-index: 2;

    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;

    border: 1px solid rgba(218, 164, 65, .55);

    pointer-events: none;
}


/* ==========================================================
   ALL SPEAKER PHOTOS
========================================================== */

.eh27-speaker-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .45s ease,
        filter .45s ease;
}


/* ==========================================================
   INDIVIDUAL PHOTO POSITIONING
   This lets each differently-shaped photo fit correctly.
========================================================== */


/* NATASHA */

.eh27-speaker-natasha img {
    object-position: center;
    transform: scale(1.90);
    transform-origin: center center;
    position: relative;
    top: 210px;
}


/* JORDAN */

.eh27-speaker-jordan img {
    object-position: center;
    transform: scale(1.30);
    transform-origin: center center;
    position: relative;
    top: 20px;
}


/* YONINA */

.eh27-speaker-yonina img {
    object-position: center;
    transform: scale(1.10);
    transform-origin: center center;
    position: relative;
    top: 20px;
}

/* ==========================================================
   ROLE LABEL
========================================================== */

.eh27-speaker-role {
    position: absolute;

    z-index: 4;

    left: 22px;
    bottom: 22px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 35px;

    padding: 0 16px;

    background: #fff8f2;

    color: #97003f;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 900;

    line-height: 1;
    letter-spacing: .20em;

    text-transform: uppercase;

    box-shadow:
        0 8px 20px rgba(75, 0, 32, .12);
}


/* ==========================================================
   SPEAKER INFORMATION
========================================================== */

.eh27-speaker-info {
    position: relative;

    padding: 24px 4px 0;
}


.eh27-speaker-info::before {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-bottom: 17px;

    background: #e2ad49;
}


.eh27-speaker-info h3 {
    margin: 0;

    color: #fff8f2;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -.015em;
}


.eh27-speaker-info p {
    margin: 10px 0 0;

    color: #e2ad49;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 900;

    line-height: 1.4;
    letter-spacing: .16em;

    text-transform: uppercase;
}


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

.eh27-speaker-card:hover .eh27-speaker-image img {
    transform: scale(1.025);
}


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

@media (max-width: 980px) {

    .eh27-speakers {
        padding:
            85px
            24px
            95px;
    }


    .eh27-speakers-grid {
        gap: 18px;
    }


    .eh27-speaker-info h3 {
        font-size: 24px;
    }


    .eh27-speaker-image::before {
        top: 14px;
        right: 14px;
        bottom: 14px;
        left: 14px;
    }

}


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

@media (max-width: 700px) {

    .eh27-speakers {
        padding:
            70px
            20px
            80px;
    }


    .eh27-speakers .eh27-section-heading {
        margin-bottom: 42px;
    }


    .eh27-speakers .eh27-section-heading h2 {
        font-size: 48px;
    }


    .eh27-speakers .eh27-section-heading p {
        font-size: 16px;
    }


    .eh27-speakers-grid {
        grid-template-columns: 1fr;

        gap: 50px;

        max-width: 440px;
    }


    .eh27-speaker-image {
        aspect-ratio: 4 / 5;
    }


    .eh27-speaker-info {
        padding-top: 20px;
    }


    .eh27-speaker-info h3 {
        font-size: 30px;
    }
/* ==========================================================
   EMPOWER HER 2027 — PLAN YOUR STAY
========================================================== */

.eh27-stay {
    position: relative;

    width: 100%;

    padding: 120px 0 125px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #fffaf8 0%,
            #fff5f2 100%
        );
}


/* SUBTLE BACKGROUND DETAIL */

.eh27-stay::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -260px;
    top: -230px;

    border-radius: 50%;

    background:
        rgba(214, 14, 89, .035);

    pointer-events: none;
}


.eh27-stay-inner {
    position: relative;
    z-index: 2;

    width:
        min(calc(100% - 48px), 1220px);

    margin: 0 auto;
}


/* ==========================================================
   HEADING
========================================================== */

.eh27-stay-heading {
    max-width: 800px;

    margin:
        0 auto 65px;

    text-align: center;
}


.eh27-stay-kicker {
    display: block;

    margin-bottom: 17px;

    color:
        #d60e59;

    font-size: .78rem;
    font-weight: 900;

    letter-spacing: .20em;

    text-transform: uppercase;
}


.eh27-stay-gold-line {
    width: 72px;
    height: 2px;

    margin:
        0 auto 25px;

    background:
        #d9a441;
}


.eh27-stay-heading h2 {
    margin: 0;

    color:
        #a9004f;

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

    font-size:
        clamp(3.5rem, 5.5vw, 5.7rem);

    font-weight: 400;

    line-height: .98;

    letter-spacing: -.045em;
}


.eh27-stay-heading h2 em {
    display: block;

    margin-top: 6px;

    color:
        #d60e59;

    font-weight: 400;
    font-style: italic;
}


.eh27-stay-heading p {
    max-width: 650px;

    margin:
        27px auto 0;

    color:
        #a55469;

    font-size: 1rem;

    line-height: 1.8;
}


/* ==========================================================
   HOTEL GRID
========================================================== */

.eh27-hotels {
    display: grid;

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

    gap: 32px;
}


/* ==========================================================
   HOTEL CARD
========================================================== */

.eh27-hotel-card {
    min-width: 0;

    overflow: hidden;

    background:
        #ffffff;

    border:
        1px solid rgba(214, 14, 89, .09);

    box-shadow:
        0 18px 50px
        rgba(169, 0, 79, .08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.eh27-hotel-card:hover {
    transform:
        translateY(-6px);

    box-shadow:
        0 26px 60px
        rgba(169, 0, 79, .13);
}


/* ==========================================================
   HOTEL IMAGE
========================================================== */

.eh27-hotel-image {
    position: relative;

    width: 100%;
    height: 350px;

    overflow: hidden;

    background:
        #f4e5e2;
}


.eh27-hotel-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform .5s ease;
}


.eh27-hotel-card:hover
.eh27-hotel-image img {
    transform:
        scale(1.035);
}


/* HOTEL NUMBER */

.eh27-hotel-number {
    position: absolute;

    left: 25px;
    bottom: 0;

    width: 70px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        #d60e59;

    color:
        #ffffff;

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

    font-size: 1.5rem;
    font-style: italic;

    box-shadow:
        0 10px 25px
        rgba(90, 0, 40, .16);
}


/* ==========================================================
   HOTEL CONTENT
========================================================== */

.eh27-hotel-content {
    padding:
        38px 38px 42px;
}


.eh27-hotel-label {
    display: block;

    margin-bottom: 13px;

    color:
        #d9a441;

    font-size: .69rem;
    font-weight: 900;

    letter-spacing: .14em;

    text-transform: uppercase;
}


.eh27-hotel-content h3 {
    margin:
        0 0 20px;

    color:
        #a9004f;

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

    font-size:
        clamp(1.8rem, 2.5vw, 2.5rem);

    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -.025em;
}


.eh27-hotel-content p {
    max-width: 500px;

    margin: 0;

    color:
        #a45b6e;

    font-size: .96rem;

    line-height: 1.75;
}


/* ==========================================================
   HOTEL BUTTON
========================================================== */

.eh27-hotel-button {
    min-height: 58px;

    margin-top: 28px;

    padding:
        0 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    width: 190px;

    background:
        #d60e59;

    border:
        1px solid #d60e59;

    color:
        #ffffff;

    font-size: .72rem;
    font-weight: 900;

    letter-spacing: .08em;

    text-decoration: none;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


.eh27-hotel-button:hover {
    background:
        #a9004f;

    border-color:
        #a9004f;

    color:
        #ffffff;

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 25px
        rgba(169, 0, 79, .15);
}


/* ==========================================================
   NOTE
========================================================== */

.eh27-stay-note {
    margin:
        35px auto 0;

    color:
        #b47a88;

    font-size: .76rem;

    text-align: center;

    line-height: 1.6;
}


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

@media (max-width: 900px) {

    .eh27-stay {
        padding:
            90px 0 95px;
    }


    .eh27-hotels {
        grid-template-columns:
            1fr;
    }


    .eh27-hotel-image {
        height:
            390px;
    }


    .eh27-hotel-content {
        padding:
            34px;
    }

}


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

@media (max-width: 600px) {

    .eh27-stay {
        padding:
            75px 0 80px;
    }


    .eh27-stay-inner {
        width:
            calc(100% - 34px);
    }


    .eh27-stay-heading {
        margin-bottom:
            45px;
    }


    .eh27-stay-heading h2 {
        font-size:
            clamp(3rem, 14vw, 4.4rem);
    }


    .eh27-hotel-image {
        height:
            250px;
    }


    .eh27-hotel-content {
        padding:
            30px 25px 34px;
    }


    .eh27-hotel-content h3 {
        font-size:
            1.9rem;
    }


    .eh27-hotel-button {
        width:
            100%;
    }

}
/* ==========================================================
   EH 2027 CONFERENCE — MOBILE HERO FIX
   ========================================================== */

@media screen and (max-width: 600px) {

    /* ENTIRE HERO */
    .eh27-hero {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        overflow: hidden !important;
    }


    /* =========================
       PHOTO SECTION
       ========================= */

    .eh27-hero-photo {
        order: 1 !important;

        width: 100% !important;
        height: 430px !important;
        min-height: 430px !important;

        overflow: hidden !important;
    }


    /* GOLD CIRCLE */

    .eh27-photo-circle {
        width: 360px !important;
        height: 360px !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;
    }


    /* NATASHA */

    .eh27-hero-photo img {
        left: 30% !important;
        right: auto !important;

        bottom: 0 !important;
        top: auto !important;

        width: auto !important;
        height: 95% !important;
        max-width: none !important;

        transform: translateX(-50%) !important;

        object-fit: contain !important;
        object-position: center bottom !important;
    }


    /* =========================
       TEXT SECTION
       ========================= */

    .eh27-hero-content {
        order: 2 !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 45px 24px 55px !important;

        justify-content: flex-start !important;
        align-items: flex-start !important;

        text-align: left !important;
    }


    /* CONFERENCE LABEL */

    .eh27-kicker {
        width: 100% !important;

        margin: 0 0 18px !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        letter-spacing: .20em !important;

        white-space: normal !important;
    }


    /* MAIN TITLE */

    .eh27-hero h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size: 52px !important;
        line-height: .88 !important;
        letter-spacing: -.05em !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }


    .eh27-hero h1 span {
        display: block !important;
    }


    /* GOLD LINE */

    .eh27-gold-line {
        width: 65px !important;
        margin: 24px 0 20px !important;
    }


    /* TAGLINE */

    .eh27-hero-tagline {
        width: 100% !important;

        margin: 0 0 24px !important;

        font-size: 19px !important;
        line-height: 1.4 !important;
    }


    /* IDENTITY EXPERIENCE */

    .eh27-identity-experience {
        font-size: 11px !important;
        letter-spacing: .17em !important;
    }


    /* IDENTITY WORDS */

    .eh27-identity-words {
        gap: 8px !important;

        margin-bottom: 25px !important;

        font-size: 9px !important;
        line-height: 1.5 !important;
    }


    /* =========================
       DATE + LOCATION
       ========================= */

    .eh27-hero-details {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 18px !important;
    }


    .eh27-hero-details > div {
        width: 100% !important;
    }


    /* REMOVE VERTICAL DIVIDER */

    .eh27-detail-line,
    .eh27-detail-divider {
        display: none !important;
    }


    .eh27-hero-details strong {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }


    /* STATEMENT */

    .eh27-hero-statement {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }


    /* BUTTON */

    .eh27-btn {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;

        padding: 0 22px !important;
    }


    .eh27-btn-gold {
        margin-top: 28px !important;
    }

}
/* ==========================================================
   QUICK DETAILS — MOBILE
========================================================== */

@media screen and (max-width: 600px) {

    .eh27-details {
        width: 100% !important;
        overflow: hidden !important;
    }

    .eh27-details .eh27-container {
        width: calc(100% - 34px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    /* STACK ALL DETAILS */
    .eh27-details-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    /* EACH DETAIL */
    .eh27-detail-item {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        display: grid !important;
        grid-template-columns: 45px 1fr !important;

        gap: 16px !important;

        padding: 28px 22px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #f0d8df !important;
    }

    .eh27-detail-item:last-child {
        border-bottom: 0 !important;
    }

    /* 01 / 02 / 03 */
    .eh27-detail-item > span {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    /* SMALL PINK DATE */
    .eh27-detail-item small {
        font-size: 9px !important;
        line-height: 1.4 !important;
        letter-spacing: .14em !important;
    }

    /* MAIN TITLE */
    .eh27-detail-item strong {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* DESCRIPTION */
    .eh27-detail-item p {
        margin-top: 8px !important;

        font-size: 13px !important;
        line-height: 1.55 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* ==========================================================
   EMPOWER HER 2027
   COMPLETE MOBILE FIX — REMAINING SECTIONS
========================================================== */

@media screen and (max-width: 900px) {


    /* ======================================================
       1. THIS YEAR'S FOCUS
    ====================================================== */

    .eh27-focus {
        width: 100% !important;
        padding: 70px 0 !important;
        overflow: hidden !important;
    }

    .eh27-focus .eh27-container {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    .eh27-focus-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 35px !important;
    }


    /* FOCUS HEADING */

    .eh27-focus-heading {
        width: 100% !important;
        max-width: 100% !important;
    }

    .eh27-focus-heading h2 {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 48px !important;
        line-height: .92 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* FOCUS TEXT */

    .eh27-focus-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

    .eh27-focus-lead {
        font-size: 23px !important;
        line-height: 1.35 !important;
    }

    .eh27-focus-copy > p:not(.eh27-focus-lead) {
        width: 100% !important;

        font-size: 16px !important;
        line-height: 1.65 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* FOCUS WORDS */

    .eh27-focus-words {
        width: 100% !important;

        gap: 9px !important;

        margin: 25px 0 !important;
    }

    .eh27-focus-words span {
        font-size: 9px !important;
        letter-spacing: .10em !important;
    }

    .eh27-focus-words i {
        width: 15px !important;
    }


    /* FAINT IDENTITY BACKGROUND */

    .eh27-focus::after {
        right: -15px !important;
        bottom: -10px !important;

        font-size: 85px !important;
    }



    /* ======================================================
       2. SPEAKERS
    ====================================================== */

    .eh27-speakers {
        width: 100% !important;

        padding: 70px 20px 80px !important;

        overflow: hidden !important;
    }


    /* SPEAKER HEADING */

    .eh27-speakers .eh27-section-heading {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 42px !important;

        text-align: center !important;
    }

    .eh27-speakers .eh27-section-heading h2 {
        font-size: 44px !important;
        line-height: 1 !important;
    }

    .eh27-speakers .eh27-section-heading p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }


    /* STACK SPEAKERS */

    .eh27-speakers-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 400px !important;

        margin: 0 auto !important;

        gap: 50px !important;
    }

    .eh27-speaker-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    .eh27-speaker-image {
        width: 100% !important;
        aspect-ratio: 4 / 5 !important;
    }


    /* NATASHA SPEAKER PHOTO */

    .eh27-speaker-natasha img {
        transform: scale(1.55) !important;
        transform-origin: center center !important;

        top: 70px !important;
    }


    /* JORDAN SPEAKER PHOTO */

    .eh27-speaker-jordan img {
        transform: scale(1.20) !important;
        transform-origin: center center !important;

        top: 10px !important;
    }


    /* YONINA SPEAKER PHOTO */

    .eh27-speaker-yonina img {
        transform: scale(1.05) !important;
        transform-origin: center center !important;

        top: 10px !important;
    }


    /* SPEAKER INFO */

    .eh27-speaker-info {
        width: 100% !important;
        padding: 20px 4px 0 !important;
    }

    .eh27-speaker-info h3 {
        font-size: 29px !important;
    }



    /* ======================================================
       3. PLAN YOUR STAY
    ====================================================== */

    .eh27-stay {
        width: 100% !important;

        padding: 70px 0 75px !important;

        overflow: hidden !important;
    }

    .eh27-stay-inner {
        width: calc(100% - 34px) !important;
        max-width: none !important;

        margin: 0 auto !important;
    }


    /* HOTEL SECTION HEADING */

    .eh27-stay-heading {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 45px !important;
    }

    .eh27-stay-heading h2 {
        font-size: 46px !important;
        line-height: .98 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .eh27-stay-heading p {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 22px !important;

        font-size: 15px !important;
        line-height: 1.65 !important;
    }


    /* STACK HOTELS */

    .eh27-hotels {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;

        gap: 28px !important;
    }

    .eh27-hotel-card {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* HOTEL PHOTO */

    .eh27-hotel-image {
        width: 100% !important;
        height: 230px !important;
    }


    /* HOTEL CONTENT */

    .eh27-hotel-content {
        width: 100% !important;

        padding: 28px 23px 32px !important;
    }

    .eh27-hotel-content h3 {
        font-size: 29px !important;
        line-height: 1.08 !important;
    }

    .eh27-hotel-content p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }


    /* HOTEL BUTTON */

    .eh27-hotel-button {
        width: 100% !important;
        min-height: 56px !important;
    }


    /* HOTEL NUMBER */

    .eh27-hotel-number {
        left: 20px !important;

        width: 60px !important;
        height: 56px !important;

        font-size: 20px !important;
    }

}
/* ==========================================================
   EMPOWER HER 2027
   TABLET HERO — COPY OF WORKING MOBILE HERO
   601px — 900px
========================================================== */

@media screen and (min-width: 601px) and (max-width: 900px) {

    /* ======================================================
       ENTIRE HERO
    ====================================================== */

    .eh27-hero {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        overflow: hidden !important;
    }


    /* ======================================================
       PHOTO SECTION
    ====================================================== */

    .eh27-hero-photo {
        order: 1 !important;

        position: relative !important;

        width: 100% !important;

        height: 520px !important;
        min-height: 520px !important;

        overflow: hidden !important;
    }


    /* GOLD CIRCLE */

    .eh27-photo-circle {
        width: 440px !important;
        height: 440px !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;
    }


    /* NATASHA HERO PHOTO */

    .eh27-hero-photo img {
        position: absolute !important;

        left: 30% !important;
        right: auto !important;

        bottom: 0 !important;
        top: auto !important;

        width: auto !important;
        height: 95% !important;
        max-width: none !important;

        transform: translateX(-50%) !important;

        object-fit: contain !important;
        object-position: center bottom !important;
    }


    /* ======================================================
       TEXT SECTION
    ====================================================== */

    .eh27-hero-content {
        order: 2 !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 50px 45px 60px !important;

        justify-content: flex-start !important;
        align-items: flex-start !important;

        text-align: left !important;
    }


    /* CONFERENCE LABEL */

    .eh27-kicker {
        width: 100% !important;

        margin: 0 0 18px !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        letter-spacing: .20em !important;

        white-space: normal !important;
    }


    /* ======================================================
       MAIN HERO WORDS
       SHE KNOWS WHO SHE IS
    ====================================================== */

    .eh27-hero h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size: 52px !important;
        line-height: .88 !important;

        letter-spacing: -.05em !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }


    .eh27-hero h1 span {
        display: block !important;
    }


    /* GOLD LINE */

    .eh27-gold-line {
        width: 65px !important;

        margin: 24px 0 20px !important;
    }


    /* TAGLINE */

    .eh27-hero-tagline {
        width: 100% !important;

        margin: 0 0 24px !important;

        font-size: 19px !important;
        line-height: 1.4 !important;
    }


    /* IDENTITY EXPERIENCE */

    .eh27-identity-experience {
        font-size: 11px !important;

        letter-spacing: .17em !important;
    }


    /* IDENTITY WORDS */

    .eh27-identity-words {
        gap: 8px !important;

        margin-bottom: 25px !important;

        font-size: 9px !important;
        line-height: 1.5 !important;
    }


    /* ======================================================
       DATE + LOCATION
    ====================================================== */

    .eh27-hero-details {
        display: grid !important;

        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 18px !important;
    }


    .eh27-hero-details > div {
        width: 100% !important;
    }


    /* REMOVE VERTICAL DIVIDER */

    .eh27-detail-line,
    .eh27-detail-divider {
        display: none !important;
    }


    .eh27-hero-details strong {
        font-size: 12px !important;

        line-height: 1.45 !important;
    }


    /* STATEMENT */

    .eh27-hero-statement {
        font-size: 19px !important;

        line-height: 1.3 !important;
    }


    /* ======================================================
       TICKET BUTTON
    ====================================================== */

    .eh27-btn {
        width: 100% !important;

        min-width: 0 !important;
        min-height: 58px !important;

        padding: 0 22px !important;
    }


    .eh27-btn-gold {
        margin-top: 28px !important;
    }



    /* ======================================================
       QUICK DETAILS — SAME AS MOBILE
    ====================================================== */

    .eh27-details {
        width: 100% !important;

        overflow: hidden !important;
    }


    .eh27-details .eh27-container {
        width: calc(100% - 34px) !important;
        max-width: none !important;

        margin: 0 auto !important;
    }


    .eh27-details-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    .eh27-detail-item {
        width: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns: 45px 1fr !important;

        gap: 16px !important;

        padding: 28px 22px !important;

        border-right: 0 !important;

        border-bottom:
            1px solid #f0d8df !important;
    }


    .eh27-detail-item:last-child {
        border-bottom: 0 !important;
    }


    .eh27-detail-item > span {
        font-size: 24px !important;

        line-height: 1 !important;
    }


    .eh27-detail-item small {
        font-size: 9px !important;

        line-height: 1.4 !important;

        letter-spacing: .14em !important;
    }


    .eh27-detail-item strong {
        font-size: 13px !important;

        line-height: 1.4 !important;
    }


    .eh27-detail-item p {
        margin-top: 8px !important;

        font-size: 13px !important;

        line-height: 1.55 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

}
	
/* ==========================================
   EMPOWER HER 2027 — CONFERENCE POLICIES
========================================== */

.eh27-policy-section {
    width: 100%;
    padding: 85px 24px 95px;
    background: linear-gradient(
        135deg,
        #fffaf7 0%,
        #fff1f4 100%
    );
    text-align: center;
}

.eh27-policy-inner {
    max-width: 850px;
    margin: 0 auto;
}

.eh27-policy-inner h2 {
    margin: 0 0 20px;
    color: #760034;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.2;
}

.eh27-policy-inner p {
    max-width: 650px;
    margin: 0 auto 35px;
    color: #78616a;
    font-size: 16px;
    line-height: 1.8;
}

.eh27-policy-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.eh27-policy-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 16px 25px;
    background: #c90d50;
    border: 2px solid #c90d50;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: all .25s ease;
}

.eh27-policy-button:hover {
    background: #760034;
    border-color: #760034;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.eh27-policy-button-outline {
    background: transparent;
    border-color: #d9a441;
    color: #760034 !important;
}

.eh27-policy-button-outline:hover {
    background: #d9a441;
    border-color: #d9a441;
    color: #760034 !important;
}

.eh27-policy-button:focus-visible {
    outline: 3px solid #760034;
    outline-offset: 4px;
}

/* MOBILE */
@media (max-width: 600px) {
    .eh27-policy-section {
        padding: 65px 20px 75px;
    }

    .eh27-policy-inner h2 {
        font-size: 34px;
    }

    .eh27-policy-inner p {
        font-size: 14px;
    }

    .eh27-policy-buttons {
        flex-direction: column;
        gap: 14px;
    }

    .eh27-policy-button {
        width: 100%;
        max-width: 400px;
    }
}