.character-landing{--clp-bg: #8a4bc8;--clp-heading: #ffffff;--clp-card-bg: #6e2f9e;--clp-card-text: #ffffff;--clp-card-border: #000000;--clp-line: #ffffff;--clp-logo-max: 160px;--clp-icon-size: 48px;--clp-card-max: 360px;--clp-image-max: 460px;--clp-dot-size: 12px;--clp-line-width: 2px;--clp-pointer: 14px;--clp-row-overlap: 8rem;position:relative;background-color:var(--clp-bg);padding-top:var(--section-padding-top, 64px);padding-bottom:var(--section-padding-bottom, 64px);overflow:hidden;margin-bottom:-3px}.template-page-character-landing .header-wrapper{background-color:var(--clp-bg)}.character-landing__inner{position:relative}.character-landing__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;margin:0rem auto 8rem;padding-bottom:60px;max-width:var(--clp-heading-max-width, 900px)}.character-landing__logo{display:block;width:100%;max-width:var(--clp-logo-max);height:auto}.character-landing__heading{margin:0;color:var(--clp-heading);font-family:"Carton Six",var(--font-heading-family),sans-serif;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:0}.character-landing__timeline{--clp-progress: 0;position:relative}.character-landing__timeline--has-icon{padding-top:0}.character-landing__spine{position:absolute;top:0;bottom:0;left:50%;width:var(--clp-line-width);background-color:#ffffff47;background-color:color-mix(in srgb,var(--clp-line) 28%,transparent);transform:translate(-50%);pointer-events:none;z-index:0;overflow:hidden}.character-landing__spine-progress{position:absolute;top:0;left:0;width:100%;height:calc(var(--clp-progress) * 100%);background-color:var(--clp-line);transform-origin:top center;will-change:height}.character-landing__spine-icon{position:absolute;top:-15px;left:50%;z-index:2;display:flex;justify-content:center;align-items:center;width:var(--clp-icon-size);margin:0;transform:translate3d(-50%,var(--clp-icon-y, 0px),0);will-change:transform;pointer-events:none;transition:none}.character-landing__spine-icon img,.character-landing__spine-icon svg{display:block;width:var(--clp-icon-size);height:var(--clp-icon-size);object-fit:contain;filter:drop-shadow(0 .4rem .8rem rgba(0,0,0,.25))}.character-landing__row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) var(--clp-dot-size) minmax(0,1fr);align-items:start;column-gap:75px}.character-landing__row:not(:first-of-type){align-items:center}.character-landing__row:not(:first-of-type) .character-landing__col--marker{align-self:center;padding-top:0}.character-landing__card,.character-landing__card-title,.character-landing__card-text,.character-landing__actions,.character-landing__media{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.character-landing__row--text-left .character-landing__card,.character-landing__row--text-left .character-landing__card-title,.character-landing__row--text-left .character-landing__card-text,.character-landing__row--text-left .character-landing__actions,.character-landing__row--text-right .character-landing__media{transform:translate3d(-48px,0,0)}.character-landing__row--text-right .character-landing__card,.character-landing__row--text-right .character-landing__card-title,.character-landing__row--text-right .character-landing__card-text,.character-landing__row--text-right .character-landing__actions,.character-landing__row--text-left .character-landing__media{transform:translate3d(48px,0,0)}.character-landing__card{transition-delay:0s}.character-landing__card-title{transition-delay:.16s}.character-landing__card-text{transition-delay:.3s}.character-landing__actions{transition-delay:.44s}.character-landing__media{transition-delay:.2s}.character-landing__row.is-visible .character-landing__card,.character-landing__row.is-visible .character-landing__card-title,.character-landing__row.is-visible .character-landing__card-text,.character-landing__row.is-visible .character-landing__actions,.character-landing__row.is-visible .character-landing__media{opacity:1;transform:translateZ(0)}.character-landing__row:not(.is-visible) .character-landing__actions{transition-delay:0s}.character-landing__row:not(.is-visible) .character-landing__card-text{transition-delay:.08s}.character-landing__row:not(.is-visible) .character-landing__card-title{transition-delay:.16s}.character-landing__row:not(.is-visible) .character-landing__media{transition-delay:.08s}.character-landing__row:not(.is-visible) .character-landing__card{transition-delay:.24s}@media(prefers-reduced-motion:reduce){.character-landing__card,.character-landing__card-title,.character-landing__card-text,.character-landing__actions,.character-landing__media{opacity:1;transform:none;transition:none}.character-landing__spine-progress,.character-landing__spine-icon{transition:none}}.character-landing__col--card{grid-column:1;grid-row:1;justify-self:end;width:100%;max-width:var(--clp-card-max)}.character-landing__col--marker{grid-column:2;grid-row:1;display:flex;align-items:flex-start;justify-content:center;align-self:start;height:auto;padding-top:var(--clp-dot-offset, 0px)}.character-landing__col--media{grid-column:3;grid-row:1;justify-self:start;width:100%;max-width:520px}.character-landing__row--text-right .character-landing__col--card{grid-column:3;justify-self:start}.character-landing__row--text-right .character-landing__col--media{grid-column:1;justify-self:end}.character-landing__dot{position:relative;display:block;width:var(--clp-dot-size);height:var(--clp-dot-size);border-radius:50%;background-color:#ffffff59;background-color:color-mix(in srgb,var(--clp-line) 35%,transparent);box-shadow:0 0 0 4px var(--clp-bg);flex-shrink:0;z-index:2;transition:background-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.character-landing__dot:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:0;height:0;border-radius:50%;background:#d2b4ff8c;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:-1}.character-landing__row.is-visible .character-landing__dot{background-color:var(--clp-line);transform:scale(1.15)}.character-landing__row.is-visible .character-landing__dot:after{animation:clp-dot-blink 1.35s ease-in-out infinite}@keyframes clp-dot-blink{0%,to{width:calc(var(--clp-dot-size) * 2.4);height:calc(var(--clp-dot-size) * 2.4);opacity:.55}50%{width:calc(var(--clp-dot-size) * 3.4);height:calc(var(--clp-dot-size) * 3.4);opacity:.18}}@media(prefers-reduced-motion:reduce){.character-landing__row.is-visible .character-landing__dot:after{animation:none;width:calc(var(--clp-dot-size) * 2.6);height:calc(var(--clp-dot-size) * 2.6);opacity:.4}}.character-landing__card{position:relative;background-color:var(--clp-card-bg);color:var(--clp-card-text);border:2px solid var(--clp-card-border);padding:4rem}.character-landing__card:before,.character-landing__card:after{content:"";position:absolute;top:45%;transform:translateY(-50%);width:0;height:0;pointer-events:none}.character-landing__row--text-left .character-landing__card:before{right:-25px;width:23px;height:32px;background:var(--clp-card-border);clip-path:polygon(0 0,100% 100%,0 100%)}.character-landing__row--text-left .character-landing__card:after{right:-22px;width:22px;height:28px;background:var(--clp-card-bg);clip-path:polygon(0 0,100% 100%,0 100%);z-index:2}.character-landing__row--text-right .character-landing__card:before{left:-25px;right:auto;width:23px;height:32px;background:var(--clp-card-border);clip-path:polygon(100% 0,0 100%,100% 100%)}.character-landing__row--text-right .character-landing__card:after{left:-22px;right:auto;width:22px;height:28px;background:var(--clp-card-bg);clip-path:polygon(100% 0,0 100%,100% 100%);z-index:2}.character-landing__card-title{margin:0 0 3.2rem;color:inherit;font-family:"Carton Six",var(--font-heading-family),sans-serif;font-weight:400;line-height:1;text-transform:uppercase}.character-landing__card-text{margin:0;color:inherit}.character-landing__card-text.rte,.character-landing__card-text.rte p{color:inherit;font-size:var(--body-medium, 1.6rem);line-height:1.3;letter-spacing:0}.character-landing__card-text.rte p{margin:0 0 1em}.character-landing__card-text.rte p:last-child{margin-bottom:0}.character-landing__card-text.rte a{color:inherit}.character-landing__actions{margin-top:3.2rem}.character-landing__media{display:flex;align-items:center;justify-content:center}.character-landing__image,.character-landing__video,.character-landing__media .placeholder-svg{display:block;width:100%;max-height:var(--clp-image-max);height:auto;object-fit:contain;filter:drop-shadow(0 1.6rem 2.4rem rgba(0,0,0,.35))}.character-landing__video{background:transparent}.character-landing__media .placeholder-svg{width:70%;opacity:.45;filter:none}@media screen and (min-width:990px){.character-landing__row:not(:first-of-type){margin-top:calc(-1 * var(--clp-row-overlap))}}@media screen and (max-width:989px){.character-landing{padding-top:var(--section-padding-top-tablet, 48px);padding-bottom:var(--section-padding-bottom-tablet, 48px)}.character-landing__header{gap:2rem;margin-bottom:4rem}.character-landing__row{column-gap:75px;padding:2rem 0}.character-landing__card{padding:2.4rem}}@media screen and (max-width:749px){.character-landing{padding-top:var(--section-padding-top-mobile, 40px);padding-bottom:var(--section-padding-bottom-mobile, 40px)}.character-landing__header{margin-bottom:4rem}.character-landing__spine{left:calc(var(--clp-dot-size) / 2);transform:none}.character-landing__spine-icon{left:calc(var(--clp-dot-size) / 2);transform:translate3d(-50%,var(--clp-icon-y, 0px),0)}.character-landing__row--text-left .character-landing__card,.character-landing__row--text-left .character-landing__media,.character-landing__row--text-right .character-landing__card,.character-landing__row--text-right .character-landing__media{transform:translate3d(0,16px,0)}.character-landing__row.is-visible .character-landing__card,.character-landing__row.is-visible .character-landing__media{transform:translateZ(0)}.character-landing__row,.character-landing__row--text-right{grid-template-columns:var(--clp-dot-size) minmax(0,1fr);grid-template-rows:auto auto;column-gap:2rem;row-gap:2rem;padding:4rem 0}.character-landing__col--marker{grid-column:1;grid-row:1 / span 2}.character-landing__col--media,.character-landing__row--text-right .character-landing__col--media,.character-landing__col--card,.character-landing__row--text-right .character-landing__col--card{grid-column:2;justify-self:stretch;max-width:none}.character-landing__col--media,.character-landing__row--text-right .character-landing__col--media{grid-row:1}.character-landing__col--card,.character-landing__row--text-right .character-landing__col--card{grid-row:2}.character-landing__card{padding:3rem}.character-landing__row--text-left .character-landing__card:before,.character-landing__row--text-right .character-landing__card:before{left:-16px;right:auto;border-left:0;border-right:16px solid var(--clp-card-border);border-top:12px solid transparent;border-bottom:12px solid transparent}.character-landing__row--text-left .character-landing__card:after,.character-landing__row--text-right .character-landing__card:after{left:-13px;right:auto;border-left:0;border-right:14px solid var(--clp-card-bg);border-top:10px solid transparent;border-bottom:10px solid transparent}.character-landing__image,.character-landing__video,.character-landing__media .placeholder-svg{max-height:min(var(--clp-image-max),360px);margin:0 auto}.character-landing__timeline .character-landing__spine,.character-landing__timeline .character-landing__spine-icon,.character-landing__timeline .character-landing__col--marker{display:none!important}.character-landing__timeline .character-landing__row{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto}.character-landing__timeline .character-landing__col--card{grid-column:1;grid-row:1}.character-landing__timeline .character-landing__col--media{grid-column:1;grid-row:2}.character-landing__timeline>article:nth-of-type(odd) .character-landing__card:before{left:auto;right:-18px;width:15px;height:28px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:16px solid var(--clp-card-border);border-right:0}.character-landing__timeline>article:nth-of-type(odd) .character-landing__card:after{left:auto;right:-15px;width:15px;height:25px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid var(--clp-card-bg);border-right:0}.character-landing__timeline>article:nth-of-type(2n) .character-landing__card:before{left:-18px;right:auto;width:15px;height:28px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:16px solid var(--clp-card-border);border-left:0}.character-landing__timeline>article:nth-of-type(2n) .character-landing__card:after{left:-15px;right:auto;width:15px;height:25px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:14px solid var(--clp-card-bg);border-left:0}.character-landing__logo{max-width:152px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-character-landing.css.map */