.cshow{padding-top:var(--cshow-pt,72px);padding-bottom:var(--cshow-pb,72px)}.cshow__inner{display:flex;flex-direction:column;gap:2.6rem}.cshow__head{max-width:62rem;display:flex;flex-direction:column;gap:.9rem}.cshow__eyebrow{margin:0;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.cshow__title{margin:0;font-size:clamp(2.4rem,3.2vw,3.6rem);line-height:1.15;text-wrap:balance}.cshow__body{margin:0;max-width:56ch;opacity:.82}.cshow__body p{margin:0}.cshow__grid{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;grid-template-columns:repeat(var(--cshow-cols,3),minmax(0,1fr))}.cshow__frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:14px;background:#fafafa;padding:6px;box-shadow:0 4px 14px #0000000f;transition:box-shadow .3s ease,transform .3s ease}.cshow__item:hover .cshow__frame{box-shadow:0 10px 26px #0000001a;transform:translateY(-2px)}.cshow__frame video,.cshow__frame img,.cshow__video{width:100%;height:100%;object-fit:cover;border-radius:14px;background:#fbfaf8;border:5px solid rgba(0,0,0,.05);display:block}.cshow__placeholder{width:100%;height:100%;display:grid;place-items:center;background:#fbfaf8;border-radius:14px}.cshow__placeholder svg{width:70%;height:70%;opacity:.25}.cshow__caption{margin:.9rem .4rem 0;font-size:1.3rem;opacity:.75}.cshow__cta{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.cshow__note{margin:0;font-size:1.3rem;opacity:.7}@media screen and (max-width:989px){.cshow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:600px){.cshow__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cshow__frame,.cshow__item:hover .cshow__frame{transition:none;transform:none}}.cshow__frame{aspect-ratio:16 / 9}.cshow__frame .cshow__video,.cshow__frame video{transform:none;object-position:50% var(--cshow-focus, 54%)}.cshow__frame img.cshow__mark{position:absolute;right:3.5%;bottom:6%;width:auto;height:24%;max-height:46px;min-height:18px;max-width:none;object-fit:contain;border:0;border-radius:0;background:none;padding:0;opacity:.8;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.65));z-index:2}@media screen and (max-width:989px)and (min-width:750px){.cshow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.cshow__grid{grid-template-columns:1fr;gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-custom-showcase.css.map */
