.crf-how{padding:56px var(--page) 64px;letter-spacing:normal}.crf-how__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px}.crf-how__title{font-family:var(--display);font-weight:300;font-size:clamp(36px,3.4vw,48px);line-height:1.1;letter-spacing:-.01em;color:var(--jet);margin:0}.crf-how__more{font-size:12px;color:var(--jet);white-space:nowrap;transition:opacity .3s var(--ease)}.crf-how__more:hover{opacity:.55}.crf-how__grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.crf-how__card{display:block;color:var(--jet)}.crf-how__card:focus-visible{outline:1px solid var(--jet);outline-offset:4px}.crf-how__photo{aspect-ratio:4/5;overflow:hidden;background:var(--off-white)}.crf-how__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}a.crf-how__card:hover .crf-how__photo img{transform:scale(1.03)}a.crf-how__card:active .crf-how__photo img{transform:scale(1.01)}.crf-how__cap{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--charcoal)}.crf-how__cap strong{font-weight:500;color:var(--jet)}.crf-how__n{color:var(--mid-grey);margin-right:14px;font-variant-numeric:tabular-nums}@media(max-width:760px){.crf-how{padding:40px var(--page) 48px}.crf-how__title{font-size:34px}.crf-how__grid{grid-template-columns:1fr!important;gap:28px}}@media(prefers-reduced-motion:reduce){.crf-how__photo img{transition:none}}@media(max-width:760px){.crf-how{display:flex;flex-direction:column;padding:56px var(--page) 52px;timeline-scope:--crf-how}.crf-how__head{display:contents}.crf-how__title{order:1;font-size:clamp(34px,9.6vw,40px);margin-bottom:24px}.crf-how__grid,.crf-how__grid:is(*){order:2;display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;margin-inline:calc(var(--page) * -1);padding-inline:var(--page);scroll-padding-inline:var(--page);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-timeline:--crf-how x}.crf-how__grid::-webkit-scrollbar{display:none}.crf-how__step{scroll-snap-align:start}.crf-how__photo{aspect-ratio:4/5}.crf-how__cap{margin-top:18px;font-size:13.5px;line-height:1.65;color:var(--mid-grey)}.crf-how__n{display:block;margin:0 0 6px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--mid-grey)}.crf-how__cap strong{display:block;margin-bottom:6px;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15;letter-spacing:-.005em;color:var(--jet)}.crf-how__dash{display:none}.crf-how__copy{display:block;max-width:34ch}.crf-how:after{content:"";order:3;display:block;height:1px;margin-top:28px;background:linear-gradient(var(--jet),var(--jet)) left/var(--crf-how-fill,34%) 100% no-repeat,var(--line)}@supports (animation-timeline:scroll()){.crf-how:after{animation:crf-how-fill linear both;animation-timeline:--crf-how}}.crf-how__more{order:4;align-self:flex-start;margin-top:26px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:11.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.crf-how__more span{display:none}}@property --crf-how-fill{syntax:"<percentage>";inherits:false;initial-value:34%}@keyframes crf-how-fill{0%{--crf-how-fill:34%}to{--crf-how-fill:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/crf-how.css.map */