/*
Theme Name: RTHR - Productions
Description: Musikproduktion mit analogem Studio-Look und fließenden Bildübergängen.
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: rthr-productions
*/
html { scroll-behavior: smooth; }
body { margin: 0; }
.wp-site-blocks > * { margin-block: 0; }
.rthr-header, .rthr-footer { padding: 1.25rem clamp(1.25rem, 5vw, 5rem); }
.rthr-header { position: relative; z-index: 1; background: #100f0e; }
.rthr-header a { text-decoration: none; }
.rthr-hero, .rthr-scene { margin: 0; }
.rthr-hero {
  min-height: clamp(26rem, 58vw, 45rem);
  display: grid;
  place-items: center;
  background: linear-gradient(180deg,#100f0e 0%,#100f0e18 18%,#100f0e24 58%,#100f0e 100%), url(assets/studio.webp) center 55% / cover no-repeat;
  padding: 3rem 1rem 6rem;
  box-sizing: border-box;
}
.rthr-brand {
  width: min(68vw, 42rem);
  aspect-ratio: 1551 / 724;
  background: url(assets/logo.webp) center / contain no-repeat;
  color: transparent;
  font-size: 0;
}
.rthr-scene {
  min-height: 25rem;
  display: flex;
  align-items: center;
  position: relative;
  isolation: isolate;
  margin-top: -3rem;
  padding: 5.5rem clamp(1.25rem, 7vw, 7rem);
  box-sizing: border-box;
}
.rthr-scene::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 31%;
  background: linear-gradient(90deg,#100f0e,#100f0e00 72%),linear-gradient(180deg,#100f0e 0%,#100f0e00 28%,#100f0e00 66%,#100f0e 100%),var(--scene) center right / cover no-repeat;
  pointer-events: none;
}
.rthr-production { --scene: url(assets/patchbay.webp); }
.rthr-project { --scene: url(assets/gitarre.webp); }
.rthr-copy { max-width: 36rem; text-shadow: 0 2px 14px #000; }
.rthr-copy h2, .rthr-contact h2 { font-size: clamp(2.15rem, 5.6vw, 5rem); letter-spacing: -.045em; line-height: 1.05; margin: 0 0 .65rem; }
.rthr-subtitle { font-family: Georgia, serif; font-style: italic; font-size: clamp(1.2rem, 3vw, 2rem); margin: 0; }
.rthr-link, .rthr-copy summary, .rthr-contact a { color: #f2ae76; }
.rthr-copy summary { cursor: pointer; width: fit-content; }
.rthr-copy details { margin-top: 1.4rem; }
.rthr-contact { padding: 5rem 1.25rem; text-align: center; background: radial-gradient(ellipse at 50% 100%,#2d1d14,transparent 70%); }
.rthr-content { max-width: 72rem; margin-inline: auto; padding: 2rem 1.25rem 4rem; }
a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid #f2ae76; outline-offset: 5px; }
@media (max-width: 650px) {
  .rthr-hero { min-height: 25rem; }
  .rthr-scene { min-height: 24rem; align-items: flex-end; padding-block: 4rem; }
  .rthr-scene::before { inset: 0; background: linear-gradient(180deg,#100f0e 0%,#100f0e28 28%,#100f0ed9 70%,#100f0e 100%),var(--scene) center / cover no-repeat; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.rthr-project-title { margin: 1.35rem 0 .2rem; font-size: clamp(1.45rem, 3vw, 2.5rem); line-height: 1.15; }