/* ============================================================
   RespekTurtle — Presse-Schaufenster (ganz oben auf presse.php)
   Nutzt die Tokens aus style.css
   ============================================================ */
.showcase{padding-top:4.5rem;padding-bottom:1.5rem}
.showcase__item + .showcase__item{margin-top:5rem}

.showcase__card{
  position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:3.4rem;align-items:center;
  background:linear-gradient(160deg,var(--pond-800),var(--pond-950));
  color:var(--sand);border-radius:var(--radius-lg);padding:3.2rem;
  box-shadow:var(--shadow-deep);overflow:hidden;isolation:isolate;
}
.showcase__card::before{ /* goldener Schimmer */
  content:'';position:absolute;inset:-40% -20% auto auto;width:70%;height:120%;z-index:-1;
  background:radial-gradient(closest-side,rgba(242,169,59,.26),transparent 70%);
}
.showcase__card::after{ /* feiner Goldrand */
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  border:1.5px solid rgba(242,169,59,.45);
}
@media (max-width:900px){
  .showcase__card{grid-template-columns:1fr;gap:2.2rem;padding:2rem 1.4rem}
}

/* Urkunde im Rahmen */
.showcase__frame{position:relative;max-width:440px;margin-inline:auto;width:100%}
.showcase__frame a{
  display:block;background:#fff;padding:14px;border-radius:10px;
  box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 6px rgba(242,169,59,.35);
  transform:rotate(-2deg);transition:transform .5s var(--ease-spring);
}
.showcase__frame a:hover{transform:rotate(0deg) scale(1.02)}
.showcase__frame img{display:block;width:100%;height:auto;border-radius:4px}

.showcase__tag{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--sun);color:#3a2400;font-weight:800;font-size:.8rem;
  letter-spacing:.06em;text-transform:uppercase;padding:.45rem .95rem;border-radius:999px;
  box-shadow:0 6px 18px rgba(242,169,59,.35);
}
.showcase__tag::before{content:'★'}
.showcase__title{color:var(--sand);margin:1rem 0 1.1rem;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15}
.showcase__text p{color:rgba(246,241,229,.88)}
.showcase__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}

/* Videos */
.showcase__videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.8rem;margin-top:2.6rem;scroll-margin-top:calc(var(--nav-h) + 24px)}
.showcase__video{margin:0}
.showcase__video figcaption{font-weight:700;font-size:.92rem;color:var(--ink-soft);margin-top:.7rem;text-align:center}

/* Fotostreifen */
.showcase__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-top:2rem}
.showcase__gallery a{display:block;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);background:var(--sand-2);aspect-ratio:4/3}
.showcase__gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-spring)}
.showcase__gallery a:hover img{transform:scale(1.08)}

/* Einheitlicher 16:9-Rahmen – Hochformat-Videos werden seitlich eingefasst statt riesig */
.showcase__video .video-frame video{aspect-ratio:16/9;width:100%;object-fit:contain;background:var(--pond-950)}