.about-scentsy-page { --about-plum: #4b2d4f; --about-rose: #fbf3f1; --about-sage: #e8efec; }
.about-scentsy-hero { background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 45%, rgba(255,255,255,.15) 100%), url('https://imagelive.scentsy.com/cmsimages/images/About/2022/Redesign/LP-AboutUs-Join-1580x800-RA.jpg') center/cover; min-height: 520px; display: grid; align-items: center; padding: clamp(4rem, 9vw, 8rem) max(7vw, 1.5rem); }
.about-scentsy-hero-copy { max-width: 620px; }.about-scentsy-hero h1 { font: 500 clamp(3.3rem, 7vw, 6.4rem)/.92 Georgia, 'Times New Roman', serif; letter-spacing: -.06em; margin: 0; }.about-scentsy-hero-copy > p:last-of-type { font-size: clamp(1.08rem, 2vw, 1.35rem); line-height: 1.55; margin: 1.35rem 0 1.8rem; max-width: 560px; }.about-scentsy-hero-link { color: var(--about-plum); font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.about-scentsy-hero-link:hover, .about-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.about-scentsy-intro { display: grid; gap: 2.5rem; grid-template-columns: 1.2fr .8fr; margin: 0 auto; max-width: 1180px; padding: clamp(4rem, 8vw, 7rem) max(6vw, 1.4rem); }.about-scentsy-intro h2, .about-scentsy-section-heading h2, .about-scentsy-story h2, .about-scentsy-partner h2 { font: 500 clamp(2.2rem, 4.5vw, 4rem)/1 Georgia, 'Times New Roman', serif; letter-spacing: -.05em; margin: 0; }.about-scentsy-intro > p { align-self: end; color: var(--guide-muted); font-size: 1.1rem; line-height: 1.7; margin: 0; }
.about-scentsy-products { background: var(--about-rose); padding: clamp(4rem, 7vw, 6.5rem) max(6vw, 1.4rem); }.about-scentsy-section-heading { margin: 0 auto 2rem; max-width: 820px; text-align: center; }.about-product-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); margin: 0 auto; max-width: 1200px; }.about-product-grid a { background: #fff; border: 1px solid #eadeda; color: var(--about-plum); display: flex; flex-direction: column; min-height: 100%; text-decoration: none; transition: transform .2s, box-shadow .2s; }.about-product-grid a:hover { box-shadow: 0 15px 35px rgba(68,38,70,.12); transform: translateY(-4px); }.about-product-grid img { aspect-ratio: 1.22; object-fit: contain; padding: 1.8rem 1.5rem .8rem; width: 100%; }.about-product-grid span { display: grid; gap: .5rem; padding: .5rem 1.3rem 1.4rem; }.about-product-grid strong { font: 500 1.55rem/1.1 Georgia, 'Times New Roman', serif; }.about-product-grid small { color: var(--guide-muted); line-height: 1.45; }
.about-scentsy-story { display: grid; gap: clamp(2rem, 5vw, 6rem); grid-template-columns: minmax(250px, .8fr) minmax(300px, 1fr); margin: 0 auto; max-width: 1120px; padding: clamp(4rem, 8vw, 7rem) max(6vw, 1.4rem); }.about-scentsy-story figure { margin: 0; }.about-scentsy-story figure img { aspect-ratio: 1; display: block; height: 100%; object-fit: cover; width: 100%; }.about-scentsy-story p { color: var(--guide-muted); line-height: 1.7; }.about-text-link { color: var(--about-plum); font-weight: 800; text-decoration: none; }
.about-scentsy-values { background: var(--about-plum); color: #fff; padding: clamp(4rem, 7vw, 6.5rem) max(6vw, 1.4rem); }.about-scentsy-values .guide-kicker { color: #f2dce6; }.about-value-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(3, 1fr); margin: 2.4rem auto 0; max-width: 1050px; }.about-value-grid article { text-align: center; }.about-value-grid img { height: 94px; object-fit: contain; width: 94px; }.about-value-grid h3 { font: 500 1.8rem Georgia, 'Times New Roman', serif; margin: .65rem 0; }.about-value-grid p { color: #f0e6f0; line-height: 1.6; margin: 0 auto; max-width: 260px; }
.about-scentsy-partner { background: linear-gradient(90deg, rgba(255,255,255,.97), rgba(255,255,255,.5)), url('https://imagelive.scentsy.com/cmsimages/images/About/2022/Redesign/LP-AboutUs-WhoWeAre-WarmersWax-890x464-R2.jpg') center/cover; padding: clamp(4rem, 8vw, 7rem) max(7vw, 1.5rem); }.about-scentsy-partner > div { max-width: 680px; }.about-scentsy-partner p:not(.guide-kicker) { color: var(--guide-muted); font-size: 1.08rem; line-height: 1.65; max-width: 600px; }
@media (max-width: 760px) { .about-scentsy-hero { background: linear-gradient(90deg, rgba(255,255,255,.94), rgba(255,255,255,.68)), url('https://imagelive.scentsy.com/cmsimages/images/About/2022/Redesign/LP-AboutUs-Join-1580x800-RA.jpg') center/cover; min-height: 460px; }.about-scentsy-intro, .about-scentsy-story { grid-template-columns: 1fr; }.about-product-grid { grid-template-columns: repeat(2, 1fr); }.about-value-grid { grid-template-columns: 1fr; gap: 2rem; } }
@media (max-width: 460px) { .about-product-grid { grid-template-columns: 1fr; } }