/* Seasonal campaign. Copy remains selectable and responsive above the artwork. */
#main #autumn-campaign{background:#f8f6ee;margin-top:0;padding:0;scroll-margin-top:110px}
#autumn-campaign .autumn-shell{width:100%;max-width:none;margin:0}
#autumn-campaign .autumn-ad{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(570px,42vw,900px);background:#f6eddb;color:#203f2d}
#autumn-campaign .autumn-art{position:absolute;inset:0;width:100%;height:100%;display:block}
#autumn-campaign .autumn-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
#autumn-campaign .autumn-ad:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#f8f6ee 0px,#f8f6ee00 72px),linear-gradient(90deg,#fbf4e5e8 0%,#fbf4e5c2 24%,#fbf4e573 43%,#fbf4e500 63%)}
#autumn-campaign .autumn-copy{position:relative;z-index:1;width:56%;min-height:inherit;padding:clamp(32px,3.5vw,60px);padding-left:max(5.2vw,calc((100vw - 1600px)/2),32px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#autumn-campaign .autumn-kicker{font:500 11px/1.6 var(--body);letter-spacing:.13em;color:#36523b;margin:0 0 22px}
#autumn-campaign .autumn-title{font:400 clamp(40px,3.8vw,64px)/1.1 var(--serif);letter-spacing:-.04em;margin:0 0 26px;color:#203f2d;text-wrap:balance}
#autumn-campaign .autumn-title span,#autumn-campaign .autumn-title em{display:block}
#autumn-campaign .autumn-title em{color:#806024;font-weight:400}
#autumn-campaign .autumn-description{font:16px/1.65 var(--body);max-width:450px;color:#344933;margin:0 0 28px}
#autumn-campaign .autumn-description strong{font-weight:500}
#autumn-campaign .autumn-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:14px 24px;box-sizing:border-box;border:1px solid #28533a;background:#28533a;color:#fff9ec;text-decoration:none;font:14px/1.5 var(--body);transition:background-color .18s}
#autumn-campaign .autumn-button:hover{background:#1b3f2b}
#autumn-campaign .autumn-button:focus-visible{outline:3px solid #203f2d;outline-offset:5px}
#autumn-campaign .autumn-benefits{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;padding:0;margin:28px 0 0;color:#3c5138;font:11px/1.5 var(--body)}
#autumn-campaign .autumn-benefits li{display:flex;align-items:center;gap:8px}
#autumn-campaign .autumn-benefits li:before{content:'';display:block;width:4px;height:4px;flex-shrink:0;background:#8b702f;border-radius:50%}
@media(min-width:761px) and (max-width:1100px){#autumn-campaign .autumn-copy{width:59%;padding:30px;padding-left:max(5.2vw,32px)}#autumn-campaign .autumn-title{font-size:40px}#autumn-campaign .autumn-description{font-size:14px;max-width:335px}#autumn-campaign .autumn-benefits{gap:10px 15px}#autumn-campaign .autumn-ad{min-height:570px}}
@media(max-width:760px){
 #main #autumn-campaign{scroll-margin-top:90px}
 #autumn-campaign .autumn-shell{width:100%}
 #autumn-campaign .autumn-ad{min-height:0;display:flex;flex-direction:column}
 #autumn-campaign .autumn-art{position:relative;inset:auto;aspect-ratio:1.2;height:auto;flex-shrink:0}
 #autumn-campaign .autumn-art img{position:absolute;inset:0;object-position:83% 50%}
 #autumn-campaign .autumn-ad:after{display:none}
 #autumn-campaign .autumn-copy{width:100%;padding:28px 20px 30px;min-height:0}
 #autumn-campaign .autumn-kicker{font-size:9px;letter-spacing:.09em;margin-bottom:18px}
 #autumn-campaign .autumn-title{font-size:35px;line-height:1.12;margin-bottom:20px}
 #autumn-campaign .autumn-description{font-size:14px;margin-bottom:24px}
 #autumn-campaign .autumn-button{width:100%;min-height:52px;font-size:13px;padding:14px 18px}
 #autumn-campaign .autumn-benefits{font-size:10px;gap:10px 16px;margin-top:22px}
}
@media(max-width:360px){#autumn-campaign .autumn-copy{padding:24px 20px}#autumn-campaign .autumn-title{font-size:31px}}
@media(prefers-reduced-motion:reduce){#autumn-campaign .autumn-button{transition:none}}

@media(max-width:760px){#autumn-campaign .autumn-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f8f6ee 0px,#f8f6ee00 40px),linear-gradient(0deg,#f6eddb 0px,#f6eddb00 32px)}}

/* Two seasonal stories, switched by the reader. */
#autumn-campaign .autumn-shell{position:relative}
#autumn-campaign .autumn-ad[hidden]{display:none!important}
#autumn-campaign .autumn-ad{scroll-margin-top:110px;min-height:clamp(570px,47vw,900px)}
#autumn-campaign .autumn-copy{padding-bottom:125px}
#autumn-campaign .autumn-tabs{position:absolute;z-index:2;left:max(5.2vw,calc((100vw - 1600px)/2),32px);bottom:34px;display:flex;gap:8px;padding:5px;background:#fcf7e9d9;border:1px solid #fff8edc2;border-radius:6px;backdrop-filter:blur(12px)}
#autumn-campaign .autumn-tab{appearance:none;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:0;border-radius:3px;background:transparent;color:#36523b;font:13px/1.4 var(--body);text-align:left;cursor:pointer}
#autumn-campaign .autumn-tab span{font-size:10px;opacity:.65}
#autumn-campaign .autumn-tab:hover{background:#28533a10}
#autumn-campaign .autumn-tab[aria-selected="true"]{background:#28533a;color:#fff9ec}
#autumn-campaign .autumn-tab:focus-visible{outline:2px solid #203f2d;outline-offset:3px}
#autumn-campaign #autumn-brown .autumn-title{max-width:640px}
#autumn-campaign #autumn-brown .autumn-description{max-width:445px}
@media(min-width:761px) and (max-width:1100px){
 #autumn-campaign .autumn-copy{padding-bottom:115px}
 #autumn-campaign .autumn-tabs{bottom:26px}
 #autumn-campaign .autumn-tab{font-size:12px;gap:8px;padding:12px 14px}
}
@media(max-width:760px){
 #autumn-campaign .autumn-tabs{position:relative;left:auto;bottom:auto;border:0;border-radius:0;backdrop-filter:none;background:#f8f6ee;padding:8px 20px 18px;gap:8px;display:grid;grid-template-columns:1fr 1fr}
 #autumn-campaign .autumn-tab{font-size:12px;gap:8px;padding:12px 8px;border:1px solid #28533a30;min-height:52px}
 #autumn-campaign .autumn-tab span{font-size:9px}
 #autumn-campaign .autumn-copy{padding-bottom:30px;min-height:410px}
 #autumn-campaign #autumn-brown .autumn-art img{object-position:92% 50%}
 #autumn-campaign .autumn-ad{scroll-margin-top:90px;min-height:0}
}