.materials{background:var(--apiki-black-soft);overflow:hidden;padding:140px 24px;position:relative}.materials__inner{margin:0 auto;max-width:1260px;position:relative;z-index:2}.materials__head{margin:0 0 56px;max-width:720px}.materials__eyebrow{color:var(--apiki-orange-500);display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 18px;text-transform:uppercase}.materials__title{color:#fff;font-family:var(--font-display);font-size:60px;font-weight:400;letter-spacing:-.018em;line-height:.96;margin:0;text-transform:uppercase}.materials__title em{color:var(--apiki-orange-500);font-style:normal}.materials__intro{color:var(--apiki-mist);font-family:var(--font-body);font-size:16px;line-height:1.55;margin:20px 0 0;max-width:560px}.materials__grid{display:grid;gap:16px;grid-template-columns:1fr}.material-card{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;display:grid;gap:40px;grid-template-columns:200px 1fr auto;padding:32px;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.material-card:hover{background:hsla(0,0%,100%,.06);border-color:rgba(239,121,0,.4)}.material-card__cover{aspect-ratio:3/4;background:linear-gradient(160deg,rgba(239,121,0,.92),rgba(214,102,0,.96) 55%,#6e2906);border:1px solid hsla(0,0%,100%,.18);border-radius:4px;overflow:hidden;position:relative}.material-card__cover:before{background:radial-gradient(45% 60% at 78% 12%,hsla(0,0%,100%,.28) 0,transparent 60%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:100%}.material-card__cover:after{background-color:hsla(0,0%,100%,.85);content:"";inset:0;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 40 60%27 fill=%27black%27><path d=%27M22 0L4 32h12L14 60l22-34H22L26 0z%27/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 40 60%27 fill=%27black%27><path d=%27M22 0L4 32h12L14 60l22-34H22L26 0z%27/></svg>");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:38% auto;mask-size:38% auto;position:absolute}.material-card__copy{min-width:0}.material-card__kicker{color:var(--apiki-orange-500);display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:1.5px;margin:0 0 10px;text-transform:uppercase}.material-card__title{color:#fff;font-family:var(--font-display);font-size:32px;font-weight:400;letter-spacing:-.012em;line-height:1;margin:0 0 12px;text-transform:uppercase}.material-card__desc{color:var(--apiki-mist);font-family:var(--font-body);font-size:14px;line-height:1.55;margin:0;max-width:460px}.material-card__cta{align-items:center;display:inline-flex;gap:14px}.materials__footer{display:flex;justify-content:center;margin:56px 0 0}.materials__all{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.4);color:#fff;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:10px;letter-spacing:1px;padding-bottom:6px;text-decoration:none;text-transform:uppercase;transition:color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.materials__all:hover{border-bottom-color:var(--apiki-orange-500);color:var(--apiki-orange-500)}.materials__all svg{height:10px;width:14px}@media(min-width:641px)and (max-width:1259px){.materials{padding-left:90px;padding-right:90px}}@media(max-width:900px){.materials{padding:80px 24px}.materials__title{font-size:40px}.material-card{gap:24px;grid-template-columns:140px 1fr;padding:24px}.material-card__cta{grid-column:1/-1}.material-card__title{font-size:26px}}@media(max-width:640px){.materials{padding:64px 20px}.materials__title{font-size:32px}.material-card{gap:20px;grid-template-columns:1fr;padding:20px}.material-card__cover{align-items:center;aspect-ratio:16/9;flex-direction:row}.materials__footer{margin-top:40px}}