.intro_mask_zoom{container-type:inline-size;--intro_mask_zoom_length: 320svh;--intro_mask_zoom_mark: var(--brand_mark, linear-gradient(currentColor 0 0));--intro_mask_zoom_ratio: var(--brand_mark_ratio, 0.75);--intro_mask_zoom_focus_x: var(--brand_mark_focus_x, 0.5);--intro_mask_zoom_focus_y: var(--brand_mark_focus_y, 0.5);--intro_mask_zoom_accent: var(--accent_color);--intro_mask_zoom_scrim: color-mix(in srgb, var(--bg_color_current) 80%, transparent);--intro_mask_zoom_progress: 1;--intro_mask_zoom_scale: 1;position:relative;overflow-x:clip}.intro_mask_zoom_stage{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);align-content:end;gap:var(--space_l);min-height:100svh;padding-inline:var(--wrapper_offset);padding-block:var(--space_xl)}.intro_mask_zoom_stage::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to top, var(--intro_mask_zoom_scrim), transparent 55%);opacity:var(--intro_mask_zoom_fill, 1);pointer-events:none}.intro_mask_zoom_stage .intro_mask_zoom_media{--intro_mask_zoom_mark_height: 0.5;--intro_mask_zoom_mark_x: 0.5;--intro_mask_zoom_mark_y: 0.62;position:absolute;inset:0}@container (min-width: 40rem){.intro_mask_zoom_stage .intro_mask_zoom_media{--intro_mask_zoom_mark_height: 0.78;--intro_mask_zoom_mark_x: 0.7;--intro_mask_zoom_mark_y: 0.5}}.intro_mask_zoom_stage .intro_mask_zoom_media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.intro_mask_zoom_head,.intro_mask_zoom_end,.intro_mask_zoom_hint{position:relative;z-index:1}.intro_mask_zoom_title{max-inline-size:11ch;font-size:var(--intro_mask_zoom_title_size, var(--h1_size))}.intro_mask_zoom_title em{font-style:normal;color:var(--intro_mask_zoom_accent)}.intro_mask_zoom_end{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space_m) var(--space_l)}.intro_mask_zoom_end_title{font-size:var(--intro_mask_zoom_end_title_size, var(--h1_size))}.intro_mask_zoom_end_text{max-inline-size:30ch}.intro_mask_zoom_hint{justify-self:center}@media(prefers-reduced-motion: no-preference){.js .intro_mask_zoom{--intro_mask_zoom_progress: 0;--intro_mask_zoom_fill: clamp(0, (var(--intro_mask_zoom_progress) - 0.62) / 0.25, 1);--intro_mask_zoom_head: clamp(0, var(--intro_mask_zoom_progress) / 0.3, 1);--intro_mask_zoom_end_in: clamp(0, (var(--intro_mask_zoom_progress) - 0.78) / 0.2, 1);--intro_mask_zoom_hint_out: clamp(0, var(--intro_mask_zoom_progress) / 0.1, 1);height:var(--intro_mask_zoom_length)}.js .intro_mask_zoom_stage{position:sticky;top:0;grid-template-rows:minmax(0, 1fr) auto;height:100svh;min-height:0;overflow:hidden}.js .intro_mask_zoom_media{container-type:size}.js .intro_mask_zoom_media video{--intro_mask_zoom_h0: calc(100cqh * var(--intro_mask_zoom_mark_height));--intro_mask_zoom_w0: calc(var(--intro_mask_zoom_h0) * var(--intro_mask_zoom_ratio));--intro_mask_zoom_h: calc(var(--intro_mask_zoom_h0) * var(--intro_mask_zoom_scale));--intro_mask_zoom_w: calc(var(--intro_mask_zoom_h) * var(--intro_mask_zoom_ratio));--intro_mask_zoom_x: calc(100cqw * var(--intro_mask_zoom_mark_x) + (var(--intro_mask_zoom_focus_x) - 0.5) * var(--intro_mask_zoom_w0) - var(--intro_mask_zoom_focus_x) * var(--intro_mask_zoom_w));--intro_mask_zoom_y: calc(100cqh * var(--intro_mask_zoom_mark_y) - var(--intro_mask_zoom_focus_y) * var(--intro_mask_zoom_h));mask-image:var(--intro_mask_zoom_mark),linear-gradient(rgb(0, 0, 0, var(--intro_mask_zoom_fill)) 0 0);mask-repeat:no-repeat;mask-size:var(--intro_mask_zoom_w) var(--intro_mask_zoom_h),100% 100%;mask-position:var(--intro_mask_zoom_x) var(--intro_mask_zoom_y),0 0}.js .intro_mask_zoom_head{grid-area:1/1;align-self:start;padding-block-start:var(--intro_mask_zoom_head_top, 0);opacity:calc(1 - var(--intro_mask_zoom_head));transform:translateY(calc(-1 * var(--space_xl) * var(--intro_mask_zoom_head)))}@container (min-width: 40rem){.js .intro_mask_zoom_head{grid-row:2;align-self:end;padding-block:0 var(--intro_mask_zoom_head_bottom, 0)}}.js .intro_mask_zoom_end{grid-area:2/1;opacity:var(--intro_mask_zoom_end_in);transform:translateY(calc(var(--space_l) * (1 - var(--intro_mask_zoom_end_in))))}.js .intro_mask_zoom_hint{position:absolute;inset-block-end:var(--space_s);inset-inline:0;display:flex;justify-content:center;opacity:calc(1 - var(--intro_mask_zoom_hint_out))}.js .intro_mask_zoom_hint:focus-within{opacity:1}}