@import url("/assets/runtime/3562c3957a5ad665/8268a42a3cb0/button-typography.css");
/* Read-only port of published V4 ST App Nav guest geometry and assets.
   Local preview wrapper keeps product auth/global scripts out of this study. */
.preview-nav{position:fixed;z-index:80;top:0;left:0;right:0;box-sizing:border-box;max-width:1018px;margin:0 auto;padding:24px 40px 0;display:flex;justify-content:center;font-family:STHeroInter,Inter,Arial,sans-serif}
.preview-nav .st_app_nav{box-sizing:border-box;display:flex;align-items:center;gap:8px;flex:0 1 640px;min-width:0;height:48px;padding:6px 8px 6px 16px;border-radius:9999px;background:#d92d20;color:white}
.preview-nav .st_app_nav_logo{display:inline-flex;align-items:center;flex-shrink:0;width:134.641px;color:white;text-decoration:none}
.preview-nav .st_app_nav_logo_full{display:block;flex-shrink:0;width:138.7px;max-width:none;height:18.306px}
.preview-nav .st_app_nav_logo_mark{display:none;width:32px;height:32px}
.preview-nav .st_nav_guest_links{display:flex;align-items:center;gap:20px;margin-left:auto;margin-right:auto}
.preview-nav .st_nav_guest_link{color:white;white-space:nowrap;flex-shrink:0;font:400 14px/20px STHeroInter,Inter,Arial,sans-serif;text-decoration:none}
.preview-nav .st_nav_guest_actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.preview-nav .st_nav_guest_signup{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px 12px;border-radius:999px;background:#f04438;color:white;white-space:nowrap;font:400 14px/20px STHeroInter,Inter,Arial,sans-serif;text-decoration:none}
.preview-nav .st_nav_guest_burger{display:none;align-items:center;justify-content:center;width:32px;height:36px;padding:0;border:0;background:transparent;cursor:pointer}
.preview-nav a:focus-visible,.preview-nav button:focus-visible{outline:2px solid white;outline-offset:3px;border-radius:6px}
.preview-guest-dialog{box-sizing:border-box;width:600px;max-width:calc(100% - 32px);max-height:90dvh;margin:auto;padding:0;border:0;border-radius:24px;background:white;color:#414651;font:400 16px/24px STHeroInter,Inter,Arial,sans-serif}
.preview-guest-dialog::backdrop{background:rgba(10,13,18,.45)}
.preview-dialog-heading{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 10px 6px 16px;box-sizing:border-box}
.preview-dialog-heading h2{margin:0;font:500 16px/24px STHeroInter,Inter,Arial,sans-serif}
.preview-dialog-heading button{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:#f5f5f5;color:#414651;font-size:24px;cursor:pointer}
.preview-dialog-links{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px}
.preview-dialog-links a{display:flex;align-items:center;min-height:48px;color:inherit;text-decoration:none}
@media(max-width:767px){.preview-nav{padding:calc(24px + env(safe-area-inset-top,0px)) 16px 0}.preview-nav .st_app_nav{flex:1 1 auto}.preview-nav .st_app_nav_logo{width:auto;min-width:0;flex-shrink:1}.preview-nav .st_app_nav_logo_full{display:block;width:138.7px;max-width:100%;height:auto}.preview-nav .st_nav_guest_links{display:none}.preview-nav .st_nav_guest_burger{display:flex}.preview-guest-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:24px 24px 0 0}}
/* The navigation stays independent of the film; neither changes hero height. */
body[data-copy-placement="nav"] .audience-copy{--copy-top:var(--preview-copy-top,116px);top:var(--copy-top);bottom:auto}
body[data-copy-placement="prompt"] .audience-copy{top:auto;bottom:calc(var(--preview-prompt-height,104px) + var(--preview-prompt-bottom,20px) + 44px)}
body[data-copy-placement] .audience-copy p{max-width:680px}
body[data-copy-placement] .audience-stage:after{background:linear-gradient(to bottom,transparent 78%,rgba(10,15,18,.14))}
body[data-copy-placement] .audience-copy:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;width:100vw;transform:translateX(-50%);top:calc(-1 * var(--preview-copy-top,116px));bottom:-32px;background:linear-gradient(to bottom,rgba(66,62,46,.34),rgba(66,62,46,.30) calc(100% - 32px),rgba(66,62,46,0))}
body[data-copy-placement="prompt"] .audience-copy:before{top:-48px;background:linear-gradient(to bottom,rgba(66,62,46,0),rgba(66,62,46,.30) 48px,rgba(66,62,46,.30) calc(100% - 32px),rgba(66,62,46,0))}
@media(max-width:1100px){body[data-copy-placement] .audience-copy p{max-width:550px}}
@media(max-width:700px){body[data-copy-placement] .audience-copy p{max-width:330px}}

/* Shared marketing hero H1 scale: homepage, audience films, and Trust.
   Root/body specificity supersedes older page-specific size exceptions. */
:root body :is(.studio-copy,.audience-copy,.hero-heading) h1{
  font-size:clamp(42px,4.3vw,82px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.045em;
}
@media(max-width:1000px){
  :root body :is(.studio-copy,.audience-copy,.hero-heading) h1{font-size:clamp(36px,7vw,64px)}
}
@media(max-width:600px){
  :root body :is(.studio-copy,.audience-copy,.hero-heading) h1{font-size:clamp(34px,9vw,48px)}
}