.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-hero{margin-top:28px;background:var(--ink);color:white}.hero-stage{position:relative}.hero-slide{position:relative;min-height:570px;isolation:isolate;display:flex;align-items:flex-end}.hero-slide[hidden]{display:none}.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.4) 65%,rgba(0,0,0,.08));z-index:-1}.hero-copy{padding:48px;max-width:920px}.hero-category{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font-weight:700}.hero-category:before{content:'';width:8px;height:18px;background:var(--lime)}.hero-copy h2{font-size:clamp(28px,3.1vw,43px);line-height:1.5;margin:12px 0}.hero-copy h2 a:hover{color:var(--lime)}.hero-copy p{max-width:740px;color:#f5f5f5;font-size:17px;line-height:1.9}.hero-read{display:inline-flex;gap:30px;align-items:center;background:var(--red);color:#fff;padding:10px 24px;margin-top:24px;font-weight:700}.hero-read:hover{background:var(--lime);color:var(--ink)}.hero-controls{display:flex;align-items:center;gap:16px;padding:14px 24px;border-top:3px solid var(--lime)}.hero-controls[hidden]{display:none}.hero-controls button{font:inherit;color:white;background:transparent;border:1px solid #737373;cursor:pointer;min-width:44px;min-height:44px}.hero-controls button:hover{color:var(--ink);background:var(--lime)}.hero-controls button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.hero-dots{display:flex;gap:4px}.hero-dots button{border:0;position:relative}.hero-dots button:after{content:'';position:absolute;width:9px;height:9px;background:#aaa;border-radius:50%;inset:0;margin:auto}.hero-dots button[aria-pressed=true]:after{background:var(--lime);width:24px;border-radius:8px}.hero-count{font-size:14px;color:var(--lime)}.hero-controls [data-pause]{margin-inline-start:auto;padding:6px 14px;font-size:13px}.home-stories{padding-top:30px}.home-stories .section-title{border-top:0;padding-top:0}.home-stories .meta span{color:var(--ink);border-inline-start:5px solid var(--lime);padding-inline-start:9px}.home-stories .picture img{aspect-ratio:1.85}
@media(max-width:650px){.home-hero{margin-top:20px}.hero-slide{min-height:530px}.hero-copy{padding:28px 20px}.hero-copy h2{font-size:27px}.hero-copy p{font-size:15px}.hero-controls{padding:10px 8px;gap:2px;flex-wrap:wrap}.hero-dots button{min-width:36px}.hero-controls [data-pause]{padding-inline:8px}.hero-count{margin-inline:8px}.home-stories .grid{grid-template-columns:1fr}.home-stories{padding-top:26px}}
/* Native horizontal scrolling supports touch and trackpad gestures. */
.hero-stage.swipe-ready{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;direction:rtl}
.hero-stage.swipe-ready::-webkit-scrollbar{display:none}
.swipe-ready .hero-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.hero-stage.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.hero-controls{justify-content:center;padding-block:5px}
.hero-stage:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
/* Six manually browsable stories, three visible on desktop. */
.home-stories .stories-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:6px;direction:rtl}
.stories-track::-webkit-scrollbar{display:none}
.home-stories .stories-track .card{flex:0 0 calc((100% - 64px)/3);min-width:0;scroll-snap-align:start}
.stories-controls{display:flex;justify-content:center;gap:12px;margin-top:24px;direction:rtl}
.stories-controls[hidden]{display:none}
.stories-controls button{width:48px;height:44px;border:1px solid var(--ink);background:var(--lime);color:var(--ink);font-size:24px;cursor:pointer}
.stories-controls button:hover:not(:disabled){background:var(--ink);color:var(--lime)}
.stories-controls button:disabled{opacity:.3;cursor:default}
.stories-controls button:focus-visible,.stories-track:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:950px){.home-stories .stories-track{gap:24px}.home-stories .stories-track .card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:650px){.home-stories .stories-track{gap:18px}.home-stories .stories-track .card{flex-basis:100%}}