/* ==========================================================
   CHANTAL LEDUC — Front Page V2 polish layer
   Targets the page id 324 specifically where possible.
   ========================================================== */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');

/* --- Page-scoped reset so we don't blow up other pages --- */.page-id-324 {
  --cl-ink: #0a0a0a;
  --cl-paper: #fafaf7;
  --cl-mute: #6b6b66;
  --cl-line: #1a1a1a;
  --cl-accent: #b8895a;
  --cl-serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --cl-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--cl-paper);
  color: var(--cl-ink);
  font-family: var(--cl-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hide theme header / footer leakage on the V2 page (empty-page template should already do this) */.page-id-324 .wp-site-blocks > header,
.page-id-324 .wp-site-blocks > footer,
.page-id-324 .wp-block-template-part[data-type="header"],
.page-id-324 .wp-block-template-part[data-type="footer"] {
  display: none !important;
}

/* Hide any stray Moire promotional / theme-default blocks on the V2 page */.page-id-324 .wp-block-cover:not(:where(.cl-hero)):not(:where(.cl-fullbleed)):not(:where(.cl-connect)) {
  /* keep covers we authored, ignore others */
}.page-id-324 .wp-block-group:not([class*="cl-"]):not([class*="wp-container"]) {
  /* defensive — leave normal Gutenberg containers alone */
}

/* ============ NAV ============ */:where(.cl-nav) {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 40px;
  background: rgba(10,10,10,0.0);
  mix-blend-mode: difference;
  color: #fff;
  transition: background 0.3s ease, padding 0.3s ease;
}:where(.cl-nav).scrolled,
.page-id-324 :where(.cl-nav):hover {
  background: rgba(10,10,10,0.92);
  padding: 14px 40px;
  mix-blend-mode: normal;
}:where(.cl-wordmark) {
  font-family: var(--cl-sans);
  font-weight: 600;
  letter-spacing: 0.32em;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
}:where(.cl-wordmark) a { color: inherit; text-decoration: none; }:where(.cl-menu) {
  display: flex !important;
  gap: 36px;
  list-style: none;
  margin: 0; padding: 0;
}:where(.cl-menu) a {
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-bottom: 4px;
}:where(.cl-menu) a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 1px;
  background: currentColor;
  transition: width 0.4s ease;
}:where(.cl-menu) a:hover::after { width: 100%; }

/* ============ HERO ============ */:where(.cl-hero) {
  position: relative;
  min-height: 100vh;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}:where(.cl-hero) img,
:where(.cl-hero) .wp-block-cover__image-background {
  object-position: center 28%;
  filter: grayscale(8%) contrast(1.04) brightness(0.92);
  transform: scale(1.02);
}:where(.cl-hero)::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.05) 60%, rgba(0,0,0,0.55) 100%);
  pointer-events: none;
  z-index: 1;
}:where(.cl-hero) .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 0 6vw 8vh;
  max-width: none !important;
}:where(.cl-hero-name) {
  font-family: var(--cl-serif);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(64px, 12vw, 180px);
  line-height: 0.92;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0;
  text-shadow: 0 2px 40px rgba(0,0,0,0.25);
}:where(.cl-hero-tag) {
  font-family: var(--cl-sans);
  font-weight: 400;
  font-size: clamp(11px, 1vw, 14px);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: #fff;
  margin-top: 28px;
  opacity: 0.9;
}

/* ============ MARQUEE ============ */:where(.cl-marquee) {
  background: #0a0a0a !important;
  color: #fff;
  padding: 22px 0;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
}:where(.cl-marquee-text),
:where(.cl-marquee) p {
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  text-align: center;
  opacity: 0.85;
}

/* ============ PULL QUOTE ============ */:where(.cl-pull-quote) {
  max-width: 980px;
  margin: 140px auto;
  padding: 0 32px;
  text-align: center;
}:where(.cl-pull-quote) p,
:where(.cl-pull-quote) {
  font-family: var(--cl-serif);
  font-weight: 300;
  font-size: clamp(32px, 4.2vw, 64px);
  line-height: 1.18;
  letter-spacing: -0.01em;
  color: var(--cl-ink);
}:where(.cl-pull-quote) em,
:where(.cl-pull-quote) i {
  font-style: italic;
  color: var(--cl-accent);
}

/* ============ SECTION EYEBROW ============ */:where(.cl-section-eyebrow),
:where(.cl-section-eyebrow) p {
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--cl-mute);
  margin: 0 0 32px 0;
}:where(.cl-section-eyebrow-light),
:where(.cl-section-eyebrow-light) p {
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin: 0 0 32px 0;
}

/* ============ ABOUT ============ */:where(.cl-about) {
  max-width: 1320px;
  margin: 0 auto;
  padding: 120px 40px;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}:where(.cl-about-portrait) img {
  width: 100%;
  height: auto;
  filter: grayscale(15%) contrast(1.02);
  display: block;
}:where(.cl-about-headline),
:where(.cl-about-headline) p,
:where(.cl-about-headline) h2 {
  font-family: var(--cl-serif);
  font-weight: 400;
  font-size: clamp(36px, 3.6vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--cl-ink);
  margin: 0 0 32px 0;
}:where(.cl-about-body),
:where(.cl-about-body) p {
  font-family: var(--cl-sans);
  font-size: 16px;
  line-height: 1.78;
  font-weight: 400;
  color: #2a2a28;
  letter-spacing: 0.005em;
  margin: 0 0 20px 0;
}:where(.cl-about-quote),
:where(.cl-about-quote) p {
  font-family: var(--cl-serif);
  font-style: italic;
  font-size: 22px;
  line-height: 1.4;
  color: var(--cl-accent);
  margin: 40px 0 0 0;
  padding-left: 24px;
  border-left: 1px solid var(--cl-accent);
}

/* ============ FULL BLEED ============ */:where(.cl-fullbleed) {
  min-height: 90vh !important;
  margin: 80px 0;
  position: relative;
}:where(.cl-fullbleed) img,
:where(.cl-fullbleed) .wp-block-cover__image-background {
  filter: contrast(1.05) saturate(0.92);
}:where(.cl-fullbleed-caption),
:where(.cl-fullbleed-caption) p {
  font-family: var(--cl-sans);
  font-size: 11px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  bottom: 40px; left: 40px;
  margin: 0;
  z-index: 3;
}

/* ============ EDITORIAL MOSAIC ============ */:where(.cl-editorial) {
  max-width: 1480px;
  margin: 0 auto;
  padding: 120px 40px;
}:where(.cl-editorial) > :where(.cl-section-eyebrow),
:where(.cl-editorial) > h2 {
  text-align: left;
  max-width: 640px;
  margin-bottom: 60px;
}:where(.cl-editorial) h2 {
  font-family: var(--cl-serif);
  font-weight: 400;
  font-size: clamp(36px, 3.6vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  margin: 0 0 60px 0;
}:where(.cl-mosaic) {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 90px;
  gap: 24px;
}:where(.cl-mosaic) .wp-block-image,
:where(.cl-mosaic) figure {
  margin: 0;
  overflow: hidden;
  position: relative;
}:where(.cl-mosaic) .wp-block-image img,
:where(.cl-mosaic) figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transition: transform 0.9s cubic-bezier(.2,.6,.2,1), filter 0.6s ease;
}:where(.cl-mosaic) .wp-block-image:hover img {
  transform: scale(1.04);
  filter: brightness(0.95);
}
/* Asymmetric placement — 6 images */:where(.cl-mosaic) .wp-block-image:nth-child(1) { grid-column: span 7; grid-row: span 6; }:where(.cl-mosaic) .wp-block-image:nth-child(2) { grid-column: span 5; grid-row: span 4; }:where(.cl-mosaic) .wp-block-image:nth-child(3) { grid-column: span 5; grid-row: span 5; }:where(.cl-mosaic) .wp-block-image:nth-child(4) { grid-column: span 4; grid-row: span 5; }:where(.cl-mosaic) .wp-block-image:nth-child(5) { grid-column: span 8; grid-row: span 4; }:where(.cl-mosaic) .wp-block-image:nth-child(6) { grid-column: span 12; grid-row: span 6; }

/* ============ RUNWAY HORIZONTAL SCROLL ============ */:where(.cl-runway) {
  margin: 120px 0;
  padding: 0;
}:where(.cl-runway) > :where(.cl-section-eyebrow),
:where(.cl-runway) > h2 {
  max-width: 1480px;
  margin: 0 auto 48px;
  padding: 0 40px;
}:where(.cl-runway) h2 {
  font-family: var(--cl-serif);
  font-weight: 400;
  font-size: clamp(36px, 3.6vw, 56px);
  line-height: 1.08;
}:where(.cl-scroll-gallery) {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding: 0 40px 32px;
  scrollbar-width: thin;
  scrollbar-color: var(--cl-ink) transparent;
}:where(.cl-scroll-gallery)::-webkit-scrollbar { height: 4px; }:where(.cl-scroll-gallery)::-webkit-scrollbar-thumb { background: var(--cl-ink); }:where(.cl-scroll-gallery) .wp-block-image,
:where(.cl-scroll-gallery) figure {
  flex: 0 0 auto;
  width: clamp(280px, 30vw, 460px);
  margin: 0;
  scroll-snap-align: start;
  overflow: hidden;
}:where(.cl-scroll-gallery) .wp-block-image img,
:where(.cl-scroll-gallery) figure img {
  width: 100% !important;
  height: 64vh !important;
  max-height: 720px;
  object-fit: cover;
  display: block;
  transition: filter 0.6s ease;
}:where(.cl-scroll-gallery) .wp-block-image:hover img { filter: brightness(0.92); }

/* ============ ARCHIVE MASONRY ============ */:where(.cl-deep) {
  max-width: 1480px;
  margin: 0 auto;
  padding: 120px 40px;
}:where(.cl-deep) h2 {
  font-family: var(--cl-serif);
  font-weight: 400;
  font-size: clamp(36px, 3.6vw, 56px);
  line-height: 1.08;
  margin: 0 0 60px 0;
}:where(.cl-masonry) {
  columns: 3;
  column-gap: 24px;
}@media (max-width: 900px) {:where(.cl-masonry) { columns: 2; } }@media (max-width: 560px) {:where(.cl-masonry) { columns: 1; } }:where(.cl-masonry) .wp-block-image,
:where(.cl-masonry) figure {
  margin: 0 0 24px 0;
  break-inside: avoid;
  display: block;
  overflow: hidden;
}:where(.cl-masonry) img {
  width: 100% !important;
  height: auto !important;
  display: block;
  transition: transform 0.8s cubic-bezier(.2,.6,.2,1), filter 0.6s ease;
}:where(.cl-masonry) .wp-block-image:hover img {
  transform: scale(1.03);
  filter: brightness(0.96);
}

/* ============ CONNECT (BLACK) ============ */:where(.cl-connect) {
  background: #0a0a0a !important;
  color: #fff;
  padding: 140px 40px;
  text-align: center;
  margin: 80px 0 0 0;
}:where(.cl-connect) h2 {
  font-family: var(--cl-serif);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(48px, 5.6vw, 96px);
  color: #fff;
  margin: 0 0 24px 0;
}:where(.cl-connect) a,
:where(.cl-connect) .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff;
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  padding: 18px 40px;
  border-radius: 0 !important;
  transition: background 0.3s ease, color 0.3s ease;
  text-decoration: none;
}:where(.cl-connect) a:hover,
:where(.cl-connect) .wp-block-button__link:hover {
  background: #fff !important;
  color: #0a0a0a;
}:where(.cl-connect) .sbi_header_text,
:where(.cl-connect) .sb_instagram_header,
:where(.cl-connect) #sb_instagram { color: #fff; }

/* ============ FOOTER ============ */:where(.cl-footer) {
  background: #0a0a0a !important;
  color: #fff;
  padding: 60px 40px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #1a1a1a;
}:where(.cl-footer-wordmark),
:where(.cl-footer-wordmark) p {
  font-family: var(--cl-sans);
  font-weight: 600;
  letter-spacing: 0.32em;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}:where(.cl-footer-meta),
:where(.cl-footer-meta) p {
  font-family: var(--cl-sans);
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin: 0;
}

/* ============ RESPONSIVE ============ */@media (max-width: 900px) {:where(.cl-nav) { padding: 16px 20px; }:where(.cl-menu) { gap: 18px; }:where(.cl-menu) a { font-size: 10px; letter-spacing: 0.2em; }:where(.cl-about) {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 80px 24px;
  }:where(.cl-editorial),
:where(.cl-deep) { padding: 80px 24px; }:where(.cl-mosaic) { grid-template-columns: repeat(6, 1fr); grid-auto-rows: 70px; gap: 12px; }:where(.cl-mosaic) .wp-block-image:nth-child(1) { grid-column: span 6; grid-row: span 5; }:where(.cl-mosaic) .wp-block-image:nth-child(2) { grid-column: span 3; grid-row: span 4; }:where(.cl-mosaic) .wp-block-image:nth-child(3) { grid-column: span 3; grid-row: span 4; }:where(.cl-mosaic) .wp-block-image:nth-child(4) { grid-column: span 3; grid-row: span 4; }:where(.cl-mosaic) .wp-block-image:nth-child(5) { grid-column: span 3; grid-row: span 4; }:where(.cl-mosaic) .wp-block-image:nth-child(6) { grid-column: span 6; grid-row: span 5; }:where(.cl-pull-quote) { margin: 80px auto; }:where(.cl-connect) { padding: 80px 24px; }:where(.cl-footer) { flex-direction: column; gap: 16px; }
}

/* Hide stray RHEA MOIRE promotional/theme blocks if they appear via theme query loops */.page-id-324 .wp-block-query,
.page-id-324 .wp-block-post-template { display: none !important; }.page-id-324 .wp-block-site-title,
.page-id-324 .wp-block-site-tagline { display: none !important; }


/* ==========================================================
   POLISH FIX LAYER v2 — width breakouts & nav menu repair
   ========================================================== */

/* Force entry-content full width on V2 page */.page-id-324 .entry-content,
.page-id-324 .wp-block-post-content,
.page-id-324 main.entry-content,
.page-id-324 .has-global-padding {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}.page-id-324 .wp-site-blocks {
  padding-left: 0;
  padding-right: 0;
  max-width: 100% !important;
}
/* Strip is-layout-constrained max-width on our authored blocks */.page-id-324 :where(.cl-hero),
.page-id-324 :where(.cl-marquee),
.page-id-324 :where(.cl-fullbleed),
.page-id-324 :where(.cl-connect),
.page-id-324 :where(.cl-footer),
.page-id-324 :where(.cl-nav) {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
}

/* Nav structure repair — the menu is a <p> with "ABOUT WORK CONNECT" text */:where(.cl-nav) {
  display: block !important;
  padding: 0;
  background: transparent !important;
  border: none !important;
}:where(.cl-nav) > .wp-block-columns {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 22px 40px;
  background: rgba(10,10,10,0.0);
  transition: background 0.3s ease, padding 0.3s ease;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0;
}:where(.cl-nav) > .wp-block-columns:hover {
  background: rgba(10,10,10,0.92);
}:where(.cl-nav) .wp-block-column {
  flex: 0 0 auto !important;
  width: auto !important;
}:where(.cl-nav) .wp-block-column:last-child {
  flex: 0 0 auto !important;
  margin-left: auto;
}:where(.cl-menu) {
  white-space: nowrap !important;
  font-family: var(--cl-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  /* Use letter-spacing trick — words separated by 4 spaces, render as gap */
  word-spacing: 1.5em;
}

/* Cover blocks (hero & fullbleed) full bleed - they should already be alignfull */.page-id-324 .wp-block-cover.alignfull,
.page-id-324 :where(.cl-hero),
.page-id-324 :where(.cl-fullbleed) {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Marquee full bleed */:where(.cl-marquee) {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Connect & footer full bleed */:where(.cl-connect),
:where(.cl-footer) {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Force hero to be fully clickable & cover entire viewport */:where(.cl-hero) {
  min-height: 100vh !important;
  height: 100vh !important;
}

/* Inner content size for "constrained" sections like pull-quote/about/editorial/deep stays centered */.page-id-324 :where(.cl-pull-quote) { width: auto; max-width: 980px; }.page-id-324 :where(.cl-about) { width: auto; max-width: 1320px; }.page-id-324 :where(.cl-editorial) { width: auto; max-width: 1480px; }.page-id-324 :where(.cl-deep) { width: auto; max-width: 1480px; }

/* Admin bar offset so nav doesn't hide under it */body.admin-bar :where(.cl-nav) { top: 32px; }@media (max-width: 782px) {body.admin-bar :where(.cl-nav) { top: 46px; }
}

/* Make nav text white shadow so it reads on light sections too */:where(.cl-nav) .wp-block-columns {
  color: #fff;
}:where(.cl-wordmark),
:where(.cl-menu) {
  text-shadow: 0 1px 12px rgba(0,0,0,0.45);
}


/* ==========================================================
   POLISH FIX LAYER v3 — flatten template & gallery overrides
   ========================================================== */

/* Flatten empty-page template structure on V2 page */.page-id-324 .wp-site-blocks > .wp-block-columns {
  display: block !important;
  padding: 0;
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
}.page-id-324 .wp-site-blocks > .wp-block-columns > .wp-block-column:first-child {
  display: none !important;
}.page-id-324 .wp-site-blocks > .wp-block-columns > .wp-block-column:last-child,
.page-id-324 .wp-site-blocks > .wp-block-columns > .wp-block-column {
  width: 100% !important;
  flex-basis: 100% !important;
  max-width: 100% !important;
  padding: 0;
  margin: 0;
}.page-id-324 main.entry-content,
.page-id-324 main.wp-block-post-content {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  margin: 0;
}.page-id-324 .wp-block-template-part[data-type*="header"],
.page-id-324 .wp-block-site-logo,
.page-id-324 .wp-block-site-title { display: none !important; }

/* ABOUT restructure */.page-id-324 :where(.cl-about) {
  display: block !important;
  max-width: 1320px !important;
  margin: 0 auto;
  padding: 120px 40px;
  grid-template-columns: none !important;
}.page-id-324 :where(.cl-about) > .wp-block-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 80px !important;
  align-items: center !important;
  padding: 0;
}.page-id-324 :where(.cl-about) > .wp-block-columns > .wp-block-column {
  width: 100% !important;
  flex: none !important;
  padding: 0;
}

/* MOSAIC override */.page-id-324 :where(.cl-mosaic).wp-block-gallery,
.page-id-324 figure:where(.cl-mosaic) {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  grid-auto-rows: 90px !important;
  gap: 24px !important;
  max-width: 100% !important;
  margin: 0;
}.page-id-324 :where(.cl-mosaic).is-layout-flex { flex-wrap: nowrap !important; }.page-id-324 :where(.cl-mosaic) > figure.wp-block-image {
  width: auto !important;
  flex: none !important;
  margin: 0;
  height: auto !important;
}.page-id-324 :where(.cl-mosaic) > figure.wp-block-image:nth-child(1) { grid-column: span 7 !important; grid-row: span 6 !important; }.page-id-324 :where(.cl-mosaic) > figure.wp-block-image:nth-child(2) { grid-column: span 5 !important; grid-row: span 4 !important; }.page-id-324 :where(.cl-mosaic) > figure.wp-block-image:nth-child(3) { grid-column: span 5 !important; grid-row: span 5 !important; }.page-id-324 :where(.cl-mosaic) > figure.wp-block-image:nth-child(4) { grid-column: span 4 !important; grid-row: span 5 !important; }.page-id-324 :where(.cl-mosaic) > figure.wp-block-image:nth-child(5) { grid-column: span 8 !important; grid-row: span 4 !important; }.page-id-324 :where(.cl-mosaic) > figure.wp-block-image:nth-child(6) { grid-column: span 12 !important; grid-row: span 6 !important; }

/* RUNWAY scroll */.page-id-324 :where(.cl-scroll-gallery).wp-block-gallery {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 24px !important;
  padding: 0 40px 32px;
  scroll-snap-type: x mandatory;
  max-width: 100% !important;
  margin: 0;
}.page-id-324 :where(.cl-scroll-gallery) > figure.wp-block-image {
  flex: 0 0 auto !important;
  width: clamp(280px, 30vw, 460px) !important;
  margin: 0;
  scroll-snap-align: start;
}.page-id-324 :where(.cl-scroll-gallery) > figure.wp-block-image img {
  width: 100% !important;
  height: 64vh !important;
  max-height: 720px !important;
  object-fit: cover !important;
}

/* MASONRY */.page-id-324 :where(.cl-masonry).wp-block-gallery {
  display: block !important;
  columns: 3 !important;
  column-gap: 24px !important;
  max-width: 100% !important;
  margin: 0;
}@media (max-width: 900px) {.page-id-324 :where(.cl-masonry).wp-block-gallery { columns: 2 !important; } }@media (max-width: 560px) {.page-id-324 :where(.cl-masonry).wp-block-gallery { columns: 1 !important; } }.page-id-324 :where(.cl-masonry) > figure.wp-block-image {
  display: block !important;
  width: 100% !important;
  flex: none !important;
  margin: 0 0 24px 0;
  break-inside: avoid !important;
}.page-id-324 :where(.cl-masonry) > figure.wp-block-image img {
  width: 100% !important;
  height: auto !important;
}.page-id-324 :where(.cl-nav) .wp-block-columns {
  max-width: 100% !important;
  width: 100% !important;
}.page-id-324 :where(.cl-nav) .wp-block-columns > .wp-block-column:last-child {
  flex: 0 0 auto !important;
  text-align: right;
}.page-id-324 .alignfull,
.page-id-324 .has-global-padding > .alignfull {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0;
}.page-id-324 :where(.cl-connect) h2,
.page-id-324 :where(.cl-connect) p { color: #fff; }.page-id-324 :where(.cl-connect) :where(.cl-section-eyebrow),
.page-id-324 :where(.cl-connect) :where(.cl-section-eyebrow-light) {
  color: rgba(255,255,255,0.55);
}.page-id-324 main.entry-content { padding-top: 0; }.page-id-324 .wp-block-navigation__responsive-container-open,
.page-id-324 .wp-block-navigation { display: none !important; }