/* A brief introduction, followed immediately by the topics and headlines. */
.home-hero{min-height:0}
.home-hero .shell{display:grid;grid-template-columns:max-content minmax(0,440px);align-items:end;min-height:400px;padding-top:6rem;padding-bottom:1rem;column-gap:clamp(1rem,3vw,3rem);row-gap:0;justify-content:start}
.home-hero .hero-copy{max-width:none;min-width:0;padding-bottom:2.5rem;animation:none}
.home-hero .hero-manifesto{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.25;text-wrap:initial;color:#fff}
.home-hero .hero-manifesto>span,.home-hero .hero-manifesto>em{display:block;white-space:nowrap}
.home-hero .hero-manifesto>em{color:#f2c35b}
/* Anchor the foot beside the sign to the banner; the hero clips lower feet/soil. */
.hero-squirrel-link{display:block;width:100%;max-width:440px;min-width:0;line-height:0;border-radius:6px;transform:translateY(calc(1rem + 6%))}
.hero-squirrel-link:focus-visible{outline:3px solid #f2c35b;outline-offset:5px}
.hero-squirrel-link img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}
.home-hero:before{inset:0;background-image:url('/media/settled-solar-homestead.webp');background-position:65% 22%;filter:brightness(.92) saturate(.9);transform:none;animation:none}
.home-hero:after{background:linear-gradient(0deg,rgba(5,20,17,.88),rgba(5,20,17,.25) 55%,rgba(5,20,17,.05))}
.topic-band{isolation:isolate}
/* Transparent black sun, using the original logo's exact silhouette. */
.topic-track .topic-sun{display:block;flex:0 0 32px;width:32px;height:32px;overflow:hidden}
.topic-sun svg{display:block;width:100%;height:100%}
/* Warm banner-colored wood rails, with black logo suns at both ends. */
.stage-control,.carousel-frame:has(.portrait-track) .stage-control,.carousel-frame:has(.books-track) .stage-control{border-color:#735126;background:repeating-linear-gradient(87deg,transparent 0 7px,rgba(68,42,20,.1) 8px 9px,transparent 10px 19px),linear-gradient(90deg,#a87837 0%,#bc8a42 20%,#c3934e 48%,#bc8a42 78%,#a87837 100%);color:#11160e;box-shadow:inset 2px 0 rgba(244,208,122,.6),inset -2px 0 rgba(67,43,20,.32),0 0 0 1px rgba(244,208,122,.2),4px 7px 14px rgba(0,0,0,.36)}
.stage-control::before{content:none}
.stage-control::after{border-color:rgba(244,208,122,.35);pointer-events:none}
.rail-sun{position:absolute;left:50%;display:block;width:calc(var(--rail-width) - 14px);height:calc(var(--rail-width) - 14px);max-width:32px;max-height:32px;transform:translateX(-50%);pointer-events:none;overflow:hidden}
.rail-sun-top{top:14px}.rail-sun-bottom{bottom:14px}
.rail-sun svg{display:block;width:100%;height:100%}
.stage-control .rail-chevron{border-color:#11160e;filter:none;pointer-events:none}
.merch-section{padding-block:48px}
.merch-section .merch-row{margin-bottom:0}
.merch-section .merch-row+.merch-row{margin-top:2rem}
.merch-section .centered-link{margin-top:1rem}
.merch-row-head{margin-bottom:0}
.merch-section .carousel-frame{--stage-pad-top:36px;--stage-pad-bottom:34px}
.cookbook-purchase-actions{grid-template-columns:1fr;max-width:680px;margin-inline:auto}
.app-feature-button h2>span:last-child{white-space:nowrap}
.wellness-home{padding-block:48px;background:var(--site-green-field)}
.wellness-home .centered-section-head{margin-bottom:0}
.wellness-home .wellness-single-control{display:none}
.wellness-home .wellness-single{max-width:660px}
.wellness-home .wellness-single .wellness-tips-track{--stage-width:82%;width:100%;margin-inline:0;--stage-pad-top:40px;--stage-pad-bottom:40px}
.wellness-tip a,.wellness-tip img{display:block;width:100%}
.footer-terms{margin:1rem 0 0;text-align:center;font-size:.9rem;color:rgba(255,255,255,.82)}
.footer-terms a{display:inline;color:#f2c35b;text-decoration:underline;text-underline-offset:3px}
.terms-disclosure{margin:2rem 0;border:1px solid rgba(115,81,38,.36);border-radius:8px;background:rgba(242,225,184,.28)}
.terms-disclosure summary{cursor:pointer;padding:1rem 1.15rem;font-weight:700;color:#213f35}
.terms-disclosure summary:focus-visible{outline:3px solid #a87837;outline-offset:3px}
.terms-disclosure-copy{padding:0 1.15rem 1.15rem}
.terms-disclosure-copy ol{margin:.75rem 0 0;padding-left:1.4rem}
.terms-disclosure-copy li+li{margin-top:1rem}
@media(max-width:600px){
 .app-feature-button h2{font-size:clamp(1.25rem,6vw,2rem);text-wrap:initial;line-height:1.2}
 .app-feature-button h2>span{display:block;white-space:nowrap}
 .merch-section .carousel-frame{--stage-pad-top:28px;--stage-pad-bottom:28px}
 .merch-section .stage-track{--stage-pad-top:28px;--stage-pad-bottom:28px}
}
@media(max-width:700px){
 .home-hero .shell{grid-template-columns:max-content minmax(0,1fr);min-height:320px;padding-top:7rem;padding-bottom:1rem;column-gap:8px;justify-content:start}
 .home-hero .hero-copy{max-width:none;padding-bottom:1.7rem}
 .home-hero .hero-manifesto{font-size:clamp(1rem,4.7vw,2rem);line-height:1.3}
 .home-hero:before{background-position:63% 30%}
 .home-hero:after{background:linear-gradient(0deg,rgba(5,20,17,.88),rgba(5,20,17,.18) 58%,rgba(5,20,17,.04))}
 .topic-track .topic-sun{flex-basis:26px;width:26px;height:26px}
 .merch-section{padding-block:36px}
}
