/* A readable, conversion-focused layer over the existing bright Fez world. */
.hero {background:linear-gradient(180deg,#f5fbffb8,#f5fbffef 40%,#f5fbffdc 82%,#f5fbff00);min-height:700px}
.hero-content {max-width:750px}
.hero-copy {max-width:630px;font-size:1.15rem}
.studio-hero-note {font-size:.85rem;line-height:1.9;color:#42617d;margin:22px 0 0;max-width:650px}
.studio-quick-nav {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;padding:28px 5vw;background:#f5fbfff5;border-block:1px solid #d7e8f5}
.studio-quick-nav a {font-size:.96rem;color:#0b558e;text-decoration:none;padding:10px 0;border-bottom:1px solid transparent}
.studio-quick-nav a:hover,.studio-quick-nav a:focus-visible {border-bottom-color:#0074de}
.section {background:linear-gradient(180deg,#f5fbff00,#f5fbfff5 13%,#f5fbfff7 60%,#f5fbfff5 87%,#f5fbff00)}
.studio-inclusions {display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:38px 0 44px;border-block:1px solid #bcd9ee;margin:36px 0}
.studio-inclusions h3 {font-size:clamp(1.4rem,2.3vw,2.2rem);line-height:1.4;margin:12px 0;color:#173550}
.studio-inclusions p {color:#42617d;line-height:1.9}
.studio-inclusions ul {list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 25px}
.studio-inclusions li {padding-inline-start:24px;position:relative;font-weight:600;color:#174d72}
.studio-inclusions li:before {content:'✓';position:absolute;inset-inline-start:0;color:#0074de}
.format-select {display:inline-flex;gap:12px;margin-top:8px;font-size:1rem;padding:8px 0}
.faq-list summary {display:flex;justify-content:space-between;align-items:center;gap:24px;line-height:1.6;font-size:clamp(1rem,1.5vw,1.18rem);color:#173550}
.faq-list summary span {flex:0 0 24px;text-align:center}
.faq-list p {max-width:850px;line-height:1.95;color:#42617d}
.booking-copy {padding:24px 0;align-self:start}
.booking {background:linear-gradient(180deg,#f5fbff00,#f5fbfff5 15%,#edf7fff7 85%,#f5fbff00)}
.studio-hero-media {max-width:900px;aspect-ratio:1.3}
html[lang='en'] .hero-content {text-align:left}
html[lang='ar'] .hero {direction:rtl}
:where(.hero-actions,.studio-quick-nav,.format-card,.booking,.faq-list) :focus-visible {outline:3px solid #0074de;outline-offset:5px}
@media(max-width:1000px){.hero{min-height:0}.studio-inclusions{grid-template-columns:1fr;gap:15px}.studio-hero-media{max-width:760px;width:100%;aspect-ratio:1.5}}
@media(max-width:760px){.hero-copy{font-size:1.02rem}.studio-quick-nav{gap:4px 24px;padding:18px 24px;justify-content:flex-start}.studio-quick-nav a{font-size:.87rem}.studio-inclusions{padding:25px 0}.studio-inclusions ul{grid-template-columns:1fr;gap:12px}.studio-hero-note{font-size:.8rem}.hero-proof{flex-wrap:wrap}.hero-proof>div{min-width:100px;flex:1}.studio-hero-media{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.section.intro>.section-heading {display:block;max-width:850px}
html[lang='en'] .package li {padding-right:0;padding-left:1.5rem}
html[lang='en'] .package li:before {right:auto;left:0}
html[lang='en'] .proof-video span {right:auto;left:1rem}
.hero-proof {grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px) and (min-width:601px){.format-select{grid-column:2}}