.gallery{width:100%;height:clamp(300px,58svh,640px);max-width:var(--ws-maxw);padding-inline:var(--ws-gutter);transition:transform .48s var(--ws-ease) .14s;flex:none;margin-inline:auto;display:flex;position:relative}html:has(.loader:not([data-done])) .gallery{transform:translateY(28px)}.gallery__track{--g:clamp(6px, .6vw, 10px);--r:var(--ws-radius-lg);--we:54cqw;--wc:calc((100cqw - var(--we) - (var(--n) - 1) * var(--g)) / (var(--n) - 1));flex:1;margin:0;padding:0;list-style:none;position:relative;overflow:clip;container-type:inline-size}.gallery__item{--w:var(--wc);width:var(--we);transform:translateX(calc(var(--i) * (var(--wc) + var(--g)) + var(--after) * (var(--we) - var(--wc))));clip-path:inset(0 calc(var(--we) - var(--w)) 0 0 round var(--r));transition:transform .64s var(--ws-ease-move), clip-path .64s var(--ws-ease-move);position:absolute;inset:0 auto 0 0}.gallery__item[data-state=active]{--w:var(--we)}.gallery__panel{border-radius:var(--r);background:var(--ws-surface);color:var(--ws-ink);outline-offset:-1px;outline:1px solid #f4f4f61a;text-decoration:none;display:block;position:absolute;inset:0;overflow:hidden}.gallery__panel>.poster{transform:translateX(calc((var(--w) - var(--we)) * var(--strip,.5)));transition:transform .64s var(--ws-ease-move);will-change:transform}.gallery__panel>.poster[data-poster=alias]{--strip:0}.gallery__shade,.gallery__shade:after{pointer-events:none;position:absolute;inset:0}.gallery__shade{transition:opacity .7s var(--ws-ease), background-color .5s var(--ws-ease);background:#08080b75}.gallery__shade:after{content:"";opacity:0;transition:opacity .7s var(--ws-ease);background:radial-gradient(140% 105% at 0 100%,#08080bf0 0%,#08080bd1 34%,#08080b73 58%,#0000 82%)}.gallery__item:has(.poster:is([data-poster=alias],[data-poster=psotka])) .gallery__shade:after{background:radial-gradient(150% 118% at 0 100%,#08080bf5 0%,#08080be6 38%,#08080b9e 60%,#0000 86%)}.gallery__item[data-state=active] .gallery__shade{background:0 0}.gallery__item[data-state=active] .gallery__shade:after{opacity:1}@media (min-width:721px){.gallery__shade:before{content:"";transition:opacity .6s var(--ws-ease);background:linear-gradient(#08080b99 0%,#0000 22% 55%,#08080bb3 100%);position:absolute;inset:0}.gallery__item[data-state=active] .gallery__shade:before{opacity:0}.gallery__shade{transition:opacity .7s var(--ws-ease), background-color .36s var(--ws-ease) .26s}.gallery__shade:before{transition:opacity .36s var(--ws-ease) .26s}.gallery__item[data-state=active] .gallery__shade{transition:opacity .7s var(--ws-ease), background-color .22s var(--ws-ease-out)}.gallery__item[data-state=active] .gallery__shade:before{transition:opacity .18s var(--ws-ease-out)}.gallery__item[data-state=active] .gallery__label{transition:opacity .12s var(--ws-ease-out)}}.gallery__label{text-shadow:0 1px 8px #08080bd9;width:var(--wc);transition:opacity .3s var(--ws-ease-out) .24s;flex-direction:column;justify-content:space-between;align-items:center;padding-block:1.1rem 1.25rem;display:flex;position:absolute;inset:0 auto 0 0}.gallery__item[data-state=active] .gallery__label{opacity:0;transition-delay:0s}.gallery__label-index{font-size:var(--ws-text-xs);letter-spacing:var(--ws-track-label);color:var(--ws-ink)}.gallery__label-name{writing-mode:vertical-rl;white-space:nowrap;color:var(--ws-ink);font-size:clamp(1.4rem,2.1vw,2.4rem);line-height:1;rotate:180deg}.gallery__info{width:var(--we);padding:clamp(1.25rem,2.6vw,2.25rem);text-shadow:0 1px 10px #08080b8c;opacity:0;transition:opacity .14s var(--ws-ease-out), transform .14s var(--ws-ease-out);flex-direction:column;align-items:flex-start;gap:.6rem;padding-bottom:clamp(1.5rem,2.8vw,2.5rem);display:flex;position:absolute;inset:auto auto 0 0;transform:translateY(14px)}.gallery__item[data-state=active] .gallery__info{opacity:1;transition:opacity .22s var(--ws-ease-out) .42s, transform .3s var(--ws-ease-out) .42s;transform:none}.gallery__meta{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;display:flex}.gallery__index,.gallery__soon{white-space:nowrap}.gallery__index{border-radius:var(--ws-radius-pill);height:1.6rem;font-size:var(--ws-text-2xs);letter-spacing:var(--ws-track-code);color:var(--ws-ink);background:#08080bb8;align-items:center;padding:0 .7rem;line-height:1;display:inline-flex}.gallery__soon{border:1px solid var(--accent);border-radius:var(--ws-radius-pill);height:1.6rem;font-size:var(--ws-text-2xs);letter-spacing:.02em;color:var(--ws-ink);background:#08080bb8;align-items:center;padding:0 .7rem;line-height:1;display:inline-flex}.gallery__name{font-size:clamp(2.6rem,5.4cqi,5.6rem);line-height:1}.gallery__line{max-width:44ch;font-size:var(--ws-text-md);color:color-mix(in srgb, var(--ws-ink) 86%, transparent);text-wrap:pretty;line-height:1.5}.gallery__cta{font-size:var(--ws-text-sm);letter-spacing:var(--ws-track-code);text-transform:uppercase;transition:color var(--ws-dur-fast) var(--ws-ease);align-items:center;gap:.6rem;margin-top:.4rem;font-weight:600;display:inline-flex;position:relative}.gallery__arrow{color:var(--accent);transition:translate var(--ws-dur-fast) var(--ws-ease)}.gallery__progress{background:#f4f4f61f;height:3px;position:absolute;inset:auto 0 0}.gallery__bar{background:var(--accent);transform-origin:0;animation:gallery-progress var(--cycle) linear both;position:absolute;inset:0}.gallery[data-held=true] .gallery__bar{animation-play-state:paused}.gallery__bar[data-waiting]{animation:none;transform:scaleX(0)}@keyframes gallery-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (hover:hover) and (pointer:fine){.gallery__item:not([data-state=active]) .gallery__panel:hover .gallery__shade{opacity:.55}.gallery__item[data-state=active] .gallery__panel:hover .gallery__cta{color:var(--accent);transition-duration:var(--ws-dur-base)}.gallery__item[data-state=active] .gallery__panel:hover .gallery__arrow{transition-duration:var(--ws-dur-base);translate:.3em}}.gallery__panel:focus-visible{outline:none}.gallery__item:has(.gallery__panel:focus-visible){z-index:1}.gallery__panel:focus-visible:after{content:"";border:2px solid var(--ws-ink);border-radius:inherit;box-shadow:inset 0 0 0 4px var(--ws-bg);pointer-events:none;position:absolute;inset:0}.gallery__panel:focus-visible .gallery__cta{color:var(--accent)}.gallery__panel:active>.poster{transition:scale .16s var(--ws-ease);scale:.985}@media (min-width:721px) and (max-height:520px){.gallery{height:max(240px,100svh - 11rem)}.gallery__line{display:none}}@media (max-width:720px),(max-width:1180px) and (orientation:portrait){.gallery{--card-w:min(86vw, calc(62svh * .75), 26rem);timeline-scope:--gallery-row;flex-direction:column;flex:none;order:2;gap:1rem;height:auto;padding-inline:0}.gallery__track{--we:100%;--w:100%;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:calc((100vw - var(--card-w)) / 2);scrollbar-width:none;scroll-timeline:--gallery-row inline;-webkit-tap-highlight-color:transparent;gap:.625rem;padding-block:.25rem;display:flex;overflow-x:auto}.gallery__track::-webkit-scrollbar{display:none}.gallery__item{--w:100%;--we:100%;flex:0 0 var(--card-w);aspect-ratio:3/4;clip-path:none;scroll-snap-align:center;scroll-snap-stop:always;width:auto;transition:none;position:relative;inset:auto;transform:none}.gallery__panel>.poster{transition:scale .32s var(--ws-ease);transform:none}.gallery__panel>.poster[data-poster=word-rush]{transform:translateY(-14%)}.gallery__label{display:none}.gallery__shade{opacity:0;background:#08080b8c}.gallery__shade:after{display:none}.gallery__info{background:linear-gradient(#0000 0%,#08080bb8 52%,#08080beb 100%);gap:.4rem;width:100%;padding:5rem 1.15rem 1.3rem}.gallery__name{font-size:clamp(2.2rem,11vw,3rem)}.gallery__line{font-size:var(--ws-text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.42;display:-webkit-box;overflow:hidden}.gallery__panel{transition:scale .52s var(--ws-ease);scale:.9}.gallery__shade{opacity:1}.gallery__info{opacity:0;transform:translateY(10px)}.gallery__item[data-state=active] .gallery__panel{scale:1}.gallery__item[data-state=active] .gallery__shade{opacity:0;background:#08080b8c}.gallery__item[data-state=active] .gallery__info{opacity:1;transition-delay:0s;transform:none}@supports (animation-timeline:view(inline)){.gallery__panel,.gallery__shade,.gallery__info{transition:none;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(inline);animation-range:cover}.gallery__panel{animation-name:gallery-card}.gallery__shade{animation-name:gallery-dim}.gallery__info{animation-name:gallery-caption}}.gallery__panel:active>.poster{transition-duration:.16s;scale:.965}.gallery__track[data-hint=true] .gallery__item{animation:gallery-hint 1.3s var(--ws-ease-inout) both}.gallery__dots{align-self:center;gap:6px;width:min(9.5rem,44vw);height:2px;display:flex;position:relative}.gallery__dot{border-radius:var(--ws-radius-pill);background:#f4f4f62e;flex:1}.gallery__thumb{border-radius:var(--ws-radius-pill);background:var(--ws-accent);width:calc(16.6667% - 5px);translate:calc(var(--active,0) * (100% + 6px)) 0;transition:translate .52s var(--ws-ease), background-color .9s var(--ws-ease);position:absolute;inset:0 auto 0 0}@supports (animation-timeline:scroll(inline)){.gallery__thumb{transition:background-color .9s var(--ws-ease);animation:linear both gallery-thumb;animation-timeline:--gallery-row}}}@media (max-width:720px) and (max-height:760px) and (orientation:portrait){.gallery{--card-w:min(86vw, calc(52svh * .75), 26rem)}}@media (max-width:380px){.gallery__index{display:none}.gallery__panel>.poster[data-poster=word-rush]{transform:translateY(-17%)}.gallery__info{gap:.3rem;padding:4rem 1rem 1.1rem}.gallery__name{font-size:clamp(1.9rem,9.5vw,2.4rem)}.gallery__line{font-size:var(--ws-text-xs)}.gallery__cta{margin-top:.2rem}}@media (min-width:721px) and (max-width:1180px) and (orientation:portrait){.gallery{--card-w:min(64vw, calc(60svh * .75), 34rem);order:1;gap:1.5rem;max-width:none}.gallery__name{font-size:clamp(3rem,8vw,4.6rem)}.gallery__info{padding:7rem 1.75rem 1.9rem}}@media (min-width:960px) and (max-width:1180px) and (min-height:1200px) and (orientation:portrait){.gallery{--card-w:min(66vw, calc(64svh * .75), 44rem)}}@media (min-width:1181px),(min-width:721px) and (orientation:landscape){.gallery__dots{display:none}}@keyframes gallery-card{0%,to{scale:.9}50%{scale:1}}@keyframes gallery-dim{0%,to{opacity:1}38%,62%{opacity:0}}@keyframes gallery-caption{0%,30%{opacity:0;transform:translateY(12px)}44%,56%{opacity:1;transform:none}70%,to{opacity:0;transform:translateY(12px)}}@keyframes gallery-thumb{0%{translate:0}to{translate:calc(500% + 30px)}}@keyframes gallery-hint{0%,to{transform:none}45%{transform:translate(-3.5rem)}}@media (prefers-reduced-motion:reduce){.gallery,.gallery__item,.gallery__panel>.poster,.gallery__shade,.gallery__shade:after,.gallery__label,.gallery__info,.gallery__panel,.gallery__thumb{transition:none}.gallery__shade,.gallery__shade:before,.gallery__shade:after,.gallery__label,.gallery__item .gallery__info,.gallery__item[data-state=active] .gallery__info{transition:opacity .18s}.gallery__info{transform:none}.gallery__panel,.gallery__shade,.gallery__info,.gallery__thumb,.gallery__track[data-hint=true] .gallery__item{animation:none!important}}@media (max-width:720px) and (prefers-reduced-motion:reduce),(max-width:1180px) and (orientation:portrait) and (prefers-reduced-motion:reduce){.gallery__panel{scale:1}.gallery__shade{opacity:0}.gallery__info{opacity:1;transform:none}}