:root{--orange:#ff4d00;--ink:#151515;--paper:#f4f3ef;--muted:#73716d;--line:#d9d7d1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a,a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a[x-apple-data-detectors],a[x-apple-data-detectors-type]{color:inherit!important;text-decoration:none!important;font:inherit!important;line-height:inherit!important}.site-header{height:94px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:block;width:230px;max-width:42vw}.brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(16px,3vw,42px);font-size:13px;font-weight:600}.site-header nav a{transition:color .2s}.site-header nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);padding:10px 15px;border-radius:30px}.hero{min-height:640px;background:var(--orange);color:#fff;padding:8vw 8vw 28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:48vw;height:48vw;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-15vw;top:2vw;pointer-events:none}.hero-mark{font-size:13px;letter-spacing:.17em;font-weight:700;margin-bottom:auto}.hero-mark span{font-weight:400;opacity:.75}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{margin:50px 0 18px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(76px,13vw,178px);line-height:.86;letter-spacing:-.085em;font-weight:600;margin:0;position:relative;z-index:1}.hero h1 em{font-style:normal;color:#191919}.hero-copy{font-size:clamp(18px,2vw,25px);margin:26px 0 28px}.button{display:inline-flex;align-items:center;gap:34px;border-radius:40px;padding:14px 20px;font-size:13px;font-weight:700}.button-light{background:#fff;color:#151515}.button-light span{font-size:18px}.hero-bottom{display:flex;gap:26px;flex-wrap:wrap;margin-top:100px;font-size:10px;letter-spacing:.13em;font-weight:700}.section{padding:105px 8vw}.section-label{color:var(--orange);margin-bottom:48px}.intro-content,.network-grid,.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw}.intro h2,.work h2,.network h2,.contact h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,5.3vw,72px);letter-spacing:-.065em;line-height:1.04;font-weight:500;margin:0}.intro h2 span,.network h2 span{color:#a5a29c}.body-copy{max-width:590px;color:#4c4a46;font-size:15px}.body-copy p:first-child{margin-top:0}.signature{padding-top:20px;margin-top:30px;border-top:1px solid var(--line);color:var(--ink)}.signature span{font-size:13px;color:var(--muted)}.work{background:#e9e7e1}.work-heading{display:grid;grid-template-columns:1fr .6fr;gap:7vw;align-items:end;margin-bottom:44px}.work-heading p{max-width:330px;color:#5c5a55;font-size:15px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.image-card{margin:0;min-width:0}.image-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.78)}.image-card figcaption{padding:14px 0 20px;font-size:13px;font-weight:600;border-bottom:1px solid #cbc8c0}.image-card figcaption span{color:var(--orange);margin-right:15px}.services{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.services span{border:1px solid #c9c6be;border-radius:30px;padding:8px 13px;font-size:12px}.network{background:#191919;color:#f5f3ee}.network .section-label{color:#ff6a2b}.network-grid{grid-template-columns:1fr 1fr}.network h2{font-size:clamp(38px,5vw,66px)}.network h2 span{color:#85837e}.network .body-copy{color:#c2c0ba}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:8px;font-weight:600;font-size:14px;margin-top:15px}.contact{background:var(--orange);color:#fff}.contact .section-label{color:#54200b}.contact-grid{align-items:start}.contact h2{font-size:clamp(54px,8vw,100px)}.contact-details{padding-top:8px}.contact-details .eyebrow{opacity:.75}.email-link{font-size:clamp(22px,3vw,36px);font-weight:600;letter-spacing:-.04em;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:10px;display:inline-block}.small-note{font-size:11px;opacity:.8;margin:12px 0 32px}footer{padding:35px 8vw 25px;background:#111;color:#f5f3ee;display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:20px;font-size:11px}footer p{margin:0;color:#aaa}.footer-brand{font-weight:800;letter-spacing:.1em;font-size:14px}.footer-brand span{font-weight:400;display:block;font-size:9px;letter-spacing:.18em}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--orange)}.copyright{grid-column:1/-1;padding-top:20px;border-top:1px solid #383838}
@media(max-width:760px){.site-header{height:auto;min-height:80px;padding:20px 6vw;align-items:flex-start;flex-direction:column;gap:15px}.brand{width:190px;max-width:75vw}.site-header nav{width:100%;gap:16px;flex-wrap:wrap;font-size:12px}.nav-contact{padding:6px 11px}.hero{min-height:600px;padding:13vw 7vw 24px}.hero h1{font-size:clamp(68px,17vw,120px)}.hero-bottom{margin-top:70px;gap:12px 18px}.section{padding:70px 7vw}.section-label{margin-bottom:30px}.intro-content,.network-grid,.contact-grid,.work-heading{grid-template-columns:1fr;gap:28px}.intro h2,.work h2,.network h2{font-size:clamp(38px,10vw,60px)}.image-grid{grid-template-columns:1fr}.work-heading{margin-bottom:25px}.contact h2{font-size:clamp(56px,13vw,86px)}footer{grid-template-columns:1fr;gap:13px;padding:30px 7vw}.copyright{grid-column:auto}.hero:after{width:85vw;height:85vw;right:-40vw;top:20vw}}


/* Brand statement */
.hero-tagline {
  margin: 1.1rem 0 1.6rem;
  max-width: 32rem;
  font-size: 0.78rem;
  line-height: 1.6;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.82;
}

/* Compact emblem-only header mark */
.site-header .brand-signet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 3.25rem;
}
.site-header .brand-signet img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* Prominent IMDb navigation link */
.site-header .nav-imdb {
  border-bottom: 1px solid var(--orange);
  padding-bottom: 5px;
}
.contact-form {
  display: grid;
  gap: 9px;
  margin-top: 28px;
  max-width: 34rem;
}
.contact-form label {
  font-size: 12px;
  font-weight: 600;
  margin-top: 8px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 2px;
  padding: 12px 13px;
  color: #191919;
  background: #fff8f3;
  font: inherit;
  font-size: 14px;
}
.contact-form textarea {
  resize: vertical;
}
.contact-form .button-dark {
  margin-top: 10px;
  border: 0;
  background: #191919;
  color: #fff;
  justify-self: start;
  cursor: pointer;
}
.contact-form .form-note {
  margin-bottom: 0;
}


/* Reuse the black circular RuhrSound signet consistently on every page */
.site-header .brand-signet,
footer .footer-signet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 3.25rem;
}
.site-header .brand-signet img,
footer .footer-signet img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.legal-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 80px 8vw 110px;
  min-height: 55vh;
}
.legal-content h1 {
  font-size: clamp(42px, 7vw, 76px);
  margin-bottom: 28px;
}
.legal-content h2 {
  font-size: 20px;
  margin-bottom: 18px;
}
.legal-content p {
  line-height: 1.8;
}


/* Stronger RuhrSound Studios identity above the hero headline */
.hero .hero-mark {
  font-size: clamp(1.15rem, 2.2vw, 1.7rem);
  letter-spacing: 0.16em;
  font-weight: 800;
  margin-bottom: 2rem;
}
.hero .hero-mark span {
  font-size: 0.62em;
  letter-spacing: 0.22em;
  margin-left: 0.35em;
  font-weight: 500;
}


/* Tighten the Work section's top spacing so the headline follows About more naturally */
.work.section {
  padding-top: clamp(42px, 5vw, 68px);
}
.work .section-label {
  margin-bottom: 18px;
}
.work .work-heading {
  margin-top: 0;
}

/* Final alignment: keep the Work headline visually close to section 02. */
.work.section { padding-top: clamp(34px, 3.8vw, 52px) !important; }
.work .section-label { margin-bottom: 8px !important; }
.work .work-heading { margin-top: 0 !important; padding-top: 0 !important; }
.work .work-heading h2 { margin-top: 0 !important; align-self: start; }
.language-switch { margin-left: 4px; font-size: 11px; letter-spacing: .08em; white-space: nowrap; }
.language-switch a { text-decoration: none; }
.language-switch .current { color: var(--orange); font-weight: 800; }
@media (max-width: 760px) { .language-switch { margin-left: 0; } }

/* iPhone/Safari: keep every link and action in the site's restrained visual style */
a, a:link, a:visited, a:hover, a:active, a:focus,
button, button:hover, button:focus, button:active {
  color: inherit;
  text-decoration: none !important;
  -webkit-text-decoration: none !important;
  -webkit-appearance: none;
  appearance: none;
  outline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
}
.site-header .nav-imdb {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-weight: 600;
}
.site-header .nav-contact {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}
.button-light {
  background: #fff !important;
  color: #151515 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 40px;
}
.text-link {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.contact-form .button-dark {
  background: #191919 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 40px;
  box-shadow: none !important;
}


/* Final mobile polish: use plain text arrows, never emoji-style external-link icons. */
.site-header a, .button, .text-link, .email-link, .contact-form button {
  color: inherit; text-decoration: none !important; -webkit-text-decoration: none !important;
}
.site-header a span, .button span, .text-link span {
  font-family: Arial, Helvetica, sans-serif; font-variant-emoji: text;
}