.pan-showcase-section{--pan-accent: var(--color-primary, #ea6b2f);--pan-text-heading: var(--color-text-heading, #1a1816);--pan-text-body: var(--color-text-body, #4a4742);width:100%}.pan-showcase__scroll-driver{height:205vh;position:relative}.pan-showcase__sticky{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(135deg,#faf8f5,#f0ede8)}.pan-showcase__left{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 56px;position:relative;z-index:2}@media screen and (max-width:767px){.pan-showcase__left{width:100%;padding:75px 20px 20px;justify-content:center}}.pan-showcase__content-zone{position:relative;width:100%;max-width:540px;display:flex;flex-direction:column;justify-content:center;gap:20px;height:100%;text-align:left}@media screen and (max-width:767px){.pan-showcase__content-zone{gap:15px;align-items:flex-start;height:auto;justify-content:center}}@media screen and (min-width:768px){.pan-showcase__left{min-height:0;align-items:stretch}.pan-showcase__content-zone{height:auto;max-height:min(72vh,720px);min-height:280px;flex:1 1 auto;align-self:center;overflow:hidden;justify-content:flex-start;mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%)}.pan-showcase__text-track{--track-gap: clamp(28px, 4vh, 48px);display:flex;flex-direction:column;gap:var(--track-gap);padding:clamp(36px,5vh,72px) 0;will-change:transform}.pan-showcase__text-track .pan-showcase__frame:first-child[data-frame-role=intro]{padding-top:160px}.pan-showcase__text-track .pan-showcase__frame[data-frame-role=intro]:not(:first-child),.pan-showcase__text-track .pan-showcase__frame[data-frame-role=header]{margin-top:calc(clamp(84px,48vh,277px) - var(--track-gap))}.pan-showcase__text-track .pan-showcase__frame[data-frame-role=header]+.pan-showcase__frame{margin-top:clamp(-40px,-5vh,-20px)}.pan-showcase__text-track .pan-showcase__frame[data-frame-role=header] .pan-showcase__main-title{margin-bottom:50px}.pan-showcase__text-track .pan-showcase__frame[data-frame-role=reason]{margin-bottom:clamp(24px,3.5vh,52px)}.pan-showcase__text-track .pan-showcase__frame{position:relative!important;top:auto!important;left:auto!important;display:flex!important;flex-direction:column;align-items:flex-start;width:100%;opacity:1!important;pointer-events:auto;transform:none!important;flex-shrink:0}}.pan-showcase__main-title{font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 700);font-style:var(--font-heading-style, normal);font-size:48px;color:var(--pan-accent);text-transform:uppercase;text-align:left;line-height:1.1}.pan-showcase__main-title.is-alt-title{color:var(--pan-accent)}@media screen and (max-width:768px){.pan-showcase__main-title{font-size:30px;letter-spacing:.02em}.pan-showcase__main-title.is-alt-title{font-size:30px}}.pan-showcase__frame{position:relative;opacity:0;display:none;transform:translate(-60px);pointer-events:none;transition:none}.pan-showcase__frame.is-first-visible{display:flex;opacity:1;transform:translate(0);pointer-events:auto}.pan-showcase__frame.is-active{display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.pan-showcase__frame:not(.is-active){position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:0;display:none}@media screen and (min-width:768px){.pan-showcase__frame:not(.is-active){bottom:0;margin-top:auto;margin-bottom:auto;height:fit-content}}.pan-showcase__frame.is-active{position:relative;display:flex;opacity:1;transform:translate(0);pointer-events:auto}.pan-showcase__frame--alt{flex-direction:column;display:none}.pan-frame__body{font-family:var(--font-body-family, inherit);font-weight:var(--font-body-weight, 400);font-size:15px;line-height:1.7;color:var(--pan-text-body);max-width:440px;text-align:left}@media screen and (max-width:768px){.pan-frame__body{margin-bottom:16px}}.pan-frame__sub-heading{font-family:inherit;font-size:24px;color:var(--pan-text-heading);margin-bottom:16px}@media screen and (max-width:768px){.pan-frame__sub-heading{font-size:20px}}.pan-frame__badge{display:flex;align-items:center;gap:14px;margin-bottom:10px;text-align:left}.pan-frame__badge-icon{width:52px;height:52px;flex-shrink:0}.pan-frame__badge-img{width:100%;height:100%;object-fit:contain}.pan-frame__badge span{font-weight:700;font-size:24px;color:var(--pan-text-heading);line-height:1.3}@media screen and (max-width:768px){.pan-frame__badge span{font-size:20px}}.pan-showcase__right{width:60%;position:relative;display:flex;align-items:center;justify-content:center}.pan-showcase__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.pan-showcase__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:40px;display:none;pointer-events:none;opacity:0;transition:opacity .4s ease}.pan-showcase__fallback.is-visible{display:block;opacity:1}@media screen and (max-width:767px){.pan-showcase__sticky{flex-direction:column}.pan-showcase__text-track{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:12px}.pan-showcase__content-zone{position:relative;height:auto;min-height:0;justify-content:flex-start}.pan-showcase__left{overflow:visible}.pan-showcase__frame[data-frame-role=header].is-active{position:relative!important;width:100%}.pan-showcase__frame[data-frame-role=reason]{position:absolute!important;top:clamp(78px,11vw,132px)!important;left:0!important;right:0!important;width:100%!important}.pan-showcase__frame.pan_frame_active{display:flex!important;flex-direction:column;align-items:flex-start;width:100%;position:absolute!important;top:clamp(78px,11vw,132px)!important;left:0!important;right:0!important;bottom:auto!important;margin-top:0;transform:none!important}.pan-showcase__frame.pan_frame_active .pan-frame__body{margin-top:12px;max-width:100%}.pan-showcase__content-zone{min-height:clamp(270px,42vw,360px)}.pan-showcase__right{width:100%;height:clamp(300px,52vh,460px);min-height:300px;padding:0 clamp(18px,5.5vw,28px);box-sizing:border-box}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/pan-showcase.css.map */