/** Shopify CDN: Minification failed

Line 219:0 All "@import" rules must come first

**/
/* ============================================================
   S3I PASSWORD PAGE — DAWN THEME OVERRIDE
   Mode A: Modern Industrial
   Brand Bible v3.0 (May 2026)
   ============================================================ */

/* --- CSS Variables (S3I Locked Palette) --- */
:root {
  --s3i-coal: #0E0E0E;
  --s3i-shop-black: #1A1A1A;
  --s3i-bone: #E8DDC8;
  --s3i-off-white: #F0E8D8;
  --s3i-steel: #4A4A4A;
  --s3i-concrete: #6B6B68;
  --s3i-orange: #D46304;
  --s3i-rust: #8B3D0C;
}

/* --- Full page reset to S3I Coal Black --- */
body.password {
  background-color: var(--s3i-coal) !important;
  color: var(--s3i-bone) !important;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* --- Password header (logo area) --- */
.password-header {
  background-color: var(--s3i-coal) !important;
  border-bottom: 1px solid var(--s3i-steel);
  padding: 2rem;
  text-align: center;
}

.password-logo {
  max-width: 220px;
}

.password-header h1,
.password-header .h2 {
  color: var(--s3i-bone);
  font-family: 'Anton', 'Bebas Neue', var(--font-heading-family, sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 2rem;
}

/* --- Main content area --- */
.password-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--s3i-coal);
}

/* --- Email signup banner section (Dawn's password section) --- */
.email-signup-banner {
  background-color: var(--s3i-coal) !important;
  color: var(--s3i-bone) !important;
  width: 100%;
}

.email-signup-banner .banner__box {
  background-color: var(--s3i-shop-black) !important;
  border: 1px solid var(--s3i-steel);
}

/* --- Headings (Opening Soon) --- */
.email-signup-banner h1,
.email-signup-banner h2,
.email-signup-banner .h1,
.email-signup-banner .h2 {
  color: var(--s3i-bone) !important;
  font-family: 'Anton', 'Bebas Neue', var(--font-heading-family, sans-serif);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.05;
}

/* --- Body text --- */
.email-signup-banner p,
.email-signup-banner .rte {
  color: var(--s3i-concrete) !important;
}

/* --- Email input field --- */
.email-signup-banner .field__input,
.email-signup-banner input[type='email'] {
  background-color: var(--s3i-shop-black) !important;
  color: var(--s3i-bone) !important;
  border-color: var(--s3i-steel) !important;
  border-radius: 0;
}

.email-signup-banner .field__label {
  color: var(--s3i-concrete) !important;
}

.email-signup-banner .field__input:focus {
  border-color: var(--s3i-orange) !important;
  outline: none;
}

/* --- Subscribe button --- */
.email-signup-banner .button,
.email-signup-banner button[type='submit'] {
  background-color: var(--s3i-orange) !important;
  color: var(--s3i-coal) !important;
  border-color: var(--s3i-orange) !important;
  font-family: 'Anton', 'Bebas Neue', var(--font-heading-family, sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.95rem;
  border-radius: 0;
  transition: background-color 0.15s ease;
}

.email-signup-banner .button:hover,
.email-signup-banner button[type='submit']:hover {
  background-color: var(--s3i-rust) !important;
  border-color: var(--s3i-rust) !important;
}

/* --- Color scheme override for Dawn scheme-1 slots --- */
.color-scheme-1,
.color-scheme-background-1 {
  --color-background: 14, 14, 14 !important;
  --color-foreground: 232, 221, 200 !important;
  background-color: var(--s3i-coal) !important;
  color: var(--s3i-bone) !important;
}

/* --- Password login link --- */
.password-link,
.password-link.link {
  color: var(--s3i-orange) !important;
}

.password-link:hover {
  color: var(--s3i-bone) !important;
}

/* --- Password modal --- */
.modal__content,
.password-modal__content {
  background-color: var(--s3i-shop-black) !important;
  color: var(--s3i-bone) !important;
  border: 1px solid var(--s3i-steel);
}

.password-modal__content-heading {
  color: var(--s3i-bone);
  font-family: 'Anton', 'Bebas Neue', var(--font-heading-family, sans-serif);
  text-transform: uppercase;
}

.password-field .field__input {
  background-color: var(--s3i-coal) !important;
  border-color: var(--s3i-steel) !important;
  color: var(--s3i-bone) !important;
  border-radius: 0;
}

.password-button {
  background-color: var(--s3i-orange) !important;
  color: var(--s3i-coal) !important;
  border-color: var(--s3i-orange) !important;
  font-family: 'Anton', 'Bebas Neue', var(--font-heading-family, sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 0;
}

.password-button:hover {
  background-color: var(--s3i-rust) !important;
  border-color: var(--s3i-rust) !important;
}

/* --- Footer --- */
.password__footer {
  background-color: var(--s3i-coal) !important;
  border-top: 1px solid var(--s3i-steel);
  color: var(--s3i-concrete) !important;
}

.password__footer a,
.password__footer .link {
  color: var(--s3i-concrete) !important;
}

.password__footer a:hover,
.password__footer .link:hover {
  color: var(--s3i-orange) !important;
}

.list-social__link svg {
  fill: var(--s3i-concrete);
  transition: fill 0.15s ease;
}

.list-social__link:hover svg {
  fill: var(--s3i-orange);
}

/* --- Horizontal rule separator --- */
hr {
  border-color: var(--s3i-steel);
  opacity: 0.4;
}

/* --- Google Fonts fallback import (Anton for display type) --- */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;700&display=swap');