/* Homepage: the existing forest photograph and the current RevierLink products. */
body[data-page="start"] .hero-shell{position:relative;isolation:isolate;background:#17271f;color:#fff}
.hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(.55)}
body[data-page="start"] .hero-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(17,31,24,.97) 0%,rgba(17,31,24,.93) 28%,rgba(17,31,24,.68) 60%,rgba(17,31,24,.48) 100%),linear-gradient(0deg,#14271ff5 0%,transparent 50%,#17271f26 100%)}
body[data-page="start"] .hero{padding-block:46px 38px;gap:48px;align-items:center}
body[data-page="start"] .hero .hero-text{color:#d0dad1;max-width:470px}
body[data-page="start"] .hero .hero-stage{padding:0;margin:0}
body[data-page="start"] .hero .stage-label{color:#d2dfcd;margin-bottom:13px}
body[data-page="start"] .hero .stage-tabs{margin-bottom:3px}
body[data-page="start"] .hero .stage-tabs button{color:#d2dfcd}
body[data-page="start"] .hero .stage-tabs button[aria-pressed="true"]{background:#dce8d41c;border-color:#dce8d44d;color:#fff}
body[data-page="start"] .hero .device-family{width:100%;max-width:620px;margin:8px auto 0;aspect-ratio:1.48}
body[data-page="start"] .hero .hero-bottom{color:#b8c9bc;border-color:#d7e5d32b}
body[data-page="start"] .hero-index{position:relative;background:#10231c80;border-color:#c3d8be26;gap:22px}
body[data-page="start"] .hero-index .hero-index-revierlink{color:#c5e7a5}
.hero-revierlink{position:relative;display:grid;grid-template-columns:148px minmax(0,1fr) 24px;align-items:center;gap:18px;max-width:620px;min-height:140px;margin:20px auto 0;padding:12px 20px 12px 12px;border:1px solid #bed3b536;border-radius:14px;background:linear-gradient(115deg,#45614640,#163329a6);box-shadow:0 14px 32px #06170e24;color:#f2f6ed;transition:border-color .2s,background .2s}
.hero-revierlink:hover{border-color:#c0df9c80;background:linear-gradient(115deg,#45614660,#163329ce)}
.hero-revierlink:focus-visible{outline:3px solid #c0df9c;outline-offset:5px}
.hero-revierlink-products{position:relative;width:148px;height:124px;isolation:isolate}
.hero-revierlink-products:before{content:"";position:absolute;inset:26px 4px -5px;background:radial-gradient(ellipse,#bad98a2e,transparent 70%);z-index:-1}
.hero-revierlink-base{position:absolute;width:86px;height:124px;object-fit:contain;left:0;bottom:0;filter:drop-shadow(0 5px 6px #05150e66)}
.hero-revierlink-trap{position:absolute;width:68px;height:85px;object-fit:contain;right:0;bottom:0;filter:drop-shadow(0 5px 6px #05150e66)}
.hero-revierlink-kicker{display:block;font-size:8px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#c4daaf;margin-bottom:5px}
.hero-revierlink-title{display:block;font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.045em}
.hero-revierlink-description{display:block;font-size:12px;line-height:1.65;color:#d0dbce;margin-top:6px;max-width:280px}
.hero-revierlink-detail{display:block;font-size:9px;line-height:1.5;color:#adc2ad;margin-top:8px}
.hero-revierlink-arrow{font-size:24px;color:#c2e699;text-align:center;align-self:center}
@media(min-width:1600px){body[data-page="start"] .hero{padding-block:54px 44px;gap:64px}}
@media(min-width:941px) and (max-width:1100px){body[data-page="start"] .hero{padding-inline:40px;gap:30px}.hero-revierlink{grid-template-columns:114px minmax(0,1fr) 18px;gap:12px;padding-right:14px}.hero-revierlink-products{width:114px;height:110px}.hero-revierlink-base{width:73px;height:110px}.hero-revierlink-trap{width:53px;height:70px}.hero-revierlink-title{font-size:22px}.hero-revierlink-description{font-size:11px}}
@media(max-width:940px){body[data-page="start"] .hero{gap:38px;padding-block:50px 36px}body[data-page="start"] .hero-shell:before{background:linear-gradient(180deg,#12261ff5 0%,#12261fe0 36%,#12261f91 67%,#12261fee 100%)}.hero-backdrop img{object-position:65% center}body[data-page="start"] .hero .device-family{max-width:none}.hero-revierlink{margin-top:20px;grid-template-columns:148px minmax(0,1fr) 24px}}
@media(max-width:600px){body[data-page="start"] .hero{padding:38px 23px 25px;gap:30px}body[data-page="start"] .hero .hero-text{font-size:14px}body[data-page="start"] .hero .device-family{width:calc(100% + 24px);margin:8px -12px 0;aspect-ratio:1.34}body[data-page="start"] .hero-index{gap:16px;padding:20px 23px}body[data-page="start"] .hero .stage-label{font-size:7px;line-height:1.6}.hero-revierlink{grid-template-columns:96px minmax(0,1fr) 16px;gap:10px;padding:14px 12px 14px 8px;min-height:130px;border-radius:11px;margin-top:16px}.hero-revierlink-products{width:96px;height:104px}.hero-revierlink-base{width:65px;height:104px}.hero-revierlink-trap{width:46px;height:65px}.hero-revierlink-title{font-size:22px}.hero-revierlink-description{font-size:11px;line-height:1.55}.hero-revierlink-kicker{font-size:7px;letter-spacing:.07em}.hero-revierlink-detail{font-size:8px;margin-top:6px}.hero-revierlink-arrow{font-size:21px}}
@media(max-width:360px){.hero-revierlink{grid-template-columns:80px minmax(0,1fr);gap:8px;padding-right:10px}.hero-revierlink-products{width:80px}.hero-revierlink-base{width:56px}.hero-revierlink-trap{width:38px;height:56px}.hero-revierlink-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.hero-revierlink{transition:none}}
