/* Fotografie vpravo s plynulým přechodem do krémového pozadí. */
.hero { grid-template-columns:46% 54%; position:relative; isolation:isolate; }
.hero-picture { grid-column:2; grid-row:1; margin-left:-125px; z-index:-1; }
.hero-picture::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to right,var(--paper) 0%,rgba(250,249,245,.65) 18%,rgba(250,249,245,.14) 38%,transparent 52%); }
.hero-copy { grid-column:1; grid-row:1; }
.hero-picture>img { object-position:50% 65%; }
.photo-caption { z-index:1; }

@media(max-width:1000px) and (min-width:701px) { .hero-picture { margin-left:-95px; } }
@media(max-width:700px) { .hero { grid-template-columns:1fr; } .hero-copy { grid-column:1; grid-row:1; } .hero-picture { grid-column:1; grid-row:2; margin-left:0; z-index:0; } .hero-picture::after { background:linear-gradient(to bottom,var(--paper),rgba(250,249,245,.25) 18%,transparent 36%); } }

/* Databázové upoutávky zachovávají společnou kompozici hero. */
.home-hero { position:relative; }
.home-hero-slides { display:grid; grid-template-columns:minmax(0,1fr); }
.home-hero .hero-slide { grid-area:1 / 1; align-self:stretch; margin-top:0; margin-bottom:0; visibility:hidden; opacity:0; pointer-events:none; transition:opacity .45s ease; }
.home-hero .hero-slide.is-active { visibility:visible; opacity:1; pointer-events:auto; }
.home-hero .intro p:last-child { margin-bottom:0; }
.hero-controls { position:absolute; left:var(--page-gutter); bottom:auto; z-index:2; display:flex; align-items:center; gap:8px; padding:4px 8px; background:rgba(250,249,245,.92); color:var(--sage); }
.hero-controls[hidden] { display:none; }
.hero-controls button { font:inherit; font-size:11px; color:var(--sage); border:0; background:transparent; padding:6px 8px; min-height:32px; cursor:pointer; }
.hero-controls button:hover { color:var(--ink); background:var(--soft); }
.hero-controls button:focus-visible { outline:2px solid var(--sage); outline-offset:3px; }
.hero-counter { font-size:12px; min-width:35px; text-align:center; }
.hero-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { .home-hero .hero-slide { transition:none; } }

@media(max-width:700px) { .hero-controls { left:calc(var(--page-gutter) + 8px); gap:4px; padding:3px 6px; } }

@media(min-width:1100px) { .hero-description { display:flex; align-items:center; gap:32px; width:600px; } .hero-description .intro { flex:1; min-width:0; margin-bottom:0; } .hero-description .button { flex:none; white-space:nowrap; } }

.home-hero.has-hero-controls .hero-copy { padding-bottom:70px; }

@media(min-width:701px) { .home-hero .hero-slide { min-height:0; } }