/* Full-width backgrounds, contained in the vertical bounds of each chapter. */
html{overflow-x:clip}
.inner-hero{position:relative;isolation:isolate;max-width:none!important;padding-block:clamp(44px,6vw,78px)!important;margin-block:0 48px!important;color:#17233c;--hero-wash:linear-gradient(115deg,#f5edff,#eeeaff 55%,#eaf6f4)}
.inner-hero::before,.inner-hero::after{content:"";position:absolute;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;z-index:-1}
.inner-hero::before{inset-block:0;background:var(--hero-wash);border-radius:0!important}
.inner-hero::after{bottom:0;height:min(210px,50%);background:url('img/ocean-wave-lines.svg') repeat-x bottom / 1000px 220px;opacity:.65;animation:ocean-flow 46s linear infinite}
.inner-hero h1{max-width:1000px;line-height:1.08;letter-spacing:-.055em;color:#17233c}
.boost-dashboard{padding-top:0}
.boost-dashboard .inner-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);margin:16px 0 24px}
.inner-hero p{max-width:750px;color:#52627a}
.inner-hero .eyebrow,.inner-hero .social-eyebrow{color:#5d47ba}
.inner-hero-mint{--hero-wash:linear-gradient(110deg,#e7f2ee,#edf7f4 55%,#f2edff)}
.inner-hero-peach{--hero-wash:linear-gradient(115deg,#fff1e6,#f9edf2 55%,#ebeafa)}
main.social-section:has(>.inner-hero){padding-top:0!important}
.inner-hero.ref-hero{gap:clamp(28px,5vw,70px);padding-block:70px!important;margin-bottom:0!important}
.referral-living .ref-hero.inner-hero::before{inset:0 auto 0 50%;width:100vw;background:var(--hero-wash)}
.inner-hero.ref-hero h1{font-size:clamp(2.55rem,4.7vw,5rem);margin-top:22px}
.inner-hero .ref-hero-card{background:linear-gradient(145deg,#fff,#f3efff);box-shadow:0 20px 60px #6244ac12}
.inner-hero .ref-hero-card p{color:#52627a}
.referral-living .ref-steps{position:relative;isolation:isolate;padding-block:55px;margin:0}
.referral-living .ref-steps::before,.referral-living .ref-explainer::before,.referral-living .ref-ethics::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:#fff}
.referral-living .ref-steps article{background:#faf9fe;border-color:#e6e0f3}
.referral-living .ref-calculator{margin:0;border-radius:0;overflow:visible;padding:60px 0;background:none}
.referral-living .ref-calculator::before{inset-block:0;left:50%;width:100vw;transform:translateX(-50%);border:0;border-radius:0;box-shadow:none;background:linear-gradient(120deg,#211a43,#443176);animation:none}
.referral-living .ref-calculator::after{content:"";position:absolute;z-index:-1;bottom:0;left:50%;width:100vw;height:180px;transform:translateX(-50%);background:url('img/ocean-wave-lines.svg') repeat-x bottom / 1000px 220px;opacity:.2;animation:ocean-flow 55s linear infinite;pointer-events:none}
.referral-living .ref-wise-panel{position:relative;isolation:isolate;border:0;border-radius:0;background:none;padding:55px 0;margin:0;gap:60px}
.referral-living .ref-wise-panel::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(105deg,#e8f4dc,#f0f8e8);pointer-events:none}
.wise-referral-label{display:block;font-size:.76rem;margin-top:14px;color:#41593a}
.referral-living .ref-explainer{position:relative;isolation:isolate;margin:0;padding-block:55px}
.referral-living .ref-explainer h2{margin-top:0}
.referral-living .ref-ethics{position:relative;isolation:isolate;border:0;border-radius:0;background:none;padding:55px 0}
.referral-living .ref-ethics::before{background:linear-gradient(110deg,#f0ebfa,#f5f0fc)}
.creator-page main:not(.ref-terms)>.creator-panel:nth-of-type(even){background:linear-gradient(120deg,#f1f6f8,#f4f1fb)}
.creator-page main:not(.ref-terms)>.creator-panel:nth-of-type(3n){border-left:4px solid #b8a7df}
.ref-terms .creator-panel{background:#fff;border-radius:20px}
.creator-visual-hero.inner-hero .social-section-heading{margin-bottom:0}
.inner-hero.alive-reveal{animation:none!important;transform:none!important}
.directory-intro.inner-hero h1{white-space:normal;font-size:clamp(2.55rem,5.3vw,5.5rem)}
.directory-intro.inner-hero h1 span,.my-spaces-heading.inner-hero h1 span{color:#6550c5}
.template-setup.inner-hero{margin-top:0!important;--hero-wash:linear-gradient(115deg,#eef4ef,#f4eeff)}
.template-setup.inner-hero>section>p{color:#52627a}
.template-setup.inner-hero .template-preview{color:#17233c;background:#fff;border-color:#dfe5ee}
.studio-scene{width:var(--site-container);margin-inline:auto}
.studio-scene .inner-hero{padding-block:32px!important;margin-bottom:0!important}
.studio-scene h1{font-size:clamp(1.7rem,3vw,2.6rem);margin:10px 0}
.studio-scene p{margin:8px 0}
/* Studio navigation and save feedback share normal layout, never absolute overlap. */
body.studio-page{overflow:auto}
body.studio-page .studio-topbar{position:sticky;top:0;left:auto;right:auto;height:auto;min-height:76px;padding-block:14px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
body.studio-page .studio-topbar .brand{flex:none}
body.studio-page .studio-status{position:static;left:auto;transform:none;display:flex;flex:none;gap:8px;white-space:nowrap}
body.studio-page .studio-status .status-dot{flex:none}
body.studio-page .topbar-actions{min-width:0;margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
body.studio-page .topbar-actions>*{flex:none}
body.studio-page .studio-shell{padding-top:0}
@media(max-width:1100px){body.studio-page .studio-status{margin-left:auto}body.studio-page .topbar-actions{flex-basis:100%;margin-left:0;justify-content:flex-start}}
@media(max-width:760px){body.studio-page .studio-topbar{gap:12px;padding-block:12px}body.studio-page .studio-status{font-size:.72rem}body.studio-page .topbar-actions .button{padding-inline:12px}body.studio-page .studio-scene .inner-hero{padding-block:28px!important}}
body.studio-page.is-bookings-panel .studio-status,body.studio-page.is-smart-preview .studio-status{display:none!important}
/* User-selected cover images already provide their hero; let them reach both edges. */
body .space-cover{width:100%;max-width:none;border-radius:0;margin-inline:0}
.booking-detail-heading.inner-hero{gap:24px}
.booking-detail-shell>.inner-hero{grid-column:1/-1}
.studio-bookings-panel .inner-hero::before,.studio-bookings-panel .inner-hero::after{width:100%;left:0;transform:none}
.empty-page{position:relative;isolation:isolate;background:linear-gradient(120deg,#e9e3fa,#edf6f5);color:#17233c}
.empty-page::after{content:"";position:absolute;z-index:-1;bottom:0;left:0;right:0;height:240px;background:url('img/ocean-wave-lines.svg') repeat-x bottom / 1000px 220px;animation:ocean-flow 46s linear infinite;pointer-events:none}
.landing-living .landing-scene-creators::before,.landing-living .social-band::before,.landing-living .social-closing::before,.landing-living #themes::before{inset:auto 0 0;width:100%;height:220px;transform:none;border:0;border-radius:0;box-shadow:none;mask-image:none;background:url('img/ocean-wave-lines.svg') repeat-x bottom / 1000px 220px;animation:ocean-flow 46s linear infinite;opacity:.65}
.landing-living .landing-scene-creators::before{opacity:.25}
.landing-living #themes::before{height:100%;background-color:#f1f6f6}
.landing-living .social-band{background:linear-gradient(110deg,#f3edfa,#ecf5f4)!important}
.landing-living .social-closing{background:linear-gradient(110deg,#f1eaff,#e9f5f3)!important}
.living-paused::before,.living-paused::after{animation-play-state:paused!important}
@keyframes ocean-flow{from{background-position:-1000px bottom}to{background-position:0 bottom}}
@media(max-width:760px){.inner-hero{padding-block:38px!important;margin-bottom:30px!important}.inner-hero.ref-hero{padding-block:42px!important}.referral-living .ref-hero h1{font-size:clamp(2.35rem,9.5vw,3.5rem)}.referral-living .ref-steps,.referral-living .ref-calculator,.referral-living .ref-explainer,.referral-living .ref-ethics,.referral-living .ref-wise-panel{padding-block:38px}.referral-living .ref-wise-panel{gap:22px}.inner-hero::after{opacity:.45}.creator-visual-hero.inner-hero{gap:30px}}
@media(prefers-reduced-motion:reduce){.inner-hero::after,.referral-living .ref-calculator::after,.empty-page::after,.landing-living :is(.landing-scene-creators,.social-band,.social-closing,#themes)::before{animation:none!important}}
@media(max-width:760px){.directory-nav{flex-wrap:wrap;gap:16px}.directory-nav nav{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}.my-spaces-heading.inner-hero{flex-wrap:wrap}.my-spaces-heading.inner-hero>div{min-width:0}.my-spaces-heading.inner-hero p{overflow-wrap:anywhere}}