.cfs{--cfs-drop: 48px;position:relative;overflow:clip;isolation:isolate;background-color:var(--color-black);color:var(--color-white);padding-top:var(--cfs-pt-m, 50px);padding-bottom:var(--cfs-pb-m, 50px)}.cfs:before{content:"";position:absolute;z-index:-1;top:-20%;left:-10%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--color-white-15),transparent);pointer-events:none}.cfs:after{content:"";position:absolute;z-index:-1;bottom:-25%;right:-15%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-coral-peach) 22%,transparent),transparent);pointer-events:none}.cfs__eyebrow{display:inline-flex;align-items:flex-start;gap:14px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-matter-semibold)}.cfs__eyebrow:before{content:"";flex-shrink:0;width:32px;height:1px;margin-top:.55em;background-color:currentColor}.cfs__heading{max-width:16em;text-wrap:balance}.cfs__mark{white-space:nowrap;background-image:linear-gradient(color-mix(in srgb,var(--color-coral-peach) 60%,transparent),color-mix(in srgb,var(--color-coral-peach) 60%,transparent));background-repeat:no-repeat;background-size:100% .16em;background-position:0 90%}.cfs__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px}.cfs__intro{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.cfs__text{max-width:460px;color:var(--color-white-50)}.cfs__text p+p{margin-top:12px}.cfs__btn{display:inline-flex;gap:14px;padding-right:5px;text-align:left}.cfs__btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:var(--p-btn-text-color);color:var(--p-btn-background-color);transition:transform .3s ease,background-color .3s ease,color .3s ease}.cfs__btn.button-secondary .cfs__btn-icon{background-color:var(--s-btn-text-color);color:var(--s-btn-background-color)}.cfs__btn:hover .cfs__btn-icon{background-color:var(--p-btn-background-color);color:var(--p-btn-text-color)}.cfs__btn.button-secondary:hover .cfs__btn-icon{background-color:var(--s-btn-background-color);color:var(--s-btn-text-color)}.cfs__btn:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.cfs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.cfs__card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:300px;margin:0;padding:24px;overflow:hidden;border:1px solid var(--color-white-15);border-radius:28px;background-color:color-mix(in srgb,var(--color-white) 5%,var(--color-black));background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-white) 7%,transparent),transparent 55%);transition:background-color .4s ease,color .4s ease,border-color .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.cfs__card:before{content:"";position:absolute;z-index:-1;top:-30%;right:-20%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-coral-peach) 35%,transparent),transparent);opacity:0;transition:opacity .5s ease}.cfs__card:after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--color-white-50),transparent);opacity:.6;pointer-events:none}.cfs__card--lead{border-color:var(--color-white-20)}.cfs__card--lead:before{opacity:.75}.cfs__top{display:flex;align-items:center;justify-content:space-between;gap:16px}.cfs__num,.cfs__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;transition:border-color .4s ease,background-color .4s ease,color .4s ease}.cfs__num{border:1px solid var(--color-white-20);font-family:var(--font-heading);font-size:var(--font-size-h4);line-height:1}.cfs__icon{border:1px solid color-mix(in srgb,var(--color-coral-peach) 40%,transparent);background-color:color-mix(in srgb,var(--color-coral-peach) 14%,transparent);color:var(--color-coral-peach)}.cfs__icon svg{width:42%;height:42%}.cfs__index{font-family:var(--font-matter-medium);font-size:var(--font-size-h6);letter-spacing:.1em;color:var(--color-white-50);transition:color .4s ease}.cfs__body{display:flex;flex-direction:column;gap:14px}.cfs__title{font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:1.08;letter-spacing:0}.cfs__more{display:flex;flex-direction:column;gap:18px}.cfs__desc{color:var(--color-white-50);transition:color .4s ease}@media(hover:hover)and (pointer:fine){.cfs__card:hover{transform:translateY(-6px);border-color:var(--color-white);background-color:var(--color-lavender-mist);background-image:none;color:var(--color-black)}.cfs__card:hover:before{opacity:1}.cfs__card:hover:after{opacity:0}.cfs__card:hover .cfs__desc,.cfs__card:hover .cfs__index{color:var(--color-charcoal-gray)}.cfs__card:hover .cfs__num{border-color:var(--color-black-10);background-color:var(--color-white)}.cfs__card:hover .cfs__icon{border-color:var(--color-black);background-color:var(--color-black);color:var(--color-white)}}@media screen and (max-width:649px){.cfs__grid{display:flex;gap:12px;margin-inline:calc(var(--page-padding) * -1);padding:4px var(--page-padding) 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);overscroll-behavior-x:contain}.cfs__card{flex:0 0 82%;max-width:330px;min-height:380px;scroll-snap-align:start}.cfs__btn{gap:12px;padding-left:20px}.cfs__btn-icon{width:36px;height:36px}}@media screen and (min-width:650px){.cfs__card{min-height:320px;padding:28px}.cfs__card--wide{grid-column:1 / -1;min-height:260px}}@media screen and (min-width:992px){.cfs{padding-top:var(--cfs-pt, 100px);padding-bottom:var(--cfs-pb, 100px)}.cfs__eyebrow{margin-bottom:28px}.cfs__layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;margin-top:56px;align-items:start}.cfs__intro{position:sticky;top:120px}.cfs__grid{gap:20px;padding-bottom:var(--cfs-drop)}.cfs__grid--wide-end{padding-bottom:0}.cfs__card{min-height:340px;padding:32px}.cfs__card--drop{translate:0 var(--cfs-drop)}.cfs__card--end{margin-top:var(--cfs-drop)}.cfs__num,.cfs__icon{width:56px;height:56px}.cfs__card--wide{min-height:280px}.cfs__card--wide .cfs__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px}}@media(prefers-reduced-motion:no-preference)and (min-width:650px){@supports (animation-timeline: view()){.cfs__card{animation:cfs-rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes cfs-rise{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/creative-feature-showcase.css.map */