.badi-home .hero{background-image:url('home-clean-v38.webp');aspect-ratio:1735/906}
.hero-start{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:76px;padding:18px 36px;border-radius:44px;background:#ff931f;color:#2f1c0b;font-size:clamp(20px,2vw,26px);font-weight:800;text-decoration:none;box-shadow:0 7px 24px #51301055;border:2px solid #ffc679;white-space:nowrap;max-width:94%}
.hero-start:hover{background:#ffad43}.hero-start:focus-visible,.home-sound:focus-visible{outline:3px solid white;outline-offset:4px}
.hero-start{white-space:normal;text-align:center;line-height:1.2;width:max-content;box-sizing:border-box}.hero-start span{flex:none}
.home-sound{position:absolute;top:4%;right:4%;width:48px;height:48px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#fffaf3ec;color:#224a30;cursor:pointer;font-size:26px;box-shadow:0 3px 12px #0002}.home-sound[aria-pressed=true]{color:#876d57;background:#ede5da}
@media(max-width:650px){.badi-home .hero{aspect-ratio:1.32;background-size:100% auto;background-position:top center;background-repeat:no-repeat;background-color:#344529}.hero-start{bottom:5%;min-height:68px;font-size:21px;padding:16px 28px}.home-sound{top:10px;right:10px;width:44px;height:44px}.badi-home main{min-height:0}}

/* Clear scenery, without the dark panel overlay. */
.badi-home .scenery-extension{background-image:url('mobile-scenery-extension.webp');background-color:transparent}
.badi-home .mobile-welcome{background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:0 2px 5px #241b10,0 0 14px #241b1099}

/* Full-height home with two unobtrusive footer links over the scenery. */
body.badi-home{position:relative;min-height:100svh;display:flex;flex-direction:column}
.badi-home .badi-header{flex:none}
.badi-home main{flex:1;min-height:0}
.badi-home .badi-footer{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:transparent;border:0;z-index:2;text-align:center}
.badi-home .badi-footer div{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.badi-home .badi-footer a{font-weight:800;color:#fffaf4;text-shadow:0 1px 3px #21170c,0 0 7px #21170c;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1001px){.badi-home main{min-height:calc(100svh - 80px)}.badi-home .hero{align-self:stretch;aspect-ratio:auto;background-size:cover}.badi-home .scenery-extension{padding-bottom:80px}}
@media(max-width:1000px){.badi-home .scenery-extension{padding-bottom:85px;flex:1}.badi-home main{flex:1;display:flex;flex-direction:column;min-height:calc(100svh - 100px)}}
@media(min-width:1001px){.badi-home .hero{background-position:left center}}

@media(max-width:650px){.badi-home .hero{aspect-ratio:1735/906;background-size:cover;min-height:0}.badi-home .scenery-extension{padding-bottom:30px}}