/* ==========================================================================
   Fiche porte Tha Phae. Chargée par cette fiche seulement, après place.css et
   story.css, dont elle reprend les chapitres, les photos annotées, la
   chronique compacte, la paire jour/nuit et les panneaux.

   Deux teintes locales, tirées de la porte et réservées à leurs blocs :
   - la brique cuite de la porte, plus rouge que celle du Wat Chedi Luang
     (filets, dates de la chronique, appels de note) : 6,8:1 sur blanc,
     6,2:1 sur la brume, elle porte du texte ;
   - la brique à l'ombre, brun très sombre, pour le voile de l'ouverture. Le
     voile bleu nuit des autres fiches refroidissait la brique jusqu'au
     violet ; celui-ci garde sa couleur à la photo.
   Le reste est la palette du site.
   ========================================================================== */
:root {
  --c-brick: #9A3F1C;
  --c-brick-soft: #F4E9E1;
}

/* --- Ouverture ---------------------------------------------------------------
   Deux photos, une seule téléchargée par écran (source « wide » du <picture>).
   Sous 1024 px, la verticale du battant et de la plaque ; dès 1024 px, la même
   scène en 16/9. Le cadre du hero est plus large que 16/9 : le point de
   cadrage (clé leadFocus) garde le haut, les merlons et la plaque, et rogne
   le dallage à l'ombre. Le voile ne couvre que le bas et la gauche, là où est
   le texte ; la plaque, à droite, reste dans sa lumière. */
@media (min-width: 768px) {
  .hero--tha-phae-gate.hero--shot::after {
    background:
      linear-gradient(180deg, rgba(43,22,14,0) 0%, rgba(43,22,14,0) 44%, rgba(43,22,14,.74) 100%),
      linear-gradient(90deg, rgba(43,22,14,.76) 0%, rgba(43,22,14,.44) 40%, rgba(43,22,14,0) 62%);
  }
}
@media (max-width: 767px) {
  .hero--tha-phae-gate.hero--shot::after {
    background: linear-gradient(180deg, rgba(43,22,14,0) 0%, rgba(43,22,14,.08) 36%,
                rgba(43,22,14,.62) 52%, rgba(43,22,14,.88) 70%, rgba(43,22,14,.96) 100%);
  }
}
.hero--tha-phae-gate .place-title__name,
.hero--tha-phae-gate .place-title__tag,
.hero--tha-phae-gate .eyebrow { text-shadow: 0 1px 2px rgba(43,22,14,.75), 0 0 22px rgba(43,22,14,.5); }