@import url('/css/about-page.css?v=1');

.sod-page{color:var(--about-ink)}
.sod-page .about-hero{min-height:540px}
.sod-page .about-hero-image{object-position:center}
.sod-page .about-hero-content{max-width:790px}
.sod-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.sod-buy,.sod-prepare,.sod-advice{margin:4rem 0}
.sod-buy{scroll-margin-top:120px}
.sod-buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.sod-buy-card{padding:clamp(1.5rem,3.5vw,3rem);border-radius:.5rem;background:var(--about-cream)}
.sod-page h3{margin:0 0 1rem;font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1.12;letter-spacing:-.025em;color:var(--about-ink)}
.sod-buy-card p:not(.about-eyebrow),.sod-steps p,.sod-advice-grid p{line-height:1.7;color:#526258}
.sod-buy-card-dark{background:var(--about-dark)}
.sod-buy-card-dark h3{color:#fff}
.sod-buy-card-dark p:not(.about-eyebrow){color:#e2ece5}
.sod-store{margin-top:1.5rem}
.sod-button-green{background:var(--about-green);color:#fff}
.sod-button-green:hover{background:var(--about-dark);color:#fff}
.sod-text-link{display:block;width:fit-content;margin-top:1.2rem;color:var(--about-green);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.sod-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin:0 0 1.5rem}
.sod-steps li{padding:1rem 0}
.sod-steps li>span{display:block;margin-bottom:1rem;color:#ad286c;font-family:Georgia,"Times New Roman",serif;font-size:2.5rem}
.sod-steps h3{font-size:1.7rem}
.sod-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sod-advice-grid>a{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--about-line);border-radius:.5rem;background:var(--about-paper);color:var(--about-ink)}
.sod-advice-grid>a:hover{border-color:var(--about-pink);text-decoration:none}
.sod-advice-grid small{margin-bottom:1rem;color:#ad286c;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sod-advice-grid h3{font-size:1.7rem}
.sod-advice-grid strong{margin-top:auto;padding-top:.5rem;font-size:.85rem;color:var(--about-green)}
.sod-page a:focus-visible{outline:3px solid #d23887;outline-offset:5px}
@media(max-width:800px){.sod-buy-grid,.sod-advice-grid,.sod-steps{grid-template-columns:1fr}.sod-steps{gap:0}.sod-steps li+li{border-top:1px solid var(--about-line)}.sod-buy,.sod-prepare,.sod-advice{margin:3rem 0}}
@media(max-width:575px){.sod-page .about-hero{min-height:620px}.sod-page .about-hero-content{padding:2rem 1.5rem}.sod-actions{gap:.25rem}.sod-actions .about-button{width:100%}.sod-advice-grid>a{padding:1.5rem}}