@layer theme,base;@layer components{:root{--fh-hero-gutter:clamp(1.2rem, 4vw, 4.75rem);--fh-hero-top:clamp(7.5rem, 17vh, 10rem);--fh-hero-bottom:clamp(1.4rem, 3vh, 2rem)}:is(.sv-hero-inner,.p-hero-inner,.pay-hero-inner,.hero:not(.fh-cinema) .hero-inner,.ag-hero-inner){position:relative}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy){z-index:var(--z-overlay);position:relative}@media (width<=760px){:root{--fh-hero-top:clamp(6.5rem, 16vh, 8.5rem);--fh-hero-bottom:1.2rem}}@media (width<=520px){:root{--fh-hero-top:6.5rem}}@media (width<=760px){:is(.sv-hero,.p-hero,.pay-hero,.hero:not(.fh-cinema),.ag-hero,.o-hero-stage){isolation:isolate;overflow:hidden}:is(.sv-hero,.p-hero,.pay-hero,.ag-hero) :is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.ag-hero-copy),.o-hero-copy{flex-direction:column;justify-content:flex-start;display:flex}}}@layer utilities;@layer overrides{:is(.sv-hero,.p-hero,.pay-hero,.hero:not(.fh-cinema),.ag-hero){min-height:100svh;max-height:none}:is(.sv-hero-inner,.p-hero-inner,.pay-hero-inner,.hero:not(.fh-cinema) .hero-inner,.ag-hero-inner){min-height:100%;padding:var(--fh-hero-top) var(--fh-hero-gutter) var(--fh-hero-bottom);justify-content:flex-start;align-items:stretch}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy){width:min(680px,62vw);max-width:680px;margin:0;padding:0}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy,.o-hero-copy) h1{max-width:calc(12ch * var(--display-measure));font-size:calc(var(--text-h1-shared-landing) * var(--display-scale));line-height:var(--text-h1-shared-landing--line-height);letter-spacing:calc(var(--text-h1-shared-landing--letter-spacing) * var(--display-track))}:is(.sv-intro,.p-hero-copy>h1+p,.pay-hero-intro,.hero-description,.ag-hero-copy>h1+p,.o-hero-intro){max-width:36ch;margin:1.7rem 0 2rem;line-height:1.65}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy,.o-hero-copy) .button,:is(.hero:not(.fh-cinema) .hero-copy) .browse-link{min-height:var(--button-min-height-hero);padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--text-button);line-height:1}.o-hero-stage{min-height:100svh}.o-hero-copy{padding:var(--fh-hero-top) var(--fh-hero-gutter) 0;position:absolute;inset:0;translate:none}.o-hero-copy p.o-hero-intro{max-width:420px;font-size:var(--text-body);margin:1.7rem 0 2rem}@media (width<=760px){:is(.sv-hero,.p-hero,.pay-hero,.hero:not(.fh-cinema),.ag-hero,.o-hero-stage){height:100svh;min-height:100svh}:is(.sv-hero-inner,.p-hero-inner,.pay-hero-inner,.hero:not(.fh-cinema) .hero-inner,.ag-hero-inner){height:100%;min-height:100%;padding:var(--fh-hero-top) var(--fh-hero-gutter) var(--fh-hero-bottom)}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy){width:100%;max-width:680px}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy,.o-hero-copy) h1{max-width:calc(10ch * var(--display-measure));font-size:calc(var(--text-h1-shared-landing-md) * var(--display-scale));line-height:var(--text-h1-shared-landing-md--line-height)}:is(.sv-intro,.p-hero-copy>h1+p,.pay-hero-intro,.hero-description,.ag-hero-copy>h1+p,.o-hero-intro){max-width:34ch;margin:1.25rem 0 1.5rem}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy,.o-hero-copy) .button,:is(.hero:not(.fh-cinema) .hero-copy) .browse-link{min-height:var(--button-min-height);height:var(--button-min-height);width:min(100%,320px);font-size:var(--text-button-sm)}:is(.hero:not(.fh-cinema) .breadcrumb,.ag-hero .crumbs){top:calc(var(--fh-hero-top) - 1.15rem);left:var(--fh-hero-gutter);font-size:var(--text-px-9-28)}.o-hero-copy{padding:var(--fh-hero-top) var(--fh-hero-gutter) 0}.o-hero-copy p.o-hero-intro{max-width:390px}}@media (width<=520px){:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy,.o-hero-copy) h1{font-size:calc(var(--text-h1-shared-landing-sm) * var(--display-scale))}}@media (width<=760px){:is(.sv-film,.p-hero-art,.pay-hero-art,.hero:not(.fh-cinema) .hero-art,.ag-hero-art){width:100%;height:100%;inset:0;mask-image:none}:is(.sv-film,.p-hero-art,.pay-hero-art,.hero:not(.fh-cinema) .hero-art,.ag-hero-art) img{object-fit:cover;width:100%;height:100%}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.ag-hero-copy,.o-hero-copy,.sw-hero-copy,.hero:not(.fh-cinema) .hero-copy)>.button{width:100%;max-width:none}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.hero:not(.fh-cinema) .hero-copy,.ag-hero-copy,.sw-hero-copy,.o-hero-copy,.privacy-hero .hero-content,.folio-hero .hero-copy) :is(h1,p){text-shadow:var(--shadow-text-hero)}}@media (width<=700px){:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.ag-hero-copy,.sw-hero-copy,.o-hero-copy,.hero:not(.fh-cinema) .hero-copy)>h1{margin-top:auto}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.ag-hero-copy,.hero:not(.fh-cinema) .hero-copy){flex-direction:column;height:100%;display:flex}:is(.sv-hero-copy,.p-hero-copy,.pay-hero-copy,.ag-hero-copy,.hero:not(.fh-cinema) .hero-copy,.o-hero-copy)>.button{margin-top:auto}}@media (width>=761px){:is(.sv-hero-inner,.p-hero-inner,.pay-hero-inner,.hero:not(.fh-cinema) .hero-inner,.ag-hero-inner,.fh-legal-page .folio-hero .hero-inner,.fh-legal-page .privacy-hero .hero-content,.sw-hero-copy){width:100%;padding-left:var(--spacing-hero-left);padding-right:var(--fh-hero-gutter);padding-bottom:var(--fh-hero-top);flex-direction:column;justify-content:center;min-height:100svh;margin:0;display:flex}.o-hero-copy{padding-left:var(--spacing-hero-left);padding-bottom:var(--fh-hero-top);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}}}
