/* Hero og skiftende eksempler */
.sks .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(16px,2.5vw,32px) 28px}
.sks .hero .intro.hero-text{padding:0;max-width:none}
.sks .hero .intro h1{font-size:clamp(42px,5.6vw,74px)}
.sks .rot{position:relative}
.sks .rot-slides{display:grid}
.sks .rot-slide{grid-area:1/1;margin:0;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.sks .rot-slide.is-on{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s}
.sks .rot-photo{overflow:hidden;background:var(--sunk)}
.sks .rot-img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;max-width:none}
.sks .rot-slide figcaption{display:grid;gap:6px;align-content:start;padding:18px 20px 20px;font-size:15px}
.sks .rot-slide figcaption b{font-family:var(--f-display,inherit);font-size:19px;letter-spacing:-.01em}
.sks .rot-desc{color:var(--muted)}
.sks .rot-btn{justify-self:start;margin-top:8px;text-decoration:none;display:inline-flex;align-items:center;min-height:42px;padding:10px 16px}
.sks .rot-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.sks .rot-dots button{width:9px;height:9px;min-height:0;padding:0;border-radius:50%;border:0;background:var(--line);cursor:pointer}
.sks .rot-dots button[aria-current]{background:var(--ink);width:22px;border-radius:5px}
.sks .rot-dots button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
/* Bred udgave under Inspiration: foto og tekst side om side */
.sks .rot-wide{margin-bottom:14px}
.sks .rot-wide .rot-slide{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:none}
.sks .rot-wide .rot-photo,.sks .rot-wide .rot-img{height:100%}
.sks .rot-wide figcaption{align-content:center;padding:24px}
@media (max-width:860px){
  .sks .hero{grid-template-columns:1fr;padding-top:28px}
  .sks .rot-wide .rot-slide{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.sks .rot-slide,.sks .rot-slide.is-on{transition:none}}