/* Homepage highlights: botanical oil collection and featured lotion. */
.directory-oils-link.oils-promo{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"copy art" "action art";gap:22px 38px;align-items:center;margin:32px 0 18px;padding:36px 42px;border:1px solid #d6ddca;border-radius:12px;background:#e9ede2;color:var(--forest);isolation:isolate;transition:background .2s,border-color .2s}
.oils-promo .oils-promo-copy{grid-area:copy;display:block;min-width:0;align-self:end}
.oils-promo .oils-promo-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.06em;color:#6a7864}
.oils-promo-eyebrow:before{content:"";width:26px;height:1px;background:#879476;flex:none}
.oils-promo .oils-promo-title{display:block;font-family:var(--serif);font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.oils-promo-meta{display:flex;align-items:center;gap:12px;margin-top:13px;font-size:13px;line-height:1.65;color:#65735e}
.directory-oils-link.oils-promo>.oils-promo-art{grid-area:art;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:210px;padding:18px 4px;pointer-events:none}
.oils-promo-study{display:block;flex:0 1 180px;min-width:0;padding:5px;aspect-ratio:1;border:1px solid #fdfcf6;border-radius:5px;background:#faf8f0;box-shadow:0 9px 20px #21392b16;transition:transform .25s}
.oils-promo-study img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:2px}
.oils-promo-lemon{transform:translateY(9px) rotate(-6deg)}
.oils-promo-rose-absolute{position:relative;z-index:1;transform:translateY(-9px)}
.oils-promo-blue-chamomile{transform:translateY(9px) rotate(6deg)}
.directory-oils-link.oils-promo>.oils-promo-action{grid-area:action;display:inline-flex;justify-content:flex-start;align-items:center;align-self:start;gap:18px;width:auto;margin:0;font-size:13px;font-weight:500;white-space:normal;line-height:1.6}
.oils-promo-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--forest);color:#faf7e8;transition:transform .2s,background .2s}
.oils-promo-arrow svg{width:20px;height:20px}
.directory-oils-link.oils-promo:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
@media(hover:hover){.directory-oils-link.oils-promo:hover{background:#e3e9da;border-color:#bdc8ae}.oils-promo:hover .oils-promo-arrow{transform:translateX(4px);background:#254d3b}.oils-promo:hover .oils-promo-rose-absolute{transform:translateY(-13px)}}
@media(max-width:1050px){.directory-oils-link.oils-promo{padding:28px;gap:20px 28px}.directory-oils-link.oils-promo>.oils-promo-art{min-height:180px;gap:9px}.oils-promo-study{padding:4px}}
@media(max-width:760px){.directory-oils-link.oils-promo{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "art" "action";gap:18px;padding:26px 24px;margin-top:24px}.oils-promo .oils-promo-title{font-size:33px}.oils-promo .oils-promo-eyebrow{margin-bottom:10px}.oils-promo-meta{margin-top:11px}.directory-oils-link.oils-promo>.oils-promo-art{min-height:0;padding:16px 5px;gap:10px}.oils-promo-study{flex-basis:160px}.directory-oils-link.oils-promo>.oils-promo-action{justify-content:space-between;width:100%;padding-top:16px;border-top:1px solid #cfd8c5}.oils-promo-arrow{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.directory-oils-link.oils-promo,.oils-promo-study,.oils-promo-arrow{transition:none}.oils-promo:hover .oils-promo-rose-absolute{transform:translateY(-9px)}.oils-promo:hover .oils-promo-arrow{transform:none}}

/* Two useful contact columns after removal of the redundant website label. */
.home-page .contact-section .contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px)}
@media(max-width:650px){.home-page .contact-section .contact-layout{grid-template-columns:minmax(0,1fr);gap:24px}}