.why-lauren { align-items: center; background: #fffdfa; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); padding: clamp(3.5rem, 7vw, 6.5rem) max(7vw, 1.4rem); }
.why-lauren-intro { max-width: 470px; }.why-lauren h2, .fragrance-finder h2, .shop-by-moment h2, .home-faq h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.3rem, 4.3vw, 4.1rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; margin: 0; }.why-lauren-intro > p:not(.eyebrow), .fragrance-finder-heading > p:not(.eyebrow), .home-faq-heading > p:not(.eyebrow) { color: var(--muted); font-size: 1.04rem; line-height: 1.65; margin: 1rem 0 0; }
.why-lauren-points { display: grid; gap: .85rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }.why-lauren-points article { background: #f7edf5; border: 1px solid #e7d5e6; min-height: 195px; padding: 1.25rem; }.why-lauren-points span { align-items: center; background: var(--plum); border-radius: 50%; color: #fff; display: inline-flex; font-family: Georgia, 'Times New Roman', serif; font-size: 1rem; height: 38px; justify-content: center; width: 38px; }.why-lauren-points h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; font-weight: 500; line-height: 1.1; margin: .9rem 0 .5rem; }.why-lauren-points p { color: var(--muted); font-size: .89rem; line-height: 1.5; margin: 0; }
.fragrance-finder { background: #43234b; color: #fff; padding: clamp(4rem, 8vw, 7rem) max(7vw, 1.4rem); }.fragrance-finder-heading { margin: 0 auto; max-width: 720px; text-align: center; }.fragrance-finder .eyebrow { color: #ebcde9; }.fragrance-finder-heading > p:not(.eyebrow) { color: #efe5f0; }.fragrance-finder-options { display: grid; gap: .9rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2.3rem auto 0; max-width: 1040px; }.fragrance-finder-options a { align-items: center; background: rgba(255, 255, 255, .96); color: var(--ink); display: grid; gap: .25rem .9rem; grid-template-columns: 40px 1fr; min-height: 105px; padding: 1rem 1.15rem; text-decoration: none; transition: background .2s, transform .2s; }.fragrance-finder-options a:hover { background: #fff8fe; transform: translateY(-3px); }.fragrance-finder-options span { align-items: center; align-self: center; background: #efd9ec; border-radius: 50%; color: var(--plum); display: inline-flex; font-size: .72rem; font-weight: 800; grid-row: 1 / span 2; height: 38px; justify-content: center; width: 38px; }.fragrance-finder-options strong { font-family: Georgia, 'Times New Roman', serif; font-size: 1.3rem; font-weight: 500; line-height: 1.08; }.fragrance-finder-options small { color: var(--muted); font-size: .83rem; }
.shop-by-moment { background: #f8f4f8; padding: clamp(4rem, 8vw, 7rem) max(7vw, 1.4rem); }.shop-by-moment .centered-heading { margin: 0 auto; max-width: 680px; text-align: center; }.shop-by-moment .centered-heading > p:not(.eyebrow) { color: var(--muted); line-height: 1.6; margin: 1rem 0 0; }.moment-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 2.5rem auto 0; max-width: 1200px; }.moment-grid a { background: #fff; border: 1px solid #e6dce7; color: var(--ink); display: flex; flex-direction: column; min-height: 175px; padding: 1.3rem; text-decoration: none; transition: box-shadow .2s, transform .2s; }.moment-grid a:hover { box-shadow: 0 12px 26px rgba(64, 38, 72, .12); transform: translateY(-3px); }.moment-grid span { color: #815e82; font-size: .67rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.moment-grid strong { font-family: Georgia, 'Times New Roman', serif; font-size: 1.45rem; font-weight: 500; line-height: 1.08; margin: .85rem 0 .55rem; }.moment-grid small { color: var(--muted); font-size: .88rem; line-height: 1.45; }
.home-faq { background: #fffdfa; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); padding: clamp(4rem, 8vw, 7rem) max(7vw, 1.4rem); }.home-faq-heading { max-width: 480px; }.home-faq-list details { border-bottom: 1px solid #ded1df; padding: 1.05rem 0; }.home-faq-list details:first-child { border-top: 1px solid #ded1df; }.home-faq-list summary { cursor: pointer; font-size: 1.05rem; font-weight: 800; list-style-position: inside; }.home-faq-list p { color: var(--muted); line-height: 1.6; margin: .75rem 1.45rem .1rem; }.home-faq-list a { color: var(--plum); font-weight: 700; }
@media (max-width: 900px) { .why-lauren, .home-faq { grid-template-columns: 1fr; }.why-lauren-intro, .home-faq-heading { max-width: 650px; }.moment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .why-lauren, .fragrance-finder, .shop-by-moment, .home-faq { padding-left: 1.25rem; padding-right: 1.25rem; }.why-lauren-points, .fragrance-finder-options, .moment-grid { grid-template-columns: 1fr; }.why-lauren-points article { min-height: 0; }.fragrance-finder-options a { min-height: 92px; }.home-faq-list p { margin-left: 0; }.why-lauren h2, .fragrance-finder h2, .shop-by-moment h2, .home-faq h2 { font-size: 2.35rem; } }