.py-studio-promo{max-width:960px;margin:32px auto;padding:0 16px;color:#fff}.py-studio-promo *{box-sizing:border-box}.py-studio-promo__panel{position:relative;isolation:isolate;overflow:hidden;background:#171717;border-radius:20px;padding:24px 24px 24px 40px;display:grid;gap:12px;min-height:320px}.py-studio-promo__brand,.py-studio-promo__copy,.py-studio-promo__actions{position:relative;z-index:1;max-width:550px}.py-studio-promo__brand{display:flex;align-items:center;gap:10px;height:33px}.py-studio-promo__brand>img{width:134px;height:auto;max-height:26px;object-fit:contain}.py-studio-promo__badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:4px 10px;background:linear-gradient(150deg,#cccfd6,#fff 50%,#dedee5);color:#171717;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:16px}.py-studio-promo__badge:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(110deg,transparent 35%,#ffffffb3 50%,transparent 65%);transform:translate(0);pointer-events:none}.py-studio-promo__copy h2{font-family:inherit;color:#fff;font-size:30px;font-weight:700;line-height:1.3;letter-spacing:0;margin:0 0 10px}.py-studio-promo__gradient{position:relative;display:inline-block;background:linear-gradient(90deg,#55d9ff,#7b8cff,#e879f9);color:transparent;background-clip:text;-webkit-background-clip:text}.py-studio-promo__gradient>span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f085d7,#a17aff,#55d9ff);background-clip:text;-webkit-background-clip:text;color:transparent;animation:py-studio-color 3s ease-in-out infinite;pointer-events:none}.py-studio-promo__copy p{margin:0;font-size:13px;line-height:1.5;color:#eee;max-width:480px}.py-studio-promo__gallery{position:absolute;z-index:0;inset:0 0 0 auto;width:58.2%;display:grid;grid-template-columns:repeat(6,96px);gap:12px;overflow:hidden;pointer-events:none}.py-studio-promo__gallery:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#171717,#171717f5 25%,#17171780 60%,#17171714)}.py-studio-promo__column{display:flex;flex-direction:column;gap:12px;transform:translateY(-12px)}.py-studio-promo__column:nth-child(2n){transform:translateY(12px)}.py-studio-promo__column img{display:block;width:96px;height:96px;object-fit:cover;border-radius:6px}.py-studio-promo__actions{padding:24px 24px 24px 0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.py-studio-promo__labels{display:flex;flex-wrap:wrap;gap:8px}.py-studio-promo__labels>span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#d9d9d9;font-size:11px;line-height:16px}.py-studio-promo__labels img{width:14px;height:14px;flex:none}.py-studio-promo__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:264px;max-width:100%;padding:10px 20px;border-radius:100px;background:#ee5f00;color:#fff;text-decoration:none;font-size:16px;font-weight:700;line-height:1.5;transition:background .2s}.py-studio-promo__cta:hover{background:#ff741a;color:#fff}.py-studio-promo__cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.py-studio-promo__cta>img{width:22px;height:22px;flex:none}@keyframes py-studio-color{0%,to{opacity:0}50%{opacity:1}}@media(max-width:749px){.py-studio-promo{padding:0 20px;max-width:430px}.py-studio-promo__panel{padding:24px;gap:16px;min-height:0}.py-studio-promo__copy h2{font-size:clamp(17px,5.9vw,23px);white-space:nowrap;line-height:1.3;margin-bottom:8px}.py-studio-promo:not(:lang(ja)):not(:lang(ko)):not(:lang(zh)):not(:lang(zh-TW)) .py-studio-promo__copy h2{white-space:normal}.py-studio-promo__copy p{font-size:12px}.py-studio-promo__gallery{position:relative;inset:auto;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:12px}.py-studio-promo__column{gap:10px;transform:none}.py-studio-promo__column:nth-child(2n){transform:translateY(12px)}.py-studio-promo__column:nth-child(n+4),.py-studio-promo__column img:nth-child(n+3){display:none}.py-studio-promo__column img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.py-studio-promo__gallery:after{background:linear-gradient(90deg,#171717,#1717174d,#1717170f,#1717174d,#171717)}.py-studio-promo__actions{padding:24px;align-items:center;gap:24px}.py-studio-promo__labels{justify-content:center}.py-studio-promo__labels>span{font-size:10px;padding:6px 8px}.py-studio-promo__cta{min-width:0;width:100%;padding:10px 12px;font-size:14px}}@media(prefers-reduced-motion:reduce){.py-studio-promo__gradient>span,.py-studio-promo__badge:after{animation:none}.py-studio-promo__gradient>span{opacity:0}}.py-studio-promo__gallery{direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,96px);align-content:start;gap:12px;padding:0 0 12px}.py-studio-promo__art{display:block;width:100%;height:96px;object-fit:cover;border-radius:6px;transform:translateY(-6px)}.py-studio-promo__art:nth-child(2n){transform:translateY(6px)}@media(max-width:749px){.py-studio-promo__gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:10px;padding-bottom:12px}.py-studio-promo__art,.py-studio-promo__art:nth-child(2n){height:auto;aspect-ratio:1;transform:none}.py-studio-promo__art:nth-child(3n+2){transform:translateY(12px)}}.py-studio-promo{width:100%;max-width:1200px;margin:32px auto;padding:0 16px;background:transparent}.py-studio-promo__panel{width:100%;margin:0 auto;border-radius:20px}.py-studio-promo__badge{background:linear-gradient(144deg,#121214 14%,#24262b 44%,#525459 52%,#26292e 61%,#0f0f12 86%);color:#fff;padding:0 9px;height:24px}.py-studio-promo__badge:after{content:none}@media(max-width:749px){.py-studio-promo{max-width:430px;padding:0 20px}}@media(max-width:749px){.py-studio-promo{max-width:none;background:#171717;padding:24px 20px}.py-studio-promo__panel{max-width:390px;border-radius:0}.py-studio-promo__art:nth-child(n+7){display:none}}.py-studio-promo__copy{text-align:left}.py-studio-promo__copy p{margin-inline:0}.py-studio-promo__badge{box-shadow:inset 0 0 0 1px #ffffff2e}.py-studio-promo__actions{gap:32px}@media(min-width:750px){.py-studio-promo__gallery{grid-template-rows:none;grid-auto-rows:auto}.py-studio-promo__art{height:auto;aspect-ratio:4 / 5}}@media(min-width:750px){.py-studio-promo__gallery{grid-template-columns:repeat(4,76px);grid-template-rows:repeat(3,95px);grid-auto-rows:95px;justify-content:start;align-content:center;gap:10px;padding:12px 0}.py-studio-promo__art{width:76px;height:95px;aspect-ratio:4 / 5}}@media(min-width:750px){.py-studio-promo__actions{padding-top:6px}}@media(min-width:750px){.py-studio-promo__gallery{grid-template-columns:repeat(4,112px);grid-template-rows:repeat(3,140px);grid-auto-rows:140px;align-content:start;gap:12px;padding:12px 0}.py-studio-promo__art{width:112px;height:140px;aspect-ratio:4 / 5}}.py-studio-promo__gallery{mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 5%,#000 14%,#000 86%,rgba(0,0,0,.55) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 5%,#000 14%,#000 86%,rgba(0,0,0,.55) 95%,transparent 100%)}.py-studio-promo__gallery--desktop{display:grid;grid-template-rows:1fr;grid-auto-rows:auto;align-content:stretch;padding:0}.py-studio-promo__gallery--mobile{display:none}.py-studio-promo__reel{min-width:0;overflow:hidden}.py-studio-promo__track{animation:py-studio-drift 72s linear infinite}.py-studio-promo__reel:nth-child(2n) .py-studio-promo__track{animation-direction:reverse}.py-studio-promo__sequence{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.py-studio-promo__sequence .py-studio-promo__art{display:block;flex:none;transform:none;width:100%;height:auto;aspect-ratio:4 / 5}@keyframes py-studio-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(max-width:749px){.py-studio-promo__gallery--desktop{display:none}.py-studio-promo__gallery--mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:10px;padding:0;aspect-ratio:3 / 2}.py-studio-promo__sequence{gap:10px;padding-bottom:10px}.py-studio-promo__sequence .py-studio-promo__art{aspect-ratio:1;transform:none}}@media(prefers-reduced-motion:reduce){.py-studio-promo__track{animation:none}}@media(max-width:749px){[id$=__custom_liquid_bdPfee] .py-studio-promo{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/py-studio-promo.css.map */