/* Section guide: fine rules, quiet numbering, one featured product link. */
.hero-index{top:auto;bottom:30px;width:min(680px,88%)}
.hero-index-heading{justify-content:space-between;gap:20px;margin:0 0 12px;font-size:10px;font-weight:500;letter-spacing:.14em;color:#384b47}
.hero-index-heading span{font-family:Georgia,serif;font-size:10px;letter-spacing:.16em;color:#81908a;font-weight:400}
.hero-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;border-top:1px solid #9daea544}
.hero-index a{position:relative;min-height:48px;padding:13px 0;border:0;border-bottom:1px solid #9daea550;border-radius:0;background:transparent;gap:12px;font-size:12px;color:#223730;letter-spacing:.025em;transition:color .2s,background .2s}
.hero-index a small{display:block;flex:0 0 17px;font-size:9px;color:#8a9b91;letter-spacing:.05em;font-weight:400}
.hero-index a>span:nth-child(2){white-space:nowrap}
.hero-index a>span:last-child{font-size:14px;color:#82978a;transition:transform .2s}
.hero-index a:hover{background:transparent;color:#66816c;border-color:#9daea550}
.hero-index a:hover small{color:#8a9b91}
.hero-index a:hover>span:last-child{transform:translate(2px,-2px)}
.hero-index .nfc-index-link{grid-column:1/-1;min-height:64px;margin-top:15px;padding:15px 19px;border:1px solid #233c3230;border-radius:2px;background:#172c25;color:#f0f3ea;gap:15px;box-shadow:0 5px 14px #102e2010}
.hero-index .nfc-index-link small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.04em;color:#c7d3bd;flex:0 0 29px;height:20px;display:grid;place-items:center;border:1px solid #bbcbb180;border-radius:3px;transform:rotate(-10deg);background:linear-gradient(120deg,#ffffff14,transparent)}
.hero-index .nfc-index-link>span:nth-child(2){font-size:12px;letter-spacing:.055em;font-weight:400}
.hero-index .nfc-index-link>span:last-child{color:#c9d7bf;font-size:18px;font-weight:300}
.hero-index .nfc-index-link:hover{background:#263e31;border-color:#233c3230;color:#fff}
.hero-index .nfc-index-link:hover small{color:#dce5d5}
.hero-index .nfc-index-link:focus-visible{outline-color:#667f65}
@media(max-width:700px){.hero-index{top:auto;bottom:26px;width:88%}.hero-index-heading{margin-bottom:10px;font-size:9px}.hero-index-heading span{font-size:9px}.hero-index nav{gap:0 22px}.hero-index a{min-height:43px;padding:12px 0;font-size:11px;gap:8px}.hero-index a small{font-size:8px;flex-basis:14px}.hero-index a>span:last-child{font-size:12px}.hero-index .nfc-index-link{min-height:56px;margin-top:14px;padding:14px 16px;gap:14px}.hero-index .nfc-index-link>span:nth-child(2){font-size:11px;letter-spacing:.015em}}
@media(max-width:359px){.hero-index nav{column-gap:17px}.hero-index a{font-size:10px;gap:6px}.hero-index a small{display:block;font-size:7px;flex-basis:11px}.hero-index .nfc-index-link>span:nth-child(2){font-size:10px}.hero-index .nfc-index-link{padding-left:13px;gap:12px}}
@media(max-width:700px) and (max-height:740px){.hero-index{top:auto;bottom:15px}.hero-index-heading{margin-bottom:8px}.hero-index a{min-height:39px;padding:10px 0}.hero-index .nfc-index-link{min-height:51px;margin-top:10px;padding-top:12px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-index{top:auto;bottom:26px}.hero-index a,.hero-index a>span:last-child{transition:none}}