/* Kas-pagina (kas.html). Opbouw staat in css/landing.css */

/* doorlopende gradient, gespiegeld t.o.v. de B&B:
   lime langs de linkerrand, roze/oranje gloed rechts vanaf de collectie */
.page{background-image:
  radial-gradient(ellipse 16% 48% at 0 24%,rgba(218,219,20,.55),rgba(218,219,20,0)),
  radial-gradient(ellipse 34% 14% at 92% 36%,rgba(236,102,66,.22),rgba(236,102,66,0)),
  radial-gradient(ellipse 50% 34% at 100% 56%,rgba(234,102,161,.6),rgba(234,102,161,0))}

/* fotohero (opbouw in landing.css): kort woord, dus extra grote kop, lager op de foto
   zodat het dak van de kas erboven uitsteekt */
.hero.foto .bg{object-position:50% 25%}
.hero.foto h1{top:66%;font-size:clamp(72px,14vw,220px)}

/* tekst met ronde foto ernaast (Torre); op mobiel de foto boven de tekst */
.met-foto{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,28vw,400px);gap:clamp(1.5rem,4vw,60px);align-items:center}
.met-foto .body{margin-bottom:0}
.rond{width:100%;height:auto}
@media (max-width:820px){
.met-foto{grid-template-columns:minmax(0,1fr)}
.met-foto .rond{order:-1;width:min(70%,280px);margin:0 auto}
}

/* collectiekaarten met alleen foto + titel: geen vaste minimale hoogte */
.card{min-height:0}