/*
  Width and spacing tuned to the Wix site (measured 21.10.2026):
  - Desktop: on screens wider than 1440 px Wix keeps the content in a centred 1440 px column
    (photo / video panels up to ~1494 px, footer full width). Before this, content stretched to the full screen.
  - Desktop, per section (measured at 1440 px, Wix vs here): see "Desktop alignment" below.
  - Mobile: Wix is much tighter vertically (home page ~10,150 px tall vs ~13,400 px here), so section spacing,
    long-text line height and the project cards (~485 px each on Wix vs ~770 px here) are reduced.
  Loaded after site.css in layouts/base.html.
*/
:root {
  --gutter: max(clamp(16px, 5vw, 72px), calc((100vw - 1440px) / 2 + 72px));
  --inset: max(clamp(8px, 1.25vw, 18px), calc((100vw - 1494px) / 2));
}
.site-footer { margin-inline: clamp(8px, 1.25vw, 18px); }

/* מעצמאית למנכ״לית opens with the badge paragraph, then the framed hero */
.badge-intro--first { padding-block: 56px 0; }
.badge-intro--first + .program-hero { margin-block-start: 64px; }

/* Desktop alignment with Wix, measured at 1440 px */
@media (min-width: 861px) {
  /* מעצמאית למנכ״לית hero: Wix framed panel 1256 px (92 px each side), photo (526 px) on the right, text on the left */
  .program-hero { margin-inline: max(92px, calc((100vw - 1256px) / 2)); grid-template-columns: minmax(0, 526px) minmax(0, 1fr); }
  .program-hero__media { order: 0; }
  .program-hero__text .btn--lg { min-inline-size: 0; inline-size: 414px; max-inline-size: 100%; justify-content: center; }
  /* Badge pill: Wix 596 px wide */
  .badge-intro--first .badge { padding-inline: 76px; }
  /* סטוץ פיצוח offer panel: Wix 1200 px, photo on the right */
  .program-hero--offer { margin-inline: max(120px, calc((100vw - 1200px) / 2)); grid-template-columns: minmax(0, 526px) minmax(0, 1fr); }
  /* מפצחות. בונות. מפרסמות.: Wix cards 314 px, gap 18 px */
  .steps__list { grid-template-columns: repeat(3, minmax(0, 314px)); gap: 18px; }
  /* 4 dark cards (program areas, event agendas): Wix 286 px, gap 18 px */
  .areas .glass-cards { max-inline-size: 1198px; gap: 18px; }
  /* "עם מה תצאי ?" 2×2 cards: Wix 590 px, gap 18 px */
  .glass-cards--2 { max-inline-size: 1198px; gap: 18px; }
  /* Program FAQ panel: Wix 1206 px (other pages keep the full 1296 px, as on Wix) */
  .page--program .faq { max-inline-size: 1206px; margin-inline: auto; }
  /* רומן מתמשך: process cards 487 px with gap 18, and the 1-2-3 list, sit on the left side as on Wix */
  .process__grid { grid-template-columns: repeat(2, minmax(0, 487px)); gap: 18px; justify-content: end; }
  .deliverables__list { max-inline-size: 871px; margin-inline: auto 0; }
  .deliverables__note { max-inline-size: 716px; margin-inline: auto 159px; }
  /* Project carousels: Wix card width differs per page */
  .page--roman .mini-project { flex-basis: 316px; }
  .page--stutz .mini-project { flex-basis: 309px; }
}

/* Booking page (/book/) */
.book { max-inline-size: 900px; margin-inline: auto; padding: 56px var(--gutter) 40px; text-align: center; }
.book__title { font-family: var(--font-display); font-weight: 300; font-size: clamp(36px, 4vw, 56px); line-height: 1; }
.book__text { font-family: var(--font-display); font-size: var(--fs-lead); margin-block: 18px 28px; }
.book__frame { background: var(--white); border-radius: var(--radius); overflow: hidden; }
.book__frame iframe { display: block; inline-size: 100%; block-size: 720px; border: 0; }
.book__note { margin-block-start: 18px; font-size: 16px; }

@media (max-width: 860px) {
  :root { --space-m: 20px; --space-l: 40px; --space-xl: 52px; }
  .about-me__body, .why__card p, .stay p, .life__text, .life__list p, .feel__card p,
  .steps__list .card p, .glass-card p, .faq__answer, .one-on-one__text, .roles__text { line-height: 1.45; }
  .badge-intro--first { padding-block-start: 32px; }
  .badge-intro--first + .program-hero { margin-block-start: 40px; }

  .projects-cards { padding-block: 44px 48px; }
  .projects-cards__title { margin-block-end: 32px; }
  .projects-cards__grid { gap: 14px; }
  .project-card__body { padding: 16px 16px 18px; gap: 10px; }
  .project-card__title { font-size: 22px; margin-block-end: 8px; }
  .tags { gap: 6px; }
  .tag { min-block-size: 34px; padding: 4px 14px; font-size: 14px; border-radius: 12px; }

  .book { padding-block-start: 32px; }
  .book__frame iframe { block-size: 900px; }
}