.mono-showcase{padding:var(--mono-section-padding-mobile, 64px) 0}@media screen and (min-width:750px){.mono-showcase{padding:var(--mono-section-padding, 120px) 0}}.mono-showcase__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:var(--mono-container-width);margin:0 auto;padding:0 24px}.mono-showcase__media{position:sticky;top:100px}.mono-showcase__image{width:100%;border-radius:var(--mono-radius-lg);overflow:hidden}.mono-showcase__image img{width:100%;height:auto;display:block;transition:transform .6s var(--mono-ease)}.mono-showcase__image:hover img{transform:scale(1.02)}.mono-showcase__image img{transition:transform .6s var(--mono-ease),opacity .2s ease}.mono-showcase__thumbs{display:flex;gap:10px;margin-top:16px;justify-content:center}.mono-showcase__thumb{width:68px;height:68px;border-radius:var(--mono-radius-md);border:2px solid transparent;overflow:hidden;cursor:pointer;padding:0;background:var(--mono-bg-alt);transition:border-color .3s ease,transform .3s ease}.mono-showcase__thumb.is-active{border-color:var(--mono-accent)}.mono-showcase__thumb:hover{transform:scale(1.08)}.mono-showcase__thumb img{width:100%;height:100%;object-fit:cover;display:block}.mono-showcase__content{padding-top:40px}.mono-showcase__block{margin-bottom:80px}.mono-showcase__block:last-child{margin-bottom:0}.mono-showcase__block-eyebrow{margin-bottom:12px}.mono-showcase__block-title{font-family:var(--mono-font-display);font-size:clamp(2rem,3vw,2.8rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--mono-text);margin:0 0 16px}.mono-showcase__block-text{font-size:1.6rem;line-height:1.65;color:var(--mono-text-secondary);margin:0}.mono-showcase__block-image{margin:20px auto 0;border-radius:var(--mono-radius-md);overflow:hidden;max-width:280px;max-height:200px}.mono-showcase__block-image img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:989px){.mono-showcase__grid{grid-template-columns:1fr;gap:32px}.mono-showcase__media{position:relative;top:auto}.mono-showcase__block{margin-bottom:32px}}@media screen and (max-width:749px){.mono-showcase__grid{gap:24px;padding:0 16px}.mono-showcase__block{margin-bottom:24px;padding:20px;background:#fff;border-radius:var(--mono-radius-lg);border:1px solid var(--mono-border)}.mono-showcase__block-title{font-size:1.8rem;margin-bottom:10px}.mono-showcase__block-text{font-size:1.4rem;line-height:1.55}.mono-showcase__content{padding-top:0}.mono-showcase__thumbs{gap:8px}.mono-showcase__thumb{width:56px;height:56px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mono-showcase.css.map */