.pp-showcase,.pp-band{--pp-black: #121212;--pp-dark: #141414;background:var(--pp-black);color:#fff}.pp-showcase *,.pp-band *{box-sizing:border-box}.pp-pen{width:100%;display:flex;flex-direction:column;align-items:center;transition:opacity .7s ease}.pp-pen.is-faded{opacity:0}.pp-pen__art{position:relative;width:100%;aspect-ratio:1 / 1}.pp-pen>.pp-pen__art,.pp-pen>.pp-pen__city{display:block}.pp-pen__art canvas,.pp-pen__art .pp-pen__exact{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pp-pen__art .pp-pen__exact{object-fit:contain}.pp-pen__art .pp-pen__probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}.pp-pen__exact{opacity:0;transition:opacity .6s ease}.pp-pen__exact.is-on{opacity:1}.pp-pen__exact.is-instant{transition:none}.pp-pen__city{margin-top:14px;height:1.4em;line-height:1.4;font-family:var(--font-heading-family, Montserrat),Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.18em;white-space:nowrap;text-align:center}.pp-pen__city span{opacity:0;transition:opacity .25s ease}.pp-pen__city span.is-on{opacity:1}.pp-showcase__inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:24px;max-width:1200px;min-height:520px;margin:0 auto;padding:48px 40px}.pp-showcase__stage{order:2;display:flex;flex-direction:column;align-items:center}.pp-showcase__stage .pp-pen__art{width:min(420px,100%)}.pp-showcase__copy{order:1}.pp-showcase__heading{margin:0 0 14px;color:#fff;font-size:clamp(28px,4vw,42px);line-height:1.1}.pp-showcase__text{margin:0 0 22px;max-width:440px;color:#fffc;line-height:1.5}.pp-showcase__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:2px solid #fff;border-radius:4px;background:#fff;color:#141414;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.pp-showcase__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.pp-band__inner{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:48px 24px}.pp-band__name{margin:0 0 18px;color:#fff;font-size:20px;text-align:center}.pp-band .pp-pen__art{width:min(440px,100%)}.pp-band:not(.is-ready){background:none}.pp-band:not(.is-ready) .pp-band__inner{visibility:hidden}@media(max-width:749px){.pp-showcase__inner{grid-template-columns:1fr;min-height:0;gap:10px;padding:24px 20px 32px}.pp-showcase__stage{order:1}.pp-showcase__copy{order:2;margin-top:8px}.pp-showcase__stage .pp-pen__art{width:auto;height:min(42vh,300px);max-width:100%}.pp-showcase__btn{display:flex;width:100%}.pp-band__inner{padding:32px 20px}.pp-pen__city{font-size:12.5px;letter-spacing:.14em}}.pp-showcase--light{background:#fff;color:#121212}.pp-showcase--light .pp-pen__art canvas,.pp-showcase--light .pp-pen__art .pp-pen__exact{filter:invert(1)}.pp-showcase--light .pp-pen__city,.pp-showcase--light .pp-showcase__heading{color:#121212}.pp-showcase--light .pp-showcase__text{color:#121212b8}.pp-showcase--light .pp-showcase__btn{border-color:var(--pp-dark);background:var(--pp-dark);color:#fff}.pp-showcase--light .pp-showcase__btn:focus-visible{outline-color:var(--pp-dark)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/pp-pen-draw.css.map */