.hero{position:relative;min-height:100vh;display:flex;flex-direction:column}.hero__visitor-count{position:absolute;top:16px;right:16px;z-index:40;display:flex;align-items:center;gap:8px;background-color:rgba(45,55,72,.8);color:var(--jb-white);padding:6px 12px;border-radius:9999px;font-size:12px}@media(min-width:768px){.hero__visitor-count{top:24px;right:32px;padding:8px 16px;font-size:14px}}.hero__visitor-icon,.hero__visitor-number{color:var(--jb-yellow)}.hero__visitor-number{font-weight:700}.hero__section{width:100%;min-height:50vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;overflow:hidden}@media(min-width:1024px){.hero__section{width:50%;min-height:100vh;padding:48px 40px}}.hero__section--brand{background-color:var(--jb-brand-pink)}.hero__section--franchise{background-color:var(--jb-brand-mint)}.hero__bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.4}.hero__content,.hero__content.slogan{position:relative;z-index:10;text-align:center}.hero__content.slogan{transform:translateY(0);transition:transform .4s ease}.hero__title{font-size:36px;font-weight:700;margin-bottom:16px;letter-spacing:.1em;color:var(--jb-white)}@media(min-width:768px){.hero__section:hover .hero__content.slogan{transform:scale(1.2)}}@media(min-width:1024px){.hero__title{font-size:82px}.hero__section:hover .hero__content.slogan{transform:translateY(-150px)}}.hero__title--brand{color:var(--jb-primary-light)}.hero__title--franchise{color:var(--jb-brand-mint)}.hero__divider{width:40px;height:2px;margin:0 auto 16px}@media(min-width:768px){.hero__divider{width:48px;margin-bottom:24px}}.hero__divider--brand{background-color:var(--jb-primary-light)}.hero__divider--franchise{background-color:var(--jb-brand-mint)}.hero__subtitle{font-size:20px;font-weight:500;color:var(--jb-white);margin-bottom:12px}@media(min-width:768px){.hero__subtitle{font-size:24px;margin-bottom:16px}}@media(min-width:1024px){.hero__subtitle{font-size:30px}}.hero__description{color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.6}@media(min-width:768px){.hero__description{font-size:16px}}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;background-color:rgba(0,0,0,.35);transition:background-color .4s ease;pointer-events:none}.hero__overlay--hidden{background-color:transparent}.hero__section:hover .hero__overlay{background-color:rgba(0,0,0,.35)}.hero__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;pointer-events:none}.hero__logo-circle{width:112px;height:112px;background-color:var(--jb-primary);border-radius:50%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center}@media(min-width:768px){.hero__logo-circle{width:144px;height:144px}}@media(min-width:1024px){.hero__logo-circle{width:176px;height:176px}}@media(min-width:1280px){.hero__logo-circle{width:208px;height:208px}}.hero__logo-content{text-align:center;color:var(--jb-white)}.hero__logo-brand{font-size:8px;letter-spacing:.2em;margin-bottom:2px}@media(min-width:768px){.hero__logo-brand{font-size:10px}}.hero__logo-name{font-size:20px;font-weight:700;letter-spacing:.05em;font-family:serif}@media(min-width:768px){.hero__logo-name{font-size:24px}}@media(min-width:1024px){.hero__logo-name{font-size:30px}}@media(min-width:1280px){.hero__logo-name{font-size:36px}}.hero__logo-tagline{font-size:6px;margin-top:4px;font-style:italic;opacity:.8}@media(min-width:768px){.hero__logo-tagline{font-size:8px}}