/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 25:0 Unexpected "<"
Line 28:3 Expected identifier but found "%"
Line 29:2 Unexpected "{"
Line 29:3 Expected identifier but found "%"
Line 31:2 Unexpected "{"
Line 31:3 Expected identifier but found "%"
Line 41:2 Unexpected "<"
Line 42:5 Unexpected "{"
... and 67 more hidden warnings

**/
{%- liquid
  assign rtl_langs = 'ar,arc,dv,fa,ha,he,khw,ks,ku,ps,ur,yi' | split: ','
  assign current_lang = localization.language.iso_code | split: '-' | first
  if rtl_langs contains current_lang
    assign lang_dir = 'rtl'
  else
    assign lang_dir = 'ltr'
  endif
-%}
<!doctype html>
<html class="no-js h-full" lang="{{ request.locale.iso_code }}" dir="{{ lang_dir }}">
<head>
  {%- render 'doc-head-core' -%}
  {%- render 'doc-head-social' -%}

  {%- liquid
    assign base_font = settings.type_base_font
    assign base_font_bold = base_font | font_modify: 'weight', 'bolder'
    assign base_font_medium = base_font | font_modify: 'weight', '500'
    assign base_font_italic = base_font | font_modify: 'style', 'italic'
    assign base_font_bold_italic = base_font_bold | font_modify: 'style', 'italic'
    assign heading_font = settings.type_heading_font
    assign logo_font = settings.type_logo_font
  -%}

  <style>
    {{ base_font | font_face: font_display: 'fallback' }}
    {{ base_font_bold | font_face: font_display: 'fallback' }}
    {{ base_font_medium | font_face: font_display: 'fallback' }}
    {{ base_font_italic | font_face: font_display: 'fallback' }}
    {{ base_font_bold_italic | font_face: font_display: 'fallback' }}
    {{ heading_font | font_face: font_display: 'fallback' }}
    {{ logo_font | font_face: font_display: 'fallback' }}

{%- render 'doc-head-styles' -%}

  /* --- FRAME 25 CUSTOMIZATIONS --- */
  
  /* Resize the 'FRAME 25' heading and 'OPENING SOON' */
  .password-page__logo, .h1, h1 {
    font-family: "Bebas Neue", sans-serif !important;
    text-transform: uppercase !important;
    font-size: 45px !important; /* Reduced from 55px to make it smaller */
    line-height: 1 !important;
    letter-spacing: -1px !important;
    color: #ffffff !important;
  }

  /* Target the 'OPENING SOON' text specifically if it's too big */
  h2.password-page__title {
    font-size: 24px !important;
    letter-spacing: 2px !important;
    margin-top: 30px !important;
  }

  /* Kill Social Media and 'Follow Us' text */
  .password-page__social, 
  .password-page__social-heading, 
  .social-links, 
  .social-icons {
    display: none !important;
  }

  /* Kill 'Powered by Shopify' Footer */
  .password-footer, .powered-by-shopify {
    display: none !important;
  }

  /* Background and Body setup */
  body, .password-page, [data-section-type="password-template"] {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
</style>

  </style>

  {{ 'main.css' | asset_url | stylesheet_tag: preload: true }}
  {{ 'password.css' | asset_url | stylesheet_tag: preload: true }}

  <script>
    document.documentElement.className = document.documentElement.className.replace('no-js', 'js');

    window.theme = window.theme || {};
    window.theme.info = {
      name: 'Symmetry',
      version: '8.0.0'
    };
    theme.settings = {
      externalLinksNewTab: {{ settings.external_links_new_tab | json }},
      internalLinksSmoothScroll: {{ settings.internal_links_smooth_scroll | json }}
    };
    theme.device = {
      hasTouch: window.matchMedia('(any-pointer: coarse)').matches,
      hasHover: window.matchMedia('(hover: hover)').matches
    };
  </script>

  <script src="{{ 'main.js' | asset_url }}" defer></script>

  {%- if request.design_mode -%}
    <script src="{{ 'theme-editor.js' | asset_url }}" defer data-contact="{{ shop.email | escape }}"></script>
  {%- endif -%}

  {% if settings.animations_enabled_desktop %}
    <script src="{{ 'animate-on-scroll.js' | asset_url }}" defer></script>
    <link rel="stylesheet" href="{{ 'animate-on-scroll.css' | asset_url }}">
  {% endif %}

  {{ content_for_header }}

  {%- if settings.custom_html_head -%}
    <!-- CC Custom Head Start -->
    {{- settings.custom_html_head -}}
    <!-- CC Custom Head End -->
  {%- endif -%}
</head>
<body class="h-full flex flex-col"{% if settings.animations_enabled != "disabled" %} class="cc-animate-enabled"{% endif %}>
  {%- section 'main-password-header' -%}

  <main class="password-main flex flex-col flex-auto justify-center">
    {{ content_for_layout }}
  </main>

  {%- section 'main-password-footer' -%}

  <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-overlay"></div>
</body>
</html>

/* PASSWORD PAGE — Full black with white text */
body, .password-main, .password-content, .password-login, .password-header, .password-footer, .shopify-section, .password-page-wrapper, main, header, footer, section {
  background-color: #000 !important;
  color: #FFF !important;
}

/* Headings */
.password-main h1, .password-content h1, .password-content h2, h1, h2, h3 {
  color: #FFF !important;
}

/* Subtext and labels */
p, label, span, a {
  color: #FFF !important;
}

/* Email input field */
.password-content input[type="email"], input[type="text"], input[type="email"] {
  background: #111 !important;
  color: #FFF !important;
  border: 1px solid #333 !important;
}

/* Submit button */
.password-content button, .password-content input[type="submit"] {
  background: #FFF !important;
  color: #000 !important;
}

/* "Enter using password" link */
.password-login a, .password-header a {
  color: #FFF !important;
}

/* Remove any white borders/outlines on sections */
.shopify-section { border: none !important; outline: none !important; }

/* Footer Shopify branding */
.password-footer, .password-footer a {
  color: #666 !important;
}