/*----------------------------------------------------------------------*/
/* FONT DECLARATIONS v1.2 */
/*----------------------------------------------------------------------*/

/* ------------------------------
   CRIMSON PRO
--------------------------------*/
@font-face{
  font-family: "Crimson Pro";
  src: url("https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12b4fe9ef762c1becddd2/1756441424539/CrimsonPro-VariableFont_wght.woff2") format("woff2");
  font-weight: 200 900;   /* expose the range that file supports */
  font-style: normal;
  font-display: swap;
}


/* ------------------------------
   MAAX FAMILY
--------------------------------*/
/* Regular (400) */
@font-face {
  font-family: "Maax";
  src: url("https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12b50d4d51b3335e308a4/1756441424298/Maax.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic (400 italic) */
@font-face {
  font-family: "Maax";
  src: url(https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12b50125270571f593fcf/1756441424381/Maax-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: "Maax";
  src: url(https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12e5f5910144faa05f7ea/1756442207649/Maax-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Medium Italic (500 italic) */
@font-face {
  font-family: "Maax";
  src: url(https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12e5dddc0cf4e186922be/1756442205332/Maax-Mediumitalic.woff2) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: "Maax";
  src: url("https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12b5029b08279c2baefb7/1756441424343/Maax-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic (700 italic) */
@font-face {
  font-family: "Maax";
  src: url("https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12e63d4d51b3335e35ef0/1756442211833/Maax-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Black (900) */
@font-face {
  font-family: "Maax";
  src: url("https://static1.squarespace.com/static/68b0cf9aee4bdf7a0a0f8be4/t/68b12b50a4f4cc03f3cbdfec/1756441424299/Maax-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ===============================
   TYPE SCALE (rem)
================================*/
:root{
  --h1: 3rem;        /* Maax Medium 48pt */
  --h2: 2.25rem;     /* Maax Medium 36pt */
  --h3: 2rem;        /* Maax Regular 32pt */
  --h4: 1.5rem;      /* Maax Regular 24pt */

  --p1: 1rem;     /* Paragraph 1 → Maax Bold 16pt */
  --p2: 1.25rem;        /* Paragraph 2 → Crimson Pro Medium 20pt */
  --p3: 1rem;     /* Paragraph 3 → Crimson Pro Regular 16pt */
}

/* ===============================
   HEADINGS (content area)
================================*/
.sqs-block-content h1{ font-family:"Maax",sans-serif; font-weight:500; font-size:var(--h1); line-height:1.2 !important;  }
.sqs-block-content h2{ font-family:"Maax",sans-serif; font-weight:500; font-size:var(--h2); line-height:1.2;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-feature-settings: "case" 1, "cpsp" 1; }
.sqs-block-content h3{ font-family:"Maax",sans-serif; font-weight:400; font-size:var(--h3); line-height:1.3; 
  text-transform: uppercase;
  letter-spacing: .02em;
  font-feature-settings: "case" 1, "cpsp" 1;}
.sqs-block-content h4{ font-family:"Maax",sans-serif; font-weight:400; font-size:var(--h4); line-height:1.35; }

/* ===============================
   PARAGRAPHS (content area)
   P1 / P2 / P3
================================*/
/* Paragraph 1 */
.sqs-block-content p.sqsrte-large{
  font-family:"Maax";
  font-weight:500;            
  font-size:var(--p1);
  line-height:1.4;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-feature-settings: "case" 1, "cpsp" 1;
}

/* Paragraph 2 (default) */
.sqs-block-content p,
.sqs-block-content p.sqsrte-body{
  font-family:"Crimson Pro",serif;
  font-weight:300;             /* Regular */
  font-size:var(--p2);
  line-height:1.5;
  font-optical-sizing:auto;
  font-synthesis-weight:none; /* guard against faux bold */
}

/* Paragraph 3 */
.sqs-block-content p.sqsrte-small{
  font-family:"Crimson Pro",serif;
  font-weight:400;             /* Regular */
  font-size:var(--p3);
  line-height:1.75;
}

/* Lists inherit paragraph styles */
.sqs-block-content li{
  font-family:"Crimson Pro",serif;
  font-weight:inherit;
  font-size:inherit;
  line-height:inherit;
}

/* ===============================
   CAPTIONS (images, galleries)
================================*/
.sqs-block-image .image-caption p,
.sqs-gallery-design-grid .image-slide .image-caption p,
.sqs-gallery-design-carousel .image-caption p,
figure figcaption, .caption, figcaption, small{
  font-family:"Crimson Pro",serif;
  font-weight:400;             /* Regular */
  font-size:var(--p3);
  line-height:1.4;
}

/* ===============================
   NAVIGATION (header)
================================*/
.header-title, .header-title a, .site-title, .site-title a{
  font-family:"Maax",sans-serif !important;
  font-weight:700 !important;
  font-size:var(--h3) !important;
  line-height:1.4;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.header-nav a, .header-nav-item a, nav a{
  font-family:"Maax",sans-serif !important;
  font-weight:500 !important;          /* Medium */
  font-size:1rem !important;           /* similar to P2 */
  line-height:1.4;
  letter-spacing:.02em !important;
  text-transform:uppercase;
}

.header-nav .folder .subnav a,
.header-nav-folder .header-nav-item a,
nav .subnav a{
  font-family:"Maax",sans-serif !important;
  font-weight:400 !important;          /* Regular */
  font-size:.9375rem !important;
  letter-spacing:.01em !important;
  text-transform:none;
}

/* ===============================
   BUTTONS
================================*/
.sqs-block-button .sqs-button-element,
.sqs-button-element,
button.sqs-add-to-cart-button{
  font-family:"Maax",sans-serif !important;
  font-weight:700 !important;          /* Bold */
  font-size:1rem !important;
  line-height:1.2;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
}

.sqs-button-element--secondary{
  font-weight:500 !important;          /* Medium */
  letter-spacing:.02em !important;
  text-transform:none !important;
}

/* ===============================
   FOOTER
================================*/
.footer, .Footer, footer{
  font-family:"Crimson Pro",serif;
  font-size:var(--p3);
  line-height:1.6;
}

.footer h1, .footer h2, .footer h3, .footer h4,
.Footer h1, .Footer h2, .Footer h3, .Footer h4{
  font-family:"Maax",sans-serif;
  font-weight:700;
  font-size:1rem;                       /* Use nav/body scale */
  letter-spacing:.02em;
  text-transform:uppercase;
}

.footer nav a, .Footer nav a, .Footer a{
  font-family:"Maax",sans-serif;
  font-weight:400;
  font-size:.9375rem;
  letter-spacing:.01em;
  text-transform:none;
}

/* ===============================
   RESPONSIVE TWEAKS (optional)
================================*/
@media (max-width: 48rem){
  .sqs-block-content h1{ font-size: calc(var(--h1) * .9); }
  .sqs-block-content h2{ font-size: calc(var(--h2) * .92); }
  .sqs-block-content h3{ font-size: calc(var(--h3) * .94); }
}


/* ===============================
   TEXT BLOCK SPACING
================================*/

/* GLOBAL SPACING TOKENS
   These are your *core* padding values for all text blocks.
   Override them per block with:
   #block-XXXX { --tb-pad-x: calc(var(--tb-pad-x) + 0.5rem); }
*/
:root{
  --tb-pad-y: 0.5rem;   /* base top/bottom padding for text blocks */
  --tb-pad-x: 0.5rem;   /* base left/right padding for text blocks */

  --gap-hp: 0.5rem;     /* Heading → Paragraph gap (site-wide) */
}

/* 1) Zero top/bottom margins on common children (both wrappers) */
.sqs-block-html .sqs-block-content > :where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure),
.sqs-block-html .sqs-html-content   > :where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure){
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) One predictable gap between siblings */
.sqs-block-html .sqs-block-content > * + *,
.sqs-block-html .sqs-html-content   > * + *{
  margin-top: 0.55rem !important;   /* base gap — tweak if you want a global change */
}

/* 3) Tighter gap after “display” lines (Heading or Paragraph 1/2) */
.sqs-block-html .sqs-block-content > :is(h1,h2,h3,h4,h5,h6,p.sqsrte-large,p.sqsrte-medium) + *,
.sqs-block-html .sqs-html-content   > :is(h1,h2,h3,h4,h5,h6,p.sqsrte-large,p.sqsrte-medium) + *{
  margin-top: 0.45rem !important;
}

/* 4) Remove accidental spacer paragraphs Squarespace inserts */
.sqs-block-html .sqs-html-content p:empty{ display:none !important; }
/* Use if supported; otherwise ignored */
@supports selector(p:blank){
  .sqs-block-html .sqs-html-content p:blank{ display:none !important; }
}

/* Optional: no extra space at end of a Text block */
.sqs-block-html .sqs-block-content > *:last-child,
.sqs-block-html .sqs-html-content   > *:last-child{
  margin-bottom: 0 !important;
}

/* Internal padding for all Squarespace Text blocks (7.1)
   Uses core variables so you can “add to / subtract from” them per block. */

/* Prefer the inner wrapper so you don't affect the block footprint */
.sqs-block.html-block.sqs-block-html .sqs-html-content{
  padding-block: var(--tb-pad-y) !important;
  padding-inline: var(--tb-pad-x) !important;
}

/* Fallback for templates without .sqs-html-content */
.sqs-block.html-block.sqs-block-html:not(:has(.sqs-html-content)) .sqs-block-content{
  padding-block: var(--tb-pad-y) !important;
  padding-inline: var(--tb-pad-x) !important;
}

/* Heading → Paragraph gap (site-wide, SS 7.1) */
.sqs-block-html .sqs-html-content > :is(h1,h2,h3,h4,h5,h6) + p,
.sqs-block-html .sqs-block-content > :is(h1,h2,h3,h4,h5,h6) + p{
  margin-top: var(--gap-hp) !important;
}

/* Text blocks: ignore Fluid Engine's stored min-height so they can collapse */
.sqs-block.html-block.sqs-block-html[style*="min-height"]{
  min-height: 0 !important;
  height: auto !important;
}
.sqs-block.html-block.sqs-block-html{
  min-height: 0 !important;
  height: auto !important;
}

/* Remove any theme padding that could look like bottom gap */
.sqs-block-html .sqs-block-content{ padding-bottom: 0 !important; }

/* Only collapse Text-block min-heights outside the first section */
.page-section:not(:first-of-type) .sqs-block.html-block.sqs-block-html{
  min-height: 0 !important;
  height: auto !important;
}
.page-section:not(:first-of-type)
  .sqs-block.html-block.sqs-block-html[style*="min-height"]{
  min-height: 0 !important;
}

/* Apply only when the block contains ONLY p.sqsrte-large paragraphs */
.sqs-block.html-block .sqs-html-content:has(> p.sqsrte-large):not(:has(> :where(h1,h2,h3,h4,h5,h6,ul,ol,blockquote,figure,p:not(.sqsrte-large)))){
  display: grid;
  row-gap: .55rem;
  padding-block: var(--tb-pad-y, 0);
  padding-inline: var(--tb-pad-x, .5rem);
}
.sqs-block.html-block .sqs-html-content:has(> p.sqsrte-large):not(:has(> :where(h1,h2,h3,h4,h5,h6,ul,ol,blockquote,figure,p:not(.sqsrte-large)))) > *{
  margin: 0 !important;
}

/* Bigger gap between display lines and paragraph sizes */
.sqs-block-html .sqs-block-content > :is(h1,h2,h3,h4,h5,h6) + *,
.sqs-block-html .sqs-html-content   > :is(p.sqsrte-large,p.sqsrte-medium,p.sqsrte-small,p.sqsrte-body) + *{
  margin-top: 1.25rem !important;
}

/* Optional: if the editor left a trailing empty paragraph at the end, hide it */
.sqs-block-html .sqs-html-content > p:last-child:empty{ display:none !important; }
/* Safe variant: hide only if the *last* paragraph is just a <br> */
.sqs-block-html .sqs-html-content > p:last-child:has(> br:only-child){ display:none !important; }

/* --- SAFEGUARD: only hide “truly-empty” paragraphs on the public site, not in editor --- */
body:not(.sqs-edit-mode) .sqs-block-html .sqs-html-content p:empty{
  display: none !important;
}
@supports selector(p:blank){
  body:not(.sqs-edit-mode) .sqs-block-html .sqs-html-content p:blank{
    display: none !important;
  }
}
body:not(.sqs-edit-mode) .sqs-block-html .sqs-html-content > p:last-child:has(> br:only-child){
  display: none !important;
}


/* ===============================
   GALLERY TWEAKS
================================*/
/* Squarespace Gallery — strips thumbnails: 8px radius */
.gallery-strips .gallery-strips-item-wrapper,
.gallery-strips .gallery-strips-item-wrapper > a {
  border-radius: 8px !important;
  overflow: hidden !important;
  /* iOS/Safari overflow clipping fix */
mask-image: radial-gradient(white, black);
-webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* Make the image follow the radius too */
.gallery-strips .gallery-strips-item-wrapper img {
  border-radius: inherit !important;
  display: block;
}

/* If any hover/cover layers exist, clip them as well */
.gallery-strips .gallery-strips-item,
.gallery-strips .gallery-strips-lightbox-link {
  clip-path: inset(0 round 8px);
}

/* Squarespace Lightbox overlay color */
.gallery-lightbox-background {
  background-color: rgba(28, 24, 41, 0.85) !important;  /* change color + opacity here */
  transition: background-color 0.3s ease;
}

button.gallery-lightbox-control-btn polyline
{
    stroke: white !important;
}

/* Lightbox close (X) button color */
.gallery-lightbox-close-btn-icon svg path {
  fill: white !important;
}

/* === Squarespace Lightbox Close Button Color Override === */
button.gallery-lightbox-close-btn .gallery-lightbox-close-btn-icon svg path {
  stroke: white !important;     /* sets line color of the X */
  stroke-width: 2 !important;   /* optional: thickens the lines slightly */
}

/* Optional hover color */
button.gallery-lightbox-close-btn:hover .gallery-lightbox-close-btn-icon svg path {
  stroke: var(--your-accent-color, white) !important;
}

/* ===== Buttons: force Maax on all variants + inner label ===== */

/* Core button anchors (7.1) */
a.sqs-button-element,
a.sqs-button-element--primary,
a.sqs-button-element--secondary,
a.sqs-button-element--tertiary,
.sqs-button-element,
.sqs-editable-button a {
  font-family: "Maax", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-synthesis-weight: none; /* avoid faux bold */
}

/* The nested label span sometimes carries its own font */
.sqs-button-element .sqs-button-label,
.sqs-editable-button a .sqs-button-label {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Secondary variant tweaks (matches your intent) */
a.sqs-button-element--secondary,
a.sqs-button-element--secondary .sqs-button-label {
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

/* Commerce add-to-cart buttons (different markup) */
.sqs-add-to-cart-button,
.sqs-add-to-cart-button .sqs-button-label,
button.sqs-add-to-cart-button {
  font-family: "Maax", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}

/* Header action buttons (Login, Subscribe, etc.) */
.header-actions .btn,
.header-actions .btn .btn-label {
  font-family: "Maax", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}

/* Gallery / lightbox CTA buttons, if present */
.gallery-block .sqs-button-element,
.gallery-block .sqs-button-element .sqs-button-label {
  font-family: "Maax", sans-serif !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   Secondary Buttons — #9989EC border + text; white on hover
   ========================================================================== */

/* Base state */
a.sqs-button-element--secondary,
.sqs-button-element--secondary,
button.sqs-button-element--secondary,
.sqs-block-button .sqs-button-element--secondary {
  color: #9989EC !important;
  border-color: #9989EC !important;
}

/* Inner label span */
.sqs-button-element--secondary .sqs-button-label {
  color: #9989EC !important;
}

/* Hover: white text, same border */
a.sqs-button-element--secondary:hover,
button.sqs-button-element--secondary:hover,
.sqs-button-element--secondary:hover {
  color: #ffffff !important;
  border-color: #9989EC !important;
}

/* Hover label */
.sqs-button-element--secondary:hover .sqs-button-label {
  color: #ffffff !important;
}

/* Active (pressed) — stays white for clarity */
a.sqs-button-element--secondary:active,
button.sqs-button-element--secondary:active,
.sqs-button-element--secondary:active {
  color: #ffffff !important;
  border-color: #9989EC !important;
}


/* =========================================================
   FORMS TYPOGRAPHY OVERRIDES (Squarespace 7.1)
   Match buttons/paragraph system: Maax for UI labels,
   Crimson Pro for user-entered text.
   v1.0 (2025-10-30)
========================================================= */

/* --- Titles, section headings, field labels, legends --- */
.sqs-block-form .form-title,
.sqs-block-form .form-subtitle,
.sqs-block-form .field-list .title,
.sqs-block-form .field-list label,
.sqs-block-form legend,
.form-wrapper .form-title,
.form-wrapper .form-subtitle,
.form-wrapper label,
.form-wrapper legend,
.newsletter-block .newsletter-form-header,
.newsletter-block .newsletter-form-header .form-title,
.newsletter-block .newsletter-form-header .form-subtitle {
  font-family: "Maax", sans-serif !important;
  font-weight: 500 !important;                 /* Medium */
  line-height: 1.3 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  font-size: var(--p3, 1rem) !important;       /* keep labels tidy */
  font-synthesis-weight: none !important;
}

/* --- Text inputs, textareas, selects (user-entered text) --- */
.sqs-block-form input[type="text"],
.sqs-block-form input[type="email"],
.sqs-block-form input[type="tel"],
.sqs-block-form input[type="url"],
.sqs-block-form input[type="number"],
.sqs-block-form input[type="password"],
.sqs-block-form input[type="search"],
.sqs-block-form textarea,
.sqs-block-form select,
.form-wrapper input[type="text"],
.form-wrapper input[type="email"],
.form-wrapper input[type="tel"],
.form-wrapper input[type="url"],
.form-wrapper input[type="number"],
.form-wrapper input[type="password"],
.form-wrapper input[type="search"],
.form-wrapper textarea,
.form-wrapper select,
.newsletter-block .newsletter-form input,
.newsletter-block .newsletter-form select,
.newsletter-block .newsletter-form textarea {
  font-family: "Crimson Pro", serif !important;
  font-weight: 400 !important;                 /* regular reading weight */
  font-style: normal !important;
  font-size: var(--p3, 1rem) !important;
  line-height: 1.4 !important;
  font-optical-sizing: auto !important;
  font-synthesis-weight: none !important;      /* avoid faux bold in inputs */
}

/* --- Placeholder text (tone it down, keep same family) --- */
.sqs-block-form ::placeholder,
.form-wrapper ::placeholder,
.newsletter-block .newsletter-form ::placeholder {
  font-family: inherit !important;
  font-weight: 400 !important;
  font-style: normal !important;
  opacity: .6 !important;
}

/* --- Checkbox & radio option labels --- */
.sqs-block-form .option,
.sqs-block-form .option label,
.form-wrapper .option,
.form-wrapper .option label {
  font-family: "Maax", sans-serif !important;  /* keep UI labels consistent */
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;             /* easier to read long options */
  font-size: var(--p3, 1rem) !important;
  line-height: 1.3 !important;
}

/* --- Helper/description text under fields + error/success messages --- */
.sqs-block-form .description,
.form-wrapper .description,
.sqs-error-message,
.form-field-error,
.form-wrapper .form-submission-text,
.sqs-block-form .form-submission-text {
  font-family: "Crimson Pro", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: var(--p3, 1rem) !important;
  line-height: 1.4 !important;
}

/* --- File upload pseudo-button’s visible label (where applicable) --- */
.sqs-block-form .file-upload .file-upload-field + label,
.form-wrapper .file-upload .file-upload-field + label {
  font-family: "Maax", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

/* --- Ensure the submit button follows your global button rules --- */
/* (Your existing button block already covers these, but this keeps forms tidy) */
.sqs-block-form .form-button-wrapper .sqs-button-element,
.sqs-block-form .form-button-wrapper .sqs-button-element .sqs-button-label {
  font-family: "Maax", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
}

/* --- Newsletter “Name/Email” labels and disclaimers --- */
.newsletter-block .newsletter-form-field-wrapper label,
.newsletter-block .newsletter-form-footnote,
.newsletter-block .newsletter-form-disclaimer {
  font-family: "Maax", sans-serif !important;  /* labels */
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  font-size: var(--p3, 1rem) !important;
}
.newsletter-block .newsletter-form-description,
.newsletter-block .newsletter-block-success,
.newsletter-block .newsletter-block-failure {
  font-family: "Crimson Pro", serif !important; /* body text */
  font-weight: 400 !important;
  font-size: var(--p3, 1rem) !important;
  line-height: 1.4 !important;
}

/* --- Edge cases: form titles embedded inside headings in content blocks --- */
.sqs-block-content .form-wrapper .form-title,
.sqs-block-content .form-wrapper .form-subtitle {
  font-family: "Maax", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

/* --- If your Footer is exempt from spacing, still apply fonts there --- */
:is(footer, .Footer, .footer) .sqs-block-form,
:is(footer, .Footer, .footer) .form-wrapper,
:is(footer, .Footer, .footer) .newsletter-block {
  font-family: inherit !important; /* keep global font rules active */
}


/* ==========================================================
   FORM ERROR MESSAGE STYLING — Global override
   ========================================================== */

.form-field-error,
.sqs-error-message,
.form-field-error-message,
.form-field-error .form-error-message,
.form-wrapper .form-error-message,
.newsletter-block .newsletter-block-failure {
  background-color: #2C7966 !important;   /* your new background color */
  color: white !important;                /* ensure readable contrast */
  padding: 0.75rem 1rem !important;       /* comfortable breathing room */
  border-radius: 0.35rem !important;      /* optional polish */
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

/* Make the error icon white + vertically aligned */
.form-field-error svg,
.sqs-error-message svg,
.newsletter-block .newsletter-block-failure svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.form-field-error svg path,
.sqs-error-message svg path,
.newsletter-block .newsletter-block-failure svg path {
  fill: white !important;
  stroke: white !important;
}


/* Use P1 typography for all list carousel titles */
.user-items-list-carousel .list-item-content__title {
  font-family: "Maax", sans-serif !important;
  font-weight: 500 !important;           /* Medium */
  font-size: var(--p1) !important;       /* 1rem per your scale */
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  font-feature-settings: "case" 1, "cpsp" 1;
  max-width: 100%;                       /* undo inline 75% squeeze */
}

/* Rounded corners on all carousel images */
.user-items-list-carousel__media-inner {
  border-radius: 0.667rem; /* ≈ 8pt at 16px base */
  overflow: hidden;        /* clip image to the rounded container */
}

.user-items-list-carousel__media {
  border-radius: inherit;  /* just in case the img itself shows edges */
}

/* Increase top/bottom padding INSIDE each carousel card */
.user-items-list-carousel .list-item {
  padding-top: 2rem !important;    /* increase as desired */
  padding-bottom: 1rem !important;
}

/* Ensure list carousels sit ABOVE motif rails */
.user-items-list-item-container.user-items-list-carousel {
  position: relative;   /* create stacking context */
  z-index: 50;          /* higher than --motif-z (10) */
}

/* Fade the edge slides toward the page edges on all list carousels */
.user-items-list-carousel__gutter {
  position: relative; /* anchor the gradients */
}

/* Left + right fade overlays */
.user-items-list-carousel__gutter::before,
.user-items-list-carousel__gutter::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4rem;                     /* tweak width to taste */
  pointer-events: none;            /* keep arrows/clicks working */
  z-index: 15;                      /* above slides, below header, etc. */
}

/* Disable motif rails for the carousel section */
section[data-section-id="YOUR-ID-HERE"] {
  --motifs-disable-section: true;
}

/* Also give the JS a direct signal via attribute */
section[data-section-id="YOUR-ID-HERE"]::before {
  content: "";
  display: none;
}

.mm-hero-wrapper {
  width: 100%;
  aspect-ratio: 1641 / 863;  /* or whatever new height you actually want */
  overflow: hidden;
}

.mm-hero-svg {
  width: 100%;
  height: 100%;
  display: block;
}


/* Remove default padding/margins Squarespace adds to Code Blocks */
.mm-hero-wrapper,
.mm-hero-wrapper .sqs-block-content,
.mm-hero-wrapper .sqs-block {
  padding: 0 !important;
  margin: 0 !important;
}

/* Force the SVG to sit flush with the wrapper with zero stray offsets */
.mm-hero-wrapper svg {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0; /* eliminates inline-block baseline gap */
}

/* Remove any internal spacing the Fluid Engine might add */
.mm-hero-wrapper .sqs-block-content > :first-child {
  margin-top: 0 !important;
}
.mm-hero-wrapper .sqs-block-content > :last-child {
  margin-bottom: 0 !important;
}