/* Visual examples for the three ways into Rhea. */
.course-buying-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:none;border:0;margin-top:36px}
.course-buying-options>article{display:flex;padding:0;background:#fffcf5;border:1px solid #dedfd3;box-shadow:0 8px 28px #34432f06;overflow:hidden;align-items:stretch}
.course-buying-options>article+article{border-left:1px solid #dedfd3}
.course-choice-visual{width:100%;margin:0;background:#eee8d9}
.course-choice-art{aspect-ratio:3/2;width:100%;position:relative;overflow:hidden}
.course-choice-art>img{display:block;width:100%;height:100%;object-fit:cover}
.course-choice-art>svg{display:block;width:100%;height:100%}
.course-choice-visual figcaption{padding:12px 20px;color:#4b5a43;background:#eeeee3;font:500 10px/1.5 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.12em}
.course-choice-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:26px}
.course-choice-body h2{font-size:29px;line-height:1.15}
.course-choice-body p{font-size:14px;line-height:1.75}
.course-choice-body .course-choice-label{font-size:9px}
.course-choice-body .course-choice-price{font-size:30px;margin:2px 0 17px}
.course-choice-body>p a{font-size:inherit;line-height:inherit}
.course-choice-body>a,.course-choice-body>.course-shop-links{padding-top:10px}
.course-choice-collection .course-choice-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;padding:14px;background:#e3e5d8;box-sizing:border-box}
.course-collection-tile{display:flex;flex-direction:column;background:#fff9ed;min-width:0;min-height:0;box-shadow:0 2px 5px #2d3d2920;overflow:hidden}
.course-collection-tile img{display:block;width:100%;height:0;flex:1;min-height:0;object-fit:cover}
.course-collection-tile span{display:block;padding:6px 3px;text-align:center;color:#354735;font:400 clamp(9px,.8vw,12px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:.01em;white-space:nowrap}
.course-choice-shop .course-choice-art>img{object-position:50% 60%}
.homepage-collection-visual .course-choice-art{height:100%;aspect-ratio:auto;padding:16px;gap:9px}
.homepage-collection-visual .course-collection-tile span{font-size:13px;padding:7px 3px}
.course-start-picker{display:block;letter-spacing:normal}
.course-start-links a{font-size:14px;letter-spacing:0;text-transform:none;padding:16px;line-height:1.5}
@media(min-width:761px) and (max-width:1050px){.course-buying-options{gap:14px}.course-choice-body{padding:20px}.course-choice-body h2{font-size:26px}.course-choice-body p{font-size:13px}.course-choice-visual figcaption{font-size:8px;padding:10px 14px}.course-buying-options .course-choice-collection .course-choice-art{padding:9px;gap:5px}}
@media(max-width:900px){.course-buying-options>article:last-child{grid-column:auto;border-top:1px solid #dedfd3;border-left:1px solid #dedfd3}}
@media(max-width:760px){.course-buying-options{grid-template-columns:1fr;gap:26px}.course-buying-options>article{padding:0}.course-choice-body{padding:26px}.course-choice-body h2{font-size:30px}.course-choice-body p{font-size:15px}.course-choice-art{aspect-ratio:3/2}.course-collection-tile span{font-size:clamp(8px,2.2vw,13px)}.course-choice-visual figcaption{font-size:10px}}

/* Shared collection palette across the homepage and course directory.
   Grade each photograph once; preserve labels, logos and cover artwork. */
.course-choice-collection .course-choice-art {
  background: #e3e5d8;
}
.course-choice-collection .course-collection-tile {
  background: #f6f3e9;
  box-shadow: none;
}
.course-choice-collection .course-collection-tile img {
  filter: var(--collection-photo-grade, sepia(.16) saturate(.58) contrast(.86) brightness(1.08));
  opacity: .94;
}
.course-choice-collection .course-collection-tile:nth-child(1) {
  --collection-photo-grade: sepia(.16) saturate(.55) contrast(.85) brightness(.99);
}
.course-choice-collection .course-collection-tile:nth-child(2) {
  --collection-photo-grade: sepia(.22) saturate(.40) contrast(.78) brightness(1.18);
}
.course-choice-collection .course-collection-tile:nth-child(3) {
  --collection-photo-grade: sepia(.12) saturate(.56) contrast(.85) brightness(.96);
}
.course-choice-collection .course-collection-tile:nth-child(4),
.course-choice-collection .course-collection-tile:nth-child(8) {
  --collection-photo-grade: sepia(.24) saturate(.50) contrast(.84) brightness(1.08);
}
.course-choice-collection .course-collection-tile:nth-child(6),
.course-choice-collection .course-collection-tile:nth-child(7),
.course-choice-collection .course-collection-tile:nth-child(11) {
  --collection-photo-grade: sepia(.14) saturate(.54) contrast(.84) brightness(1.02);
}
.course-choice-collection .course-collection-tile:nth-child(10) {
  --collection-photo-grade: sepia(.18) saturate(.48) contrast(.80) brightness(1.13);
}


/* Join the original Apothecary photograph to the soft studio palette. */
.course-buying-options .course-choice-shop .course-choice-art>img{filter:sepia(.04) saturate(.80) contrast(.91) brightness(1.035)}

/* Clear next steps for the individual class and the complete collection. */
.course-choice-body .course-choice-inclusion{font-size:13px;color:#465342}
.course-choice-benefits{list-style:none;padding:0;margin:4px 0 22px;font-size:14px;line-height:1.6}
.course-choice-benefits li{position:relative;padding:0 0 10px 23px}
.course-choice-benefits li:before{content:'✓';position:absolute;left:0;color:#465342;font-size:15px}
.course-choice-body a.button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:17px 24px;max-width:100%;box-sizing:border-box;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:1.8px;border:1px solid var(--rhea-sage,#879380)}
.course-choice-body>a.button{margin-top:auto}
.course-choice-body .course-shop-links{width:100%;flex-direction:column;gap:12px}
.course-choice-body .course-shop-links a{margin-top:0}
.course-choice-body a.button:focus-visible{outline:2px solid #465342;outline-offset:4px}
.offers .offer .course-choice-inclusion{font-size:13px;color:#465342}
.offers .offer .course-choice-benefits{font-size:14px;color:#465342}
.offers .offer>.button{gap:18px;line-height:1.5}