/** Shopify CDN: Minification failed

Line 12:10 Unexpected "{"
Line 12:19 Expected ":"
Line 12:26 Unexpected "{"
Line 29:10 Unexpected "{"
Line 29:19 Expected ":"
Line 119:12 Unexpected "{"
Line 119:21 Expected ":"

**/
#section-{{ section.id }} {
  --perdido-bg: #0F1215;
  --perdido-bg-secondary: #202122;
  --perdido-bg-card: #292928;
  --perdido-dark-accent: #33322F;
  --perdido-text-primary: #A79789;
  --perdido-text-secondary: #857F79;
  --perdido-text-muted: #55524E;
  --perdido-accent: #958678;
  --perdido-accent-light: #A79889;
  --perdido-border: #413E39;
  --perdido-hover: #84776A;
  --perdido-cream: #E0D5C7;
  --perdido-tan: #958678;
  --perdido-line: #413E39;
}

#section-{{ section.id }}.perdido-newsletter {
  position: relative;
  background: var(--perdido-bg);
  color: var(--perdido-cream);
  padding: 60px 24px;
  text-align: center;
  overflow: hidden;
}

.perdido-newsletter__stripe {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background: repeating-linear-gradient(135deg, rgba(167,151,137,0.06) 0 3px, transparent 3px 14px);
  pointer-events: none;
}

.perdido-newsletter__content {
  position: relative;
  z-index: 1;
  max-width: 520px;
  margin: 0 auto;
}

.perdido-newsletter__mark {
  color: var(--perdido-tan);
  margin-bottom: 20px;
}

.perdido-newsletter__heading {
  margin: 0 0 14px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 4vw, 40px);
}

.perdido-newsletter__text {
  margin: 0 0 32px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--perdido-text-primary);
}

.perdido-newsletter__field {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--perdido-cream);
}

.perdido-newsletter__input {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--perdido-cream);
  padding: 16px 20px;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.perdido-newsletter__input::placeholder {
  color: var(--perdido-text-muted);
}

.perdido-newsletter__input:focus {
  outline: none;
}

.perdido-newsletter__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  background: var(--perdido-cream);
  color: var(--perdido-bg);
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.perdido-newsletter__submit:hover {
  background: var(--perdido-tan);
}

.perdido-newsletter__success {
  margin-top: 16px;
  font-size: 13px;
  color: var(--perdido-tan);
}

@media screen and (max-width: 749px) {
  #section-{{ section.id }}.perdido-newsletter { padding: 72px 20px; }
}
