/* WDD About */
.wdd-about-page { background: var(--color-background); }
.wdd-about-belief-band { background: #f4f1ec; padding: 42px 24px 46px; }
.wdd-about-belief-inner { max-width: 820px; margin: 0 auto; text-align: center; }
.wdd-about-belief-inner h1 { font-family: var(--font-serif); font-weight: 400; line-height: 1.08; font-size: clamp(1.8rem,3vw,2.55rem); margin: 0 0 12px; }
.wdd-about-belief-inner p:last-child { color: rgba(63,59,54,.72); max-width: 720px; margin: 0 auto; }
.wdd-about-kicker { font-family: var(--font-serif); text-transform: uppercase; letter-spacing: .16em; font-size: .7rem; margin: 0 0 8px; color: rgba(63,59,54,.62); }

.wdd-about-hero { padding: 56px 24px 60px; border-bottom: 1px solid rgba(63,59,54,.08); }
.wdd-about-hero-grid { max-width: 1060px; margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; align-items: center; }
.wdd-about-portrait-wrap { max-width: 420px; }
.wdd-about-portrait { width: 100%; display: block; aspect-ratio: 4/5; object-fit: cover; border-radius: 34px; }
.wdd-about-hero-copy h2 { font-family: var(--font-serif); font-weight: 400; font-size: clamp(2rem,3.5vw,3rem); line-height: 1.05; margin: 0 0 16px; text-transform: uppercase; }
.wdd-about-hero-copy p { max-width: 650px; color: rgba(63,59,54,.76); font-size: 1.12rem; line-height: 1.65; }
.wdd-about-lede { font-size: inherit; line-height: inherit; }

.wdd-about-story { padding: 62px 24px 64px; }
.wdd-about-story:nth-of-type(even) { background: transparent; }
.wdd-about-journey { background: #f4f1ec; }
.wdd-about-origin-story { background: #fbfaf7; }
.wdd-about-magic-story { background: #eef1eb; }
.wdd-about-share { background: #fbfaf7; }
.wdd-about-notes { background: #f1edf4; }
.wdd-about-story-inner { max-width: 820px; margin: 0 auto; }
.wdd-about-story h2, .wdd-about-cta-inner h2, .wdd-about-notes h2 { font-family: var(--font-serif); font-weight: 400; line-height: 1.1; text-transform: uppercase; }
.wdd-about-story h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); margin: 0 0 22px; }
.wdd-about-story-copy p { color: rgba(63,59,54,.76); margin: 0 0 18px; }

.wdd-about-origin-story .wdd-about-story-inner { max-width: 1080px; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(220px, .7fr); column-gap: 48px; align-items: start; }
.wdd-about-origin-story h2 { grid-column: 1; }
.wdd-about-origin-story .wdd-about-story-copy { grid-column: 1; }
.wdd-about-origin-image-wrap { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.wdd-about-origin-image { width: 100%; display: block; height: auto; border-radius: 24px; }

.wdd-about-share { background: #fbfaf7; text-align: left; }
.wdd-about-share .wdd-about-story-inner { max-width: 900px; margin: 0 auto; }
.wdd-about-share h2 { font-family: "Cinzel", serif; font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 400; line-height: 1.1; text-transform: uppercase; margin: 0 0 22px; }
.wdd-about-share .wdd-about-story-copy { max-width: 820px; margin: 0; }
.wdd-about-share .wdd-about-story-copy p { max-width: 820px; }

.wdd-about-notes { padding: 58px 24px 54px; background: #f1edf4; }
.wdd-about-notes h2 { font-size: clamp(1.7rem,3vw,2.5rem); color: #aa93be; text-align: center; margin: 0 0 28px; }
.wdd-about-notes-list { max-width: 760px; margin: 0 auto; }
.wdd-about-notes-list p { margin: 0 0 14px; text-align: center; color: rgba(63,59,54,.8); }

.wdd-about-journey { background: #f4f1ec; }
.wdd-about-journey-grid { max-width: 1060px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.wdd-about-journey-copy { min-width: 0; }
.wdd-about-memory-image-wrap { max-width: 420px; margin: 0 auto; }
.wdd-about-memory-image { width: 100%; display: block; height: auto; border-radius: 28px; }

.wdd-about-cta { background: #fbfaf7; padding: 58px 24px 64px; }
.wdd-about-cta-inner { max-width: 760px; margin: 0 auto; text-align: center; border: 1px solid rgba(63,59,54,.10); padding: 38px 28px 40px; background: #ffffff; border-radius: 24px; }
.wdd-about-cta-inner h2 { font-size: clamp(2rem,3.3vw,2.85rem); margin: 0 0 24px; }

@media (max-width: 800px) {
  .wdd-about-belief-band { padding: 34px 20px 38px; }
  .wdd-about-hero { padding: 38px 20px 44px; }
  .wdd-about-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .wdd-about-portrait-wrap { max-width: 360px; margin: 0 auto; }
  .wdd-about-hero-copy { text-align: center; }
  .wdd-about-hero-copy p { margin-left: auto; margin-right: auto; }
  .wdd-about-story, .wdd-about-notes { padding-left: 22px; padding-right: 22px; }
  .wdd-about-journey-grid { grid-template-columns: 1fr; gap: 28px; }
  .wdd-about-memory-image-wrap { max-width: 360px; }
  .wdd-about-story h2 { font-size: clamp(1.8rem,8vw,2.55rem); }
  .wdd-about-origin-story .wdd-about-story-inner { grid-template-columns: 1fr; }
  .wdd-about-origin-story h2, .wdd-about-origin-story .wdd-about-story-copy, .wdd-about-origin-image-wrap { grid-column: 1; grid-row: auto; }
  .wdd-about-origin-image-wrap { max-width: 320px; margin: 10px auto 0; }
}