/* Cream applies only to the homepage header and hero. */
.home-header-band,.hero-band{--paper:#f3ecdc;--navy:#163650;--emerald:#047857;--muted:#4e5c62;--rule:#c9bdab;--oat:#e7dbc4;--page-white:#fffaf0;background:#f3ecdc;color:#163650}
.home-header-band .site-header{background:transparent;border-bottom:1px solid #c9bdab}
.home-header-band .site-header nav.is-open{background:#f3ecdc}
.hero-band{background:var(--paper);color:var(--navy)}
.hero-b{gap:56px;padding-top:54px;padding-bottom:58px}
.hero-b .eyebrow{color:var(--emerald)}
.hero-copy>.eyebrow>span{background:var(--emerald)}
.hero-b h1,.hero-b h1 em{color:var(--navy)}
.hero-b h1 em{font-weight:400}
.hero-b .hero-description{color:var(--muted)}
.hero-vision{color:var(--navy);border-color:var(--emerald);margin-top:22px}
.hero-vision>span{color:var(--emerald)}
.hero-vision>small{color:var(--muted)}
.hero-band .button.primary{background:var(--emerald);color:#fffaf0;border-color:var(--emerald);box-shadow:3px 3px 0 var(--navy)}
.hero-band .button.primary:hover{background:#056447}
.hero-band .button.secondary{color:var(--navy);border-color:#16365070}
.hero-band .button.secondary:hover{background:var(--oat)}
.hero-band .action-note,.hero-people>span:last-child{color:var(--muted)}
.hero-people{border-color:var(--rule)}
.hero-people strong{color:var(--navy)}
.hero-band a:focus-visible{outline-color:var(--emerald)}
.hero-band .workshop-kicker{color:var(--muted);font-size:9px;letter-spacing:1.1px;margin-bottom:17px}
.hero-band .teaching-gallery{margin:0}
.hero-band .teaching-stage{position:relative;aspect-ratio:4/3;background:var(--oat);border:7px solid var(--page-white);box-shadow:0 0 0 1px var(--rule),6px 7px 0 #1636501c;overflow:hidden}
.hero-band .teaching-slide{position:absolute;inset:0;margin:0}
.hero-band .teaching-slide img{width:100%;height:100%;object-fit:cover}
.hero-band .teaching-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:46px 20px 18px;background:linear-gradient(transparent,#101e28cf);color:#fffaf0;font:italic 24px/1.2 var(--body)}
.hero-band .teaching-slide figcaption span{display:block;font:9px/1.5 var(--ui);letter-spacing:1.5px;margin-bottom:7px}
.hero-band .teaching-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 15px;border-bottom:1px solid var(--rule);padding:16px 0 10px}
.hero-band .teaching-choices{display:flex;gap:16px}
.hero-band .teaching-choices button,.hero-band .teaching-toggle{border:0;background:transparent;font:11px/1.5 var(--ui);color:var(--muted);min-height:44px;padding:9px 0}
.hero-band .teaching-choices button{border-bottom:2px solid transparent}
.hero-band .teaching-choices button span{font-size:9px;margin-right:7px}
.hero-band .teaching-choices button[aria-pressed=true]{color:var(--emerald);border-color:var(--emerald);font-weight:700}
.hero-band .teaching-toggle{font-size:10px;margin-left:auto;text-decoration:underline;text-underline-offset:4px}
.hero-band .teaching-toggle:disabled{cursor:default;text-decoration:none}
.hero-band .workshop-disclosure{color:var(--muted);font-size:10px;line-height:1.6;margin-top:11px}
.hero-band .workshop-teaser{margin:23px 0 0 auto;box-shadow:3px 3px 0 #16365020;background:var(--page-white);width:min(330px,100%);grid-template-columns:86px 1fr;gap:14px;padding:12px}
.hero-band .workshop-teaser>img{width:86px;height:60px}
.hero-band .workshop-teaser strong{font-size:18px}
.hero-band .workshop-teaser:hover{background:var(--oat)}

@media(max-width:980px){.hero-band .hero-b{gap:38px}.hero-band .hero-workshop{max-width:680px}.hero-band .teaching-slide figcaption{font-size:26px}}
@media(max-width:760px){.hero-band .hero-b{padding-top:35px;padding-bottom:42px}.hero-band .teaching-stage{border-width:5px}.hero-band .teaching-slide figcaption{padding:35px 14px 14px;font-size:22px}.hero-band .teaching-slide figcaption span{font-size:8px}.hero-band .teaching-choices{gap:15px}.hero-band .teaching-choices button{font-size:10px}.hero-band .teaching-controls{gap:0 10px;padding-top:9px}.hero-band .workshop-kicker{font-size:8px}.hero-band .workshop-teaser{margin-top:18px}}
@media(max-width:430px){.hero-band .hero-b{gap:31px}.hero-band .teaching-choices{width:100%;justify-content:space-between;gap:8px}.hero-band .teaching-toggle{min-height:36px}.hero-band .teaching-slide figcaption{font-size:20px}.hero-band .teaching-slide figcaption span{font-size:7px;letter-spacing:1px}.hero-band .hero-vision{font-size:16px}.hero-band .workshop-teaser{width:100%}.hero-band .workshop-disclosure{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-band .teaching-slide{transition:none}}

/* Photo and overlapping learning card, matching the owner's selected composition. */
.hero-band .teaching-stage{transform:rotate(1deg)}
.hero-band .workshop-teaser{margin:-32px -9px 0 auto;width:min(350px,88%);position:relative;z-index:2}
.hero-band .teaching-gallery:focus-visible{outline:3px solid var(--emerald);outline-offset:7px}
@media(max-width:980px){.hero-band .teaching-stage{transform:none}}
@media(max-width:760px){.hero-band .workshop-teaser{margin:-22px 0 0 auto;width:min(330px,90%)}}