/* Breadcrumbs belong to the introduction; the lower edge invites exploration. */
.page-scenes .page-scene-hero.hero-navigation{flex-direction:column;align-items:stretch}
.hero-navigation>.flow-breadcrumb{position:relative;z-index:2;width:91.2%;max-width:1600px;margin:0 auto;padding:16px 0 0;order:-1}
.hero-navigation>.flow-breadcrumb ol{color:var(--scene-ink,#182112);font-size:13px}
.hero-navigation>.flow-breadcrumb a,.hero-navigation>.flow-breadcrumb li+li::before{color:inherit}
.hero-navigation>.flow-breadcrumb [aria-current]{max-width:none}
.page-scene-hero.hero-navigation>.page-scene-inner{flex:1;display:flex;align-items:center;padding-block:44px}
.hero-scroll-row{position:relative;z-index:2;display:flex;justify-content:center;width:100%;padding:12px 24px 20px;order:2;grid-column:1/-1;flex:none}
.hero-navigation .hero-scroll-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:2px 4px 2px 16px;border:1px solid #4d5942;border-radius:999px;background:#f8faf3;color:#182112;font-size:13px;line-height:1.4;font-weight:600;text-decoration:none}
.hero-navigation .hero-scroll-link:hover{background:#e6f3d4}
.hero-scroll-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1b2613;color:#d0ff85;overflow:hidden;flex:none}
.hero-scroll-icon svg{width:22px;height:22px;animation:hero-scroll-nudge 2.4s ease-in-out 2}
.hero-navigation .hero-scroll-link:focus-visible{outline:3px solid #315420;outline-offset:4px}
.page-scene-dark.hero-navigation .hero-scroll-link:focus-visible{outline-color:#fff}
.kh-case .kh-hero.hero-navigation{padding-top:0;row-gap:24px}
.kh-hero.hero-navigation>.flow-breadcrumb{grid-column:1/-1;width:100%;max-width:none}
.studio-hero.hero-navigation{flex-wrap:wrap}
.studio-hero.hero-navigation>.flow-breadcrumb{width:100%;max-width:none;flex-basis:100%}
.studio-hero.hero-navigation .studio-hero-copy{flex:1;min-width:0}
@keyframes hero-scroll-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(max-width:980px){
 .hero-navigation>.flow-breadcrumb{width:calc(100% - 48px);padding-top:12px}
 .page-scene-hero.hero-navigation>.page-scene-inner{padding:28px 0 24px}
 .hero-scroll-row{padding-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll-icon svg{animation:none}.hero-navigation{scroll-behavior:auto}}
@media print{.hero-scroll-row{display:none}}
/* Main-navigation collapse rules must never hide a breadcrumb on small screens. */
.hero-navigation>nav.flow-breadcrumb{display:block;position:relative;inset:auto;max-height:none;overflow:visible;background:transparent;border:0;box-shadow:none}
@media(max-width:600px){
 .hero-scroll-row{justify-content:flex-start}
 .hero-navigation .hero-scroll-link{padding:3px;min-width:48px;justify-content:center}
 .hero-scroll-link>span:first-child{display:none}
}