.xdraw-why{--why-blue: 51, 79, 180;--why-ink: 18, 18, 18}.xdraw-why__heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(32rem,1.1fr);align-items:end;gap:clamp(4rem,8vw,12rem);margin-bottom:clamp(4rem,7vw,7rem)}.xdraw-why__eyebrow{margin:0 0 1.2rem;color:rgb(var(--why-blue));font-size:1.2rem;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.xdraw-why__heading h2{margin:0;color:rgb(var(--why-ink));font-size:clamp(3.8rem,5.5vw,6.4rem);letter-spacing:-.045em;line-height:1}.xdraw-why__intro{max-width:66rem;color:rgba(var(--why-ink),.7);font-size:1.75rem;line-height:1.7}.xdraw-why__intro p{margin:0}.xdraw-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(var(--color-foreground),.14);border-left:1px solid rgba(var(--color-foreground),.14)}.xdraw-why__card{display:flex;min-height:31rem;flex-direction:column;padding:clamp(2.6rem,4vw,4.2rem);border-right:1px solid rgba(var(--color-foreground),.14);border-bottom:1px solid rgba(var(--color-foreground),.14);background:rgb(var(--color-background));transition:background-color .18s ease,transform .18s ease}.xdraw-why__card:hover{position:relative;z-index:1;background:rgba(var(--why-blue),.045);transform:translateY(-.4rem)}.xdraw-why__card-top{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem}.xdraw-why__number{color:rgb(var(--why-blue));font-size:1.2rem;font-weight:700;letter-spacing:.12em}.xdraw-why__line{width:5.5rem;height:1px;background:rgba(var(--why-blue),.45)}.xdraw-why__card h3{margin:0;color:rgb(var(--why-ink));font-size:clamp(2.1rem,2.4vw,2.8rem);letter-spacing:-.025em;line-height:1.15}.xdraw-why__text{margin-top:1.5rem;color:rgba(var(--why-ink),.66);font-size:1.5rem;line-height:1.65}.xdraw-why__text p{margin:0}.xdraw-why__link{display:inline-flex;align-items:center;gap:.8rem;margin-top:auto;padding-top:2.2rem;color:rgb(var(--why-ink));font-size:1.35rem;font-weight:700;text-decoration:none}.xdraw-why__link span{color:rgb(var(--why-blue));font-size:1.8rem;transition:transform .16s ease}.xdraw-why__link:hover span{transform:translate(.35rem)}.xdraw-why__action{margin-top:4rem;text-align:center}@media screen and (max-width:989px){.xdraw-why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.xdraw-why__heading{grid-template-columns:1fr;gap:2.5rem}.xdraw-why__grid{grid-template-columns:1fr}.xdraw-why__card{min-height:0}}@media(prefers-reduced-motion:reduce){.xdraw-why__card,.xdraw-why__link span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/xdraw-why.css.map */