/* =========================================================
   LA PREMIÈRE — CHÂTEAU EDITION
========================================================= */

.premiere-page {
    margin: 0;
    background: #06100b;
    color: #efe5d2;
}


/* =========================================================
   HEADER
========================================================= */

.premiere-header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;

    height: 72px;

    padding: 0 clamp(22px, 4vw, 68px);

    display: flex;
    align-items: center;

    border-bottom:
        1px solid rgba(197,160,88,.18);

    background:
        rgba(4,14,10,.94);

    backdrop-filter:
        blur(14px);
}


.premiere-brand {
    display: flex;
    align-items: center;
    gap: 13px;

    color: #e8c980;
}


.premiere-monogram {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(220,179,92,.75);

    border-radius: 50%;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 13px;
}


.premiere-brand-text {
    display: flex;
    align-items: center;
    gap: 18px;
}


.premiere-brand-text strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 21px;

    font-weight: 500;
}


.premiere-brand-text small {
    padding-left: 18px;

    border-left:
        1px solid rgba(216,181,108,.28);

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    letter-spacing: .24em;

    text-transform: uppercase;

    color:
        rgba(222,197,146,.65);
}


.premiere-nav {
    margin-left: auto;

    display: flex;
    align-items: center;

    gap:
        clamp(17px, 2.4vw, 38px);
}


.premiere-nav a {
    position: relative;

    padding: 27px 0 24px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    letter-spacing: .12em;

    text-transform: uppercase;

    color:
        rgba(241,229,205,.68);
}


.premiere-nav a::after {
    content: "";

    position: absolute;

    left: 0;
    right: 100%;
    bottom: 18px;

    height: 1px;

    background:
        #d7ae60;

    transition:
        right .25s ease;
}


.premiere-nav a:hover::after {
    right: 0;
}


.premiere-header-cta {
    margin-left:
        clamp(20px, 3vw, 48px);

    min-height: 39px;

    padding: 0 19px;

    display: flex;
    align-items: center;

    border:
        1px solid rgba(215,174,96,.6);

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    letter-spacing: .17em;

    text-transform: uppercase;

    color: #ddb96d;
}


.premiere-menu-toggle,
.premiere-mobile-nav {
    display: none;
}


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

.premiere-hero {
    position: relative;

    min-height: 100vh;
    min-height: 100svh;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #020805;
}


.premiere-hero-media {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(0,8,5,.12),
            rgba(0,0,0,.05)
        ),
        url("../img/eventos/la-premiere/hero.jpg");

    background-size: cover;

    background-position: center;

    filter:
        brightness(.74)
        saturate(.9);

    transform: scale(1.015);
}


.premiere-hero-shade {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(2,10,6,.98) 0%,
            rgba(2,10,6,.83) 33%,
            rgba(2,8,5,.24) 70%,
            rgba(2,6,4,.17) 100%
        ),
        linear-gradient(
            0deg,
            rgba(2,8,5,.65),
            transparent 45%
        );
}


.premiere-hero-content {
    position: relative;
    z-index: 3;

    width: min(720px, 58%);

    margin-left:
        clamp(28px, 7vw, 115px);

    padding-top: 82px;
}


.premiere-kicker {
    margin-bottom: 8px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    letter-spacing: .3em;

    text-transform: uppercase;

    color: #d8b76d;
}


.premiere-hero h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(88px, 10vw, 158px);

    line-height: .75;

    font-weight: 400;

    letter-spacing: -.04em;

    color: #f0e7d5;
}


.premiere-subtitle {
    margin-top: 5px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(37px, 4vw, 62px);

    line-height: 1;

    font-style: italic;

    color: #dfbb6a;
}


.premiere-meta {
    margin-top:
        clamp(30px, 4vh, 46px);

    display: flex;
    align-items: center;
    gap: 18px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(18px, 1.5vw, 24px);

    color:
        rgba(246,235,213,.9);
}


.premiere-meta i {
    width: 34px;
    height: 1px;

    background:
        rgba(219,178,97,.8);
}


.premiere-hero-rule {
    width: 42px;
    height: 1px;

    margin: 20px 0;

    background: #d3a950;
}


.premiere-hero-lead {
    width: min(540px, 100%);

    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(21px, 1.65vw, 28px);

    line-height: 1.35;

    color:
        rgba(243,233,214,.88);
}


.premiere-keywords {
    width: min(690px, 100%);

    margin-top: 17px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    line-height: 1.8;

    letter-spacing: .08em;

    color:
        #d2aa5e;
}


.premiere-actions {
    margin-top: 27px;

    display: flex;

    gap: 13px;
}


.premiere-primary-button,
.premiere-secondary-button {
    min-height: 52px;

    padding: 0 27px;

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

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    letter-spacing: .17em;

    text-transform: uppercase;
}


.premiere-primary-button {
    background:
        linear-gradient(
            120deg,
            #e6c376,
            #bd8740
        );

    color: #101108;
}


.premiere-secondary-button {
    border:
        1px solid rgba(220,180,99,.65);

    color: #e0bb71;
}


.premiere-hero-side {
    position: absolute;

    z-index: 3;

    right:
        clamp(28px, 5vw, 85px);

    bottom:
        clamp(40px, 7vh, 85px);

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    line-height: 2.1;

    letter-spacing: .3em;

    text-transform: uppercase;

    color:
        rgba(225,190,115,.62);
}


/* =========================================================
   GALLERY
========================================================= */

.premiere-gallery {
    padding:
        clamp(24px, 3vw, 48px);

    display: grid;

    grid-template-columns:
        .75fr 1.55fr .75fr;

    gap: 7px;

    background: #04100b;
}


.premiere-gallery-center {
    display: grid;

    grid-template-rows:
        1fr 1.25fr;

    gap: 7px;
}


.premiere-media {
    position: relative;

    margin: 0;

    min-height: 300px;

    overflow: hidden;

    border:
        1px solid rgba(198,155,76,.38);

    background:
        linear-gradient(
            135deg,
            #172d23,
            #080d0a
        );
}


.premiere-media-fire,
.premiere-media-guests {
    min-height: 610px;
}


.premiere-media-photo {
    position: absolute;
    inset: 0;

    background-size: cover;

    background-position: center;

    transition:
        transform .8s ease;
}


.premiere-media:hover .premiere-media-photo {
    transform: scale(1.025);
}


.premiere-media-fire .premiere-media-photo {
    background-image:
        linear-gradient(
            0deg,
            rgba(3,8,5,.65),
            transparent 55%
        ),
        url("../img/eventos/la-premiere/fire.jpg");
}


.premiere-media-mask .premiere-media-photo {
    background-image:
        linear-gradient(
            0deg,
            rgba(3,8,5,.5),
            transparent 60%
        ),
        url("../img/eventos/la-premiere/mask.jpg");
}


.premiere-media-chateau .premiere-media-photo {
    background-image:
        linear-gradient(
            0deg,
            rgba(3,8,5,.5),
            transparent 55%
        ),
        url("../img/eventos/la-premiere/chateau.jpg");
}


.premiere-media-guests .premiere-media-photo {
    background-image:
        linear-gradient(
            0deg,
            rgba(3,8,5,.6),
            transparent 60%
        ),
        url("../img/eventos/la-premiere/guests.jpg");
}


.premiere-media figcaption {
    position: absolute;

    z-index: 2;

    left: 22px;
    right: 20px;
    bottom: 19px;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.premiere-media strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(20px, 1.8vw, 28px);

    font-weight: 400;

    color: #f2e8d5;
}


.premiere-media small {
    font-family:
        "Montserrat",
        sans-serif;

    font-size: 7px;

    letter-spacing: .2em;

    text-transform: uppercase;

    color: #d2aa62;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.premiere-highlights {
    padding:
        clamp(100px, 10vw, 165px)
        clamp(28px, 6vw, 100px);

    background:
        linear-gradient(
            150deg,
            #0c251a,
            #03100a
        );
}


.premiere-section-heading {
    margin-bottom: 70px;

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

    gap: 40px;
}


.premiere-section-heading span,
.premiere-program-heading > span,
.premiere-access-copy > span,
.premiere-pricing-heading > span,
.premiere-faq-heading > span,
.premiere-final-content > span {
    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    letter-spacing: .28em;

    text-transform: uppercase;

    color: #c89c50;
}


.premiere-section-heading h2,
.premiere-program-heading h2,
.premiere-pricing-heading h2 {
    margin: 9px 0 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(66px, 7vw, 110px);

    line-height: .8;

    font-weight: 400;

    text-transform: uppercase;

    color: #e8d3a9;
}


.premiere-section-heading > p {
    margin: 0;

    text-align: right;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    line-height: 1.9;

    letter-spacing: .23em;

    text-transform: uppercase;

    color:
        rgba(217,177,96,.67);
}


.premiere-highlight-grid {
    display: grid;

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

    border-top:
        1px solid rgba(198,158,79,.26);

    border-bottom:
        1px solid rgba(198,158,79,.26);
}


.premiere-highlight-grid article {
    min-height: 240px;

    padding:
        31px 23px;

    text-align: center;

    border-right:
        1px solid rgba(198,158,79,.2);
}


.premiere-highlight-grid article:last-child {
    border-right: 0;
}


.premiere-highlight-icon {
    display: inline-block;

    margin-bottom: 30px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 15px;

    color: #d7ad5d;
}


.premiere-highlight-grid h3 {
    margin: 0 0 13px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(20px, 1.65vw, 27px);

    line-height: 1;

    font-weight: 400;

    color: #eee1c9;
}


.premiere-highlight-grid p {
    margin: 0;

    font-size: 10px;

    line-height: 1.7;

    color:
        rgba(236,225,202,.56);
}


/* =========================================================
   STATEMENT
========================================================= */

.premiere-statement {
    position: relative;

    min-height: 580px;

    padding:
        90px
        clamp(30px, 8vw, 135px);

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #06130d;
}


.premiere-statement-number {
    position: absolute;

    right: 4vw;
    bottom: -90px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 320px;

    color:
        rgba(184,143,72,.055);
}


.premiere-statement > div:last-child {
    position: relative;

    z-index: 2;
}


.premiere-statement span {
    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    letter-spacing: .26em;

    text-transform: uppercase;

    color: #be954f;
}


.premiere-statement blockquote {
    max-width: 1000px;

    margin:
        25px 0 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(58px, 7vw, 115px);

    line-height: .84;

    color: #eee2cd;
}


/* =========================================================
   PROGRAM
========================================================= */

.premiere-program {
    position: relative;

    padding:
        clamp(105px, 10vw, 165px)
        clamp(28px, 6vw, 100px);

    overflow: hidden;

    background: #06130d;
}


.premiere-program-heading {
    margin-bottom: 72px;
}


.premiere-program-heading p {
    position: absolute;

    top: 145px;
    right: 8vw;

    margin: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 8px;

    line-height: 2;

    letter-spacing: .26em;

    text-transform: uppercase;

    color:
        rgba(213,174,96,.65);
}


.premiere-timeline {
    position: relative;

    z-index: 2;

    display: grid;

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

    border-top:
        1px solid rgba(211,173,99,.7);
}


.premiere-timeline article {
    position: relative;

    padding:
        24px 20px 30px 0;
}


.premiere-timeline article::before {
    content: "";

    position: absolute;

    top: -5px;
    left: 0;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #ddb86d;
}


.premiere-timeline time {
    display: block;

    margin-bottom: 13px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 22px;

    color: #e8d7b6;
}


.premiere-timeline h3 {
    margin: 0 0 7px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 21px;

    line-height: 1.05;

    font-weight: 400;

    color: #eee3cf;
}


.premiere-timeline p {
    margin: 0;

    font-size: 9px;

    line-height: 1.55;

    color:
        rgba(236,224,199,.51);
}


.premiere-program-media {
    position: relative;

    min-height: 360px;

    margin-top: 45px;

    overflow: hidden;

    border-top:
        1px solid rgba(200,160,79,.28);
}


.premiere-program-media > div {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,17,11,.95),
            rgba(5,17,11,.62),
            rgba(5,17,11,.2)
        ),
        url("../img/eventos/la-premiere/dj.jpg");

    background-size: cover;
    background-position: center;
}


.premiere-program-media blockquote {
    position: absolute;

    z-index: 2;

    left:
        clamp(25px, 5vw, 80px);

    bottom:
        clamp(30px, 5vw, 75px);

    max-width: 520px;

    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(36px, 4vw, 60px);

    line-height: 1;

    font-style: italic;

    color: #dabb7c;
}


/* =========================================================
   ACCESS
========================================================= */

.premiere-access {
    padding:
        clamp(100px, 10vw, 165px)
        clamp(28px, 7vw, 115px);

    display: grid;

    grid-template-columns:
        .9fr 1.3fr;

    gap:
        clamp(60px, 9vw, 145px);

    background: #ebe4d9;

    color: #1b1b16;
}


.premiere-access-copy h2 {
    margin:
        22px 0 27px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(54px, 5.4vw, 87px);

    line-height: .87;

    font-weight: 400;
}


.premiere-access-copy p {
    max-width: 510px;

    font-size: 12px;

    line-height: 1.85;

    color: #70675c;
}


.premiere-access-list {
    border-top:
        1px solid #c9bdab;
}


.premiere-access-list article {
    min-height: 95px;

    display: grid;

    grid-template-columns:
        55px .65fr 1fr;

    align-items: center;

    gap: 20px;

    border-bottom:
        1px solid #c9bdab;
}


.premiere-access-list span {
    font-size: 8px;

    color: #a77931;
}


.premiere-access-list strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 27px;

    font-weight: 400;

    color: #8b672e;
}


.premiere-access-list p {
    margin: 0;

    font-size: 10px;

    line-height: 1.6;

    color: #72695f;
}


/* =========================================================
   PRICING
========================================================= */

.premiere-pricing {
    padding:
        clamp(100px, 10vw, 165px)
        clamp(28px, 7vw, 115px);

    display: grid;

    grid-template-columns:
        .55fr 1.45fr;

    column-gap:
        clamp(55px, 8vw, 135px);

    background:
        linear-gradient(
            145deg,
            #10291d,
            #04100a
        );
}


.premiere-pricing-heading p {
    margin-top: 24px;

    font-size: 11px;

    line-height: 1.8;

    color:
        rgba(237,225,201,.59);
}


.premiere-price-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 13px;
}


.premiere-price-card {
    min-height: 430px;

    padding:
        clamp(27px, 3vw, 45px);

    display: flex;
    flex-direction: column;

    border:
        1px solid rgba(204,160,76,.55);
}


.premiere-price-card-top {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;
}


.premiere-price-card-top span {
    font-size: 8px;

    color: #c6984c;
}


.premiere-price-card h3 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(29px, 2.8vw, 45px);

    font-weight: 400;

    color: #e9d5ab;
}


.premiere-price {
    margin:
        45px 0 28px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(30px, 3vw, 48px);

    line-height: 1;

    color: #dcb76b;
}


.premiere-price-card ul {
    margin: auto 0 0;

    padding: 0;

    list-style: none;
}


.premiere-price-card li {
    position: relative;

    padding:
        9px 0 9px 21px;

    border-bottom:
        1px solid rgba(203,166,92,.13);

    font-size: 10px;

    color:
        rgba(239,227,205,.68);
}


.premiere-price-card li::before {
    content: "✓";

    position: absolute;

    left: 0;

    color: #d3a454;
}


.premiere-pricing-note {
    grid-column: 2;

    margin:
        22px 0 0;

    font-size: 9px;

    color:
        rgba(234,218,190,.45);
}


/* =========================================================
   FAQ
========================================================= */

.premiere-faq {
    padding:
        clamp(100px, 10vw, 165px)
        clamp(28px, 7vw, 115px);

    display: grid;

    grid-template-columns:
        .7fr 1.3fr;

    gap:
        clamp(50px, 8vw, 125px);

    background: #eee8df;

    color: #1c1d18;
}


.premiere-faq-heading h2 {
    max-width: 580px;

    margin:
        19px 0 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(58px, 6vw, 95px);

    line-height: .85;

    font-weight: 400;
}


.premiere-faq-list {
    border-top:
        1px solid #c6baaa;
}


.premiere-faq details {
    border-bottom:
        1px solid #c6baaa;
}


.premiere-faq summary {
    position: relative;

    padding:
        28px 45px 28px 0;

    cursor: pointer;

    list-style: none;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(23px, 2vw, 31px);

    color: #292a24;
}


.premiere-faq summary::-webkit-details-marker {
    display: none;
}


.premiere-faq summary::after {
    content: "+";

    position: absolute;

    right: 4px;

    font-family:
        "Cormorant Garamond",
        serif;

    color: #a47731;
}


.premiere-faq details[open] summary::after {
    content: "—";
}


.premiere-faq details p {
    max-width: 650px;

    margin:
        -5px 0 30px;

    font-size: 11px;

    line-height: 1.85;

    color: #70675d;
}


/* =========================================================
   FINAL CTA
========================================================= */

.premiere-final {
    position: relative;

    min-height: 720px;

    display: grid;
    place-items: center;

    overflow: hidden;
}


.premiere-final-media {
    position: absolute;
    inset: 0;

    background-image:
        url("../img/eventos/la-premiere/final.jpg");

    background-size: cover;

    background-position: center;

    background-color: #06120c;
}


.premiere-final-shade {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(2,10,6,.85),
            rgba(2,10,6,.35)
        );
}


.premiere-final-content {
    position: relative;

    z-index: 2;

    max-width: 950px;

    padding: 80px 24px;

    text-align: center;
}


.premiere-final-content h2 {
    margin:
        18px 0 12px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(65px, 8vw, 125px);

    line-height: .78;

    font-weight: 400;

    color: #f0e5d0;
}


.premiere-final-content p {
    margin:
        0 0 32px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 25px;

    color:
        rgba(241,227,201,.75);
}


.premiere-final-content small {
    display: block;

    margin-top: 28px;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 7px;

    letter-spacing: .2em;

    text-transform: uppercase;

    color:
        rgba(232,205,150,.55);
}


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

.premiere-footer {
    min-height: 90px;

    padding:
        0 clamp(25px, 5vw, 80px);

    display: grid;

    grid-template-columns:
        1fr 1fr 1fr;

    align-items: center;

    border-top:
        1px solid rgba(200,160,80,.17);

    background: #020a06;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 7px;

    letter-spacing: .15em;

    text-transform: uppercase;

    color:
        rgba(232,215,178,.4);
}


.premiere-footer > a {
    display: flex;
    align-items: center;
    gap: 12px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 18px;

    text-transform: none;

    color: #d6ad5b;
}


.premiere-footer > a span {
    width: 31px;
    height: 31px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(208,163,75,.6);

    border-radius: 50%;

    font-size: 10px;
}


.premiere-footer > div:nth-child(2) {
    text-align: center;
}


.premiere-footer > div:last-child {
    text-align: right;
}


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

@media (max-width: 1050px) {

    .premiere-nav {
        display: none;
    }


    .premiere-header-cta {
        margin-left: auto;
    }


    .premiere-menu-toggle {
        width: 42px;
        height: 42px;

        margin-left: 15px;

        padding: 10px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        gap: 5px;

        border: 0;

        background: transparent;

        cursor: pointer;
    }


    .premiere-menu-toggle span {
        width: 100%;
        height: 1px;

        background: #d8ad5b;
    }


    .premiere-mobile-nav {
        position: absolute;

        top: 72px;
        left: 0;
        right: 0;

        padding: 25px 30px 30px;

        background:
            rgba(3,13,8,.98);

        border-top:
            1px solid rgba(199,157,77,.18);

        border-bottom:
            1px solid rgba(199,157,77,.28);
    }


    .premiere-mobile-nav.is-open {
        display: flex;
        flex-direction: column;
    }


    .premiere-mobile-nav a {
        padding: 13px 0;

        border-bottom:
            1px solid rgba(200,162,87,.12);

        font-family:
            "Montserrat",
            sans-serif;

        font-size: 9px;

        letter-spacing: .17em;

        text-transform: uppercase;

        color: #debf80;
    }


    .premiere-highlight-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }


    .premiere-highlight-grid article:nth-child(3) {
        border-right: 0;
    }


    .premiere-highlight-grid article:nth-child(-n+3) {
        border-bottom:
            1px solid rgba(198,158,79,.2);
    }


    .premiere-timeline {
        grid-template-columns:
            repeat(3, 1fr);

        row-gap: 45px;
    }


    .premiere-access {
        grid-template-columns:
            1fr;
    }


    .premiere-pricing {
        grid-template-columns:
            1fr;
    }


    .premiere-price-grid {
        margin-top: 50px;
    }


    .premiere-pricing-note {
        grid-column: 1;
    }


    .premiere-faq {
        grid-template-columns:
            1fr;
    }

}


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

@media (max-width: 700px) {

    .premiere-header {
        height: 66px;

        padding:
            0 18px;
    }


    .premiere-brand-text small {
        display: none;
    }


    .premiere-header-cta {
        display: none;
    }


    .premiere-mobile-nav {
        top: 66px;
    }


    .premiere-hero {
        min-height: auto;

        padding-top: 66px;

        display: block;
    }


    .premiere-hero-media {
        position: relative;

        height: 57vh;
        min-height: 470px;

        background-position: center;
    }


    .premiere-hero-shade {
        background:
            linear-gradient(
                0deg,
                #04100b 0%,
                rgba(4,16,11,.85) 17%,
                rgba(4,16,11,.15) 56%
            );
    }


    .premiere-hero-content {
        width: auto;

        margin: -95px 20px 0;

        padding:
            0 0 65px;

        position: relative;
    }


    .premiere-kicker {
        font-size: 8px;
    }


    .premiere-hero h1 {
        font-size:
            clamp(65px, 19vw, 96px);

        line-height: .79;
    }


    .premiere-subtitle {
        font-size:
            clamp(31px, 9vw, 46px);
    }


    .premiere-meta {
        margin-top: 25px;

        display: block;

        font-size: 19px;
    }


    .premiere-meta span {
        display: block;

        margin-bottom: 6px;
    }


    .premiere-meta i {
        display: none;
    }


    .premiere-hero-lead {
        font-size: 23px;
    }


    .premiere-keywords {
        font-size: 8px;
    }


    .premiere-actions {
        display: grid;

        grid-template-columns:
            1fr;
    }


    .premiere-primary-button,
    .premiere-secondary-button {
        width: 100%;
    }


    .premiere-hero-side {
        display: none;
    }


    /* GALLERY MOBILE */

    .premiere-gallery {
        padding: 7px;

        display: block;
    }


    .premiere-gallery-center {
        display: block;
    }


    .premiere-media,
    .premiere-media-fire,
    .premiere-media-guests {
        min-height: 0;

        margin-bottom: 7px;
    }


    .premiere-media-fire {
        aspect-ratio: 4 / 5;
    }


    .premiere-media-mask {
        aspect-ratio: 1 / 1;
    }


    .premiere-media-chateau {
        aspect-ratio: 16 / 10;
    }


    .premiere-media-guests {
        aspect-ratio: 4 / 5;
    }


    .premiere-media figcaption {
        left: 17px;
        bottom: 15px;
    }


    /* HIGHLIGHTS */

    .premiere-highlights {
        padding:
            90px 20px;
    }


    .premiere-section-heading {
        display: block;

        margin-bottom: 48px;
    }


    .premiere-section-heading h2,
    .premiere-program-heading h2,
    .premiere-pricing-heading h2 {
        font-size:
            clamp(56px, 17vw, 83px);
    }


    .premiere-section-heading > p {
        margin-top: 24px;

        text-align: left;
    }


    .premiere-highlight-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .premiere-highlight-grid article {
        min-height: 220px;

        padding:
            25px 15px;
    }


    .premiere-highlight-grid article:nth-child(2n) {
        border-right: 0;
    }


    .premiere-highlight-grid article:nth-child(-n+4) {
        border-bottom:
            1px solid rgba(198,158,79,.2);
    }


    /* STATEMENT */

    .premiere-statement {
        min-height: 500px;

        padding:
            75px 20px;
    }


    .premiere-statement-number {
        font-size: 180px;
    }


    .premiere-statement blockquote {
        font-size:
            clamp(52px, 15vw, 78px);
    }


    /* PROGRAM */

    .premiere-program {
        padding:
            90px 20px;
    }


    .premiere-program-heading p {
        position: static;

        margin-top: 22px;
    }


    .premiere-timeline {
        display: block;

        border-top: 0;

        border-left:
            1px solid rgba(211,173,99,.7);

        margin-left: 6px;
    }


    .premiere-timeline article {
        min-height: 105px;

        padding:
            0 0 30px 34px;
    }


    .premiere-timeline article::before {
        top: 4px;
        left: -5px;
    }


    .premiere-program-media {
        min-height: 430px;
    }


    .premiere-program-media blockquote {
        left: 22px;
        right: 22px;

        font-size: 40px;
    }


    /* ACCESS */

    .premiere-access {
        padding:
            90px 20px;

        gap: 55px;
    }


    .premiere-access-copy h2 {
        font-size:
            clamp(49px, 14vw, 68px);
    }


    .premiere-access-list article {
        padding:
            18px 0;

        grid-template-columns:
            35px 1fr;
    }


    .premiere-access-list p {
        grid-column: 2;
    }


    /* PRICE */

    .premiere-pricing {
        padding:
            90px 20px;
    }


    .premiere-price-grid {
        grid-template-columns:
            1fr;
    }


    .premiere-price-card {
        min-height: 390px;
    }


    /* FAQ */

    .premiere-faq {
        padding:
            90px 20px;
    }


    .premiere-faq-heading h2 {
        font-size:
            clamp(53px, 15vw, 75px);
    }


    /* FINAL */

    .premiere-final {
        min-height: 650px;
    }


    .premiere-final-content h2 {
        font-size:
            clamp(56px, 17vw, 88px);
    }


    /* FOOTER */

    .premiere-footer {
        padding:
            35px 20px;

        display: flex;
        flex-direction: column;

        gap: 19px;

        text-align: center;
    }


    .premiere-footer > div:nth-child(2),
    .premiere-footer > div:last-child {
        text-align: center;
    }

}