.website{--bds-hero-height:calc(clamp(540px,68svh,800px) + 100px)}
.main-hero,.project-hero{height:var(--bds-hero-height);min-height:0}
.main-hero-content{padding-top:20px;padding-bottom:85px}
.hero-picture{z-index:-1}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s linear;overflow:hidden;pointer-events:none}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide img{animation:none!important;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:62% center;will-change:transform}
.hero-controls{display:flex;align-items:center;gap:12px;padding:5px 7px 5px 11px;border-radius:999px;background:#ffffffdf;border:1px solid #c8ceca}
.hero-dots{display:flex;align-items:center;gap:2px}.hero-dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:4px;border:0;background:none;color:#3b4440;cursor:pointer;border-radius:50%}.hero-dot .icon{width:22px;height:22px;flex-basis:22px;fill:none;stroke:currentColor;stroke-width:1.3}.hero-dot[aria-pressed=true]{color:#c10d0a}.hero-dot[aria-pressed=true] .icon{fill:currentColor}.hero-controls .motion-toggle{border-color:#aeb9ad;background:transparent;width:38px;height:38px}
@media(max-width:760px){.main-hero{height:auto;min-height:0}.main-hero-content{padding-top:38px;padding-bottom:36px}.hero-picture{z-index:0}.hero-slide img{object-position:52% center}.hero-controls{padding:3px 5px 3px 7px;gap:7px}.hero-dot{width:30px;height:30px}.hero-controls .motion-toggle{width:34px;height:34px}.hero-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide img{will-change:auto}}

.hero-slide .hero-bear{position:absolute;inset:auto;right:max(48px,calc((100vw - 1400px)/2));bottom:0;width:min(40vw,630px);height:auto;max-width:none;transform:none!important;animation:none!important;object-fit:contain;object-position:bottom;pointer-events:none;will-change:auto;z-index:2}
.hero-bottom{justify-content:center}
@media(min-width:1101px){.hero-copy{width:calc(100% - min(40vw,630px) - 44px);max-width:850px}}
@media(max-width:1100px){.main-hero{display:flex;flex-direction:column;height:auto;min-height:0;background:#eff2f1}.main-hero-content{order:1;padding-top:38px;padding-bottom:36px}.hero-copy{width:100%;max-width:none}.hero-picture{position:relative;inset:auto;z-index:0;order:2;width:100%;height:clamp(300px,38vw,460px);margin-bottom:0}.hero-slide img{object-position:52% center}.hero-slide .hero-bear{right:12px;bottom:0;width:auto;height:94%;max-width:47%;object-fit:contain}.hero-bottom{bottom:16px;justify-content:flex-start}.hero-controls{background:#fffffff2;box-shadow:0 4px 20px #15221915}}
@media(max-width:1100px){.project-hero{height:clamp(300px,38vw,460px)}}

@media(min-width:1101px){.hero-message{transform:translateY(clamp(65.28px,6.732vw,102px))}}
.main-hero .hero-bottom{left:auto;right:24px;bottom:18px;width:auto;justify-content:flex-end}
.hero-controls{gap:6px;padding:3px;border:0;border-radius:8px;background:#ffffff45;box-shadow:none;backdrop-filter:blur(5px);transition:background .2s}
.hero-controls:hover,.hero-controls:focus-within{background:#ffffffbf}
.hero-dots{gap:0}.hero-dot{width:28px;height:28px;padding:5px}.hero-dot .icon{width:16px;height:16px;flex-basis:16px;stroke-width:1.6}
.hero-controls .motion-toggle{width:30px;height:30px;background:#ffffff80;border-color:#39443b38}.hero-controls .motion-toggle .icon{width:16px;height:16px;flex-basis:16px}
@media(max-width:1100px){.main-hero .hero-bottom{right:14px;bottom:14px}}
@media(pointer:coarse){.hero-dot{width:44px;height:44px}.hero-controls .motion-toggle{width:44px;height:44px}}