Pillows

About

.a2z-pil-top { --color-body:#222222; --color-heading:#000000; --color-muted:#6B6B6B; --color-accent:#C2824D; --color-accent-pale:#F7EDE3; --color-border:#F5F5F5; --color-page:#FFFFFF; --color-secondary:#2C241B; --font-base:'Open Sans',sans-serif; font-family:var(--font-base); color:var(--color-body); background:var(--color-page); box-sizing:border-box; margin-top:0; } @media (min-width:750px){ .a2z-pil-top{ margin-top:-24px; } } .a2z-pil-top *,.a2z-pil-top *::before,.a2z-pil-top *::after{ box-sizing:inherit; } .a2z-pil-top .eyebrow{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--color-accent); margin-bottom:14px; } .a2z-pil-top .hero-intro{ font-size:15px; line-height:1.75; color:var(--color-body); margin:0 0 24px; } .a2z-pil-top .hero-intro a{ color:var(--color-accent); font-weight:600; text-decoration:none; } .a2z-pil-top .hero-intro a:hover{ text-decoration:underline; } .a2z-pil-top .hero-split{ display:grid; grid-template-columns:1fr; gap:24px; align-items:start; padding:8px 0 28px; } @media (min-width:820px){ .a2z-pil-top .hero-split{ grid-template-columns:3fr 7fr; gap:40px; } } .a2z-pil-top .hero-split .hero-copy .eyebrow{ margin-bottom:14px; } .a2z-pil-top .hero-split img{ width:100%; height:100%; max-height:456px; object-fit:cover; border-radius:4px; display:block; } @media (max-width:819px){ .a2z-pil-top .hero-split img{ max-height:360px; } } .a2z-pil-top .trust-strip{ background:var(--color-border); padding:22px 20px; margin:0; } .a2z-pil-top .trust-strip-inner{ max-width:960px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; } @media (min-width:820px){ .a2z-pil-top .trust-strip-inner{ grid-template-columns:repeat(4,auto); justify-content:center; gap:20px 36px; } } .a2z-pil-top .trust-item{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; } @media (min-width:820px){ .a2z-pil-top .trust-item{ flex-direction:row; align-items:center; gap:10px; }