.sc-comp{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:start;gap:10px 8px;width:min(100%,600px);display:grid;position:relative}.sc-comp:before{content:"";grid-column:1/-1;padding-block-start:80%}.sc-part,.sc-part>a{display:contents}.sc-part-pic{isolation:isolate;transition:translate .45s var(--ease-out), scale .45s var(--ease-out);position:absolute;inset-block-start:0;inset-inline-start:0}.sc-part-pic img{width:100%;height:auto;display:block}.sc-part[data-part="1"] .sc-part-pic{aspect-ratio:5/3;border-radius:var(--r-m);width:56%;box-shadow:var(--shadow-card);margin-block-start:2%;margin-inline-start:3%;overflow:hidden}.sc-part[data-part="1"] .sc-part-pic img{object-fit:cover;height:100%}.sc-part[data-part="2"] .sc-part-pic{z-index:1;width:60%;margin-block-start:25%;margin-inline-start:-3%}.sc-part[data-part="3"] .sc-part-pic{z-index:1;mix-blend-mode:multiply;width:60%;margin-block-start:11%;margin-inline-start:50%}.sc-part[data-part="3"] .sc-part-pic img{-webkit-mask:linear-gradient(#000 0 0) 0 0/84% 100% no-repeat,linear-gradient(#000 0 0) 0 100%/100% 38% no-repeat;mask:linear-gradient(#000 0 0) 0 0/84% 100% no-repeat,linear-gradient(#000 0 0) 0 100%/100% 38% no-repeat}[dir=rtl] .sc-part[data-part="3"] .sc-part-pic{margin-inline-start:43%}[dir=rtl] .sc-part[data-part="1"] .sc-part-pic{margin-inline-start:0%}.sc-part[data-part="2"] .sc-part-pic:before,.sc-part[data-part="3"] .sc-part-pic:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--navy) 34%, transparent), transparent);transition:scale .45s var(--ease-out), opacity .45s var(--ease-out);border-radius:50%;position:absolute}.sc-part[data-part="2"] .sc-part-pic:before{inset:70% 6% 12%}.sc-part[data-part="3"] .sc-part-pic:before{inset:92% 16% -3% 2%}.sc-chip{border:1px solid var(--line);background:var(--ground-raised);box-shadow:var(--shadow-card);color:var(--text);transition:border-color var(--t-control) var(--ease-out), color var(--t-control) var(--ease-out), translate var(--t-control) var(--ease-out);border-radius:14px;align-content:start;gap:2px;padding:9px 12px 10px;font-size:13px;font-weight:600;line-height:1.3;display:grid}[dir=rtl] .sc-chip{padding-block-end:12px;line-height:1.55}.sc-chip-n{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.sc-chip-n:before{content:"";background:color-mix(in srgb, var(--text) 30%, transparent);width:6px;height:6px;transition:background-color var(--t-control) var(--ease-out), box-shadow var(--t-control) var(--ease-out);border-radius:50%}.sc-part>a:focus-visible{outline:none}.sc-part>a:focus-visible .sc-chip{outline:2px solid var(--signal);outline-offset:2px}.sc-part>a:focus-visible .sc-part-pic{translate:0 -3%;scale:1.05}.sc-part>a:focus-visible .sc-chip,.sc-part>a:active .sc-chip{border-color:var(--signal);color:var(--signal-text)}.sc-part>a:focus-visible .sc-chip-n:before,.sc-part>a:active .sc-chip-n:before{background:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}@media (hover:hover){.sc-part>a:hover .sc-part-pic{translate:0 -3%;scale:1.05}.sc-part>a:hover .sc-part-pic:before{opacity:.7;scale:1.12 1}.sc-part>a:hover .sc-chip{border-color:var(--signal);color:var(--signal-text)}.sc-part>a:hover .sc-chip-n:before{background:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}}.sc-part>a:active .sc-part-pic{translate:none;scale:.985}.sc-part>a:active .sc-chip{translate:0 1px}.js .sc-part-pic{animation:sc-ride 1.1s var(--ease-out) calc(var(--i) * 90ms) backwards}@keyframes sc-ride{0%{transform:translateX(calc(var(--dir) * -70vw))}}@media (max-width:639px){.sc-chip{padding:7px 9px 8px;font-size:12px}[dir=rtl] .sc-chip{padding-block-end:11px}}@media (min-width:1024px){.sc-comp{justify-self:end}}@media (prefers-reduced-motion:reduce){.js .sc-part-pic{animation:none}.sc-part-pic,.sc-part-pic:before,.sc-chip,.sc-chip-n:before{transition:none}.sc-part>a:hover .sc-part-pic,.sc-part>a:focus-visible .sc-part-pic,.sc-part>a:active .sc-part-pic{translate:none;scale:none}}