.shw{margin-bottom:80px}.shw__box{--shw-ink:#2f363b;--shw-ink-2:#4e575e;background:var(--bg);border-radius:30px;padding:46px 44px 34px;position:relative;overflow:hidden}.shw__bg{will-change:transform;background:url(/images/showcase-bg.webp) top/cover no-repeat;position:absolute;inset:-110px 0}.shw__box:before{content:"";background:linear-gradient(100deg, color-mix(in srgb,var(--bg) 88%,transparent) 0%, color-mix(in srgb,var(--bg) 52%,transparent) 34%, transparent 62%);pointer-events:none;position:absolute;inset:0}:root[data-theme=dark] .shw__box:before{background:linear-gradient(100deg, color-mix(in srgb,var(--bg) 92%,transparent) 0%, color-mix(in srgb,var(--bg) 62%,transparent) 40%, color-mix(in srgb,var(--bg) 22%,transparent) 100%)}.shw__box>:not(.shw__bg){position:relative}.shw__head{align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.shw__headtext{min-width:0}.shw__title{letter-spacing:-.03em;color:var(--shw-ink);flex-direction:column;margin:0 0 10px;font-size:clamp(34px,3.6vw,56px);line-height:1.02;display:flex}.shw__sub{color:var(--shw-ink-2);margin:0;font-size:17px}.shw__all{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);min-height:56px;color:var(--shw-ink);background:#ffffff8c;border:1px solid #ffffff80;border-radius:999px;flex:none;align-items:center;gap:12px;margin-left:auto;padding:0 24px;font-size:17px;font-weight:600;transition:color .18s,background-color .2s,transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 1px 2px #1018280f,0 10px 26px #1018281a}.shw__all:hover{color:var(--accent);background:#ffffffc7;transform:translateY(-2px)}.shw__all:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shw__chev{width:20px;height:20px;transform:rotate(-90deg)}.shw__chev--left{transform:rotate(90deg)}.shw__filters{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.shw__chip{background:var(--bg);min-height:48px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:0 22px;font-size:16px;transition:background .2s,color .2s,transform .2s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 2px #1018280d}.shw__chip:hover{transform:translateY(-2px)}.shw__chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shw__chip.is-on{background:var(--accent);color:var(--accent-ink);font-weight:600}:root[data-theme=dark] .shw__chip{border:1px solid var(--line)}:root[data-theme=dark] .shw__chip.is-on{border-color:var(--accent)}.shw__swiper{margin:-6px -6px -10px;padding:6px 6px 10px;overflow:hidden}.shw__swiper .swiper-slide{height:auto}.shw__nav{justify-content:center;align-items:center;gap:18px;margin-top:26px;display:flex}.shw__arrow{background:var(--bg);width:46px;height:46px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .18s,transform .2s cubic-bezier(.22,1,.36,1),opacity .18s;display:grid;box-shadow:0 1px 2px #1018280f,0 8px 20px #1018281a}.shw__arrow:hover{color:var(--accent);transform:scale(1.07)}.shw__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shw__arrow.swiper-button-disabled{opacity:.4;cursor:default;transform:none}.shw__nav .shw__dots{flex:none;align-items:center;gap:9px;width:auto;display:flex;position:static}.shw__dot{background:var(--ink-2);opacity:.4;cursor:pointer;border-radius:50%;flex:none;width:9px;height:9px;transition:width .22s,opacity .22s,background .22s}.shw__dot.is-on{background:var(--accent);opacity:1;border-radius:999px;width:26px}@media (max-width:900px){.shw__box{border-radius:24px;padding:30px 20px 24px}.shw__head{flex-direction:column;gap:16px}.shw__all{margin-left:0}.shw__filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.shw__filters::-webkit-scrollbar{display:none}.shw__chip{flex:none}.shw__sub{font-size:15px}}@media (max-width:760px){.shw__arrow{display:none}}@media (prefers-reduced-motion:reduce){.shw__chip,.shw__all,.shw__arrow,.shw__dot{transition:none}.shw__chip:hover,.shw__all:hover,.shw__arrow:hover{transform:none}}