.ruseful{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ruseful .ruseful__inner{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(64px,7vw,104px)}.ruseful__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:clamp(32px,7vw,96px);align-items:end;margin-bottom:36px}.ruseful__eyebrow{display:flex;align-items:center;gap:12px;width:max-content;margin:0 0 14px;color:rgba(var(--color-foreground),.68);font-size:13px;font-weight:750;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.ruseful__eyebrow:after{content:"";width:40px;height:1px;background:rgba(var(--color-foreground),.18)}.ruseful__header h2{max-width:700px;margin:0;color:rgb(var(--color-foreground));font-size:clamp(40px,5vw,66px);font-weight:400;letter-spacing:-.05em;line-height:.98}.ruseful__header p{margin:0;color:rgba(var(--color-foreground),.68);font-size:16px;line-height:1.65}.ruseful__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ruseful__grid>*{position:relative;display:flex;flex-direction:column;min-height:270px;padding:22px;border:1px solid rgba(var(--color-foreground),.16);border-radius:12px;background:rgba(var(--color-foreground),.045);color:rgb(var(--color-foreground));text-decoration:none}.ruseful__grid b{color:rgba(var(--color-foreground),.62);font-size:13px;letter-spacing:.1em}.ruseful__grid h3{margin:auto 0 12px;color:rgb(var(--color-foreground));font-size:24px;font-weight:500;line-height:1.15}.ruseful__grid p{max-width:280px;margin:0 0 34px;color:rgba(var(--color-foreground),.68);font-size:15px;line-height:1.55}.ruseful__grid>*>span{position:absolute;right:20px;bottom:18px;color:rgba(var(--color-foreground),.62);font-size:12px}.ruseful__grid a{transition:background .16s ease,border-color .16s ease}.ruseful__grid a:hover{border-color:rgba(var(--color-foreground),.32);background:rgba(var(--color-foreground),.075)}.ruseful__grid a:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (max-width:989px){.ruseful__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ruseful .ruseful__inner{padding-right:20px;padding-left:20px;padding-top:24px}.ruseful__header,.ruseful__grid{grid-template-columns:1fr}.ruseful__header{gap:18px}.ruseful__header h2{font-size:clamp(38px,12vw,50px)}.ruseful__grid>*{min-height:230px}}
/*# sourceMappingURL=/cdn/shop/t/57/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAg */