/* ═══════════ Seite: Unser Studio ═══════════ */

.shead{padding-block:clamp(120px,14vw,170px) clamp(34px,5vw,54px);text-align:center}
.shead__in{max-width:720px;margin-inline:auto}
.shead__p{
  font-size:clamp(1.02rem,1.4vw,1.14rem);color:var(--ink-2);
  max-width:56ch;margin:0 auto;
}
.shead__p--klein{margin-top:1rem;font-size:.98rem;color:var(--ink-3)}

.sgal{padding-block:0 clamp(60px,8vw,110px)}
.sgal__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,1.8vw,20px);
}
.sgal__item{
  margin:0;position:relative;overflow:hidden;border-radius:20px;
  background:var(--linen);
}
.sgal__item--gross{grid-column:span 3}
.sgal__item img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;display:block;transition:transform 1.1s var(--e-out)}
.sgal__item--gross img{aspect-ratio:16/9}
.sgal__item:hover img{transform:scale(1.04)}
.sgal__item figcaption{
  position:absolute;left:12px;right:12px;bottom:12px;
  background:rgba(253,250,246,.93);backdrop-filter:blur(8px);
  border:1px solid var(--gline);border-radius:12px;
  padding:.6rem .9rem;font-size:.86rem;color:var(--ink-2);text-align:center;
}

.sfind{padding-block:0 clamp(60px,8vw,110px)}
.sfind__box{
  display:grid;grid-template-columns:1.15fr .85fr;
  gap:clamp(24px,4vw,52px);align-items:center;
  padding:clamp(26px,4vw,50px);border-radius:24px;
  background:var(--milk);border:1px solid var(--gline);
}
.sfind__txt p{color:var(--ink-2);margin-bottom:1.4rem}
.sfind__hours{border:1px solid var(--gline);border-radius:18px;overflow:hidden;background:var(--paper)}
.sfind__hours h3{
  font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-3);
  padding:1rem 1.3rem;border-bottom:1px solid var(--gline);background:var(--milk);
}
.sfind__hours dl{display:grid;grid-template-columns:1fr auto;padding:.3rem 1.3rem 1rem}
.sfind__hours dt,.sfind__hours dd{padding:.55rem 0;font-size:.96rem;border-bottom:1px solid rgba(160,123,78,.12)}
.sfind__hours dt{color:var(--ink-2)}
.sfind__hours dd{text-align:right;color:var(--ink);font-weight:500}
.sfind__hours dd.soft{color:var(--g3)}
.sfind__hours dd.off{color:var(--ink-4);font-weight:400}
.sfind__hours dl > :nth-last-child(-n+2){border-bottom:0}

@media (max-width:860px){
  .sgal__grid{grid-template-columns:1fr 1fr}
  .sgal__item--gross{grid-column:span 2}
  .sfind__box{grid-template-columns:1fr}
}
@media (max-width:560px){
  .sgal__grid{grid-template-columns:1fr}
  .sgal__item--gross{grid-column:span 1}
  .sgal__item--gross img{aspect-ratio:4/3}
}