#fw-section-custom-html-bbb3f1a5-aafa-4412-835f-10f914c4a406 {

/* 1. VIDEO CENTERING - Nudging back toward the RIGHT */
.fill-media-oversize {
  width: 120vw; 
  height: 120vh;
  position: absolute;
  top: 50%;
  left: 50%;
  /* Adjusted: -50.9% is the middle ground between perfectly centered and the previous left-lean */
  transform: translate(-50.9%, -50%) !important; 
  pointer-events: none;
}

/* 2. COMING SOON TITLE - Locked in mathematical center */
.coming-soon-title {
  position: absolute;
  top: 51% !important; 
  left: 50%;
  transform: translate(-50%, -50%);
  
  font-family: inherit !important; 
  color: #ffffff;
  font-weight: 900; 
  font-size: clamp(10px, 1.8vw, 15px) !important; 
  
  letter-spacing: 0.7rem; 
  padding-left: 0.7rem; 
  
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 10px rgba(0,0,0,0.9), 0 0 20px rgba(0,0,0,0.9);
  opacity: 0.85; 
  pointer-events: none;
}

/* 3. MOBILE TWEAK */
@media (max-width: 768px) {
  .fill-media-oversize {
    width: 250vw;
    height: 110vh;
    /* Pulling mobile back to the right as well */
    transform: translate(-51.2%, -50%) !important;
  }
  .coming-soon-title {
    top: 50% !important; 
    font-size: 11px !important;
    letter-spacing: 0.4rem;
    padding-left: 0.4rem;
  }
}
}

#fw-section-rich-text-65cbb44b-405f-4065-99c7-78148908d122 {
--font-heading-scale: 1.22;
--font-body-scale: 1.17;
}
#fw-section-rich-text-65cbb44b-405f-4065-99c7-78148908d122 {

/* 1. FORCE SECTIONS TO FILL SCREEN */
div[class*="Section"], section, .fw-section {
    min-height: 100svh !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background-attachment: fixed !important; 
    position: relative !important;
    z-index: 1;
    overflow: hidden;
    padding: 0 !important;
}

/* 2. TEXT CONTENT WRAPPER - Desktop Justified */
p, span, [class*="TextContent"] {
    max-width: 800px; 
    /* THE FIX: Makes the left and right edges perfectly straight */
    text-align: justify !important; 
    text-justify: inter-word !important;
    margin: 0 auto !important;
    color: #ffffff;
}

/* 3. MOBILE FORMATTING - Clean Block Look */
@media (max-width: 767px) {
    p, span, [class*="TextContent"] {
        font-size: 14px !important; 
        line-height: 1.6 !important;
        
        /* Wider horizontal spread for mobile */
        width: 90% !important; 
        max-width: 500px !important; 
        
        /* Keeps the straight edges on mobile */
        text-align: justify !important;
    }

    div[class*="Section"], section, .fw-section {
        background-attachment: scroll !important;
        height: auto !important;
        min-height: 100svh !important;
        padding: 40px 15px !important; 
    }
}
}

#fw-section-newsletter-c05b0d30-7139-4a9d-af2c-a36c4cd6ea81 {
--font-heading-scale: 0.89;
--font-body-scale: 0.9;
}
#fw-section-newsletter-c05b0d30-7139-4a9d-af2c-a36c4cd6ea81 {

/* 7. NEWSLETTER: Final Precision Spacing */

/* 1. RESTORE FULL SCREEN & FLEX CENTERING */
section:has(input), .fw-section:has(input) {
    min-height: 100svh !important; 
    display: flex !important;
    flex-direction: column !important; 
    justify-content: center !important; 
    align-items: center !important;
    background: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. HIDE DEFAULT TEXT */
section:has(input) h1, section:has(input) h2, 
section:has(input) p {
    display: none !important;
}

/* 3. THE HEADER: Matched Size & No Extra Space */
section:has(input)::before {
    content: "JOIN THE NEWSLETTER" !important;
    display: block !important;
    color: #ffffff !important;
    font-family: serif !important; 
    font-size: clamp(22px, 6vw, 32px) !important; 
    letter-spacing: 0.35rem !important; 
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 4. THE DESCRIPTION: Precision Visual Balance */
section:has(input) form::before {
    content: "Want to win tickets to the 426 premiere? Send your information below." !important;
    display: block !important;
    color: #cccccc !important;
    font-family: serif !important;
    font-size: clamp(14px, 3vw, 16px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    width: 100% !important;

    /* THE BALANCE FIX: Pulling up to center visually */
    margin-top: -22px !important; 
    padding-bottom: 28px !important; 

    /* Desktop: One line */
    white-space: nowrap !important; 
}

/* 5. FORM LAYOUT: Vertical Stack */
section:has(input) form {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* 6. THE INPUT ROW: Side-by-Side */
section:has(input) form > div, 
section:has(input) .fw-input-row {
    display: flex !important;
    flex-direction: row !important; 
    flex-wrap: nowrap !important;
    gap: 12px !important;
}

/* --- 7. MOBILE RESPONSIVE TWEAKS --- */
@media (max-width: 768px) {
    section:has(input)::before {
        letter-spacing: 0.15rem !important;
    }

    section:has(input) form::before {
        content: "Want to win tickets to the 426 premiere?\A Send your information below." !important;
        white-space: pre-wrap !important;
        line-height: 1.5 !important;
        margin-top: -10px !important; /* Adjusted for mobile proportions */
        padding-bottom: 25px !important;
    }

    section:has(input) input, 
    section:has(input) .fw-input-wrapper { width: 180px !important; height: 42px !important; }
    section:has(input) button { width: 100px !important; height: 42px !important; }
}

/* --- 8. DESKTOP SCALE --- */
@media (min-width: 769px) {
    section:has(input) input { width: 350px !important; height: 50px !important; }
    section:has(input) button { width: 180px !important; height: 50px !important; }
}
}
#fw-section-rich-text-f1869a56-6c88-4170-a54b-07a18567af32 {
--font-heading-scale: 1.22;
--font-body-scale: 1.0;
}
#fw-section-rich-text-f1869a56-6c88-4170-a54b-07a18567af32 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}



#fw-section-header {
--font-heading-scale: 0.85;
--font-body-scale: 0.75;
}