/*
Theme Name: DoubleUp
Theme URI: https://doubleup.co.il
Author: DoubleUp
Description: RTL Hebrew theme for DoubleUp – poker-based corporate events, workshops and the poker room. Block-editor pages, Customizer-driven colours/fonts/links, native multi-step contact form with lead storage, tournament board, testimonials and client logos.
Version: 3.0.2
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doubleup
Tags: rtl-language-support, one-column, custom-logo, custom-menu, featured-images
*/

/* ---------------------------------------------------------------------------
   1. Tokens
--------------------------------------------------------------------------- */
:root {
  --du-black: #0b0b0b;
  --du-ink: #141414;
  --du-ink-2: #1c1c1c;
  --du-paper: #ffffff;
  --du-paper-2: #f3f3f3;
  --du-pink: #e19c90;
  --du-pink-dark: #d5877a;
  --du-white: #ffffff;
  --du-red: #e19c90;      /* accent (mockup 2026-09-22: salmon pink) */
  --du-red-dark: #d5877a;
  --du-muted: #6f6a63;
  --du-muted-dark: #b3aca3;
  --du-line: rgba(0, 0, 0, 0.12);
  --du-line-dark: rgba(255, 255, 255, 0.14);
  --du-font: "Heebo", "Assistant", "Segoe UI", Arial, sans-serif;
  --du-display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
  --du-container: 1200px;
  --du-gutter: clamp(20px, 4vw, 48px);
  --du-radius: 4px;
  --du-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

/* ---------------------------------------------------------------------------
   2. Reset / base
--------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--du-font);
  font-size: 17px;
  line-height: 1.6;
  color: var(--du-ink);
  background: var(--du-paper);
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { margin: 0; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; }
p { margin: 0 0 1em; }
ul { margin: 0; padding: 0; list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); margin: -1px;
}
.skip-link:focus {
  clip: auto; clip-path: none; width: auto; height: auto; inset-block-start: 8px; inset-inline-start: 8px;
  background: var(--du-red); color: #fff; padding: 8px 12px; z-index: 1000;
}

.du-container { width: min(100% - 2 * var(--du-gutter), var(--du-container)); margin-inline: auto; }
.du-section { padding-block: clamp(56px, 8vw, 104px); }
.du-section--dark { background: var(--du-black); color: var(--du-white); }
.du-section--dark .du-muted { color: var(--du-muted-dark); }
.du-section--light { background: var(--du-paper); }
.du-section--flush { padding-block: 0; }
.du-muted { color: var(--du-muted); }

.du-eyebrow {
  display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.08em;
  color: var(--du-red); margin-block-end: 12px;
}
.du-title { font-size: clamp(30px, 4.2vw, 48px); margin-block-end: 14px; }
.du-title--center { text-align: center; }
.du-lead { font-size: clamp(17px, 1.6vw, 20px); max-width: 60ch; }
.du-lead--center { margin-inline: auto; text-align: center; }
.accent { color: var(--du-red); }
.du-display { font-family: var(--du-display); font-weight: 400; letter-spacing: 0.02em; }

/* Vertical side caption like "REAL PEOPLE REAL IMPACT" */
.du-side-note {
  position: absolute; bottom: 36px; right: var(--du-gutter);
  font-size: 12px; letter-spacing: 0.32em; line-height: 1.9; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72); white-space: pre-line; text-align: left; pointer-events: none;
  direction: ltr; unicode-bidi: isolate;
}
/* The caption is always LTR text, so position it with physical sides:
   on the photo side, i.e. the side opposite the text (left in RTL layouts). */
[dir="rtl"] .du-side-note { right: auto; left: var(--du-gutter); }
.du-side-note--start { right: auto; left: var(--du-gutter); }
[dir="rtl"] .du-side-note--start { left: auto; right: var(--du-gutter); text-align: right; }
.du-side-note--dark { color: rgba(0, 0, 0, 0.6); }

/* ---------------------------------------------------------------------------
   3. Buttons
--------------------------------------------------------------------------- */
.du-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 26px; border-radius: var(--du-radius); border: 1.5px solid transparent;
  font-weight: 700; font-size: 16px; line-height: 1.2; cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}
.du-btn:hover { transform: translateY(-1px); }
.du-btn--primary { background: var(--du-pink); color: #111; border-color: var(--du-pink); }
.du-btn--primary:hover { background: var(--du-pink-dark); border-color: var(--du-pink-dark); }
.du-btn--outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.du-btn--outline:hover { border-color: #fff; }
.du-btn--outline-dark { background: transparent; color: var(--du-ink); border-color: var(--du-ink); }
.du-btn--outline-dark:hover { background: var(--du-ink); color: #fff; }
.du-btn--sm { padding: 10px 18px; font-size: 14px; }
.du-btn svg { width: 16px; height: 16px; }
.du-arrow-link {
  display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px;
  padding-block-start: 14px; border-block-start: 1px solid var(--du-line-dark); width: 100%;
}
.du-arrow-link svg { width: 16px; height: 16px; transition: transform .2s ease; }
.du-arrow-link:hover svg { transform: translateX(-4px); }
[dir="ltr"] .du-arrow-link:hover svg { transform: translateX(4px); }

/* ---------------------------------------------------------------------------
   4. Header
--------------------------------------------------------------------------- */
.site-header {
  position: sticky; inset-block-start: 0; z-index: 100;
  background: rgba(11, 11, 11, 0.96); backdrop-filter: blur(8px); color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.06);
}
.site-header__inner {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  min-height: 72px; flex-direction: row-reverse;
}
.site-brand { display: inline-flex; flex-direction: column; line-height: 1; }
.site-brand img { max-height: 44px; width: auto; }
.site-brand__name { font-weight: 800; font-size: 26px; letter-spacing: -0.02em; }
.site-brand__name .up { position: relative; }
.site-brand__name .up::after {
  content: ""; position: absolute; inset-inline-end: -8px; inset-block-start: -2px;
  width: 6px; height: 6px; background: var(--du-red); transform: rotate(45deg);
}
.site-brand__tag { font-size: 9px; letter-spacing: 0.28em; color: var(--du-muted-dark); margin-block-start: 4px; }
.site-nav ul { display: flex; gap: clamp(16px, 2.6vw, 36px); }
.site-nav a { font-weight: 500; font-size: 16px; opacity: .9; }
.site-nav a:hover, .site-nav .current-menu-item > a { opacity: 1; color: #fff; box-shadow: inset 0 -2px 0 var(--du-red); }
.site-header__cta { flex-shrink: 0; }
.site-nav__mobile-cta { display: none; }
.nav-toggle {
  display: none; background: none; border: 0; padding: 8px; cursor: pointer; color: #fff;
}
.nav-toggle span { display: block; width: 24px; height: 2px; background: #fff; margin: 5px 0; transition: transform .2s ease, opacity .2s ease; }

@media (max-width: 1080px) {
  .site-header__inner { flex-direction: row; }
  .nav-toggle { display: block; }
  .site-nav {
    position: absolute; inset-inline: 0; inset-block-start: 100%; background: var(--du-black);
    padding: 12px var(--du-gutter) 24px; display: none; border-block-end: 1px solid rgba(255,255,255,.1);
  }
  .site-nav.is-open { display: block; }
  .site-nav ul { flex-direction: column; gap: 4px; }
  .site-nav a { display: block; padding: 12px 0; font-size: 18px; border-block-end: 1px solid rgba(255,255,255,.06); }
  .site-header__cta { display: none; }
  .site-nav__mobile-cta { display: inline-flex; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* ---------------------------------------------------------------------------
   5. Hero
--------------------------------------------------------------------------- */
.du-hero {
  position: relative; min-height: min(88vh, 760px); display: grid; align-items: center;
  background: var(--du-black) center / cover no-repeat; color: #fff; isolation: isolate;
}
.du-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(to left, rgba(11, 11, 11, 0.97) 0%, rgba(11, 11, 11, 0.92) 38%, rgba(11, 11, 11, 0.35) 68%, rgba(11, 11, 11, 0.15) 100%),
    linear-gradient(to top, rgba(11, 11, 11, 0.7), transparent 40%);
}
[dir="ltr"] .du-hero::before {
  background:
    linear-gradient(to right, rgba(11, 11, 11, 0.97) 0%, rgba(11, 11, 11, 0.92) 38%, rgba(11, 11, 11, 0.35) 68%, rgba(11, 11, 11, 0.15) 100%),
    linear-gradient(to top, rgba(11, 11, 11, 0.7), transparent 40%);
}
.du-hero--placeholder { background-image: radial-gradient(ellipse at 25% 45%, #4a1a1f 0%, #1a0d0f 35%, #0b0b0b 70%); }
.du-hero__inner { padding-block: clamp(72px, 10vw, 120px); display: grid; grid-template-columns: minmax(0, 560px); }
.du-hero__title { font-size: clamp(36px, 5.4vw, 64px); line-height: 1.08; margin-block-end: 20px; }
.du-hero__lead { font-size: clamp(17px, 1.7vw, 21px); color: #e6e1da; max-width: 46ch; margin-block-end: 32px; }
.du-hero__actions { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }
.du-hero__actions .du-btn { width: 100%; }

@media (max-width: 720px) {
  .du-hero::before { background: linear-gradient(to top, rgba(11,11,11,.98) 0%, rgba(11,11,11,.9) 55%, rgba(11,11,11,.55) 100%); }
  .du-side-note { display: none; }
}

/* ---------------------------------------------------------------------------
   6. Logos strip
--------------------------------------------------------------------------- */
.du-logos { padding-block: 40px 44px; background: var(--du-paper); }
.du-logos__label { text-align: center; font-size: 15px; font-weight: 600; color: var(--du-muted); margin-block-end: 24px; }
.du-logos__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 24px clamp(28px, 5vw, 64px); }
.du-logos__item { display: flex; align-items: center; opacity: .85; filter: grayscale(1); transition: opacity .2s, filter .2s; }
.du-logos__item:hover { opacity: 1; filter: none; }
.du-logos__item img { max-height: 32px; width: auto; }
.du-logos__text { font-weight: 800; font-size: 22px; letter-spacing: -0.02em; color: #2a2a2a; direction: ltr; }
.du-logos__item--auto { gap: 10px; direction: ltr; }
.du-logos__icon { width: 30px; height: 30px; object-fit: contain; border-radius: 6px; }

/* ---------------------------------------------------------------------------
   7. Pillars (PLAY / THINK / SHIFT)
--------------------------------------------------------------------------- */
.du-pillars__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-block-start: 44px; }
.du-card {
  position: relative; min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 28px; color: #fff; background: var(--du-ink) center / cover no-repeat; border-radius: var(--du-radius);
  overflow: hidden; isolation: isolate; box-shadow: var(--du-shadow);
}
.du-card::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(to top, rgba(11,11,11,.98) 0%, rgba(11,11,11,.85) 45%, rgba(11,11,11,.2) 100%);
}
.du-card--placeholder-1 { background-image: radial-gradient(circle at 40% 30%, #5b2a2d, #1a1214 60%); }
.du-card--placeholder-2 { background-image: radial-gradient(circle at 60% 30%, #3d3a44, #121214 60%); }
.du-card--placeholder-3 { background-image: radial-gradient(circle at 70% 35%, #a0142c, #2a0a10 55%, #0b0b0b); }
.du-card__key { font-family: var(--du-display); font-size: 44px; line-height: 1; letter-spacing: 0.02em; margin-block-end: 6px; direction: ltr; text-align: start; }
.du-card__title { font-size: 20px; font-weight: 700; margin-block-end: 10px; }
.du-card__text { color: #d8d3cb; font-size: 15px; margin-block-end: 22px; }
@media (max-width: 900px) { .du-pillars__grid { grid-template-columns: 1fr; } .du-card { min-height: 320px; } }

/* ---------------------------------------------------------------------------
   8. Split / feature sections (Why poker, SHIFT, Managers, Tournaments)
--------------------------------------------------------------------------- */
.du-split {
  position: relative; display: grid; min-height: 440px; align-items: stretch;
  /* Full-bleed background, but the two columns stay inside the centered page width. */
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, calc(var(--du-container) / 2))
    minmax(0, calc(var(--du-container) / 2))
    minmax(0, 1fr);
}
.du-split__content { grid-column: 2; }
.du-split__media { grid-column: 3; }
.du-split .du-side-note { left: max(var(--du-gutter), calc((100% - var(--du-container)) / 2 + 28px)); }
[dir="ltr"] .du-split .du-side-note { left: auto; right: max(var(--du-gutter), calc((100% - var(--du-container)) / 2 + 28px)); }
.du-split__content { padding: clamp(48px, 6vw, 88px) var(--du-gutter); display: flex; flex-direction: column; justify-content: center; }
.du-split__content > .du-inner { max-width: 540px; width: 100%; }
.du-split__media { position: relative; min-height: 320px; background: var(--du-ink-2) center / cover no-repeat; }
.du-split__media::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to left, rgba(11,11,11,.9), rgba(11,11,11,.1) 45%); }
[dir="ltr"] .du-split__media::before { background: linear-gradient(to right, rgba(11,11,11,.9), rgba(11,11,11,.1) 45%); }
.du-split--light .du-split__media::before { background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0) 40%); }
[dir="ltr"] .du-split--light .du-split__media::before { background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 40%); }
.du-split--dark { background: var(--du-black); color: #fff; }
.du-split--light { background: var(--du-paper); color: var(--du-ink); }
.du-split__media--placeholder-cards { background-image: radial-gradient(ellipse at 60% 50%, #3a2a22, #16110f 55%, #0b0b0b); }
.du-split__media--placeholder-red { background-image: radial-gradient(ellipse at 55% 45%, #b0142f, #3a0d16 55%, #0b0b0b); }
.du-split__media--placeholder-grey { background-image: radial-gradient(ellipse at 50% 40%, #6a6d74, #2b2d33 60%, #171819); }
.du-split__media--placeholder-chips { background-image: radial-gradient(ellipse at 50% 55%, #7a2a2e, #2a1b18 55%, #0d0d0d); }
.du-split .du-title { margin-block-end: 16px; }
.du-split .du-lead { margin-block-end: 28px; }
@media (max-width: 860px) {
  .du-split { grid-template-columns: 1fr; }
  .du-split__content, .du-split__media { grid-column: auto; }
  .du-split__media { order: -1; min-height: 260px; }
  .du-split__media::before, .du-split--light .du-split__media::before { background: linear-gradient(to top, rgba(11,11,11,.85), transparent 60%); }
  .du-split--light .du-split__media::before { background: linear-gradient(to top, var(--du-paper), transparent 60%); }
  .du-split__content > .du-inner { margin-inline: 0; }
}

/* SHIFT wordmark */
.du-shift-mark { font-family: var(--du-display); font-size: clamp(64px, 9vw, 112px); line-height: .9; letter-spacing: 0.22em; direction: ltr; text-align: start; margin-block-end: 10px; }
.du-shift-mark .i { color: var(--du-red); }
.du-shift-mark--dark { color: var(--du-ink); letter-spacing: 0.04em; }
.du-partner { font-size: clamp(18px, 2vw, 24px); font-weight: 700; margin-block-end: 18px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.du-partner .x { color: var(--du-red); font-weight: 400; }

/* Feature icons row */
.du-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding-block: 36px; border-block-start: 1px solid var(--du-line); }
.du-section--dark .du-features { border-color: var(--du-line-dark); }
.du-feature { text-align: center; font-size: 15px; font-weight: 600; }
.du-feature svg { width: 34px; height: 34px; margin: 0 auto 10px; display: block; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 640px) { .du-features { grid-template-columns: repeat(2, 1fr); } }

/* ---------------------------------------------------------------------------
   9. About (mobile mockup "חוויות ארגוניות שעובדות באמת")
--------------------------------------------------------------------------- */
.du-about__grid { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 40px; align-items: start; }
.du-about__tabs { border-inline-start: 1px solid var(--du-line); padding-inline-start: 20px; font-weight: 600; color: var(--du-muted); }
.du-about__tabs li { padding: 6px 0; }
.du-about__tabs li.is-active { color: var(--du-ink); }
.du-about__tabs li.is-active::after { content: ""; display: block; width: 36px; height: 2px; background: var(--du-red); margin-block-start: 6px; }
@media (max-width: 720px) { .du-about__grid { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------------------
   10. Testimonials
--------------------------------------------------------------------------- */
.du-testimonials__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.du-testimonials__media { min-height: 360px; border-radius: var(--du-radius); background: var(--du-ink-2) center / cover no-repeat; box-shadow: var(--du-shadow); }
.du-testimonials__media--placeholder { background-image: radial-gradient(ellipse at 50% 50%, #4e2f2a, #1c1412 60%); }
.du-quote { font-size: clamp(18px, 1.8vw, 22px); line-height: 1.6; font-weight: 500; margin-block-end: 18px; }
.du-quote::before { content: "\201C"; color: var(--du-red); font-size: 2em; line-height: 0; vertical-align: -0.35em; margin-inline-end: 6px; }
.du-cite { font-style: normal; color: var(--du-muted); font-weight: 600; font-size: 15px; }
.du-slider__slide { display: none; }
.du-slider__slide.is-active { display: block; }
.du-slider__nav { display: flex; gap: 10px; margin-block-start: 28px; }
.du-slider__btn {
  width: 42px; height: 42px; border-radius: 50%; border: 1.5px solid var(--du-ink); background: transparent; cursor: pointer;
  display: inline-grid; place-items: center; transition: background .2s, color .2s;
}
.du-slider__btn:hover { background: var(--du-ink); color: #fff; }
.du-slider__btn svg { width: 16px; height: 16px; }
@media (max-width: 860px) { .du-testimonials__grid { grid-template-columns: 1fr; } .du-testimonials__media { min-height: 240px; } }

/* ---------------------------------------------------------------------------
   11. CTA band
--------------------------------------------------------------------------- */
.du-cta { position: relative; background: var(--du-black) center / cover no-repeat; color: #fff; padding-block: clamp(56px, 7vw, 88px); isolation: isolate; }
.du-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to left, rgba(11,11,11,.55), rgba(11,11,11,.92) 55%); }
[dir="ltr"] .du-cta::before { background: linear-gradient(to right, rgba(11,11,11,.55), rgba(11,11,11,.92) 55%); }
.du-cta--placeholder { background-image: radial-gradient(ellipse at 15% 60%, #5a2226, #15100f 45%, #0b0b0b); }
.du-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.du-cta__title { font-size: clamp(24px, 3vw, 36px); }
.du-cta .du-side-note { position: static; text-align: start; }
@media (max-width: 720px) { .du-cta__inner { flex-direction: column; align-items: flex-start; } }

/* ---------------------------------------------------------------------------
   12. Contact
--------------------------------------------------------------------------- */
.du-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr); gap: 48px; align-items: stretch; }
.du-contact__media {
  position: relative; min-height: 420px; border-radius: var(--du-radius); background: var(--du-ink-2) center / cover no-repeat;
  display: flex; align-items: flex-end; padding: 32px; color: #fff; box-shadow: var(--du-shadow); isolation: isolate; overflow: hidden;
}
.du-contact__media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(11,11,11,.9), rgba(11,11,11,.1) 60%); }
.du-contact__media--placeholder { background-image: radial-gradient(ellipse at 60% 40%, #3b3733, #151312 60%); }
.du-contact__caption { font-size: 22px; font-weight: 700; line-height: 1.35; max-width: 16ch; }
.du-form { display: grid; gap: 12px; max-width: 560px; }
.du-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.du-form input, .du-form select, .du-form textarea {
  width: 100%; padding: 13px 16px; border: 1px solid var(--du-line); border-radius: var(--du-radius); background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.du-form input:focus, .du-form select:focus, .du-form textarea:focus { outline: none; border-color: var(--du-red); box-shadow: 0 0 0 3px rgba(200,16,46,.12); }
.du-form textarea { min-height: 140px; resize: vertical; }
.du-form select { appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.6'/></svg>"); background-repeat: no-repeat; background-position: left 16px center; padding-inline-start: 40px; }
[dir="ltr"] .du-form select { background-position: right 16px center; padding-inline-end: 40px; padding-inline-start: 16px; }
.du-form__hp { position: absolute; inset-inline-start: -9999px; }
.du-form__submit { justify-self: start; }
.du-notice { padding: 14px 18px; border-radius: var(--du-radius); margin-block-end: 16px; font-weight: 600; }
.du-notice--ok { background: #e7f5ea; color: #1f6b34; border: 1px solid #bfe3c8; }
.du-notice--err { background: #fdecef; color: #8f1024; border: 1px solid #f3c1c9; }
@media (max-width: 860px) { .du-contact__grid { grid-template-columns: 1fr; } .du-contact__media { min-height: 280px; } }
@media (max-width: 560px) { .du-form__row { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------------------
   13. Footer
--------------------------------------------------------------------------- */
.site-footer { background: var(--du-black); color: var(--du-muted-dark); padding-block: 40px; border-block-start: 1px solid rgba(255,255,255,.06); font-size: 14px; }
.site-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.site-footer .site-brand__name { color: #fff; font-size: 22px; }
.footer-nav ul { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-nav a:hover { color: #fff; }

/* ---------------------------------------------------------------------------
   14. Generic inner pages
--------------------------------------------------------------------------- */
.du-page { padding-block: clamp(48px, 6vw, 80px); }
.du-page .entry-title { font-size: clamp(30px, 4vw, 44px); margin-block-end: 24px; }
.du-page .entry-content { max-width: 760px; }
.du-page .entry-content img { border-radius: var(--du-radius); }
.du-page .entry-content a { color: var(--du-red); text-decoration: underline; }
.du-archive__item { padding-block: 24px; border-block-end: 1px solid var(--du-line); }
.du-archive__item h2 { font-size: 24px; margin-block-end: 8px; }

/* ---------------------------------------------------------------------------
   15. Inner-page components (used by the mockup pages and available to WP pages)
--------------------------------------------------------------------------- */
.site-nav a.is-current { opacity: 1; box-shadow: inset 0 -2px 0 var(--du-red); }
.du-page-hero { min-height: 380px; }
.du-page-hero .du-split__content { padding-block: clamp(40px, 5vw, 64px); }
.du-page-hero .du-title { font-size: clamp(32px, 4.6vw, 54px); }
.du-section__head { max-width: 62ch; margin-block-end: 36px; }
.du-section__head--center { margin-inline: auto; text-align: center; }
.du-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.du-tile { background: var(--du-paper-2); border: 1px solid var(--du-line); border-radius: var(--du-radius); padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.du-tile svg { width: 32px; height: 32px; stroke: var(--du-red); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.du-tile h3 { font-size: 20px; }
.du-tile p { color: var(--du-muted); font-size: 15px; margin: 0; }
.du-tile .du-arrow-link { margin-block-start: auto; border-color: var(--du-line); color: var(--du-red); }
.du-tile--dark, .du-section--dark .du-tile { background: var(--du-ink); border-color: var(--du-line-dark); color: #fff; }
.du-section--dark .du-tile p { color: var(--du-muted-dark); }
.du-tile__key { font-family: var(--du-display); font-size: 36px; line-height: 1; color: var(--du-red); direction: ltr; text-align: start; }
.du-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; counter-reset: du-step; }
.du-step { border-block-start: 2px solid var(--du-red); padding-block-start: 16px; }
.du-step__n { font-family: var(--du-display); font-size: 40px; line-height: 1; color: var(--du-red); margin-block-end: 8px; }
.du-step h3 { font-size: 19px; margin-block-end: 6px; }
.du-step p { color: var(--du-muted); font-size: 15px; margin: 0; }
.du-step small { display: block; color: var(--du-red); font-weight: 700; font-size: 13px; letter-spacing: .04em; margin-block-end: 6px; }
.du-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.du-two__media { min-height: 360px; border-radius: var(--du-radius); background: var(--du-ink-2) center / cover no-repeat; box-shadow: var(--du-shadow); }
.du-prose { max-width: 68ch; }
.du-prose p { font-size: 18px; }
.du-check { display: grid; gap: 10px; }
.du-check li { position: relative; padding-inline-start: 30px; font-size: 17px; }
.du-check li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--du-red); }
.du-check li::after { content: ""; position: absolute; inset-inline-start: 5px; inset-block-start: 10px; width: 6px; height: 3px; border-inline-start: 2px solid #fff; border-block-end: 2px solid #fff; transform: rotate(-45deg); }
[dir="rtl"] .du-check li::after { transform: rotate(45deg) scaleX(-1); }
.du-faq details { border-block-end: 1px solid var(--du-line); padding: 18px 0; }
.du-faq summary { list-style: none; cursor: pointer; font-weight: 700; font-size: 18px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.du-faq summary::-webkit-details-marker { display: none; }
.du-faq summary::after { content: "+"; color: var(--du-red); font-size: 26px; line-height: 1; font-weight: 400; }
.du-faq details[open] summary::after { content: "–"; }
.du-faq details p { margin: 12px 0 0; color: var(--du-muted); max-width: 68ch; }
.du-table-wrap { overflow-x: auto; border: 1px solid var(--du-line); border-radius: var(--du-radius); background: #fff; }
.du-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; min-width: 640px; }
.du-table th, .du-table td { padding: 14px 18px; text-align: start; border-block-end: 1px solid var(--du-line); }
.du-table th { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--du-muted); background: var(--du-paper); }
.du-table tr:last-child td { border-block-end: 0; }
.du-badge { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.du-badge--open { background: #e7f5ea; color: #1f6b34; }
.du-badge--few { background: #fff3e0; color: #8a4b00; }
.du-badge--full { background: var(--du-paper-2); color: var(--du-muted); }
.du-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.du-gallery > div { aspect-ratio: 4 / 3; border-radius: var(--du-radius); background: var(--du-ink-2) center / cover no-repeat; }
.du-gallery > div:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
.du-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px; }
.du-stat__n { font-family: var(--du-display); font-size: clamp(44px, 5vw, 64px); line-height: 1; color: var(--du-red); direction: ltr; unicode-bidi: isolate; text-align: left; }
[dir="rtl"] .du-stat__n { text-align: right; }
.du-stat__l { font-weight: 600; color: var(--du-muted); margin-block-start: 6px; }
.du-note { font-size: 13px; color: var(--du-muted); margin-block-start: 16px; }
.du-team { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; }
.du-team__photo { width: 140px; aspect-ratio: 1; border-radius: 50%; background: var(--du-ink-2) center / cover no-repeat; margin-block-end: 14px; }
.du-team h3 { font-size: 19px; }
.du-team p { color: var(--du-muted); font-size: 15px; margin: 4px 0 0; }
.du-contact-card { background: var(--du-ink); color: #fff; border-radius: var(--du-radius); padding: 32px; display: grid; gap: 18px; align-content: start; }
.du-contact-card dt { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--du-muted-dark); }
.du-contact-card dd { margin: 4px 0 0; font-size: 18px; font-weight: 600; direction: ltr; text-align: start; }
.du-contact-card dd.he { direction: rtl; }
@media (max-width: 860px) { .du-two { grid-template-columns: 1fr; } .du-two__media { min-height: 240px; } .du-gallery { grid-template-columns: repeat(2, 1fr); } .du-gallery div:first-child { grid-column: span 2; grid-row: auto; aspect-ratio: 16 / 9; } }

/* ---------------------------------------------------------------------------
   16. Block-editor versions of the page components (imported pages use core
   blocks with the classes above; these rules adapt core block markup)
--------------------------------------------------------------------------- */
.wp-block-group[class*="du-"] > * { margin-block-start: 0; }
.wp-block-group.du-split, .wp-block-group.du-section { margin: 0; }
.wp-block-group.du-container { margin-block: 0; margin-inline: auto; }
p.du-eyebrow { margin: 0 0 12px; }
p.du-partner { margin: 0 0 18px; }
.du-split .du-split__content > .du-inner .wp-block-buttons { margin-block-start: 0; }
/* buttons */
.wp-block-button.du-btn { display: inline-block; padding: 0; border: 0; background: transparent; }
.wp-block-button.du-btn:hover { transform: none; }
.wp-block-button.du-btn .wp-block-button__link {
  display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: var(--du-radius);
  border: 1.5px solid transparent; font: inherit; font-weight: 700; font-size: 16px; line-height: 1.2; text-decoration: none;
  transition: background .2s ease, border-color .2s ease, transform .15s ease;
}
.wp-block-button.du-btn .wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-button.du-btn--primary .wp-block-button__link { background: var(--du-pink); color: #111; border-color: var(--du-pink); }
.wp-block-button.du-btn--primary .wp-block-button__link:hover { background: var(--du-pink-dark); border-color: var(--du-pink-dark); }
.wp-block-button.du-btn--outline-dark .wp-block-button__link { background: transparent; color: var(--du-ink); border-color: var(--du-ink); }
.wp-block-button.du-btn--outline-dark .wp-block-button__link:hover { background: var(--du-ink); color: #fff; }
.wp-block-button.du-btn--outline .wp-block-button__link { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
/* media as image blocks */
.wp-block-image.du-split__media, .wp-block-image.du-two__media, .wp-block-image.du-cta__bg, .du-gallery > .wp-block-image, .wp-block-image.du-team__photo {
  margin: 0; position: relative; overflow: hidden;
}
.wp-block-image.du-split__media img, .wp-block-image.du-two__media img, .wp-block-image.du-cta__bg img, .du-gallery > .wp-block-image img, .wp-block-image.du-team__photo img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.wp-block-image.du-split__media::before { z-index: 1; }
.wp-block-image.du-cta__bg { position: absolute; inset: 0; z-index: -2; }
.wp-block-image.du-team__photo img { border-radius: 50%; }
.du-gallery > * { aspect-ratio: 4 / 3; border-radius: var(--du-radius); background: var(--du-ink-2) center / cover no-repeat; }
.du-gallery > *:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
/* tiles / steps / stats / contact card as paragraphs */
.du-tile__link { margin: auto 0 0; padding-block-start: 14px; border-block-start: 1px solid var(--du-line); font-size: 15px; }
.du-tile__link a { font-weight: 700; color: var(--du-red); }
.du-tile__link a::after { content: " \2190"; }
[dir="ltr"] .du-tile__link a::after { content: " \2192"; }
.du-tile .wp-block-heading { font-size: 20px; }
.du-step p.du-step__n { font-family: var(--du-display); font-size: 40px; line-height: 1; color: var(--du-red); margin: 0 0 8px; }
.du-step p.du-step__meta { display: block; color: var(--du-red); font-weight: 700; font-size: 13px; letter-spacing: .04em; margin: 0 0 6px; }
.du-step .wp-block-heading { font-size: 19px; margin-block-end: 6px; }
p.du-stat__n, p.du-stat__l { margin: 0; }
p.du-stat__l { margin-block-start: 6px; }
.du-contact-card .wp-block-group { margin: 0; }
.du-contact-card__label { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--du-muted-dark); margin: 0; }
.du-contact-card__value { margin: 4px 0 0; font-size: 18px; font-weight: 600; direction: ltr; text-align: start; }
.du-contact-card__value.he { direction: rtl; }
.du-team .wp-block-heading { font-size: 19px; }
p.du-logos__label { margin: 0 0 24px; }
.du-logos__list .wp-block-image { margin: 0; }
/* table block */
figure.wp-block-table.du-table { margin: 0; border: 1px solid var(--du-line); border-radius: var(--du-radius); background: #fff; overflow-x: auto; min-width: 0; }
figure.wp-block-table.du-table table { width: 100%; min-width: 640px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
figure.wp-block-table.du-table thead { border-block-end: 0; }
figure.wp-block-table.du-table th, figure.wp-block-table.du-table td { border: 0; border-block-end: 1px solid var(--du-line); padding: 14px 18px; text-align: start; }
figure.wp-block-table.du-table tr:last-child td { border-block-end: 0; }
/* FAQ details block */
.du-faq .wp-block-details { border-block-end: 1px solid var(--du-line); padding: 18px 0; margin: 0; }
.du-faq .wp-block-details p { margin: 12px 0 0; color: var(--du-muted); max-width: 68ch; }
/* home page as blocks */
.wp-block-image.du-hero__bg, .wp-block-image.du-card__bg, .wp-block-image.du-contact__media-bg { position: absolute; inset: 0; margin: 0; z-index: -2; }
.wp-block-image.du-hero__bg img, .wp-block-image.du-card__bg img, .wp-block-image.du-contact__media-bg img, .wp-block-image.du-testimonials__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wp-block-image.du-testimonials__media { margin: 0; position: relative; overflow: hidden; }
.du-hero.wp-block-group { background: var(--du-black); }
.du-hero .du-hero__actions .wp-block-buttons { flex-direction: column; gap: 12px; }
.du-hero .du-hero__actions .wp-block-button, .du-hero .du-hero__actions .wp-block-button__link { width: 100%; }
p.du-hero__lead { margin-block-end: 32px; }
.du-card.wp-block-group { position: relative; }
p.du-card__key { font-family: var(--du-display); font-size: 44px; line-height: 1; letter-spacing: 0.02em; margin: 0 0 6px; direction: ltr; text-align: start; }
.du-card .du-card__title.wp-block-heading { font-size: 20px; font-weight: 700; margin-block-end: 10px; }
p.du-card__text { color: #d8d3cb; font-size: 15px; margin: 0 0 22px; }
p.du-card__link { margin: 0; padding-block-start: 14px; border-block-start: 1px solid var(--du-line-dark); font-weight: 700; font-size: 15px; }
p.du-card__link a::after { content: " \2190"; }
[dir="ltr"] p.du-card__link a::after { content: " \2192"; }
.du-feature p { margin: 0; }
.wp-block-list.du-about__tabs li:first-child { color: var(--du-ink); }
.wp-block-list.du-about__tabs li:first-child::after { content: ""; display: block; width: 36px; height: 2px; background: var(--du-red); margin-block-start: 6px; }
.du-contact__media.wp-block-group { position: relative; }
p.du-contact__caption { margin: 0; }
.du-testimonials__grid .wp-block-group > .du-title { margin-block-end: 14px; }
mark.has-inline-color, .du-hero__title mark { background: transparent; }

/* ---------------------------------------------------------------------------
   17. Home v2 (client copy 2026-09-22) + dropdown navigation
--------------------------------------------------------------------------- */
.site-brand__tag { font-size: 8px; letter-spacing: 0.22em; }
.site-nav li { position: relative; }
.site-nav .menu-item-has-children > a::after { content: " \25BE"; font-size: .75em; opacity: .8; }
.site-nav .sub-menu {
  position: absolute; inset-block-start: calc(100% + 14px); inset-inline-start: -16px; min-width: 190px; z-index: 50;
  background: #141414; border: 1px solid var(--du-line-dark); border-radius: var(--du-radius); padding: 8px 0;
  display: none; flex-direction: column; gap: 0; box-shadow: 0 18px 40px rgba(0,0,0,.4);
}
.site-nav li:hover > .sub-menu, .site-nav li:focus-within > .sub-menu { display: flex; }
.site-nav .sub-menu::before { content: ""; position: absolute; inset-block-start: -14px; inset-inline: 0; height: 14px; }
.site-nav .sub-menu a { display: block; padding: 10px 18px; box-shadow: none; font-family: var(--du-display); font-size: 20px; letter-spacing: .04em; direction: ltr; text-align: start; }
.site-nav .sub-menu a:hover { background: rgba(255,255,255,.06); box-shadow: none; }
@media (max-width: 1080px) {
  .site-nav .sub-menu { position: static; display: flex; background: transparent; border: 0; box-shadow: none; padding: 0; padding-inline-start: 18px; min-width: 0; }
  .site-nav .sub-menu a { font-size: 16px; padding: 10px 0; border-block-end: 1px solid rgba(255,255,255,.06); }
  .site-nav .menu-item-has-children > a::after { content: ""; }
}
.du-hero__cite, p.du-hero__cite { font-size: 14px; letter-spacing: .12em; color: var(--du-muted-dark); margin: -8px 0 22px; }
.du-hero__quote, p.du-hero__quote { margin: 28px 0 0; max-width: 46ch; font-size: 14px; font-style: italic; color: var(--du-muted-dark); direction: ltr; text-align: left; }
.du-eyebrow--ltr, p.du-eyebrow--ltr { direction: ltr; text-align: left; font-family: var(--du-display); font-size: 18px; letter-spacing: .12em; }
.du-about .du-prose p { font-size: 17px; margin-block-end: .8em; }
.du-about .du-btn, .du-about .wp-block-buttons { margin-block-start: 8px; }
.du-about__tabs--ltr, .wp-block-list.du-about__tabs--ltr { direction: ltr; text-align: left; border-inline-start: 0; border-left: 1px solid var(--du-line); padding-inline-start: 0; padding-left: 20px; font-family: var(--du-display); font-size: 22px; letter-spacing: .06em; font-weight: 400; }
.du-prose--split p { font-size: 16px; margin-block-end: .9em; }
.du-prose--split { margin-block-end: 24px; }
.du-btn-row { display: flex; gap: 12px; flex-wrap: wrap; }
.du-cite__event { display: block; font-weight: 400; font-size: 14px; margin-block-start: 4px; color: var(--du-muted); }
.du-quote { font-size: 17px; }
.du-testimonials__media { align-self: stretch; min-height: 420px; }

/* ---------------------------------------------------------------------------
   18. Home v3 look (mockup 2026-09-22): pill buttons, English eyebrows,
   handwritten captions, photo-on-top cards, dark sections
--------------------------------------------------------------------------- */
:root { --du-script: "Caveat", "Segoe Script", cursive; }
.du-btn, .wp-block-button.du-btn .wp-block-button__link { border-radius: 999px; }
.du-btn--outline, .wp-block-button.du-btn--outline .wp-block-button__link { border-color: rgba(255,255,255,.7); }
.du-eyebrow--en, p.du-eyebrow--en { direction: ltr; text-align: left; font-family: var(--du-font); font-size: 12px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: var(--du-red); }
.du-side-note--script { font-family: var(--du-script); font-size: clamp(22px, 2.4vw, 34px); line-height: 1.15; letter-spacing: 0; text-transform: none; color: var(--du-red); white-space: normal; max-width: 220px; bottom: 48px; }
.du-side-note--in { position: absolute; inset-block-start: 28px; inset-block-end: auto; left: auto; right: 28px; text-align: right; color: #fff; }
.du-subtitle, p.du-subtitle { font-size: clamp(18px, 1.8vw, 22px); font-weight: 700; color: var(--du-red); margin: -4px 0 18px; }
/* hero v3: centred text over the photo */
.du-hero--v3::before { background: linear-gradient(to bottom, rgba(11,11,11,.55), rgba(11,11,11,.35) 40%, rgba(11,11,11,.85)); }
.du-hero--v3 .du-hero__inner { grid-template-columns: minmax(0, 760px); justify-content: center; text-align: center; padding-block: clamp(80px, 11vw, 140px); }
.du-hero--v3 .du-hero__lead, .du-hero--v3 .du-hero__quote { margin-inline: auto; }
.du-hero--v3 .du-hero__quote { text-align: center; max-width: 60ch; }
.du-hero__actions--row { flex-direction: row; justify-content: center; flex-wrap: wrap; max-width: none; }
.du-hero__actions--row .du-btn { width: auto; min-width: 220px; }
.du-hero--v3 .du-hero__actions .wp-block-buttons { flex-direction: row; justify-content: center; }
.du-hero--v3 .du-hero__actions .wp-block-button, .du-hero--v3 .du-hero__actions .wp-block-button__link { width: auto; }
/* about with framed media */
.du-two--about { align-items: center; }
.du-media-frame { position: relative; }
.du-media-frame .du-two__media { border-radius: 12px; min-height: 420px; }
/* photo-on-top cards */
.du-card--v3 { min-height: 0; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; background: #1b1b1b; border: 1px solid var(--du-line-dark); box-shadow: none; }
.du-card--v3::before { display: none; }
.du-card__img { aspect-ratio: 16 / 10; flex: none; background: var(--du-ink-2) center / cover no-repeat; }
.wp-block-image.du-card__img { margin: 0; position: relative; overflow: hidden; }
.wp-block-image.du-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.du-card__body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { color: var(--du-red); font-size: 38px; margin: 0; }
.du-card--v3 .du-card__title { font-size: 19px; margin: 0; }
.du-card--v3 .du-card__text, .du-card--v3 p.du-card__text { margin: 4px 0 14px; }
.du-card--v3 .du-btn, .du-card--v3 .wp-block-buttons { margin-block-start: auto; align-self: flex-start; }
.du-section--dark .du-lead.du-muted { color: var(--du-muted-dark); }
/* testimonials as a quote card */
.du-testimonials__grid--v3 { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); align-items: start; }
.du-quote-card { background: var(--du-paper-2); border: 1px solid var(--du-line); border-radius: 12px; padding: 32px 36px; }
.du-quote-card .du-quote { font-size: 17px; }
.du-quote-card .du-slider__nav { justify-content: flex-end; }
@media (max-width: 860px) { .du-testimonials__grid--v3 { grid-template-columns: 1fr; } }
/* poker-room split + closing */
.du-split--room .du-split__media::before { background: linear-gradient(to left, rgba(11,11,11,.85), rgba(11,11,11,.15) 50%); }
.du-cta--v3 .du-cta__inner--center { flex-direction: column; text-align: center; gap: 20px; padding-block: 24px; }
.du-cta--v3 .du-side-note { position: absolute; }
/* cards: photo as full background, fading to dark at the bottom (reference 2026-09-22) */
.du-pillars__grid { direction: ltr; }
.du-card--v3 { direction: rtl; position: relative; min-height: 460px; justify-content: flex-end; isolation: isolate; overflow: hidden; border-radius: 6px; }
.du-card--v3::before { display: block; content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(to top, #121212 0%, #121212 20%, rgba(18,18,18,.88) 42%, rgba(18,18,18,.35) 66%, rgba(18,18,18,0) 100%); }
.du-card--v3 .du-card__img, .du-card--v3 .wp-block-image.du-card__img { position: absolute; inset: 0; z-index: -2; aspect-ratio: auto; margin: 0; }
.du-card--v3 .du-card__body { flex: none; padding: 0 24px 26px; }
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { font-size: 42px; }

/* ---------------------------------------------------------------------------
   19. Match the reference mockup exactly (2026-09-22)
--------------------------------------------------------------------------- */
/* pink pill buttons carry a forward arrow (except the header pill and form submit) */
.du-landing main a.du-btn--primary::after,
.du-landing main .wp-block-button.du-btn--primary .wp-block-button__link::after,
.du-landing main a.du-btn--outline::after,
.du-landing main .wp-block-button.du-btn--outline .wp-block-button__link::after { content: "\2190"; font-size: 1.05em; line-height: 1; margin-inline-start: 2px; }
[dir="ltr"] .du-landing main a.du-btn--primary::after, [dir="ltr"] .du-landing main a.du-btn--outline::after, [dir="ltr"] .du-landing main .wp-block-button .wp-block-button__link::after { content: "\2192"; }
.du-hero--v3 .du-hero__title { font-size: clamp(34px, 4.8vw, 58px); }
.du-hero--v3 .accent, .du-hero--v3 mark { color: var(--du-red); }
.du-hero__quote-by, p.du-hero__quote-by { margin-block-start: 6px; font-style: normal; }
.du-hero--v3 .du-hero__quote { color: #d8d3cb; }
/* logo strip as in the reference: light grey band, bold wordmarks */
.du-logos { background: var(--du-paper-2); }
.du-logos__text { font-size: 20px; }
/* cards: key, subtitle, question, text */
.du-card__sub, p.du-card__sub { font-weight: 700; font-size: 16px; color: #fff; margin: 0 0 8px; }
.du-card--v3 .du-card__title { font-size: 17px; }
.du-card--v3 .du-card__text, .du-card--v3 p.du-card__text { font-size: 15px; color: #d8d3cb; }
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { margin-block-end: 2px; }
/* testimonials: quote card on the right, heading on the left, arrows beside the card */
.du-testimonials__grid--v3 { grid-template-columns: minmax(0, 1.5fr) minmax(0, .75fr); align-items: start; }
.du-testimonials__head { text-align: left; direction: ltr; }
.du-testimonials__head .du-title { direction: rtl; text-align: left; }
.du-quote-card { position: relative; padding: 36px 40px 28px; }
.du-quote-card .du-quote::before { position: absolute; inset-block-start: 14px; inset-inline-start: 22px; font-size: 64px; line-height: 1; }
.du-quote-card .du-quote { padding-inline-start: 34px; }
.du-quote-card .du-cite { display: block; padding-inline-start: 34px; }
.du-quote-card .du-slider__nav { position: absolute; inset-block-start: 28px; inset-inline-end: 24px; margin: 0; }
.du-quote-card .du-slider__btn { width: 38px; height: 38px; }
@media (max-width: 1100px) { .du-quote-card .du-slider__nav { position: static; margin-block-start: 20px; padding-inline-start: 34px; } }
@media (max-width: 860px) { .du-testimonials__grid--v3 { grid-template-columns: 1fr; } .du-testimonials__head { order: -1; } }
/* cards: constant alignment – text block has a fixed height, so PLAY/THINK/SHIFT, subtitle,
   question and button sit on the same lines in all three cards */
.du-card--v3 .du-card__body { min-height: 330px; justify-content: flex-start; }
.du-card--v3 .du-card__title { min-height: 2.6em; }
.du-card--v3 .du-card__text, .du-card--v3 p.du-card__text { min-height: 3.4em; }
@media (max-width: 900px) { .du-card--v3 .du-card__body { min-height: 0; } .du-card--v3 .du-card__title, .du-card--v3 .du-card__text, .du-card--v3 p.du-card__text { min-height: 0; } }
/* dark teal for the cards section, the poker-room block and the closing band (reference #011a1b) */
:root { --du-teal: #011a1b; --du-teal-2: #02262a; }
.du-section--dark.du-pillars, .du-split--room.du-split--dark, .du-cta--v3 { background-color: var(--du-teal); }
.du-card--v3 { background: var(--du-teal-2); border-color: rgba(255,255,255,.08); }
.du-card--v3::before { background: linear-gradient(to top, var(--du-teal) 0%, var(--du-teal) 18%, rgba(1,26,27,.9) 42%, rgba(1,26,27,.35) 66%, rgba(1,26,27,0) 100%); }
.du-split--room .du-split__media::before { background: linear-gradient(to left, rgba(1,26,27,.92), rgba(1,26,27,.15) 50%); }
[dir="ltr"] .du-split--room .du-split__media::before { background: linear-gradient(to right, rgba(1,26,27,.92), rgba(1,26,27,.15) 50%); }
.du-cta--v3::before { background: linear-gradient(to left, rgba(1,26,27,.7), rgba(1,26,27,.94) 55%); }
[dir="ltr"] .du-cta--v3::before { background: linear-gradient(to right, rgba(1,26,27,.7), rgba(1,26,27,.94) 55%); }
/* "why poker" on cream, as in the reference */
:root { --du-cream: #f1ede5; }
.du-split--why { background: var(--du-cream); color: var(--du-ink); }
.du-split--why .du-split__media::before { background: linear-gradient(to left, rgba(241,237,229,1), rgba(241,237,229,0) 45%); }
[dir="ltr"] .du-split--why .du-split__media::before { background: linear-gradient(to right, rgba(241,237,229,1), rgba(241,237,229,0) 45%); }
.du-split--why .du-muted { color: #4a4640; }
@media (max-width: 860px) { .du-split--why .du-split__media::before { background: linear-gradient(to top, var(--du-cream), transparent 60%); } }

/* ---------------------------------------------------------------------------
   20. Admin conveniences: button styles (Styles panel), gallery logo strip
--------------------------------------------------------------------------- */
.wp-block-button.is-style-du-primary .wp-block-button__link,
.wp-block-button.is-style-du-outline .wp-block-button__link,
.wp-block-button.is-style-du-outline-dark .wp-block-button__link {
  display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: 999px; border: 1.5px solid transparent;
  font: inherit; font-weight: 700; font-size: 16px; line-height: 1.2; text-decoration: none;
}
.wp-block-button.is-style-du-primary .wp-block-button__link { background: var(--du-pink); color: #111; border-color: var(--du-pink); }
.wp-block-button.is-style-du-primary .wp-block-button__link:hover { background: var(--du-pink-dark); border-color: var(--du-pink-dark); }
.wp-block-button.is-style-du-outline .wp-block-button__link { background: transparent; color: #fff; border-color: rgba(255,255,255,.7); }
.wp-block-button.is-style-du-outline-dark .wp-block-button__link { background: transparent; color: var(--du-ink); border-color: var(--du-ink); }
/* a colour chosen in the block's Color panel wins over the theme colour */
.wp-block-button .wp-block-button__link.has-background { background-image: none; }
/* logo strip as a Gallery block: add / remove / reorder logos in the page editor */
.du-logos .wp-block-gallery.du-logos__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 24px clamp(28px, 5vw, 64px); margin: 0; }
.du-logos .wp-block-gallery.du-logos__list .wp-block-image { width: auto !important; flex: 0 0 auto !important; margin: 0; opacity: .85; filter: grayscale(1); transition: opacity .2s, filter .2s; }
.du-logos .wp-block-gallery.du-logos__list .wp-block-image:hover { opacity: 1; filter: none; }
.du-logos .wp-block-gallery.du-logos__list .wp-block-image img { max-height: 32px; width: auto; height: auto; object-fit: contain; }
.du-logos .wp-block-gallery.du-logos__list figcaption { display: none; }
.du-logos.is-hidden, .du-logos .is-hidden, .wp-block-image.is-hidden { display: none; }
/* testimonials slider: all quotes share one grid cell, so the card keeps the height of the
   longest quote and the page never jumps when the slide changes */
.du-slider { display: grid; }
.du-slider__slide { display: block; grid-area: 1 / 1; margin: 0; visibility: hidden; opacity: 0; transition: opacity .35s ease; }
.du-slider__slide.is-active { visibility: visible; opacity: 1; }
.du-slider__nav { grid-area: 2 / 1; }
/* slider arrows below the quote, never over the text */
.du-quote-card .du-slider__nav { position: static; margin-block-start: 18px; padding-inline-start: 34px; justify-content: flex-start; }
/* logo block: wordmark and tagline both flush left */
.site-brand { direction: ltr; text-align: left; align-items: flex-start; }
/* menu: never wrap a label; tighter spacing on mid-size screens; hamburger below 1080px */
.site-nav > ul > li > a { white-space: nowrap; }
@media (max-width: 1400px) { .site-nav ul { gap: clamp(12px, 1.6vw, 24px); } .site-nav > ul > li > a { font-size: 15px; } }
/* ---------------------------------------------------------------------------
   21. Header v2: transparent over the hero (dark once scrolled), bigger logo
   flush left, bigger menu text, bigger contact button flush right
--------------------------------------------------------------------------- */
:root { --du-header-h: 112px; }
.site-header { transition: background .25s ease; }
.site-header__inner { width: 100%; max-width: none; margin: 0; padding-inline: 20px; min-height: var(--du-header-h); }
.home .site-header, .du-home .site-header { background: transparent; border-block-end-color: transparent; margin-block-end: calc(-1 * var(--du-header-h)); }
.home .site-header.is-scrolled, .du-home .site-header.is-scrolled { background: rgba(11, 11, 11, 0.96); border-block-end-color: rgba(255,255,255,.06); }
.home .du-hero::before, .du-home .du-hero::before { background: linear-gradient(to bottom, rgba(11,11,11,.7), rgba(11,11,11,.3) 30%, rgba(11,11,11,.35) 45%, rgba(11,11,11,.85)); }
.site-brand__name { font-size: 52px; }
.site-brand__name .up::after { width: 11px; height: 11px; inset-inline-end: -14px; inset-block-start: -2px; }
.site-brand__tag { font-size: 15px; letter-spacing: 0.22em; margin-block-start: 6px; }
.site-brand img { max-height: 88px; }
.site-nav > ul > li > a { font-size: 19px; }
@media (max-width: 1400px) { .site-nav > ul > li > a { font-size: 18px; } }
.site-header__cta.du-btn--sm { padding: 13px 24px; font-size: 18px; }
@media (max-width: 1080px) {
  :root { --du-header-h: 84px; }
  .site-brand__name { font-size: 34px; }
  .site-brand__tag { font-size: 10px; }
  .site-brand img { max-height: 56px; }
}
.site-brand { flex-shrink: 0; white-space: nowrap; }
/* ---------------------------------------------------------------------------
   22. Header/hero details from the close-up reference
--------------------------------------------------------------------------- */
.site-header__inner { padding-inline: 40px; }
.site-brand { padding-block-start: 14px; }
.site-brand__name { position: relative; }
.site-brand__name .up::after {
  width: 20px; height: 20px; background: transparent; border: 2.5px solid var(--du-red); border-radius: 2px;
  inset-inline-end: 12px; inset-block-start: -22px;
}
.site-brand__tag { text-transform: none; letter-spacing: .02em; font-size: 14px; color: #f1ede5; margin-block-start: 4px; }
.site-nav > ul { gap: 0; }
.site-nav > ul > li { padding-inline: 18px; }
.site-nav > ul > li + li { border-inline-start: 1px solid rgba(255,255,255,.28); }
.site-nav > ul > li > a { padding-block: 4px; }
.site-nav .sub-menu { inset-inline-start: 8px; }
.site-nav .sub-menu a { color: var(--du-red); }
.site-header__cta.du-btn--sm { padding: 15px 34px; }
.du-hero .du-side-note--script { color: #f1ede5; }
.du-hero--v3::before {
  background:
    radial-gradient(ellipse 42% 55% at 50% 52%, rgba(11,11,11,.55), rgba(11,11,11,0) 100%),
    linear-gradient(to bottom, rgba(11,11,11,.5), rgba(11,11,11,.25) 30%, rgba(11,11,11,.3) 45%, rgba(11,11,11,.85));
}
.du-hero--v3 .du-hero__title { font-size: clamp(36px, 5.2vw, 66px); }
@media (max-width: 1080px) {
  .site-header__inner { padding-inline: 20px; }
  .site-nav > ul > li { padding-inline: 0; border: 0 !important; }
  .site-brand__name .up::after { width: 12px; height: 12px; border-width: 2px; inset-inline-end: 6px; inset-block-start: -12px; }
  .site-brand__tag { font-size: 10px; }
}
/* home: menu bar sits over the hero and scrolls away with it – never a background, never a blur */
.site-header { backdrop-filter: none; -webkit-backdrop-filter: none; }
.home .site-header, .du-home .site-header { position: absolute; inset-inline: 0; inset-block-start: 0; margin: 0; z-index: 100; }
.home .site-header.is-scrolled, .du-home .site-header.is-scrolled { background: transparent; border-block-end-color: transparent; }
.home .site-header .site-nav.is-open, .du-home .site-header .site-nav.is-open { background: rgba(11,11,11,.97); }
/* logo: diamond above the "l" of Double, whole logo pushed down so nothing is clipped */
.site-brand { padding-block-start: 30px; }
.site-brand__name .up::after { display: none; }
.site-brand__name::after {
  content: ""; position: absolute; width: .38em; height: .38em; border: .05em solid var(--du-red); border-radius: .04em;
  background: transparent; transform: rotate(45deg); left: 2.5em; top: -.42em;
}
@media (max-width: 1080px) { .site-brand { padding-block-start: 22px; } }
/* diamond centred exactly above the "l" of Double (anchored to the letter) */
.site-brand__name::after { display: none; }
.site-brand__name .l { position: relative; display: inline-block; }
.site-brand__name .l::after {
  content: ""; position: absolute; left: 50%; top: -.34em; width: .36em; height: .36em;
  border: .05em solid var(--du-red); border-radius: .04em; background: transparent;
  transform: translateX(-50%) rotate(45deg);
}
/* diamond floats clearly above the l (gap ≈ a third of the letter height) */
.site-brand__name .l::after { top: -.62em; }
.site-brand { padding-block-start: 40px; }
@media (max-width: 1080px) { .site-brand { padding-block-start: 28px; } }
/* hero: more air between the buttons and the Shaw quote */
.du-hero--v3 .du-hero__quote, .du-hero--v3 p.du-hero__quote { margin-block-start: 44px; }
.du-hero--v3 .du-hero__quote-by, .du-hero--v3 p.du-hero__quote-by { margin-block-start: 8px; }
.du-hero--v3 .du-hero__actions { margin-block-end: 0; }
/* mobile/tablet: submenu collapsed until its parent is tapped */
@media (max-width: 1080px) {
  .site-nav .sub-menu { display: none; }
  .site-nav .menu-item-has-children.is-open > .sub-menu { display: flex; }
  .site-nav .menu-item-has-children > a::after { content: " \25BE"; display: inline-block; transition: transform .2s ease; }
  .site-nav .menu-item-has-children.is-open > a::after { transform: rotate(180deg); }
}
/* mobile menu panel: fully opaque and always above page content */
@media (max-width: 1080px) { .site-nav { z-index: 120; background: #0b0b0b; } .home .site-header .site-nav.is-open, .du-home .site-header .site-nav.is-open { background: #0b0b0b; } }
/* touch/small screens: hover and focus must not open the submenu – only the tap toggle does */
@media (max-width: 1080px) {
  .site-nav li:hover > .sub-menu, .site-nav li:focus-within > .sub-menu { display: none; }
  .site-nav .menu-item-has-children.is-open > .sub-menu { display: flex; }
}
/* phone/tablet: logo on the left, hamburger on the right */
@media (max-width: 1080px) { .site-header__inner { flex-direction: row-reverse; } .site-brand { align-items: flex-start; } }
/* mobile menu: the contact button is a real centred pill */
@media (max-width: 1080px) { .site-nav a.site-nav__mobile-cta { display: flex; justify-content: center; text-align: center; padding: 14px 24px; border-block-end: 0; color: #111; opacity: 1; box-shadow: none; } }

/* ---------------------------------------------------------------------------
   23. Site palette + inner pages from the site-architecture doc (2026-09-28)
   home background turquoise #057c75, inner pages cream #F8F4F2,
   dark green #0E1F1F for dark blocks, coral #E19C90 accent
--------------------------------------------------------------------------- */
:root {
  --du-turq: #057c75; --du-green: #0e1f1f; --du-coral: #e19c90; --du-cream: #f8f4f2;
  --du-black: #0e1f1f; --du-ink-2: #132a2a; --du-teal: #0e1f1f; --du-teal-2: #132a2a;
  --du-paper-2: #ffffff; --du-red: #e19c90; --du-pink: #e19c90;
}
body { background: var(--du-cream); }
body.home, body.du-home { background: var(--du-turq); }
/* inner pages: cream */
.du-section--light, .du-split--light, .du-logos { background: var(--du-cream); }
.du-split--light .du-split__media::before { background: linear-gradient(to left, rgba(248,244,242,1), rgba(248,244,242,0) 40%); }
[dir="ltr"] .du-split--light .du-split__media::before { background: linear-gradient(to right, rgba(248,244,242,1), rgba(248,244,242,0) 40%); }
.du-split--why .du-split__media::before { background: linear-gradient(to left, rgba(248,244,242,1), rgba(248,244,242,0) 45%); }
[dir="ltr"] .du-split--why .du-split__media::before { background: linear-gradient(to right, rgba(248,244,242,1), rgba(248,244,242,0) 45%); }
.du-section--tint { background: #f1ebe7; }
.du-tile { background: #fff; }
/* home: the light sections sit on the turquoise page background */
.home .du-section--light, .du-home .du-section--light { background: var(--du-turq); color: #fff; }
.home .du-section--light .du-muted, .du-home .du-section--light .du-muted { color: rgba(255,255,255,.82); }
.home .du-quote-card, .du-home .du-quote-card { background: var(--du-cream); color: var(--du-ink); }
.home .du-split--why, .du-home .du-split--why { background: var(--du-cream); color: var(--du-ink); }
.home .du-hero--v3::before, .du-home .du-hero--v3::before {
  background:
    radial-gradient(ellipse 42% 55% at 50% 52%, rgba(14,31,31,.55), rgba(14,31,31,0) 100%),
    linear-gradient(to bottom, rgba(14,31,31,.55), rgba(14,31,31,.25) 30%, rgba(14,31,31,.3) 45%, rgba(5,124,117,.94));
}
/* dark blocks: dark green */
.du-section--dark, .du-split--dark, .du-cta, .site-footer, .du-hero, .du-hero.wp-block-group, .du-section--dark.du-pillars, .du-split--room.du-split--dark, .du-cta--v3 { background-color: var(--du-green); }
.du-card--v3::before { background: linear-gradient(to top, var(--du-green) 0%, var(--du-green) 18%, rgba(14,31,31,.9) 42%, rgba(14,31,31,.35) 66%, rgba(14,31,31,0) 100%); }
.du-split--dark .du-split__media::before, .du-split--room .du-split__media::before { background: linear-gradient(to left, rgba(14,31,31,.92), rgba(14,31,31,.15) 50%); }
[dir="ltr"] .du-split--dark .du-split__media::before, [dir="ltr"] .du-split--room .du-split__media::before { background: linear-gradient(to right, rgba(14,31,31,.92), rgba(14,31,31,.15) 50%); }
.du-cta::before, .du-cta--v3::before { background: linear-gradient(to left, rgba(14,31,31,.72), rgba(14,31,31,.94) 55%); }
[dir="ltr"] .du-cta::before, [dir="ltr"] .du-cta--v3::before { background: linear-gradient(to right, rgba(14,31,31,.72), rgba(14,31,31,.94) 55%); }
@media (max-width: 860px) {
  .du-split__media::before, .du-split--dark .du-split__media::before { background: linear-gradient(to top, rgba(14,31,31,.85), transparent 60%); }
  .du-split--light .du-split__media::before, .du-split--why .du-split__media::before { background: linear-gradient(to top, var(--du-cream), transparent 60%); }
}
/* header: dark green on inner pages, transparent over the home hero; menus dark green */
.site-header { background: var(--du-green); border-block-end-color: rgba(255,255,255,.06); }
.home .site-header, .du-home .site-header, .home .site-header.is-scrolled, .du-home .site-header.is-scrolled { background: transparent; border-block-end-color: transparent; }
.site-nav .sub-menu { background: var(--du-green); }
@media (max-width: 1080px) { .site-nav, .home .site-header .site-nav.is-open, .du-home .site-header .site-nav.is-open { background: var(--du-green); } }
/* coral pill buttons carry the arrow on every page */
main a.du-btn--primary::after, main .wp-block-button.du-btn--primary .wp-block-button__link::after,
main a.du-btn--outline::after, main .wp-block-button.du-btn--outline .wp-block-button__link::after,
main a.du-btn--outline-dark::after, main .wp-block-button.du-btn--outline-dark .wp-block-button__link::after { content: "\2190"; font-size: 1.05em; line-height: 1; margin-inline-start: 2px; }
[dir="ltr"] main a.du-btn::after, [dir="ltr"] main .wp-block-button .wp-block-button__link::after { content: "\2192"; }
.du-btn--outline-dark, .wp-block-button.du-btn--outline-dark .wp-block-button__link { border-color: var(--du-ink); }
/* blocks hidden until the client has content (remove the "is-hidden" class in the editor) */
.wp-block-group.is-hidden, section.is-hidden, .du-section.is-hidden { display: none; }
/* full-bleed photo hero for inner pages */
.du-hero--page { min-height: min(78vh, 680px); }
.du-hero--page::before { background: linear-gradient(to left, rgba(14,31,31,.94) 0%, rgba(14,31,31,.86) 38%, rgba(14,31,31,.4) 72%, rgba(14,31,31,.25) 100%), linear-gradient(to top, rgba(14,31,31,.8), transparent 45%); }
[dir="ltr"] .du-hero--page::before { background: linear-gradient(to right, rgba(14,31,31,.94) 0%, rgba(14,31,31,.86) 38%, rgba(14,31,31,.4) 72%, rgba(14,31,31,.25) 100%), linear-gradient(to top, rgba(14,31,31,.8), transparent 45%); }
.du-hero--page .du-hero__inner { grid-template-columns: minmax(0, 700px); justify-content: start; text-align: start; padding-block: clamp(72px, 9vw, 120px) clamp(56px, 7vw, 96px); }
.du-hero--page .du-hero__title { font-size: clamp(34px, 4.8vw, 60px); margin-block-end: 12px; }
.du-hero__sub, p.du-hero__sub { font-size: clamp(18px, 2vw, 24px); font-weight: 700; color: var(--du-coral); margin: 0 0 18px; }
.du-hero--page .du-hero__lead, .du-hero--page p.du-hero__lead { margin: 0 0 14px; max-width: 60ch; }
.du-hero--page .du-hero__actions { margin-block-start: 22px; }
.du-hero--page .du-hero__actions--row { justify-content: flex-start; }
.du-hero--page .du-hero__actions .wp-block-buttons { justify-content: flex-start; }
.du-hero--page .du-hero__actions .wp-block-button, .du-hero--page .du-hero__actions .wp-block-button__link { width: auto; }
p.du-partner { color: #fff; font-size: 18px; margin: 4px 0 20px; }
.du-hero--page .du-eyebrow--en { font-size: 14px; letter-spacing: .32em; }
@media (max-width: 720px) { .du-hero--page::before { background: linear-gradient(to top, rgba(14,31,31,.98) 0%, rgba(14,31,31,.9) 55%, rgba(14,31,31,.55) 100%); } }
/* split page heroes (photo half) */
.du-page-hero.du-split { min-height: 520px; }
.du-page-hero .du-hero__sub, .du-page-hero p.du-hero__sub { margin-block-end: 16px; }
.du-why-hero .du-title { font-size: clamp(44px, 7vw, 92px); line-height: 1; }
/* typographic statements */
.du-statement, p.du-statement { font-size: clamp(24px, 3.2vw, 40px); font-weight: 800; line-height: 1.2; margin: 26px 0 18px; max-width: 26ch; }
.du-statement--sm, p.du-statement--sm { font-size: clamp(19px, 2vw, 24px); font-weight: 700; margin: 12px 0 18px; max-width: 40ch; }
.du-statement--big, p.du-statement--big { font-size: clamp(34px, 5vw, 64px); margin-block-start: 40px; }
.du-statement--en, p.du-statement--en { direction: ltr; text-align: left; font-family: var(--du-display); font-weight: 400; font-size: clamp(28px, 3.6vw, 44px); letter-spacing: .03em; color: var(--du-coral); max-width: none; line-height: 1.05; }
.du-editorial .du-prose { margin-block-end: 8px; }
.du-editorial .du-statement--sm { max-width: 34ch; }
/* two columns aligned to the top */
.du-two--top { align-items: start; }
.du-two--top .du-gallery { min-height: 0; }
/* product blocks (2x2) */
.du-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 4vw, 56px) clamp(20px, 3vw, 40px); }
.du-product { display: flex; flex-direction: column; }
.wp-block-image.du-product__img { margin: 0 0 20px; position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 16 / 10; }
.wp-block-image.du-product__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
p.du-product__n { font-family: var(--du-display); font-size: 44px; line-height: 1; color: var(--du-coral); margin: 0 0 6px; direction: ltr; text-align: start; }
.du-product__title { font-size: clamp(22px, 2.2vw, 28px); margin-block-end: 8px; }
p.du-product__tag { font-weight: 700; font-size: 18px; margin: 0 0 12px; }
.du-product__body { display: flex; flex-direction: column; flex: 1; }
.du-product__body p.du-muted { margin: 0 0 .8em; font-size: 16px; }
.du-product__body .wp-block-buttons { margin-block-start: auto; padding-block-start: 12px; }
@media (max-width: 860px) { .du-products { grid-template-columns: 1fr; } }
/* editorial article cards */
.du-articles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.du-articles__intro { margin-block-end: 32px; }
.du-article { background: #fff; border: 1px solid var(--du-line); border-radius: 10px; padding: 26px 26px 22px; display: flex; flex-direction: column; gap: 8px; }
.du-section--dark .du-article { background: rgba(255,255,255,.06); border-color: var(--du-line-dark); }
p.du-article__src { margin: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--du-coral); font-weight: 700; }
.du-article__title { font-size: 19px; line-height: 1.3; }
.du-article__title--en { direction: ltr; text-align: left; font-family: var(--du-display); font-weight: 400; font-size: 24px; letter-spacing: .03em; }
.du-article p.du-muted { margin: 0; font-size: 15px; flex: 1; }
p.du-article__link { margin: 8px 0 0; padding-block-start: 12px; border-block-start: 1px solid var(--du-line); font-weight: 700; font-size: 15px; }
p.du-article__link a { color: var(--du-coral); }
p.du-article__link a::after { content: " \2190"; }
[dir="ltr"] p.du-article__link a::after { content: " \2192"; }
@media (max-width: 960px) { .du-articles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .du-articles { grid-template-columns: 1fr; } }
/* SHIFT: workshop agenda (number | text | photo) */
.du-agenda__row { display: grid; grid-template-columns: 96px minmax(0, 1fr) minmax(240px, 36%); gap: 20px clamp(20px, 3vw, 40px); padding-block: clamp(32px, 4vw, 48px); border-block-start: 1px solid var(--du-line); align-items: start; }
.du-agenda__row:last-child { border-block-end: 1px solid var(--du-line); }
p.du-agenda__n { font-family: var(--du-display); font-size: clamp(56px, 6vw, 84px); line-height: .9; color: var(--du-coral); margin: 0; direction: ltr; text-align: start; }
p.du-agenda__meta { color: var(--du-coral); font-weight: 700; font-size: 14px; letter-spacing: .04em; margin: 0 0 8px; }
.du-agenda__title { font-size: clamp(20px, 2.2vw, 26px); margin-block-end: 12px; }
.du-agenda__text p { font-size: 16px; }
.du-agenda__take { font-size: 16px; color: var(--du-coral); margin: 12px 0 4px; }
.wp-block-image.du-agenda__img { margin: 0; position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 4 / 3; }
.wp-block-image.du-agenda__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 860px) { .du-agenda__row { grid-template-columns: 64px minmax(0, 1fr); } .wp-block-image.du-agenda__img { grid-column: 1 / -1; } }
/* people (about / SHIFT team) */
.du-person { margin-block-end: clamp(40px, 6vw, 72px); }
.du-person:last-child { margin-block-end: 0; }
.du-person__name { font-size: clamp(26px, 3vw, 36px); margin-block-end: 4px; }
p.du-person__role { color: var(--du-coral); font-weight: 700; margin: 0 0 16px; }
.du-person p { font-size: 16px; }
.wp-block-image.du-person__photo { min-height: 440px; }
@media (max-width: 860px) { .wp-block-image.du-person__photo { min-height: 320px; } }
/* six lessons */
.du-lessons { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 16px; }
.du-lesson { text-align: center; }
.du-lesson svg { width: 36px; height: 36px; margin: 0 auto 12px; display: block; stroke: var(--du-coral); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
p.du-lesson__word { font-family: var(--du-display); font-size: 26px; letter-spacing: .06em; margin: 0 0 6px; direction: ltr; }
.du-lesson p.du-muted { font-size: 14px; margin: 0; }
@media (max-width: 960px) { .du-lessons { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .du-lessons { grid-template-columns: repeat(2, 1fr); } }
/* short lines ("אין לנו את כל המידע.") */
.du-lines { display: grid; gap: 2px; margin: 12px 0 20px; font-size: clamp(19px, 2vw, 24px); font-weight: 700; }
.du-lines li { margin: 0; }
/* quote strip on a photo */
.du-quote-strip .du-cta__inner--center { padding-block: 32px; }
.du-quote-strip .du-cta__title { font-size: clamp(22px, 2.6vw, 32px); max-width: 32ch; }
p.du-quote-strip__quote { direction: ltr; text-align: center; font-family: var(--du-display); font-size: clamp(30px, 4.4vw, 56px); letter-spacing: .04em; color: var(--du-coral); margin: 8px 0 0; max-width: 26ch; line-height: 1.05; }
p.du-quote-strip__text { font-style: italic; font-size: clamp(20px, 2.4vw, 30px); max-width: 40ch; direction: ltr; text-align: center; margin: 0; line-height: 1.4; }
p.du-quote-strip__by { margin: 12px 0 0; letter-spacing: .16em; text-transform: uppercase; font-size: 13px; color: rgba(255,255,255,.78); direction: ltr; }
/* vision 2x2 */
.du-vision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px clamp(24px, 4vw, 56px); margin-block: 32px 36px; }
.du-vision__item { border-block-start: 1px solid var(--du-line); padding-block-start: 20px; }
p.du-vision__n { font-family: var(--du-display); font-size: 48px; line-height: 1; color: var(--du-coral); margin: 0 0 8px; direction: ltr; text-align: start; }
.du-vision__item h3 { font-size: 20px; margin-block-end: 8px; }
.du-vision__item p.du-muted { margin: 0; font-size: 16px; }
@media (max-width: 720px) { .du-vision { grid-template-columns: 1fr; } }
/* tournament board */
.wp-block-image.du-board__img { margin: 0 0 20px; border-radius: 10px; overflow: hidden; max-width: 900px; }
.wp-block-image.du-board__img img { width: 100%; height: auto; }
p.du-board__note { font-size: 14px; color: var(--du-muted-dark); max-width: 60ch; }
.du-board .du-lead { margin-block-end: 8px; }
.du-cta--short .du-cta__inner--center { padding-block: 8px; }
/* CTA with a form beside the title (SHIFT) */
.du-cta--form .du-cta__inner { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; align-items: start; }
.du-cta--form .du-form { background: rgba(255,255,255,.06); border: 1px solid var(--du-line-dark); border-radius: 12px; padding: 24px; max-width: none; }
.du-cta--form .du-form input, .du-cta--form .du-form textarea { background: #fff; color: var(--du-ink); border-color: transparent; }
.du-cta--form .du-form legend, .du-cta--form .du-form__q { color: #fff; }
.du-cta--form .du-form__hint, .du-cta--form .du-form__alt { color: rgba(255,255,255,.75); }
.du-cta--form .du-form__alt a { color: #fff; }
.du-cta--form .du-chip span { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.35); color: #fff; }
.du-cta--form .du-chip input:checked + span { background: var(--du-coral); border-color: var(--du-coral); color: #111; }
@media (max-width: 860px) { .du-cta--form .du-cta__inner { grid-template-columns: 1fr; } }
/* multi-step contact form */
.du-form-wrap { max-width: 780px; }
.du-form { max-width: 780px; gap: 0; }
.du-form__step { border: 0; padding: 0; margin: 0 0 36px; min-inline-size: 0; display: grid; gap: 12px; }
.du-form__step legend { font-weight: 800; font-size: 21px; margin-block-end: 16px; padding: 0; }
.du-form__step legend span { color: var(--du-coral); font-family: var(--du-display); font-size: 24px; letter-spacing: .08em; margin-inline-end: 10px; }
.du-form__q { font-weight: 700; margin: 8px 0 0; }
.du-form__hint { font-size: 14px; color: var(--du-muted); margin: -6px 0 0; }
.du-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.du-chip { position: relative; }
.du-chip input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.du-chip span { display: inline-flex; align-items: center; padding: 10px 16px; border-radius: 999px; border: 1.5px solid var(--du-line); background: #fff; font-size: 15px; font-weight: 500; transition: background .15s, border-color .15s, color .15s; }
.du-chip input:checked + span { background: var(--du-coral); border-color: var(--du-coral); color: #111; font-weight: 700; }
.du-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(225,156,144,.4); }
.du-form input:focus, .du-form select:focus, .du-form textarea:focus { border-color: var(--du-coral); box-shadow: 0 0 0 3px rgba(225,156,144,.3); }
.du-form__submit { justify-self: start; margin-block-start: 8px; padding: 16px 32px; font-size: 18px; }
.du-form__alt { font-size: 15px; color: var(--du-muted); margin: 10px 0 0; }
.du-form__alt a { font-weight: 700; color: var(--du-ink); text-decoration: underline; }
.du-notice--ok strong { display: block; font-size: 22px; margin-block-end: 6px; }
/* misc */
.du-subtitle--en, p.du-subtitle--en { direction: ltr; text-align: start; font-family: var(--du-display); font-weight: 400; letter-spacing: .06em; font-size: clamp(20px, 2vw, 26px); }
.du-h3, h3.du-h3 { font-size: 20px; margin: 22px 0 8px; }
.du-split--dark .du-prose a, .du-section--dark .du-prose a { color: var(--du-coral); text-decoration: underline; }
p.du-endline { text-align: center; font-family: var(--du-script); font-size: clamp(26px, 3vw, 38px); color: var(--du-coral); margin: 36px 0 0; direction: ltr; }
.du-endmark { text-align: center; margin-block-start: 12px; }
.du-endmark .site-brand { padding: 0; }
.du-endmark .site-brand__name { font-size: 44px; color: var(--du-ink); }
.du-endsection .du-section__head { margin-block-end: 8px; }
.du-realgame .du-media-frame .du-side-note--in { inset-block-start: auto; inset-block-end: 28px; left: 28px; right: 28px; text-align: center; max-width: none; font-size: clamp(22px, 2.4vw, 30px); }
.du-realgame .wp-block-image.du-two__media img { border-radius: var(--du-radius); }
.du-split .du-side-note--script, .du-cta .du-side-note--script { color: var(--du-coral); }
.du-split--light .du-side-note--script { color: var(--du-coral); }
.du-split--dark .du-eyebrow--en, .du-section--dark .du-eyebrow--en { color: var(--du-coral); }
.du-form-wrap .du-form { max-width: none; }

/* Photos that fill their block must ignore the inline size WordPress writes when an image is
   replaced or resized in the editor (style="width:1200px;height:auto;aspect-ratio:…"). */
.wp-block-image.du-split__media img, .wp-block-image.du-two__media img, .wp-block-image.du-cta__bg img,
.wp-block-image.du-hero__bg img, .wp-block-image.du-card__img img, .wp-block-image.du-product__img img,
.wp-block-image.du-agenda__img img, .wp-block-image.du-team__photo img, .wp-block-image.du-contact__media-bg img,
.wp-block-image.du-testimonials__media img, .du-gallery > .wp-block-image img {
  width: 100% !important; height: 100% !important; max-width: none !important; aspect-ratio: auto !important; object-fit: cover;
}

/* ---------------------------------------------------------------------------
   24. Every page opens like the home: transparent menu bar over the hero photo
   (2026-09-30)
--------------------------------------------------------------------------- */
.site-header { position: absolute; inset-inline: 0; inset-block-start: 0; margin: 0; z-index: 100; background: transparent; border-block-end-color: transparent; }
.site-header.is-scrolled { background: transparent; border-block-end-color: transparent; }
.du-hero--page { min-height: min(88vh, 760px); }
.du-hero--page .du-hero__inner { padding-block-start: calc(var(--du-header-h) + clamp(40px, 6vw, 80px)); }
.du-hero--page::before {
  background:
    linear-gradient(to bottom, rgba(14,31,31,.72), rgba(14,31,31,0) 32%),
    linear-gradient(to left, rgba(14,31,31,.94) 0%, rgba(14,31,31,.86) 38%, rgba(14,31,31,.4) 72%, rgba(14,31,31,.25) 100%),
    linear-gradient(to top, rgba(14,31,31,.8), transparent 45%);
}
[dir="ltr"] .du-hero--page::before {
  background:
    linear-gradient(to bottom, rgba(14,31,31,.72), rgba(14,31,31,0) 32%),
    linear-gradient(to right, rgba(14,31,31,.94) 0%, rgba(14,31,31,.86) 38%, rgba(14,31,31,.4) 72%, rgba(14,31,31,.25) 100%),
    linear-gradient(to top, rgba(14,31,31,.8), transparent 45%);
}
.du-hero--page .du-side-note--script { color: var(--du-coral); }
.du-hero--page .du-statement--sm, .du-hero--page p.du-statement--sm { color: #fff; }
@media (max-width: 720px) { .du-hero--page::before { background: linear-gradient(to top, rgba(14,31,31,.98) 0%, rgba(14,31,31,.9) 55%, rgba(14,31,31,.6) 100%); } }
/* a page whose first block is not a photo hero still needs room for the menu bar */
.du-page, .site-main > .du-section:first-child, .site-main > .du-split:first-child { padding-block-start: calc(var(--du-header-h) + 32px); }

/* ---------------------------------------------------------------------------
   25. Change list "אתר - שינויים" (2026-10-01): cream everywhere, dark green blocks,
   Cormorant Garamond for English headings, handwritten lines in coral,
   PLAY/THINK/SHIFT top-left on the cards, disclaimer strip, article previews
--------------------------------------------------------------------------- */
@font-face { font-family: "Brittany Signature"; src: url("assets/fonts/BrittanySignature.woff2") format("woff2"), url("assets/fonts/BrittanySignature.ttf") format("truetype"); font-display: swap; }
:root { --du-display: "Cormorant Garamond", "Times New Roman", serif; --du-script: "Brittany Signature", "Great Vibes", "Caveat", cursive; }
.du-display, .du-card__key, p.du-card__key, .du-tile__key, p.du-product__n, p.du-agenda__n, p.du-vision__n, .du-step__n, p.du-step__n, .du-stat__n, .du-lesson__word, p.du-lesson__word,
.du-statement--en, p.du-statement--en, .du-article__title--en, p.du-quote-strip__quote, .du-subtitle--en, p.du-subtitle--en, .site-nav .sub-menu a { font-family: var(--du-display); font-weight: 600; }
.du-article__title--en { font-size: 26px; line-height: 1.15; }
p.du-quote-strip__quote { font-weight: 500; letter-spacing: .01em; }
.site-nav .sub-menu a { font-size: 21px; letter-spacing: .02em; }
/* home back to cream + dark green (the turquoise did not work) */
body.home, body.du-home { background: var(--du-cream); }
.home .du-section--light, .du-home .du-section--light { background: var(--du-cream); color: var(--du-ink); }
.home .du-section--light .du-muted, .du-home .du-section--light .du-muted { color: var(--du-muted); }
.home .du-hero--v3::before, .du-home .du-hero--v3::before {
  background:
    radial-gradient(ellipse 42% 55% at 50% 52%, rgba(14,31,31,.55), rgba(14,31,31,0) 100%),
    linear-gradient(to bottom, rgba(14,31,31,.6), rgba(14,31,31,.25) 30%, rgba(14,31,31,.3) 45%, rgba(14,31,31,.9));
}
.home .du-hero--v3 .du-hero__inner, .du-home .du-hero--v3 .du-hero__inner { padding-block-start: calc(var(--du-header-h) + clamp(36px, 7vw, 80px)); }
.du-hero--v3 .du-hero__actions .wp-block-buttons, .du-hero__actions--row { gap: 8px; }
.du-hero__actions--row .du-btn { min-width: 0; }
.du-hero--v3 .du-hero__quote, .du-hero--v3 p.du-hero__quote { font-size: 18px; }
.du-hero--v3 .du-hero__quote-by, .du-hero--v3 p.du-hero__quote-by { font-size: 15px; }
.site-brand__tag { margin-block-start: 10px; }
/* handwritten lines: coral everywhere */
.du-side-note--script, .du-hero .du-side-note--script, .du-side-note--in, .du-media-frame .du-side-note--in { color: var(--du-coral); }
.du-side-note--script { font-size: clamp(26px, 2.8vw, 40px); line-height: 1.05; }
.du-cta--v3 .du-side-note--script { bottom: auto; top: 50%; transform: translateY(-50%); max-width: 260px; }
/* cards: PLAY / THINK / SHIFT big, top-left over the photo */
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { position: absolute; top: 18px; left: 24px; font-size: clamp(48px, 5vw, 72px); line-height: 1; margin: 0; z-index: 1; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
/* testimonials (dark green when shown): product line in coral, short quotes centred */
.du-testimonials.du-section--dark .du-quote-card { background: rgba(255,255,255,.06); border-color: var(--du-line-dark); color: #fff; }
.du-testimonials.du-section--dark .du-cite { color: rgba(255,255,255,.85); }
.du-testimonials.du-section--dark .du-slider__btn { border-color: rgba(255,255,255,.7); color: #fff; }
.du-testimonials.du-section--dark .du-slider__btn:hover { background: #fff; color: var(--du-green); }
.du-cite__event { color: var(--du-coral); }
.du-quote-card .du-quote { font-size: 19px; }
.du-slider__slide { align-self: center; }
/* poker room block: white text, bigger "דברו איתנו" line */
.du-split--room .du-prose p, .du-split--room .du-muted { color: #fff; }
.du-life__idea, p.du-life__idea { font-size: clamp(19px, 2vw, 23px); font-weight: 600; margin-block-start: 6px; }
.du-split--room .du-prose a { color: var(--du-coral); text-decoration: underline; }
/* "why poker" footnote */
.du-note, p.du-note { font-size: 13px; color: var(--du-muted); margin: -6px 0 0; }
/* statements in coral (vision, "ובדיוק שם…") */
.du-statement--coral, p.du-statement--coral { color: var(--du-coral); }
.du-realgame__text { max-width: 68ch; }
/* article cards with a preview image */
.wp-block-image.du-article__img { margin: -26px -26px 16px; position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 10px 10px 0 0; }
.wp-block-image.du-article__img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
/* tournament board: image + text side by side on desktop, stacked on phones */
.du-board__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); gap: 32px; align-items: start; }
.wp-block-image.du-board__img { margin: 0; max-width: none; }
.du-board__text { padding-block-start: 8px; }
@media (max-width: 860px) { .du-board__grid { grid-template-columns: 1fr; } }
/* "around the table": expandable items */
.du-updates .wp-block-details, .du-updates details { background: #fff; border: 1px solid var(--du-line); border-radius: 10px; padding: 18px 22px; margin-block-end: 12px; }
.du-updates summary { font-size: 20px; }
.du-updates .wp-block-details p { color: var(--du-ink); }
.du-updates .wp-block-buttons { margin-block-start: 14px; }
.du-updates__list { display: grid; gap: 6px; margin: 10px 0 0; font-weight: 600; }
/* beyond-the-game activities */
.du-activity { margin-block-end: clamp(40px, 6vw, 72px); align-items: center; }
.du-activity:last-child { margin-block-end: 0; }
.du-activity .du-product__title { font-size: clamp(24px, 2.6vw, 32px); }
/* disclaimer strip on every page */
.du-disclaimer { background: var(--du-cream); border-block-start: 3px solid var(--du-coral); padding-block: clamp(32px, 5vw, 56px); text-align: center; color: var(--du-ink); }
.du-disclaimer__words { max-width: 70ch; margin: 0 auto 10px; font-size: 15px; line-height: 1.9; color: var(--du-muted); letter-spacing: .02em; }
.du-disclaimer__no { font-size: clamp(30px, 4.4vw, 52px); font-weight: 800; color: var(--du-green); margin: 0 0 6px; line-height: 1.1; }
.du-disclaimer__text { margin: 0; font-size: 16px; font-weight: 600; color: var(--du-coral); }
.home .du-disclaimer, .du-home .du-disclaimer { background: var(--du-cream); }

/* 26. Real DoubleUp logo (white PNG) in header/footer, article previews 3:2, logo endmark (2026-10-01) */
.site-brand img { max-height: 76px; width: auto; height: auto; display: block; }
.site-footer .site-brand img { max-height: 48px; }
.site-brand:has(img) { padding-block-start: 22px; }
.site-brand:has(img) .site-brand__tag { margin-block-start: 10px; }
@media (max-width: 1080px) { .site-brand img { max-height: 48px; } .site-brand:has(img) { padding-block-start: 14px; } .site-brand:has(img) .site-brand__tag { font-size: 10px; } }
.wp-block-image.du-article__img { aspect-ratio: 3 / 2; }
.wp-block-image.du-endmark { margin: 24px auto 0; width: 220px; }
.wp-block-image.du-endmark img { position: static; width: 100%; height: auto; }
.du-logos .wp-block-gallery.du-logos__list .wp-block-image img { max-height: 44px; }

/* 27. Change list 2026-10-02: quotes on photos in Bodoni Moda Italic, card words Cormorant SemiBold,
   SHIFT workshop parts without photos */
:root { --du-script: "Bodoni Moda", "Cormorant Garamond", serif; }
.du-side-note--script, .du-hero .du-side-note--script, p.du-endline { font-family: var(--du-script); font-style: italic; font-weight: 400; letter-spacing: .01em; font-size: clamp(22px, 2.3vw, 32px); line-height: 1.2; }
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { font-family: "Cormorant Garamond", serif; font-weight: 600; }
.du-agenda__row--text { grid-template-columns: 96px minmax(0, 1fr); }
@media (max-width: 860px) { .du-agenda__row--text { grid-template-columns: 64px minmax(0, 1fr); } }
.du-board__grid { grid-template-columns: minmax(0, .9fr) minmax(260px, 1.1fr); align-items: center; }
.wp-block-image.du-board__img { max-width: 520px; }
.wp-block-image.du-board__photo { margin: 24px 0 0; position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 3 / 2; max-width: 520px; }
.wp-block-image.du-board__photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
/* home hero: the Shaw quote in the title's font (Heebo, upright), key words in coral */
.du-hero--v3 .du-hero__quote, .du-hero--v3 p.du-hero__quote { font-family: var(--du-font); font-style: normal; font-weight: 500; color: #fff; font-size: clamp(17px, 1.7vw, 20px); }
.du-hero--v3 .du-hero__quote-by, .du-hero--v3 p.du-hero__quote-by { font-weight: 400; color: #e6e1da; }
.du-hero__title mark, .du-hero__quote mark { background: transparent; color: var(--du-coral); }
/* floating WhatsApp button, bottom-left on every page */
.du-wa-float { position: fixed; left: 20px; bottom: 20px; z-index: 130; width: 58px; height: 58px; border-radius: 50%; background: #25d366; color: #fff;
  display: grid; place-items: center; box-shadow: 0 10px 26px rgba(0,0,0,.3); transition: transform .15s ease, box-shadow .15s ease; }
.du-wa-float svg { width: 32px; height: 32px; }
.du-wa-float:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.35); color: #fff; }
@media (max-width: 720px) { .du-wa-float { left: 14px; bottom: 14px; width: 52px; height: 52px; } }
/* home cards (2026-10-02): original Bebas word, text block pushed to the bottom so more photo shows */
.du-card--v3 { min-height: 560px; }
.du-card--v3 .du-card__body { min-height: 0; justify-content: flex-end; padding: 0 24px 26px; }
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { position: static; font-family: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: .04em;
  font-size: 54px; line-height: 1; margin: 0 0 10px; text-align: left; direction: ltr; text-shadow: none; }
.du-card--v3::before { background: linear-gradient(to top, var(--du-green) 0%, var(--du-green) 14%, rgba(14,31,31,.92) 36%, rgba(14,31,31,.45) 58%, rgba(14,31,31,0) 100%); }
@media (max-width: 900px) { .du-card--v3 { min-height: 480px; } }
/* cards: the PLAY/THINK/SHIFT title back at the top-left, text stays at the bottom */
.du-card--v3 .du-card__key, .du-card--v3 p.du-card__key { position: absolute; top: 20px; left: 24px; margin: 0; z-index: 1; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
/* text + photo blocks: the photo runs to the edge of the screen (left side in RTL) */
@media (min-width: 861px) { .du-split__media { grid-column: 3 / 5; } [dir="ltr"] .du-split__media { grid-column: 3 / 5; } }
/* 2026-10-02: no handwritten quotes on the photos */
.du-side-note--script, .du-side-note--in { display: none !important; }
/* dropdown (PLAY / THINK / SHIFT / כל האירועים) in the same font as the main menu */
.site-nav .sub-menu a { font-family: var(--du-font); font-weight: 500; font-size: 17px; letter-spacing: 0; direction: rtl; text-align: start; }
/* hero: the quote's author styled like the Einstein credit (small, grey, spaced) */
.du-hero--v3 .du-hero__quote-by, .du-hero--v3 p.du-hero__quote-by { font-size: 14px; font-weight: 400; letter-spacing: .12em; color: var(--du-muted-dark); margin-block-start: 10px; }
/* a section that follows the hero closely */
.du-section--tight { padding-block-start: 28px; }
.du-section--tight .du-section__head { margin-block-end: 28px; }
/* hero bullet lines (חוויות page) in regular weight */
.du-hero .du-lines { font-weight: 400; font-size: clamp(18px, 1.8vw, 22px); }
/* article cards: source + title above the preview image */
.wp-block-image.du-article__img { margin: 10px -26px 14px; border-radius: 0; }
/* air between an accordion and the text that follows it */
.du-faq + p, .du-faq + .du-lead, .du-faq + .wp-block-paragraph { margin-block-start: 32px !important; }
/* (testimonials swap of 2.5.9 reverted: quote card right, title left) */
/* SHIFT workshop parts: the number sits above the text, on the right, like a heading */
.du-agenda__row--text { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.du-agenda__row--text p.du-agenda__n { font-size: clamp(40px, 4.5vw, 60px); text-align: start; direction: rtl; margin: 0 0 4px; justify-self: start; }
@media (max-width: 860px) { .du-agenda__row--text { grid-template-columns: minmax(0, 1fr); } }
/* SHIFT: workshop parts and team closer together */
.du-agenda__row:last-child { border-block-end: 0; }
.du-section--tight { padding-block-start: 16px; }
/* team portraits: show the whole photo, never crop */
.wp-block-image.du-person__photo { min-height: 0; aspect-ratio: auto; }
.wp-block-image.du-person__photo img { position: static !important; width: 100% !important; height: auto !important; object-fit: contain; border-radius: var(--du-radius); display: block; }
/* team without photos (SHIFT): two text columns on dark green */
.du-person--text { display: block; max-width: 72ch; }
.du-section--dark .du-person p { color: rgba(255,255,255,.85); }
.du-section--dark .du-person__role { color: var(--du-coral); }
/* centred bands stay centred on phones too (quote strips, closing banners) */
@media (max-width: 720px) {
  .du-cta__inner--center { align-items: center; text-align: center; }
  .du-cta__inner--center > * { margin-inline: auto; }
  p.du-quote-strip__by, p.du-quote-strip__text, p.du-quote-strip__quote { text-align: center; }
}
/* quote strips: upright text, not italic */
p.du-quote-strip__text { font-style: normal; font-weight: 500; }
/* tournament board on phones/tablets: one column, schedule image full width, tap to open it full size */
@media (max-width: 860px) {
  .du-board__grid { grid-template-columns: minmax(0, 1fr); }
  .wp-block-image.du-board__img { max-width: none; width: 100%; }
  .wp-block-image.du-board__photo { max-width: none; }
}
.wp-block-image.du-board__img img { cursor: zoom-in; }
/* ---------------------------------------------------------------------------
   28. Tournament schedule list ([du_tournaments], edited under טורנירים in the admin)
--------------------------------------------------------------------------- */
.du-schedule { display: grid; gap: 10px; }
.du-schedule__title { margin: 0 0 6px; font-weight: 700; color: var(--du-coral); }
.du-schedule__row { display: grid; grid-template-columns: 78px 76px minmax(0, 1fr); align-items: center; gap: 14px; padding: 12px 18px;
  border: 1.5px solid rgba(255,255,255,.75); border-radius: 14px; color: #fff; text-decoration: none; transition: background .15s, border-color .15s; }
.du-schedule__row:hover { background: rgba(255,255,255,.08); border-color: #fff; }
.du-schedule__day { font-weight: 800; font-size: 19px; }
.du-schedule__time { font-family: "Bebas Neue", "Oswald", Impact, sans-serif; font-size: 34px; line-height: 1; letter-spacing: .02em; direction: ltr; text-align: center; }
.du-schedule__what { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.du-schedule__what strong { font-size: 18px; line-height: 1.2; }
.du-schedule__what small { font-size: 13px; color: rgba(255,255,255,.78); }
.du-schedule__empty { color: rgba(255,255,255,.8); }
.du-section--light .du-schedule__row { border-color: var(--du-line); color: var(--du-ink); } .du-section--light .du-schedule__what small { color: var(--du-muted); }
.du-board__list { min-width: 0; }
@media (max-width: 480px) { .du-schedule__row { grid-template-columns: 60px 62px minmax(0, 1fr); gap: 10px; padding: 10px 12px; } .du-schedule__time { font-size: 28px; } .du-schedule__day { font-size: 16px; } .du-schedule__what strong { font-size: 16px; } }
/* people: the role line in black (white on dark), with air before the bio */
p.du-person__role { color: var(--du-coral); margin: 0 0 4px; }
.du-section--dark p.du-person__role, .du-section--dark .du-person__role { color: #fff; }
/* people: the one-line summary right after the role in grey */
.du-person p.du-person__role + p { color: var(--du-muted); }
.du-section--dark .du-person p.du-person__role + p { color: rgba(255,255,255,.72); }
/* links inside body text are visible: coral + underline */
.du-prose a, .du-prose p a, .du-section--light .du-prose a { color: var(--du-coral); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.du-prose a:hover { color: var(--du-pink-dark); }
/* disclaimer: last line regular weight */
.du-disclaimer__text { font-weight: 400; }
/* footer social icons (Customizer: לוגו, כותרת עליונה ופוטר) */
.site-footer__social { display: flex; gap: 12px; align-items: center; }
.site-footer__social a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); color: #fff; transition: background .15s, border-color .15s; }
.site-footer__social a:hover { background: var(--du-coral); border-color: var(--du-coral); color: #111; }
.site-footer__social svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-footer__social a[aria-label="Facebook"] svg, .site-footer__social a[aria-label="LinkedIn"] svg, .site-footer__social a[aria-label="TikTok"] svg, .site-footer__social a[aria-label="YouTube"] svg { fill: currentColor; stroke: none; }
/* tournament board: list on top, text + buttons below */
.du-board__stack { max-width: 780px; margin-inline: auto; }
.du-board__stack .du-board__text { padding-block-start: 28px; text-align: center; }
.du-board__stack .du-board__text .du-lead { margin-inline: auto; max-width: 60ch; }
.du-board__stack .wp-block-buttons { justify-content: center; gap: 10px; }
/* display quote strips (THINK): regular weight */
p.du-quote-strip__quote { font-weight: 400 !important; }
/* background photo figures: no bottom margin (core block CSS adds 1em, which left a strip at the bottom) */
.wp-block-image.du-cta__bg, .wp-block-image.du-hero__bg, .wp-block-image.du-card__img, .wp-block-image.du-contact__media-bg, .wp-block-image.du-split__media { margin: 0 !important; }
/* accordion titles: keep the whole question together, the +/– sits at the far end */
.du-faq summary { justify-content: flex-start; gap: 6px; }
.du-faq summary::after { margin-inline-start: auto; padding-inline-start: 16px; }
/* cards: question, text and button start on the same line in all three cards */
@media (min-width: 901px) {
  .du-card--v3 .du-card__title { min-height: 2.6em; display: flex; align-items: flex-end; }
  .du-card--v3 .du-card__text, .du-card--v3 p.du-card__text { min-height: 6.6em; }
}

/* ---------------------------------------------------------------------------
   29. Accessibility: visible focus, reduced motion, the toolbar and its modes
--------------------------------------------------------------------------- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--du-coral); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } html { scroll-behavior: auto; } }
.du-a11y { position: fixed; bottom: 20px; right: 20px; z-index: 131; direction: rtl; }
.du-a11y--left { right: auto; left: 20px; bottom: 92px; }
.du-a11y__btn { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #fff; background: var(--du-green); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 26px rgba(0,0,0,.3); padding: 0; }
.du-a11y__btn svg { width: 30px; height: 30px; }
.du-a11y__btn:hover { background: var(--du-coral); color: #111; }
.du-a11y__panel { display: none; position: absolute; bottom: 68px; right: 0; width: 320px; max-width: calc(100vw - 32px); background: #fff; color: #111; border-radius: 14px; box-shadow: 0 18px 48px rgba(0,0,0,.35); padding: 16px; font-family: var(--du-font); text-align: start; }
.du-a11y--left .du-a11y__panel { right: auto; left: 0; }
.du-a11y.is-open .du-a11y__panel { display: block; }
.du-a11y__title { margin: 0 0 12px; font-weight: 800; font-size: 18px; }
.du-a11y__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.du-a11y__item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border: 1px solid #ddd; border-radius: 10px; background: #f6f6f6; color: #111; font: 600 12px/1.2 var(--du-font); cursor: pointer; }
.du-a11y__item svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.du-a11y__item:hover { border-color: var(--du-green); }
.du-a11y__item[aria-pressed="true"] { background: var(--du-green); color: #fff; border-color: var(--du-green); }
.du-a11y__zoom { margin: 12px 0 0; font-size: 13px; color: #555; }
.du-a11y__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-block-start: 12px; padding-block-start: 12px; border-block-start: 1px solid #eee; font-size: 14px; }
.du-a11y__reset { background: none; border: 0; padding: 0; color: #555; cursor: pointer; text-decoration: underline; font: inherit; }
.du-a11y__foot a { color: var(--du-green); font-weight: 700; text-decoration: underline; }
/* modes (classes on <html>) */
html.du-a11y-zoom-1 { zoom: 1.1; } html.du-a11y-zoom-2 { zoom: 1.22; } html.du-a11y-zoom-3 { zoom: 1.38; }
html.du-a11y-contrast body, html.du-a11y-contrast body *:not(img):not(svg):not(video):not(path):not(circle):not(rect) { background-color: #000 !important; color: #fff !important; border-color: #fff !important; text-shadow: none !important; }
html.du-a11y-contrast body a, html.du-a11y-contrast body .wp-block-button__link, html.du-a11y-contrast body .du-btn { color: #ffff00 !important; text-decoration: underline !important; }
html.du-a11y-contrast body .du-hero::before, html.du-a11y-contrast body .du-cta::before, html.du-a11y-contrast body .du-card--v3::before, html.du-a11y-contrast body .du-split__media::before { display: none !important; }
html.du-a11y-gray body > *:not(.du-a11y):not(.du-wa-float) { filter: grayscale(1); }
html.du-a11y-links body a:not(.du-a11y__foot a) { text-decoration: underline !important; background: #ffff00 !important; color: #000 !important; }
html.du-a11y-font body, html.du-a11y-font body * { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: .02em; }
html.du-a11y-spacing body { line-height: 1.9 !important; letter-spacing: .06em; word-spacing: .14em; }
html.du-a11y-spacing body p { margin-block-end: 1.4em; }
html.du-a11y-anim *, html.du-a11y-anim *::before, html.du-a11y-anim *::after { animation: none !important; transition: none !important; }
html.du-a11y-anim { scroll-behavior: auto !important; }
html.du-a11y-cursor, html.du-a11y-cursor * { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M5 3l14 9-6 1-3 6z' fill='%23fff' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/></svg>") 4 4, auto !important; }
@media (max-width: 720px) { .du-a11y { bottom: 14px; right: 14px; } .du-a11y--left { left: 14px; right: auto; bottom: 80px; } .du-a11y__btn { width: 52px; height: 52px; } .du-a11y__grid { grid-template-columns: repeat(3, 1fr); } }
/* reading mask */
.du-a11y-band { position: fixed; left: 0; right: 0; background: rgba(0,0,0,.62); z-index: 129; pointer-events: none; }
.du-a11y-band--top { top: 0; height: 0; }
.du-a11y-band--bottom { bottom: 0; top: 50%; }
/* hide images (accessibility): photos are hidden, their blocks keep a neutral background; the logo stays */
html.du-a11y-noimg body img:not(.du-a11y img):not(.site-brand img):not(.du-endmark img), html.du-a11y-noimg body .wp-block-gallery img { visibility: hidden !important; }
html.du-a11y-noimg body .du-hero, html.du-a11y-noimg body .du-cta, html.du-a11y-noimg body .du-card--v3, html.du-a11y-noimg body .du-split__media,
html.du-a11y-noimg body .wp-block-image.du-product__img, html.du-a11y-noimg body .wp-block-image.du-article__img, html.du-a11y-noimg body .du-two__media { background: var(--du-green) !important; }
html.du-a11y-noimg body .du-card--v3::before, html.du-a11y-noimg body .du-hero::before, html.du-a11y-noimg body .du-cta::before { display: none !important; }
/* disclaimer title: regular weight */
.du-disclaimer__no { font-weight: 500; }
/* cards: the question starts on the same line in all three cards (top-aligned fixed box) */
@media (min-width: 901px) {
  .du-card--v3 .du-card__title { align-items: flex-start; min-height: 2.8em; }
  .du-card--v3 .du-card__text, .du-card--v3 p.du-card__text { min-height: 6.8em; }
}
/* coral sub-titles (hero sub line, section subtitles, product taglines): regular weight */
.du-hero__sub, p.du-hero__sub, .du-subtitle, p.du-subtitle, .du-subtitle--en, p.du-subtitle--en, p.du-product__tag, p.du-person__role, p.du-agenda__meta { font-weight: 400; }
/* poker room: location / accessibility lines */
p.du-eyebrow--lines { font-size: 15px; letter-spacing: 0; line-height: 1.7; font-weight: 400; }

/* 30. partner logos under an activity ("THE FOURTH TRIMESTER AT WORK", 2026-10-13) */
.du-partners { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px; margin-block-start: 28px; }
.du-partners .wp-block-image { margin: 0 !important; }
.du-partners img { height: 46px; width: auto !important; max-width: 220px; object-fit: contain; display: block; }
@media (max-width: 600px) { .du-partners img { height: 38px; } }
/* mobile: every activity reads text first, then its photo (2026-10-13) */
@media (max-width: 860px) { .du-activity > .wp-block-group { order: 1; } .du-activity > .du-media-frame { order: 2; } }