.box_pinned{container-type:inline-size;--box_pinned_text: #ffffff;--box_pinned_radius: 0;--box_pinned_gap: 3rem}@media(min-width: 1020px){.box_pinned{--box_pinned_gap: 3.6rem}}.box_pinned{height:calc(var(--box_pinned_count, 1)*100svh);--box_pinned_areas: "visuals texts"}.box_pinned_pin{position:sticky;top:var(--sticky_top);height:calc(100svh - var(--sticky_top));overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-areas:"visuals" "texts";grid-template-rows:auto 1fr;gap:var(--box_pinned_gap);row-gap:var(--space_l);align-items:stretch}.box_pinned_tag{display:inline-flex;align-items:baseline;gap:.3em;padding-bottom:var(--space_xs);line-height:1;font-size:clamp(1.8rem,1rem + 2.4vw,3rem);font-weight:700;color:var(--title_color);font-variant-numeric:tabular-nums;background-image:linear-gradient(var(--title_color), var(--title_color)),linear-gradient(var(--line_color_light), var(--line_color_light));background-repeat:no-repeat;background-position:left bottom;background-size:calc(var(--box_pinned_progress, 0)*100%) 2px,100% 2px;transition:background-size var(--transition_time_s) linear}.box_pinned_visuals{grid-area:visuals;position:relative;aspect-ratio:3/4;width:min(100%,var(--box_pinned_visual_height, 55svh)*3/4);justify-self:center;overflow:hidden;border-radius:var(--box_pinned_radius)}.box_pinned_visual{position:absolute;inset:0;opacity:0;background-color:var(--box_pinned_panel, transparent);transition:opacity var(--transition_time_m) ease}.box_pinned_visual.active{opacity:1;z-index:2}.box_pinned_visual :is(picture,img){width:100%;height:100%;object-fit:cover}.box_pinned_visual_icon{display:grid;place-items:center}.box_pinned_visual_icon svg{width:min(45%,320px);height:auto}.box_pinned[data-box-pinned-clip] .box_pinned_visual,.box_pinned[data-box-pinned-transition=clip] .box_pinned_visual{opacity:1;clip-path:inset(50%);transition:clip-path var(--transition_time_l) var(--ease_exit)}.box_pinned[data-box-pinned-clip] .box_pinned_visual:first-child,.box_pinned[data-box-pinned-transition=clip] .box_pinned_visual:first-child{clip-path:inset(0%)}.box_pinned[data-box-pinned-transition=slide] .box_pinned_visual{opacity:1;transform:translateY(100%);transition:transform var(--transition_time_l) var(--ease_exit)}.box_pinned[data-box-pinned-transition=slide] .box_pinned_visual:first-child{transform:none}.box_pinned_texts{grid-area:texts;position:relative}.box_pinned_item{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space_l);margin-inline:var(--box_pinned_item_inline, 0);opacity:0;transform:translateY(var(--space_l));transition:opacity var(--transition_time_l) var(--ease_entrance),transform var(--transition_time_l) var(--ease_entrance)}.box_pinned_item:first-child{opacity:1;transform:none}.box_pinned_item.active{z-index:2}.box_pinned_item_visual{display:none}.box_pinned_cut{position:absolute;z-index:3;bottom:calc(var(--space_m) + 5px);inset-inline:var(--box_pinned_cut_inline, var(--space_m) auto);display:inline-flex;align-items:baseline;gap:.5em;padding:.7em 1em;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;--text_color: var(--title_color);color:var(--title_color);background-color:var(--light_color);box-shadow:none}.box_pinned_progress{position:absolute;inset-inline:0;bottom:0;z-index:3;height:5px;background-color:var(--line_color_light)}.box_pinned_progress_bar{display:block;height:100%;transform-origin:left center;transform:scaleX(var(--box_pinned_progress, 0));background-color:var(--accent_color)}.box_pinned:where([data-side=left],.box_pinned_left){--box_pinned_areas: "texts visuals";--box_pinned_item_inline: auto 0;--box_pinned_cut_inline: auto var(--space_m)}@media(min-width: 760px){.box_pinned_pin{grid-template-columns:1fr 1fr;grid-template-areas:var(--box_pinned_areas);grid-template-rows:none;row-gap:var(--box_pinned_gap)}.box_pinned_visuals{--box_pinned_visual_height: calc(100svh - var(--sticky_top));align-self:center}.box_pinned_item{max-width:42rem}}