/* ============================================================
   tea.school — stock photo URLs (Unsplash)
   All URLs are real tea/ceremony photography from Unsplash CDN.
   Replace with proprietary photography when available.
   ============================================================ */

:root {
  /* Heroes / large editorial */
  --ph-hero:        url("https://images.unsplash.com/photo-1576092768241-dec231879fc3?w=1400&q=80&fit=crop");
  --ph-hero-wide:   url("https://images.unsplash.com/photo-1564890369478-c89ca6d9cde9?w=2100&q=80&fit=crop");
  --ph-cohort:      url("https://images.unsplash.com/photo-1597318181409-cf64d0b5d8a2?w=1200&q=80&fit=crop");

  /* Specialty fields */
  --ph-puerh:       url("https://images.unsplash.com/photo-1517070208541-6ddc4d3efbcb?w=900&q=80&fit=crop");
  --ph-yancha:      url("https://images.unsplash.com/photo-1556881286-fc6915169721?w=900&q=80&fit=crop");
  --ph-water:       url("https://images.unsplash.com/photo-1545665225-b23b99e4d45e?w=900&q=80&fit=crop");
  --ph-green:       url("https://images.unsplash.com/photo-1571687949921-1306bfb24b72?w=900&q=80&fit=crop");

  /* Course stills */
  --ph-brew101:     url("https://images.unsplash.com/photo-1545665225-b23b99e4d45e?w=900&q=80&fit=crop");
  --ph-gaiwan:      url("https://images.unsplash.com/photo-1576092768241-dec231879fc3?w=900&q=80&fit=crop");
  --ph-sheng-shou:  url("https://images.unsplash.com/photo-1517070208541-6ddc4d3efbcb?w=900&q=80&fit=crop");
  --ph-rockrhyme:   url("https://images.unsplash.com/photo-1556881286-fc6915169721?w=900&q=80&fit=crop");
  --ph-longjing:    url("https://images.unsplash.com/photo-1571687949921-1306bfb24b72?w=900&q=80&fit=crop");
  --ph-sommelier:   url("https://images.unsplash.com/photo-1531168556467-80aace0d0144?w=900&q=80&fit=crop");

  /* Lesson runner */
  --ph-lesson:      url("https://images.unsplash.com/photo-1545665225-b23b99e4d45e?w=1200&q=80&fit=crop");

  /* Instructor portraits (3:4 ratio) */
  --ph-viktor:      url("https://images.unsplash.com/photo-1544787219-7f47ccb76574?w=600&q=80&fit=crop");
  --ph-amgalan:     url("https://images.unsplash.com/photo-1551103782-8ab07afd45c1?w=600&q=80&fit=crop");
  --ph-mei:         url("https://images.unsplash.com/photo-1597481499750-3e6b22637e12?w=600&q=80&fit=crop");
  --ph-jiro:        url("https://images.unsplash.com/photo-1531168556467-80aace0d0144?w=600&q=80&fit=crop");
  --ph-yan:         url("https://images.unsplash.com/photo-1571687949921-1306bfb24b72?w=600&q=80&fit=crop");
  --ph-chen:        url("https://images.unsplash.com/photo-1544787219-7f47ccb76574?w=600&q=80&fit=crop");
  --ph-tanaka:      url("https://images.unsplash.com/photo-1551103782-8ab07afd45c1?w=600&q=80&fit=crop");
  --ph-ferrer:      url("https://images.unsplash.com/photo-1597481499750-3e6b22637e12?w=600&q=80&fit=crop");
}

/* Photo block — replaces .ts-ph placeholder with real bg-image */
.ts-photo {
  position: relative;
  background-color: var(--bg-tonal);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.ts-photo--hero       { background-image: var(--ph-hero); }
.ts-photo--hero-wide  { background-image: var(--ph-hero-wide); }
.ts-photo--cohort     { background-image: var(--ph-cohort); }
.ts-photo--puerh      { background-image: var(--ph-puerh); }
.ts-photo--yancha     { background-image: var(--ph-yancha); }
.ts-photo--water      { background-image: var(--ph-water); }
.ts-photo--green      { background-image: var(--ph-green); }

.ts-photo--brew101    { background-image: var(--ph-brew101); }
.ts-photo--gaiwan     { background-image: var(--ph-gaiwan); }
.ts-photo--sheng-shou { background-image: var(--ph-sheng-shou); }
.ts-photo--rockrhyme  { background-image: var(--ph-rockrhyme); }
.ts-photo--longjing   { background-image: var(--ph-longjing); }
.ts-photo--sommelier  { background-image: var(--ph-sommelier); }

.ts-photo--lesson     { background-image: var(--ph-lesson); }

.ts-photo--viktor     { background-image: var(--ph-viktor); }
.ts-photo--amgalan    { background-image: var(--ph-amgalan); }
.ts-photo--mei        { background-image: var(--ph-mei); }
.ts-photo--jiro       { background-image: var(--ph-jiro); }
.ts-photo--yan        { background-image: var(--ph-yan); }
.ts-photo--chen       { background-image: var(--ph-chen); }
.ts-photo--tanaka     { background-image: var(--ph-tanaka); }
.ts-photo--ferrer     { background-image: var(--ph-ferrer); }