/* /home-editorial: the magazine ("editorial") skin for the homepage. Shadow copy only: loaded after every other stylesheet,
   it changes how the page looks (fonts, square corners, thin rules, no shadows) and nothing about how it works.
   Palette: ink #16130F, paper #FBFAF6, forest green #1F4A38, fox orange #C4501A. */
:root{--cream:#FBFAF6;--cream-soft:#F3F0E8;--paper:#FFFFFF;--ink:#16130F;--ink-soft:#3E3A33;--muted:#615B51;--terracotta:#C4501A;--fox:#C4501A;--line:#CFC9BC;--line-soft:#E4DFD3;
 --font-display:'Newsreader',Georgia,serif;--font-body:'Newsreader',Georgia,serif;--font-label:'DM Sans',system-ui,sans-serif;
 --r-sm:0;--r-md:2px;--r-lg:2px;--r-xl:2px;--shadow-1:none;--shadow-2:none;--shadow-3:none}
body{background:#FBFAF6!important;background-image:none!important;font-size:19px}
h1,h2,h3,h4{font-weight:600!important;letter-spacing:-.02em;color:#1F4A38}
h1 em,h2 em,h3 em{font-weight:400!important;font-style:italic;color:#C4501A!important}
.nav{background:#FBFAF6!important;border-bottom:3px double #16130F!important;box-shadow:none!important}
.nav a{font-family:'DM Sans',sans-serif!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700!important}
.btn,button.btn,a.btn{border-radius:2px!important;box-shadow:none!important;font-family:'DM Sans',sans-serif!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;font-size:13px!important}
.btn-primary,a.btn-primary{background:#1F4A38!important;border-color:#1F4A38!important;color:#fff!important}
.eyebrow,.kicker{font-family:'DM Sans',sans-serif!important;letter-spacing:.16em!important;color:#C4501A!important}
section{border-radius:0!important}
.mood-choice,.review,.about-card,.rating-box,.fam-form,.edition,.pillar,.ribbon-item,.bridge{border-radius:2px!important;box-shadow:none!important;background:transparent!important;border:0!important;border-top:1px solid #16130F!important;border-bottom:1px solid #CFC9BC!important}
/* The rating panel is sticky and deliberately slides over the founder card. It must stay
   opaque or both sets of text remain visible while they overlap. */
.rating-box{background:var(--paper)!important}
.mood-choice{padding:14px 0!important}
.mood-choice strong{font-family:'Newsreader',serif!important;font-weight:600!important;font-size:24px!important}
.spotlight{border-radius:2px!important;box-shadow:none!important;border:1px solid #16130F!important}
.spotlight .spot-title,.spotlight h3{color:#1F4A38!important}
.review{padding:18px 0!important}
.review blockquote,.review p{font-style:italic}
.phone,.phone-screen,.mini-phone{border-radius:14px!important}
footer{background:#F3F0E8!important;border-top:3px double #16130F!important}
.hero{background:transparent!important}

.hero-badge,.chip{border-radius:2px!important}
.nav{position:sticky}
.hero{padding-top:24px}

.nav a:hover{color:#1F4A38}
body a.link,.hero a:not(.btn){color:#1F4A38}
.eyebrow::before{background:#C4501A!important}
.spotlight a.btn,.spotlight a.btn-primary,.spotlight .btn{background:transparent!important;border-color:transparent!important;color:#C4501A!important;letter-spacing:.08em}
.walks-top .spotlight::after,.spotlight::after,.spotlight::before{display:none!important}
.walks-top .spotlight,.walks-top .spotlight[data-frame]{border:0!important;border-block:1px solid #16130F!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.spotlight .spot-text,.spotlight .spot-text *{color:#16130F}
.spotlight .spot-title,.spotlight #spot-title{color:#1F4A38!important}

.spotlight a.btn{position:static!important;display:inline-block!important;padding:6px 0!important;margin-top:6px;font-size:12px!important}
@media(max-width:700px){.hero{padding-top:34px}.nav{position:sticky}}
@media(min-width:900px){.nav a{white-space:nowrap;font-size:11px!important;letter-spacing:.07em}.nav .nav-links{gap:18px}}