.first-step{--first-step-pink: #c98596;--first-step-beige: #c8b59d;--first-step-card: #f7f3eb;--first-step-card-ink: #171717;--first-step-float-x: 0px;--first-step-float-y: 0px;display:block;background:#151515;color:var(--first-step-paper-ink, #181818);isolation:isolate}body:has(.first-step[data-page-header=minimal]),body:has(.first-step[data-page-header=hidden]){--header-group-height: 0px !important}body:has(.first-step[data-page-header=minimal]) #header-group{position:absolute;inset:0 0 auto;z-index:var(--layer-sticky, 10);background:transparent}body:has(.first-step[data-page-header=minimal]) #header-group:after{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:124px;background:linear-gradient(180deg,#f4efe5b8,#f4efe500);pointer-events:none}body:has(.first-step[data-page-header=minimal]) #header-group>*:not(.header-section){display:none}body:has(.first-step[data-page-header=minimal]) #header-group .header-section{position:relative!important;top:auto!important;background:transparent}body:has(.first-step[data-page-header=minimal]) #header-component,body:has(.first-step[data-page-header=minimal]) #header-component .header__row--top{color:var(--first-step-paper-ink, #181818);background-color:transparent!important;box-shadow:none}body:has(.first-step[data-page-header=minimal]) #header-component .header__columns{padding-block:10px!important}body:has(.first-step[data-page-header=hidden]) #header-group,body:has(.first-step[data-hide-footer=true])>footer{display:none}.first-step__stage{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:calc(100vh - var(--header-group-height, 0px));min-height:calc(100svh - var(--header-group-height, 0px));overflow:clip}.first-step__panel{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;transition:filter .24s ease,opacity .24s ease}.first-step__panel--pink{background:var(--first-step-pink)}.first-step__panel--beige{background:var(--first-step-beige)}.first-step__fabric,.first-step__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.first-step__fabric{opacity:1;transform:scale(1);transform-origin:center}.first-step__fabric-image{width:100%;height:100%;object-fit:cover}.first-step__overlay{z-index:1;background:linear-gradient(180deg,rgb(0 0 0 / calc(var(--first-step-overlay) * .38)),transparent 36%),linear-gradient(0deg,rgb(0 0 0 / calc(var(--first-step-overlay) * .62)),transparent 44%);pointer-events:none}.first-step__heading,.first-step__quote{position:absolute;left:50%;z-index:6;margin:0;text-align:center;pointer-events:none;transform:translate(-50%)}.first-step__heading{top:clamp(24px,4.5vh,54px);display:grid;width:min(92vw,780px);justify-items:center;gap:8px}.first-step[data-page-header=minimal] .first-step__heading{top:clamp(84px,10vh,112px)}.first-step__eyebrow,.first-step__title,.first-step__quote-line{color:var(--first-step-paper-ink, #181818);background:var(--first-step-paper, #f4efe5);border:1px solid rgb(25 25 25 / .14);box-shadow:0 8px 24px #0003}.first-step__eyebrow{display:inline-block;margin:0;padding:7px 12px 6px;border-radius:2px;font-family:var(--font-body--family);font-size:clamp(.66rem,.82vw,.78rem);font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;transform:rotate(-.7deg)}.first-step__title{position:relative;width:fit-content;max-width:100%;margin:0;padding:.16em .42em .2em;border-radius:3px;font-family:var(--font-heading--family);font-size:clamp(1.9rem,4.1vw,4.6rem);font-weight:var(--font-heading--weight);letter-spacing:-.035em;line-height:.96;text-wrap:balance;transform:rotate(.45deg)}.first-step__quote{top:51%;display:grid;width:min(88vw,720px);justify-items:center;gap:2px;font-family:var(--font-heading--family);font-size:clamp(1.12rem,2.05vw,2.25rem);font-style:normal;font-weight:var(--font-heading--weight);letter-spacing:-.02em;line-height:1.04;text-wrap:balance;transform:translate(-50%,-50%)}.first-step__quote-line{position:relative;display:block;width:fit-content;max-width:100%;padding:.22em .48em .28em;border-radius:2px}.first-step__quote-line--pink{transform:translate(-18px) rotate(-.7deg)}.first-step__quote-line--beige{transform:translate(18px) rotate(.65deg)}.first-step[data-scrapbook-tape=true] .first-step__title:before,.first-step[data-scrapbook-tape=true] .first-step__quote-line:before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:15px;background:#dfcca8c2;border-inline:1px solid rgb(85 65 35 / .1);box-shadow:0 1px 2px #00000014;transform:translate(-50%) rotate(-2deg)}.first-step[data-scrapbook-tape=true] .first-step__quote-line--beige:before{transform:translate(-50%) rotate(2.5deg)}.first-step__card-float{position:relative;z-index:3;width:min(var(--first-step-card-width-desktop),40vw);margin-top:clamp(112px,19vh,178px);opacity:1;translate:0 0;will-change:transform}.first-step-card{--first-step-card-rotation: -2deg;--first-step-parallax-x: 0px;--first-step-parallax-y: 0px;position:relative;display:grid;width:100%;overflow:clip;color:var(--first-step-card-ink);background:var(--first-step-card);border:1px solid rgb(30 25 20 / .14);border-radius:var(--first-step-card-radius, 8px);box-shadow:0 18px 48px #00000038;text-decoration:none;translate:var(--first-step-parallax-x) var(--first-step-parallax-y);rotate:var(--first-step-card-rotation);scale:1;transform-origin:center;transition:translate .16s cubic-bezier(.2,.75,.25,1),rotate .22s cubic-bezier(.2,.75,.25,1),scale .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}.first-step-card--beige{--first-step-card-rotation: 2deg}.first-step-card__media{position:relative;display:block;aspect-ratio:var(--first-step-image-ratio, .8);overflow:hidden;background:#e8e3da}.first-step-card__image,.first-step-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:scale .32s cubic-bezier(.22,.72,.2,1)}.first-step-card__details{display:grid;gap:8px;min-height:86px;padding:14px 16px 15px;border-top:1px solid rgb(30 25 20 / .1);font-family:var(--font-body--family)}.first-step-card__title{font-family:var(--font-heading--family);font-size:clamp(.95rem,1.25vw,1.16rem);font-weight:var(--font-heading--weight);line-height:1.15}.first-step-card__meta{display:flex;align-items:end;justify-content:space-between;gap:12px;font-size:.82rem;line-height:1.2}.first-step-card__action{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.first-step-card__action:after{content:"";display:inline-block;width:.62em;height:.62em;margin-left:.42em;background:linear-gradient(135deg,transparent 43%,currentColor 44% 56%,transparent 57%);border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-.04em)}.first-step-card--placeholder{cursor:default}.first-step-card:is(:hover,:focus-visible){z-index:5;box-shadow:0 28px 64px #0000004d;translate:var(--first-step-parallax-x) calc(var(--first-step-parallax-y) - 8px);rotate:0deg;scale:1.025}.first-step-card:focus-visible{outline:3px solid var(--first-step-paper, #f4efe5);outline-offset:5px}.first-step-card:is(:hover,:focus-visible) .first-step-card__image{scale:1.025}.first-step[data-selected-side=pink] .first-step__panel--beige,.first-step[data-selected-side=beige] .first-step__panel--pink{filter:saturate(.82) brightness(.76);opacity:.72}.first-step[data-selected-side] .first-step-card:not(.is-selected){opacity:.55;pointer-events:none}.first-step-card.is-selected{z-index:7;box-shadow:0 30px 76px #0000005c;rotate:0deg;scale:1.035}.first-step-card.is-selected .first-step-card__image{scale:1.06}@media(prefers-reduced-motion:no-preference){.first-step[data-enhanced-transitions=true] .first-step-card__media{view-transition-name:var(--first-step-transition-name)}.first-step[data-ambient-motion=true] .first-step__card-float--pink{animation:first-step-float-pink 5.8s ease-in-out .7s infinite alternate both}.first-step[data-ambient-motion=true] .first-step__card-float--beige{animation:first-step-float-beige 6.4s ease-in-out .9s infinite alternate both}.first-step[data-animations-enabled=true] .first-step__fabric{transition:opacity .3s ease,transform .62s cubic-bezier(.2,.7,.2,1)}.first-step[data-animations-enabled=true] .first-step__heading,.first-step[data-animations-enabled=true] .first-step__quote{transition:opacity .32s ease,translate .42s cubic-bezier(.2,.7,.2,1)}.first-step[data-animations-enabled=true] .first-step__card-float{transition:opacity .38s ease,translate .48s cubic-bezier(.2,.7,.2,1)}@starting-style{.first-step[data-animations-enabled=true] .first-step__fabric{opacity:.82;transform:scale(1.018)}.first-step[data-animations-enabled=true] .first-step__heading{opacity:0;translate:0 -8px}.first-step[data-animations-enabled=true] .first-step__quote{opacity:0;translate:0 8px}.first-step[data-animations-enabled=true] .first-step__card-float{opacity:0;translate:0 16px}}}@keyframes first-step-float-pink{0%{transform:translate3d(0,-2px,0) rotate(-.18deg)}to{transform:translate3d(3px,calc(0px - var(--first-step-motion-strength, 6px)),0) rotate(.25deg)}}@keyframes first-step-float-beige{0%{transform:translate3d(0,1px,0) rotate(.16deg)}to{transform:translate3d(-3px,calc(2px - var(--first-step-motion-strength, 6px)),0) rotate(-.22deg)}}@media screen and (max-width:749px){.first-step__stage{grid-template-columns:1fr;grid-template-rows:repeat(2,var(--first-step-mobile-panel-height));min-height:auto}.first-step__panel{min-height:var(--first-step-mobile-panel-height);padding-left:max(var(--first-step-mobile-side-padding),env(safe-area-inset-left));padding-right:max(var(--first-step-mobile-side-padding),env(safe-area-inset-right));box-sizing:border-box}.first-step[data-mobile-blend=true] .first-step__panel--pink{z-index:2;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--first-step-mobile-blend-height)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--first-step-mobile-blend-height)),transparent 100%)}.first-step[data-mobile-blend=true] .first-step__panel--beige{z-index:1;margin-top:calc(0px - var(--first-step-mobile-blend-height))}.first-step__heading{top:var(--first-step-mobile-heading-top);width:calc(100% - 40px);gap:6px}.first-step[data-page-header=minimal] .first-step__heading{top:var(--first-step-mobile-heading-top)}.first-step__eyebrow{padding:6px 9px 5px;font-size:.62rem}.first-step__title{font-size:var(--first-step-mobile-title-size)}.first-step__quote{top:50%;width:calc(100% - 40px);gap:1px;font-size:var(--first-step-mobile-quote-size)}.first-step__quote:after{content:"";position:absolute;top:50%;right:-100vw;left:-100vw;z-index:-1;border-top:1px dashed rgb(255 255 255 / .5)}.first-step[data-mobile-blend=true] .first-step__quote:after{display:none}.first-step__quote-line{max-width:calc(100% - 4px);padding:.26em .46em .3em}.first-step__quote-line--pink{transform:translate(-8px) rotate(-.65deg)}.first-step__quote-line--beige{transform:translate(8px) rotate(.55deg)}.first-step__card-float{width:min(var(--first-step-card-width-mobile),100%);margin:82px 0 24px}.first-step[data-mobile-card-layout=landscape] .first-step__card-float{width:min(var(--first-step-card-width-mobile-landscape),100%)}.first-step[data-page-header=minimal] .first-step__card-float--pink{margin-top:var(--first-step-mobile-first-card-offset)}.first-step__panel--beige .first-step__card-float{margin:var(--first-step-mobile-second-card-offset) 0 28px}.first-step-card{--first-step-card-rotation: -1.25deg}.first-step-card--beige{--first-step-card-rotation: 1.25deg}.first-step[data-mobile-card-layout=landscape] .first-step-card{display:flex;width:100%;height:var(--first-step-mobile-card-height);max-height:var(--first-step-mobile-card-height);--first-step-card-rotation: -.8deg}.first-step[data-mobile-card-layout=landscape] .first-step-card--beige{--first-step-card-rotation: .8deg}.first-step[data-mobile-card-layout=landscape] .first-step-card__media{flex:0 0 58%;width:58%;height:auto;min-height:0;aspect-ratio:auto;align-self:stretch}.first-step[data-mobile-card-layout=landscape] .first-step-card__details{flex:1 1 42%;align-content:space-between;min-width:0;min-height:0;height:auto;padding:14px 12px;border-top:0;border-left:1px solid rgb(30 25 20 / .1);box-sizing:border-box;overflow:hidden}.first-step[data-mobile-card-layout=landscape] .first-step-card__title{font-size:clamp(.84rem,3.6vw,1rem);overflow-wrap:anywhere}.first-step-card__details{min-height:78px;padding:12px clamp(10px,3.4vw,14px) 13px}.first-step-card__meta{gap:8px;font-size:.78rem}.first-step-card__action{white-space:nowrap}.first-step[data-ambient-motion=true] .first-step__card-float--pink,.first-step[data-ambient-motion=true] .first-step__card-float--beige{animation-duration:8s}}@media screen and (max-width:749px){body:has(.first-step[data-page-header=minimal]) #header-group:after{height:104px}body:has(.first-step[data-page-header=minimal]) #header-component .header__columns{padding-block:7px!important}}@media(hover:none),screen and (max-width:989px){.first-step-card__action{text-decoration:underline;text-underline-offset:.25em}}.shopify-design-mode .first-step__fabric,.shopify-design-mode .first-step__heading,.shopify-design-mode .first-step__quote,.shopify-design-mode .first-step__card-float{opacity:1!important;translate:0 0!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.first-step *,.first-step *:before,.first-step *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.first-step-card__media{view-transition-name:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/first-step-experience.css.map */