/* New homepage sections preserve the retail site's orange, milk and charcoal. */
.home-news{margin-top:60px;scroll-margin-top:16px}
.home-news .section-heading{margin-bottom:24px}
.news-track{--news-visible:2;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9420c #fff1e5;border-radius:16px}
.news-track:focus-visible{outline-offset:6px}
.news-track[data-enhanced=true]{scrollbar-width:none}
.news-track[data-enhanced=true]::-webkit-scrollbar{display:none}
.news-slide{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start;scroll-snap-stop:always;min-width:0;background:var(--soft);border-radius:16px;overflow:hidden}
.news-image{display:grid;place-items:center;min-height:260px;background:#f0e8e0;padding:12px}
.news-image img{width:100%;height:228px;object-fit:contain}
.news-image-brand{background:#fff1e5;padding:18px}
.news-image-brand img{max-width:200px;height:110px}
.news-image-app{background:#fff1e5}
.news-image-app img{width:115px;height:115px;border-radius:16px}
.news-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px}
.news-copy h3{font-size:24px;line-height:1.2;max-width:20ch;margin:0 0 10px;text-wrap:balance}
.news-copy p{color:var(--muted);font-size:14px;line-height:1.65;max-width:46ch;margin:0 0 12px}
.news-copy .text-link{min-height:44px;font-size:14px}
.news-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:16px}
.news-dots,.news-arrows{display:flex;gap:8px;align-items:center}
.news-dot{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;padding:0}
.news-dot span{width:9px;height:9px;border-radius:50%;background:#a3978d}
.news-dot[aria-current=true] span{width:24px;border-radius:6px;background:#a9420c}
.news-dot:hover{background:#fff1e5}
.news-counter{font-size:13px;font-weight:650;color:var(--muted);font-variant-numeric:tabular-nums;min-width:54px;margin-right:10px}
.news-arrow{width:44px;height:44px;display:grid;place-items:center;background:white;border:1px solid #c9bdb2;border-radius:50%;padding:0;color:var(--heading)}
.news-arrow:hover:enabled{background:#fff1e5;border-color:#a9420c}
.news-arrow:disabled{color:#a3978d;opacity:.55;cursor:default}
.news-previous .icon{transform:rotate(180deg)}
.mobile-app-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:60px;background:#fff1e5;border-radius:16px;padding:48px 64px;margin-top:20px;margin-bottom:90px;scroll-margin-top:16px}
.mobile-app-icon{width:72px;height:72px;border-radius:16px;margin-bottom:24px}
.mobile-app-copy h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;margin-bottom:20px}
.mobile-app-copy>p{max-width:40ch;font-size:16px;color:#75533c;line-height:1.7}
.mobile-app-benefits{list-style:none;padding:0;margin:24px 0 30px;color:#594031;font-size:15px}
.mobile-app-benefits li{position:relative;padding-left:25px;margin-top:10px}
.mobile-app-benefits li:before{content:'';position:absolute;width:8px;height:8px;left:0;top:9px;border-radius:50%;background:#a9420c}
.mobile-app-preview{margin:0;justify-self:center;min-width:0}
.mobile-app-preview>img{width:210px;height:auto;border:7px solid #2d2926;border-radius:27px;box-shadow:0 18px 40px #62452b25}
.mobile-app-preview figcaption{text-align:center;margin:16px 0 0;font-size:12px;color:#75533c}
@media(max-width:1000px){.news-track{--news-visible:1}.news-slide{flex-basis:100%}.news-copy{padding:24px}.news-image{min-height:230px}.news-image img{height:206px}.news-image-brand img{height:120px}.news-image-app img{height:130px;width:130px}}
@media(max-width:850px){.mobile-app-section{padding:36px;gap:28px}.mobile-app-copy .app-downloads{gap:10px}.mobile-app-preview>img{width:180px}}
@media(max-width:600px){.home-news{margin-top:40px;scroll-margin-top:90px}.home-news .section-heading{display:block}.home-news .section-heading>.text-link{margin-top:14px;min-height:44px}.news-track{gap:16px}.news-slide{grid-template-columns:1fr;align-content:start}.news-image{min-height:0;height:220px;padding:12px}.news-image img{height:196px}.news-image-brand{padding:28px}.news-image-brand img{height:155px}.news-image-app img{width:155px;height:155px}.news-copy{padding:25px 24px 20px;min-height:260px;justify-content:flex-start}.news-copy h3{font-size:27px}.news-copy p{font-size:15px;line-height:1.7}.news-copy .text-link{margin-top:auto}.news-controls{margin-top:10px;gap:10px}.news-dots{gap:0}.news-arrows{gap:6px}.news-counter{min-width:40px;margin-right:2px;font-size:12px}.mobile-app-section{grid-template-columns:1fr;gap:34px;padding:30px 24px;margin-top:0;margin-bottom:55px;scroll-margin-top:90px}.mobile-app-copy h2{font-size:32px}.mobile-app-copy>p{font-size:15px}.mobile-app-icon{width:60px;height:60px;margin-bottom:22px}.mobile-app-benefits{font-size:14px;margin-bottom:25px}.mobile-app-copy .app-downloads{flex-direction:column;align-items:flex-start}.mobile-app-preview>img{width:185px}}
@media(prefers-reduced-motion:reduce){.news-track{scroll-behavior:auto}}
@media(max-width:600px){.home-news,.mobile-app-section{scroll-margin-top:10px}}
@media(max-width:600px){.news-image{height:160px}.news-image img{height:136px}.news-image-brand img{height:100px}.news-image-app img{width:115px;height:115px}.news-copy{padding:20px;min-height:230px}.news-copy h3{font-size:24px}.news-copy p{font-size:14px;line-height:1.65}}