.content-for-layout>.shopify-section.afp-how-section,.content-for-layout>.shopify-section:has(.how-it-works){overflow-x:clip;flex-grow:0}.how-it-works{--how-red: var(--color-brand, #ec2128);--how-navy: var(--color-navy, #1d303e);--how-muted: #5c6b75;--how-line: #d5dbe0;--how-wash: #f3f4f5;--how-script: var(--home-script, "Snell Roundhand", "Segoe Script", "Apple Chancery", "Palatino Linotype", cursive);color:var(--how-navy);overflow-x:clip}.how-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;height:100%;min-height:inherit;background:var(--how-wash);text-align:center;padding:.75rem}.how-ph__title{margin:0;color:var(--how-navy);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.how-ph__note{margin:0;color:var(--how-muted);font-size:.78rem;line-height:1.3}.how-steps.section{padding-block:2.75rem 2.5rem}.how-steps__header{max-width:38rem;margin:0 auto 2.5rem;padding-inline:.5rem;text-align:center}.how-steps__header .afp-home-heading,.how-steps__header h1{font-size:clamp(1.85rem,3vw,2.55rem)}.how-steps__header .afp-home-lede{margin-top:.65rem}.how-steps__grid{display:grid;gap:2rem 0;margin:0;padding:0;list-style:none}.how-steps__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.how-steps__meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.how-steps__num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--how-red);color:#fff;font-size:.78rem;font-weight:700;line-height:1;letter-spacing:.02em}.how-steps__icon{width:1.55rem;height:1.55rem;color:var(--how-navy)}.how-steps__icon svg{width:100%;height:100%}.how-steps__item h3{margin:0 0 .45rem;color:var(--how-navy);font-size:1.05rem;font-weight:700;line-height:1.3}.how-steps__item>p{margin:0;color:var(--how-muted);font-size:.9rem;line-height:1.5}.how-steps__visual{width:100%;margin-top:auto;padding-top:1.35rem}@media screen and (min-width:750px){.how-steps.section{padding-block:3.25rem 3rem}.how-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 0}.how-steps__item{padding:0 1.35rem}.how-steps__item:nth-child(odd){border-right:1px solid var(--how-line)}}@media screen and (min-width:1100px){.how-steps__header{margin-bottom:2.75rem}.how-steps__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:stretch}.how-steps__item{padding:0 1.15rem}.how-steps__item:nth-child(odd){border-right:0}.how-steps__item:not(:last-child){border-right:1px solid var(--how-line)}.how-steps__item:first-child{padding-left:0}.how-steps__item:last-child{padding-right:0}}@media screen and (max-width:749px){.how-steps.section{padding-block:2rem 1.75rem}.how-steps__header{margin-bottom:1.5rem}.how-steps__item{padding:1.35rem 0;border-bottom:1px solid var(--how-line)}.how-steps__item:first-child{padding-top:0}.how-steps__item:last-child{border-bottom:0;padding-bottom:0}.how-steps__item h3{font-size:1.2rem}.how-steps__visual{display:flex;justify-content:center;max-width:none;padding-top:1.75rem}}.how-ff{display:flex;flex-direction:column;align-items:center}.how-ff [data-how-ff-roster]{display:none}.how-ff__row{display:flex;align-items:center;justify-content:center;gap:.45rem}.how-ff__nav{position:relative;z-index:1;display:grid;place-items:center;width:1.55rem;height:1.55rem;margin:0;padding:0;border:1.5px solid var(--how-line);border-radius:999px;background:#fff;color:var(--how-navy);font:inherit;line-height:0;-webkit-appearance:none;appearance:none;cursor:pointer}.how-ff__nav:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.how-ff__nav:focus{outline:none}.how-ff__nav:focus-visible{outline:2px solid var(--how-navy);outline-offset:2px}.how-ff__nav .svg-wrapper,.how-ff__nav svg{width:.45rem;height:.7rem}.how-ff__photo{position:relative;width:4.35rem;height:4.35rem;border-radius:999px;overflow:hidden;background:var(--how-navy);box-shadow:0 6px 16px #1d303e29}.how-ff__photo img,.how-ff__photo .how-ph{width:100%;height:100%;object-fit:cover}.how-ff__photo img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .2s ease}.how-ff__photo img.is-incoming{opacity:0}@media(prefers-reduced-motion:reduce){.how-ff__photo img{transition:none}}.how-ff__name{margin:.4rem 0 0;color:var(--how-navy);font-size:.82rem;font-weight:500}.how-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.how-subjects__pill{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;min-height:2.05rem;padding:.28rem .55rem;border:1.5px solid var(--how-line);border-radius:999px;background:#fff;color:var(--how-navy);font-size:.78rem;line-height:1}.how-subjects__pill.is-selected{border-color:var(--how-red);font-weight:650}.how-subjects__pill .svg-wrapper,.how-subjects__pill svg{width:.95rem;height:.95rem}.how-upload{text-align:center}.how-upload__thumbs{display:flex;align-items:center;justify-content:center;max-width:100%;gap:.4rem}.how-upload__thumb,.how-upload__add{flex:0 0 2.7rem;width:2.7rem;height:2.7rem;min-width:0;border-radius:8px;overflow:hidden;background:var(--how-wash)}.how-upload__thumb img,.how-upload__thumb .how-ph{width:100%;height:100%;object-fit:cover}.how-upload__thumb img{object-position:center 15%}.how-upload__add{display:grid;place-items:center;border:1.5px dashed #b7c0c6;background:#fff;color:var(--how-muted);font-size:1.25rem;font-weight:400;line-height:1}.how-upload__label{margin:.55rem 0 0;color:var(--how-navy);font-size:.78rem;font-weight:700}.how-upload__hint{margin:.15rem 0 0;color:var(--how-muted);font-size:.72rem;line-height:1.35}.how-fan{position:relative;width:100%;height:7.6rem}.how-fan__card{position:absolute;top:50%;left:50%;width:3.05rem;height:4.15rem;overflow:hidden;border-radius:4px;background:var(--how-wash);box-shadow:0 6px 14px #1d303e2e}.how-fan__card img,.how-fan__card .how-ph{width:100%;height:100%;object-fit:cover}.how-fan__card img{display:block;object-position:center center}.how-fan__card--1{z-index:1;transform:translate(-50%,-46%) rotate(-22deg) translate(-2.55rem)}.how-fan__card--2{z-index:2;transform:translate(-50%,-48%) rotate(-11deg) translate(-1.25rem)}.how-fan__card--3{z-index:3;width:3.45rem;height:4.7rem;transform:translate(-50%,-50%) rotate(0)}.how-fan__card--4{z-index:2;transform:translate(-50%,-48%) rotate(11deg) translate(1.25rem)}.how-fan__card--5{z-index:1;transform:translate(-50%,-46%) rotate(22deg) translate(2.55rem)}.how-steps__visual--print{display:flex;justify-content:center;width:100%;max-width:none;margin-inline:auto}.how-print{display:flex;flex-direction:column;align-items:center;width:4.7rem;max-width:100%;margin-inline:auto}.how-print__frame{width:100%;padding:.22rem .22rem .35rem;background:linear-gradient(180deg,#f7f8f9,#fff);box-shadow:0 10px 20px #1d303e29}.how-print__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--how-wash)}.how-print__media img,.how-print__media .how-ph{display:block;width:100%;height:100%;object-fit:cover}.how-print__media img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;object-fit:cover;object-position:center center}.how-print__stand{width:2.9rem;height:.55rem;margin-top:.12rem;background:#c4a06a;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);box-shadow:0 2px 4px #1d303e1f}@media screen and (max-width:749px){.how-ff__row{gap:.7rem}.how-ff__nav{width:1.85rem;height:1.85rem}.how-ff__nav .svg-wrapper,.how-ff__nav svg{width:.55rem;height:.85rem}.how-ff__photo{width:6.25rem;height:6.25rem}.how-ff__name{margin-top:.55rem;font-size:.95rem}.how-subjects{width:100%;gap:.6rem}.how-subjects__pill{min-height:2.75rem;padding:.4rem .75rem;font-size:.92rem;gap:.4rem}.how-subjects__pill .svg-wrapper,.how-subjects__pill svg{width:1.05rem;height:1.05rem}.how-upload__thumb,.how-upload__add{flex-basis:4.25rem;width:4.25rem;height:4.25rem;border-radius:10px}.how-upload__add{font-size:1.6rem}.how-upload__label{font-size:.88rem}.how-upload__hint{font-size:.78rem}.how-fan{height:11rem}.how-fan__card{width:4.42rem;height:6.02rem;border-radius:6px}.how-fan__card--1{transform:translate(-50%,-46%) rotate(-22deg) translate(-3.7rem)}.how-fan__card--2{transform:translate(-50%,-48%) rotate(-11deg) translate(-1.81rem)}.how-fan__card--3{width:5rem;height:6.82rem}.how-fan__card--4{transform:translate(-50%,-48%) rotate(11deg) translate(1.81rem)}.how-fan__card--5{transform:translate(-50%,-46%) rotate(22deg) translate(3.7rem)}.how-print{width:10.5rem}.how-print__frame{padding:.5rem .5rem .75rem}.how-print__stand{width:6.5rem;height:1.15rem;margin-top:.2rem}}.how-trust{display:grid;gap:1.25rem 1rem;margin-top:2.5rem;padding:1.35rem 1.25rem;background:var(--how-wash);border-radius:18px}.how-trust__item{display:flex;align-items:flex-start;gap:.7rem;min-width:0}.how-trust__icon{flex:0 0 1.7rem;width:1.7rem;height:1.7rem;margin-top:.1rem;color:var(--how-red)}.how-trust__icon svg{width:100%;height:100%}.how-trust__copy h3{margin:0 0 .15rem;color:var(--how-navy);font-size:.92rem;font-weight:700;line-height:1.25}.how-trust__copy p{margin:0;color:var(--how-muted);font-size:.82rem;line-height:1.4}@media screen and (min-width:750px){.how-trust{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem 1.75rem}}@media screen and (min-width:990px){.how-trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.25rem;margin-top:3.25rem;padding:1.6rem 1.85rem}}@media screen and (max-width:749px){.how-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .85rem;margin-top:1.75rem;padding:1.15rem 1rem}}@media screen and (max-width:380px){.how-trust{grid-template-columns:1fr}}.how-faq.section{padding-block:2rem 3rem}.how-faq__grid{display:grid;gap:2rem;align-items:start}.how-faq__media-wrap{position:relative}.how-faq__media{overflow:hidden;border-radius:18px;background:var(--how-wash);aspect-ratio:4 / 5}.how-faq__media img,.how-faq__media .how-ph{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}.how-faq__copy{min-width:0}.how-faq__heading{margin:0 0 1.15rem;color:var(--how-navy);font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:700;line-height:1.18;letter-spacing:-.02em}.how-faq__list{border-top:1px solid var(--how-line)}.how-faq__item{border-bottom:1px solid var(--how-line)}.how-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 0;color:var(--how-navy);font-size:.98rem;font-weight:500;line-height:1.35;cursor:pointer;list-style:none}.how-faq__item summary::-webkit-details-marker{display:none}.how-faq__item summary:focus-visible{outline:2px solid var(--how-red);outline-offset:3px}.how-faq__plus{position:relative;flex:0 0 .9rem;width:.9rem;height:.9rem;color:var(--how-navy)}.how-faq__plus:before,.how-faq__plus:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%)}.how-faq__plus:before{width:100%;height:1.5px}.how-faq__plus:after{width:1.5px;height:100%}.how-faq__item[open] .how-faq__plus:after{display:none}.how-faq__answer{padding:0 1.5rem 1rem 0;color:var(--how-muted);font-size:.92rem;line-height:1.55}.how-faq__answer p{margin:0}.how-faq__more{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.15rem;color:var(--how-red);font-size:.95rem;font-weight:650;text-decoration:none}.how-faq__more:hover,.how-faq__more:focus-visible{color:var(--how-red);text-decoration:underline;text-underline-offset:3px}.how-faq__more .svg-wrapper,.how-faq__more svg{width:.95rem;height:.95rem}@media screen and (min-width:750px){.how-faq.section{padding-block:2.75rem 3.75rem}.how-faq__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:3.5rem;align-items:start}}@media screen and (max-width:749px){.how-faq.section{padding-block:1.5rem 2.25rem}.how-faq__media{width:100%;max-height:34rem}}.how-banner{position:relative;isolation:isolate;overflow:hidden;min-height:16.5rem;color:#fff}.how-banner.section{padding-block:0}.how-banner__media,.how-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.how-banner__media img,.how-banner__media .how-ph{display:block;width:100%;height:100%;object-fit:cover}.how-banner__placeholder{background:linear-gradient(180deg,#1d303e26,#1d303e59),var(--how-navy)}.how-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#10182075}.how-banner__content{position:relative;z-index:2;display:grid;justify-items:center;gap:.85rem;max-width:40rem;margin-inline:auto;padding-block:4rem;padding-inline:var(--page-margin, 1rem);text-align:center}.how-banner__heading{margin:0;color:#fff;font-size:clamp(1.85rem,3.4vw,2.7rem);font-weight:750;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.how-banner__text{margin:0;color:#ffffffeb;line-height:1.5}@media screen and (min-width:750px){.how-banner{min-height:18.5rem}.how-banner__content{padding-block:4.75rem}}@media screen and (max-width:749px){.how-banner__content{padding-block:3.25rem}.how-banner__content .afp-home-cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/how-it-works.css.map */