/* The real studio remains the evidence; imagined architecture connects the story. */
html { scroll-padding-top:35px; }
body,main { background:transparent; }
.site-header { position:relative; inset:auto; margin:18px 3vw 0; padding:18px 25px; border:1px solid white; border-radius:24px; background:#fffffff0; box-shadow:0 10px 30px #135f9814; }
.hero { direction:ltr; min-height:780px; padding:70px 6vw 90px; background:linear-gradient(90deg,#f6fbffec,#f6fbffbb 45%,#f6fbff33); overflow:visible; }
html[lang="ar"] .hero-content { direction:rtl; }
.hero-content,html[lang="fr"] .hero-content { position:relative; z-index:2; }
.studio-hero-media { border:0; aspect-ratio:.92; border-radius:16px; box-shadow:0 35px 65px #176bbd26,0 0 0 10px #ffffff85; transform:translateY(var(--journey-drift)); transition:transform .4s ease-out; }
h1,html[lang="fr"] h1 { font-size:clamp(2.9rem,5vw,5.4rem); }
html[lang="ar"] h1 { line-height:1.4; }
.trust-band { padding-block:35px; border:0; background:linear-gradient(180deg,#f5fbff11,#f5fbfff0 50%,#f5fbff); }
.brand-divider { display:none; }
.section { padding:100px 6vw; background:linear-gradient(180deg,#f5fbff,#f5fbffe6 35%,#f5fbffe6 80%,#f5fbff); border:0; border-radius:0; }
.formats-grid { gap:32px; }
.format-card { border:0; border-radius:0; background:none; box-shadow:none; overflow:visible; }
.format-card img { border-radius:16px; box-shadow:0 20px 35px #176bbd1f; }
.format-body { padding:25px 0; }
.studio-journey-passage { position:relative; min-height:85svh; padding:10vh 7vw; display:flex; align-items:center; justify-content:flex-end; direction:ltr; background:linear-gradient(180deg,#f5fbff,#f5fbff00 22%,#f5fbff00 72%,#f5fbff); }
.studio-journey-passage>div { position:relative; isolation:isolate; width:43%; max-width:650px; transform:translateY(var(--journey-drift)); }
.studio-journey-passage>div::before { content:""; position:absolute; z-index:-1; inset:-50px -5vw; background:radial-gradient(ellipse,#f7fcfff5 15%,#f7fcffbc 46%,#f7fcff00 72%); }
html[lang="ar"] .studio-journey-passage>div { direction:rtl; }
.studio-journey-passage h2 { margin:15px 0 25px; font-size:clamp(3rem,5.6vw,5.7rem); line-height:1.16; letter-spacing:-.04em; }
html[lang="ar"] .studio-journey-passage h2 { line-height:1.45; letter-spacing:0; }
.studio-journey-passage h2 em { color:#0074de; font-style:normal; }
.studio-journey-passage p:not(.kicker) { color:#42637d; max-width:520px; font-size:1.125rem; line-height:1.85; }
.studio-journey-passage .text-link { display:inline-flex; margin-top:22px; }
.set-section { padding-bottom:115px; }
.studio-tour { border:8px solid #fff; border-radius:28px; box-shadow:0 30px 65px #176bbd24; }
.steps { gap:35px; }
.steps li { background:none; border:0; border-top:1px solid #a2c8e2; border-radius:0; padding:30px 0; }
.steps b { color:#0085fa; font-size:2.5rem; font-weight:400; }
.package-section { padding-top:70px; }
.packages { gap:35px; }
.package,.package.accent { border:0; border-top:2px solid #91c8ee; box-shadow:none; border-radius:0; background:#f7fcffb0; padding:30px 24px; }
.package.accent { border-top-color:#0085fa; background:#e7f5ffbd; }
.proof-video { border:0; border-radius:16px; box-shadow:0 25px 50px #176bbd24; }
.booking { padding:110px 6vw; border:0; background:linear-gradient(180deg,#f5fbff,#f5fbffb3 40%,#f5fbffde 80%,#f5fbff); }
.booking form { border:1px solid white; border-radius:30px; background:#ffffffed; }
footer { background:#ffffffec; }
html[data-journey="ready"][data-journey-motion="on"] [data-journey-reveal].journey-pending { opacity:0; transform:translateY(25px); transition:opacity .85s ease,transform 1s ease; }
html[data-journey="ready"][data-journey-motion="on"] [data-journey-reveal].journey-revealed { opacity:1; transform:none; }
@media(max-width:1000px) {
  .hero { grid-template-columns:1fr; padding-block:70px; min-height:0; }
  .hero-content,html[lang="fr"] .hero-content { max-width:720px; }
  .studio-hero-media { max-width:600px; width:85%; aspect-ratio:1.25; margin-top:25px; }
  .studio-journey-passage>div { width:48%; }
  .studio-journey-passage h2 { font-size:3.3rem; }
}
@media(max-width:760px) {
  .site-header { margin:10px 12px 0; padding:18px 15px; border-radius:20px; }
  .hero { padding:45px 24px 65px; gap:30px; background:linear-gradient(180deg,#f6fbffe6,#f6fbff88); }
  h1,html[lang="fr"] h1 { font-size:clamp(2.6rem,9.5vw,3.7rem); }
  .studio-hero-media { width:100%; aspect-ratio:1.1; box-shadow:0 25px 40px #176bbd22,0 0 0 6px #fff9; }
  .section,.booking { padding:70px 24px; }
  .studio-journey-passage { align-items:flex-end; padding:42svh 24px 70px; min-height:90svh; }
  .studio-journey-passage>div { width:100%; }
  .studio-journey-passage>div::before { inset:-40px -24px -70px; background:linear-gradient(180deg,#f5fbff00,#f5fbffed 15%,#f5fbfffa 50%,#f5fbff); }
  .studio-journey-passage h2 { font-size:clamp(2.7rem,10vw,4rem); }
  .studio-journey-passage p:not(.kicker) { font-size:1rem; }
  .studio-tour { border-width:4px; border-radius:20px; }
  .packages { gap:25px; }
  .package,.package.accent { padding:28px 20px; }
  .steps { gap:0; }
  .booking form { padding:25px 20px; }
}
@media(prefers-reduced-motion:reduce) {
  [data-journey-depth],[data-journey-reveal] { transform:none!important; transition:none!important; opacity:1!important; }
}

/* Match the continuous surfaces and rectangular media of the main site. */
.hero { background:linear-gradient(180deg,#f5fbff00,#f5fbffb8 25%,#f5fbffad 75%,#f5fbff00); }
.section,.booking,.trust-band { background:linear-gradient(180deg,#f5fbff00,#f5fbffed 18%,#f5fbfff2 55%,#f5fbffed 82%,#f5fbff00); }
.studio-journey-passage { background:transparent; }
.studio-hero-media,.proof-video,.format-card img { border-radius:16px; box-shadow:0 20px 45px #176bbd1c; }
.studio-hero-media { aspect-ratio:1.45; border:0; }
.studio-tour { border-radius:16px; }
@media(max-width:760px) {
  .hero { background:linear-gradient(180deg,#f5fbff00,#f5fbffda 20%,#f5fbffbd 75%,#f5fbff00); }
  .studio-hero-media { aspect-ratio:1.35; }
}

/* Foreground photos stay anchored while the scenery blends behind them. */
[data-journey-depth] { transform:none; transition:none; }
[data-journey-reveal] { transition:opacity .65s ease,transform .65s ease; }

/* A real recording, with playback kept off the landing page's initial load. */
.podcast-sample .podcast-studio-photo { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:16px; box-shadow:0 20px 45px #176bbd1c; }
.podcast-sample .button { height:auto; white-space:normal; text-align:center; }
.podcast-sample small { color:#42637d; }