/* ============================================================
   COBALT ENGAGEMENT — patterns.css v2 (one-pager)
   All selectors scoped to .cw-* so they never fight the theme.
   Tokens live in cobalt.css.
   ============================================================ */

/* ============ Kadence flattening (pages only) ============ */
body.page .entry-hero,
body.page .entry-header,
body.page .page-hero-section { display: none !important; }
body.page .content-area { margin: 0 !important; padding: 0 !important; }
body.page .content-container.site-container,
body.page .site-container { max-width: none !important; padding: 0 !important; }
body.page .site-main { margin: 0 !important; }
body.page article .entry.content-bg,
body.page .entry.content-bg { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
body.page .entry-content-wrap { padding: 0 !important; }
body.page .entry-content { margin-top: 0 !important; }
body.page .primary-sidebar { display: none !important; }
body.page .site-footer { display: none !important; } /* Cobalt footer pattern replaces it */
html, body { margin: 0 !important; padding: 0 !important; }
body.page #wrapper, body.page .site, body.page #inner-wrap,
body.page #primary, body.page #main, body.page article {
  margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important;
}
body.page .entry-content > .alignfull,
body.page .entry-content .wp-block-cover.alignfull {
  width: auto !important; max-width: none !important;
  margin-left: 0 !important; margin-right: 0 !important;
}
body { overflow-x: hidden; }
.cw-section, .cw-section *, .cw-tear, .cw-footer, .cw-footer * { box-sizing: border-box; }
html { scroll-padding-top: 90px; scroll-behavior: smooth; }

/* ============ Typography inside Cobalt sections ============ */
.cw-section, .cw-section p, .cw-section li, .cw-footer, .cw-footer p {
  font-family: var(--font-display);
  line-height: var(--lh-body);
  color: var(--ink);
}
.cw-section h1, .cw-section h2 {
  font-family: var(--font-display);
  font-weight: 300;
  line-height: var(--lh-display);
  letter-spacing: -0.022em;
  color: var(--cobalt);
  margin-top: 0;
}
.cw-section h1 { font-size: var(--fs-hero); }
.cw-section h2 { font-size: var(--fs-h2); }
.cw-section h3 {
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--cobalt);
  margin-top: 0;
}
.cw-on-blue h1, .cw-on-blue h2, .cw-on-blue h3,
.cw-on-blue p, .cw-on-blue li { color: #fff; }

.cw-wrap {
  max-width: var(--maxw);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1.25rem, 4vw, 2.5rem);
  padding-right: clamp(1.25rem, 4vw, 2.5rem);
}

.cw-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.7em;
  font-size: 0.72rem !important;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cobalt) !important;
  margin-bottom: 1.1rem;
}
.cw-eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--peach); }
.cw-on-blue .cw-eyebrow { color: #fff !important; }
.cw-contact .cw-eyebrow { color: var(--periwinkle) !important; }
.cw-sec-head { max-width: 760px; margin-bottom: clamp(2rem, 4vw, 3.2rem); }
.cw-sec-head p { font-size: 1.1rem; }

.cw-section .wp-block-columns { gap: clamp(1.2rem, 2.5vw, 2rem); }

/* ============ Rip system ============ */
.rip-h, .rip-v { position: absolute; pointer-events: none; z-index: 5; }
.rip-h::before, .rip-h::after,
.rip-v::before, .rip-v::after { content: ""; position: absolute; inset: 0; }
.rip-v::before {
  background: #fff;
  -webkit-mask: url("rips/rip-v-band.png") 0 0 / 100% 100% no-repeat;
          mask: url("rips/rip-v-band.png") 0 0 / 100% 100% no-repeat;
}
.rip-v::after {
  background: var(--rip-c, #fff);
  -webkit-mask: url("rips/rip-v-color.png") 0 0 / 100% 100% no-repeat;
          mask: url("rips/rip-v-color.png") 0 0 / 100% 100% no-repeat;
}
.rip-h::after {
  background: var(--rip-c, #fff);
  -webkit-mask: url("rips/rip-h-color.png") 0 0 / 100% 100% no-repeat;
          mask: url("rips/rip-h-color.png") 0 0 / 100% 100% no-repeat;
}
.rip-h.flip::after {
  -webkit-mask-image: url("rips/rip-h-color-flip.png");
          mask-image: url("rips/rip-h-color-flip.png");
}
.rip-h.alt::after {
  -webkit-mask-image: url("rips/rip-h-color-b.png");
          mask-image: url("rips/rip-h-color-b.png");
}
.rip-h.flip.alt::after {
  -webkit-mask-image: url("rips/rip-h-color-flip-b.png");
          mask-image: url("rips/rip-h-color-flip-b.png");
}
.rip-h::before { display: none; } /* horizontal seams are always solo against white */

/* Paper tear divider for white-on-white boundaries */
.cw-tear {
  position: relative;
  height: clamp(30px, 4vw, 48px);
  margin-top: -1px;
  margin-bottom: calc(-1 * clamp(30px, 4vw, 48px));
  z-index: 6;
  pointer-events: none;
}
.cw-tear::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  -webkit-mask: url("rips/rip-h-color.png") 0 0 / 100% 100% no-repeat;
          mask: url("rips/rip-h-color.png") 0 0 / 100% 100% no-repeat;
  filter: drop-shadow(0 5px 5px rgba(9, 22, 50, 0.10));
}
.cw-tear.alt::after {
  -webkit-mask-image: url("rips/rip-h-color-b.png");
          mask-image: url("rips/rip-h-color-b.png");
}

/* ============ Hero ============ */
.cw-hero {
  position: relative;
  overflow: hidden;
  background: var(--cobalt);
  --hero-h: clamp(290px, 36vw, 480px);   /* wave image height */
  display: block;
  padding-bottom: calc(var(--hero-h) + 44px);
}
.cw-hero h1 { color: #fff; margin-bottom: 0.5em; max-width: 16em; }
.cw-hero-copy {
  position: relative;
  z-index: 6;
  width: 100%;
  max-width: 880px;
  padding-top: clamp(3rem, 6vw, 4.5rem);
  padding-bottom: clamp(1rem, 3vw, 2rem);
}
p.cw-kicker {
  font-size: 0.72rem !important;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--periwinkle) !important;
  margin-bottom: 1.2rem;
}
p.cw-hero-sub {
  font-size: clamp(1.02rem, 1.5vw, 1.18rem) !important;
  font-weight: 300;
  max-width: 34em;
  color: rgba(255,255,255,0.94) !important;
  margin-bottom: 2em;
}
.cw-hero-media, .cw-hero-wave {
  position: absolute !important;
  top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important;
  height: var(--hero-h) !important;
  margin: 0 !important;
  z-index: 1;
}
.cw-hero-media img { width: 100%; height: var(--hero-h) !important; object-fit: cover; display: block; }
.cw-hero-wave { background: url("img/wave-square-1.jpg") center / cover no-repeat; }
/* Horizontal tear straddling the cobalt/wave seam, at every width */
.cw-hero-rip {
  position: absolute !important;
  top: auto !important; left: 0 !important; right: 0 !important;
  bottom: calc(var(--hero-h) - 10px) !important;
  width: auto !important;
  height: 48px !important;
  transform: none !important;
  --rip-c: var(--cobalt);
}
.cw-hero-rip::before {
  display: block !important;
  background: #fff;
  -webkit-mask: url("rips/rip-h-band.png") 0 0 / 100% 100% no-repeat !important;
          mask: url("rips/rip-h-band.png") 0 0 / 100% 100% no-repeat !important;
}
.cw-hero-rip::after {
  -webkit-mask-image: url("rips/rip-h-color.png") !important;
          mask-image: url("rips/rip-h-color.png") !important;
}

/* Buttons */
.cw-btn .wp-block-button__link, .cw-btn-ghost .wp-block-button__link {
  font-family: var(--font-display);
  font-weight: 600;
  border-radius: var(--radius-pill);
  padding: 0.9em 1.8em;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.cw-btn .wp-block-button__link { background: var(--cobalt); color: #fff; }
.cw-btn .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(10,90,205,0.35); }
.cw-btn-white .wp-block-button__link { background: #fff; color: var(--cobalt); font-weight: 600; border-radius: var(--radius-pill); padding: 0.9em 1.8em; font-family: var(--font-display); }
.cw-btn-ghost .wp-block-button__link { background: transparent; border: 1.5px solid rgba(255,255,255,0.7); color: #fff; }
.cw-btn-ghost .wp-block-button__link:hover { background: rgba(255,255,255,0.12); }

/* ============ Proof bar ============ */
.cw-proof { padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(2rem, 4vw, 3rem); }
.cw-proof .wp-block-columns { align-items: stretch; }
.cw-proof-navy, .cw-proof-stat {
  border-radius: var(--radius-card);
  padding: clamp(1.4rem, 2.5vw, 2rem);
}
.cw-proof-navy { background: var(--navy); }
.cw-proof-navy p { color: #fff !important; }
p.cw-proof-title { font-size: 1.15rem !important; font-weight: 600; margin-bottom: 0.4em; }
.cw-proof-navy p:not(.cw-proof-title) { color: var(--periwinkle) !important; font-size: 0.93rem !important; }
.cw-proof-stat { background: #fff; box-shadow: var(--shadow-card); }
p.cw-stat-num {
  font-size: clamp(2.4rem, 4vw, 3.4rem) !important;
  font-weight: 300;
  line-height: 1 !important;
  letter-spacing: -0.03em;
  color: var(--cobalt) !important;
  margin-bottom: 0.3em;
}
p.cw-stat-num sup { font-size: 0.45em; color: var(--peach); font-weight: 600; }
.cw-proof-stat p:not(.cw-stat-num) { font-size: 0.93rem !important; }

/* ============ Sections (white) ============ */
.cw-sec { padding-top: var(--pad-section); padding-bottom: var(--pad-section); background: #fff; position: relative; }

/* ============ About ============ */
.cw-about-grid.wp-block-columns { gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.cw-about-photo { position: relative; }
.cw-about-photo img {
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
}
.cw-about-note {
  position: absolute;
  right: -4%;
  bottom: 7%;
  width: min(260px, 72%);
  background: var(--peach);
  color: #5a3a17;
  border-radius: 14px;
  padding: 1rem 1.2rem;
  transform: rotate(-2.5deg);
  box-shadow: 0 14px 30px rgba(9,22,50,0.18);
  font-family: var(--font-script);
  font-size: 1.45em;
  line-height: 1.15;
  font-weight: 600;
}
ul.cw-arrow-list { list-style: none; margin: 1.2rem 0 0; padding: 0; }
ul.cw-arrow-list li { position: relative; padding-left: 2em; margin: 0.6em 0; }
ul.cw-arrow-list li::before { content: "\2192"; position: absolute; left: 0; top: 0; font-weight: 300; }
.cw-ack {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  background: var(--cream);
  border-radius: var(--radius-card);
  padding: clamp(1.5rem, 3vw, 2.4rem) clamp(1.5rem, 4vw, 3rem);
}
.cw-ack h3 { margin-bottom: 0.4em; }
.cw-ack p { margin-bottom: 0; }

/* ============ Marquee ============ */
.cw-marquee { overflow: hidden; padding: 1.3rem 0; white-space: nowrap; background: #fff; }
.cw-marquee-track { display: inline-block; animation: cw-marquee 28s linear infinite; }
.cw-marquee-track span {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3.4vw, 2.6rem);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: var(--cobalt);
  padding-right: 2.2em;
}
.cw-marquee-track .alt-c { color: var(--periwinkle); }
@keyframes cw-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .cw-marquee-track { animation: none; } }

/* ============ Principles ============ */
.cw-principle {
  background: #fff;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: clamp(1.4rem, 2.5vw, 2rem);
}
p.cw-num {
  font-size: clamp(2.2rem, 3.5vw, 3rem) !important;
  font-weight: 300;
  line-height: 1 !important;
  color: var(--peach) !important;
  margin-bottom: 0.6rem;
}
.cw-principle h3 { margin-bottom: 0.4em; }
.cw-principle p:not(.cw-num) { font-size: 0.96rem !important; margin-bottom: 0; }

/* ============ Services band ============ */
.cw-services {
  position: relative;
  background: var(--cobalt);
  padding-top: calc(var(--pad-section) + 30px);
  padding-bottom: calc(var(--pad-section) + 30px);
  margin-top: 50px;
  margin-bottom: 50px;
}
.cw-services .rip-top    { top: -1px; left: 0; right: 0; height: clamp(34px, 5vw, 52px); transform: translateY(-96%); --rip-c: var(--cobalt); }
.cw-services .rip-bottom { bottom: -1px; left: 0; right: 0; height: clamp(34px, 5vw, 52px); transform: translateY(96%); --rip-c: var(--cobalt); }
.cw-services .wp-block-columns { gap: clamp(1.8rem, 4vw, 3.2rem) clamp(1.8rem, 5vw, 4.5rem); margin-bottom: clamp(1.8rem, 4vw, 3.2rem); }
.cw-services .wp-block-columns:last-child { margin-bottom: 0; }
p.cw-pillar-lede { font-weight: 300; color: rgba(255,255,255,0.92) !important; margin-bottom: 0.9em; }
.cw-services ul.cw-arrow-list { font-size: 0.97rem; margin-top: 0; }
.cw-services ul.cw-arrow-list li { margin: 0.45em 0; }

/* ============ Projects ============ */
.cw-featured.wp-block-columns {
  gap: 0 !important;
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  background: #fff;
  margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.cw-featured-photo { position: relative; min-height: 340px; }
.cw-featured-photo figure, .cw-featured-photo .wp-block-image { height: 100%; margin: 0; }
.cw-featured-photo img { width: 100%; height: 100%; min-height: 340px; object-fit: cover; }
.cw-featured-body { padding: clamp(1.6rem, 3vw, 2.6rem); }
p.cw-featured-tag {
  display: inline-block;
  background: var(--periwinkle);
  color: var(--navy) !important;
  font-size: 0.78rem !important;
  font-weight: 700;
  padding: 0.35em 0.9em;
  border-radius: var(--radius-pill);
  margin-bottom: 1rem;
}
p.cw-featured-meta { font-size: 0.85rem !important; color: var(--cobalt) !important; font-weight: 600; margin-bottom: 1rem; }
.cw-outcome {
  background: var(--cream);
  border-radius: 12px;
  padding: 1rem 1.2rem;
  margin-top: 1.1rem;
}
.cw-outcome p { font-size: 0.95rem !important; margin: 0; }
.cw-outcome strong { color: var(--cobalt); }
.cw-project-card {
  background: #fff;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: clamp(1.4rem, 2.5vw, 1.9rem);
}
p.cw-proj-stat {
  font-size: clamp(1.9rem, 3vw, 2.5rem) !important;
  font-weight: 300;
  line-height: 1 !important;
  color: var(--cobalt) !important;
  margin-bottom: 0.5rem;
}
p.cw-proj-stat em { font-style: normal; font-size: 0.5em; color: var(--peach); font-weight: 600; }
.cw-project-card h3 { font-size: 1.18rem; margin-bottom: 0.2em; }
p.cw-client { color: var(--cobalt) !important; font-size: 0.84rem !important; font-weight: 600; margin-bottom: 0.7em; }
.cw-project-card p:not(.cw-proj-stat):not(.cw-client) { font-size: 0.95rem !important; margin-bottom: 0; }

/* ============ Team ============ */
.cw-team-card {
  background: #fff;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.cw-team-card .wp-block-image { margin: 0; }
.cw-team-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.cw-team-body { padding: 1.2rem 1.4rem 1.5rem; }
.cw-team-body h3 { font-size: 1.15rem; margin-bottom: 0.1em; }
p.cw-role { color: var(--cobalt) !important; font-weight: 600; font-size: 0.86rem !important; margin-bottom: 0.7em; }
.cw-team-body p:not(.cw-role) { font-size: 0.92rem !important; margin-bottom: 0; }
.cw-team-row.wp-block-columns { margin-bottom: clamp(1.2rem, 2.5vw, 2rem); }

/* ============ Contact ============ */
.cw-contact { position: relative; }
.cw-contact .rip-top { top: -1px; left: 0; right: 0; height: clamp(34px, 5vw, 52px); --rip-c: var(--paper); }
.cw-contact .wp-block-cover__inner-container { position: static; max-width: var(--maxw); padding: var(--pad-section) clamp(1.25rem, 4vw, 2.5rem); }
.cw-contact h2 { color: #fff !important; }
.cw-contact p { color: #fff; }
p.cw-contact-lede { font-weight: 300; font-size: 1.1rem !important; max-width: 36em; color: rgba(255,255,255,0.95) !important; }
.cw-contact-card {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: var(--radius-card);
  padding: 1.5rem 1.7rem;
  backdrop-filter: blur(6px);
  max-width: 420px;
  margin-top: 1.6rem;
}
.cw-contact-card p { font-size: 0.97rem !important; margin: 0.25em 0; }
p.cw-contact-name { font-size: 1.1rem !important; font-weight: 600; margin-bottom: 0; }
p.cw-contact-role { color: var(--periwinkle) !important; font-size: 0.86rem !important; margin-bottom: 0.8em; }
.cw-contact-card a { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
p.cw-contact-addr { margin-top: 1em !important; opacity: 0.85; font-size: 0.9rem !important; }

/* ============ Footer ============ */
.cw-footer { position: relative; background: var(--navy); padding: clamp(2rem, 5vw, 3rem) 0; margin-top: 50px; }
.cw-footer-tear { top: 0; left: 0; right: 0; height: clamp(30px, 4vw, 48px); transform: translateY(-96%); --rip-c: var(--navy); }
.cw-footer img { height: 36px; width: auto; }
.cw-footer p, .cw-footer a { color: #fff; }
.cw-footer a { opacity: 0.9; }
p.cw-footer-fine { font-size: 0.8rem !important; opacity: 0.55; margin-top: 1.4rem; margin-bottom: 0; }

/* ============ Responsive ============ */
@media (max-width: 960px) {
  .cw-hero { --hero-h: 290px; }
  .cw-featured-photo img { min-height: 240px; }
}
}

/* ============ Header: Kadence restyled to the Cobalt nav ============ */
#masthead, .site-header {
  position: sticky !important;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,0.93) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(9,22,50,0.07);
  box-shadow: none !important;
}
.site-header .site-container, .site-header-row-container-inner > .site-container {
  max-width: var(--maxw) !important;
}
/* Logo sizing (upload via Customizer > Site Identity > Logo) */
.site-branding .custom-logo, .site-branding img {
  max-height: 68px !important;
  width: auto !important;
}
/* If no logo yet: render the text title in brand voice */
.site-branding .site-title, .site-branding .site-title a {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: var(--cobalt) !important;
  font-size: 1.35rem !important;
}
.site-branding .site-description { display: none !important; }

/* Menu links */
.main-navigation .menu > li > a,
.main-navigation .primary-menu > li > a {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  font-size: 0.94rem !important;
  color: var(--ink) !important;
  padding: 0.5em 0.9em !important;
  transition: color 0.15s ease;
}
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li.current-menu-item > a {
  color: var(--cobalt) !important;
}
/* Last item becomes the cobalt pill (Get in touch) */
.main-navigation .menu > li:last-child > a {
  background: var(--cobalt) !important;
  color: #fff !important;
  border-radius: var(--radius-pill) !important;
  padding: 0.6em 1.3em !important;
  margin-left: 0.5em;
  font-weight: 600 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.main-navigation .menu > li:last-child > a:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(10,90,205,0.3);
  color: #fff !important;
}

/* Mobile drawer + toggle */
.menu-toggle-open, .menu-toggle-icon, .mobile-toggle-open-container button {
  color: var(--cobalt) !important;
}
.mobile-navigation .menu a, #mobile-drawer .menu a, .popup-drawer .menu a {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  color: var(--ink) !important;
}


/* ============ Editor fidelity ============ */
/* Make the block editor canvas render Cobalt sections like the front end */
.editor-styles-wrapper { background: #fff; }
.editor-styles-wrapper .cw-section h1,
.editor-styles-wrapper .cw-section h2,
.editor-styles-wrapper .cw-section h3 { font-family: var(--font-display); }
/* Keep decorative html blocks from being displaced by editor wrappers */
.editor-styles-wrapper [data-type="core/html"] { position: static !important; margin: 0 !important; }
.editor-styles-wrapper .cw-hero { min-height: 560px; }
.editor-styles-wrapper .cw-hero .cw-hero-media { pointer-events: auto; }
/* Editor adds default block gaps; keep hero layers tight */
.editor-styles-wrapper .cw-hero > .block-editor-block-list__layout > * { margin-top: 0; }


/* ============ Project pinboard (cork + taped polaroids) ============ */
.cw-pinboard {
  position: relative;
  background: url("img/cork-board.jpg") center / cover;
  padding-top: calc(var(--pad-section) + 20px);
  padding-bottom: calc(var(--pad-section) + 30px);
  margin-top: 50px;
  margin-bottom: 50px;
}
.cw-pinboard .rip-top    { top: -1px; left: 0; right: 0; height: clamp(34px, 5vw, 52px); --rip-c: var(--paper); }
.cw-pinboard .rip-bottom { bottom: -1px; left: 0; right: 0; height: clamp(34px, 5vw, 52px); --rip-c: var(--paper); }
.cw-pinboard .cw-eyebrow { color: var(--cobalt) !important; }
.cw-pinboard h2 { color: var(--cobalt); }
.cw-pinboard .wp-block-columns { gap: clamp(1.5rem, 4vw, 3.5rem); align-items: flex-start; }
.cw-polaroid {
  background: #fdfcf8;
  padding: 12px 12px 0;
  box-shadow: 0 12px 28px rgba(60, 40, 10, 0.28);
  position: relative;
}
.cw-polaroid::before {
  content: "";
  position: absolute;
  top: -15px; left: 50%;
  width: 96px; height: 28px;
  transform: translateX(-50%) rotate(-2deg);
  background: linear-gradient(180deg, rgba(224,207,142,0.92), rgba(212,194,128,0.85));
  box-shadow: 0 2px 4px rgba(60,40,10,0.18);
}
.cw-polaroid .wp-block-image { margin: 0; }
.cw-polaroid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
p.cw-pin-name {
  color: var(--cobalt) !important;
  font-weight: 700;
  font-size: 0.82rem !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0.85em 0 0.1em !important;
  padding: 0 0.2rem;
}
.cw-polaroid p:not(.cw-pin-name) {
  font-size: 0.88rem !important;
  margin: 0 0 0.9em !important;
  padding: 0 0.2rem 0.3rem;
}
/* scatter: tilt and offset each polaroid differently */
.cw-pin-row > .wp-block-column:nth-child(1) .cw-polaroid { transform: rotate(-3deg); }
.cw-pin-row > .wp-block-column:nth-child(2) .cw-polaroid { transform: rotate(2deg); margin-top: 2.2rem; }
.cw-pin-row > .wp-block-column:nth-child(3) .cw-polaroid { transform: rotate(-1.5deg); margin-top: 0.8rem; }
.cw-pin-row.alt-row > .wp-block-column:nth-child(1) .cw-polaroid { transform: rotate(2.5deg); margin-top: 1.6rem; }
.cw-pin-row.alt-row > .wp-block-column:nth-child(2) .cw-polaroid { transform: rotate(-2deg); margin-top: 0; }
.cw-pin-row.alt-row > .wp-block-column:nth-child(3) .cw-polaroid { transform: rotate(1.5deg); margin-top: 2.4rem; }
@media (max-width: 960px) {
  .cw-pin-row > .wp-block-column .cw-polaroid { margin-top: 1.2rem !important; }
}