.hero{flex-direction:column;min-height:100vh;display:flex;position:relative}.hero__visitor-count{z-index:40;color:var(--jb-white);background-color:#2d3748cc;border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:16px;right:16px}@media (min-width:768px){.hero__visitor-count{padding:8px 16px;font-size:14px;top:24px;right:32px}}.hero__visitor-icon,.hero__visitor-number{color:var(--jb-yellow)}.hero__visitor-number{font-weight:700}.hero__section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:50vh;padding:64px 24px;display:flex;position:relative;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{z-index:0;position:absolute;inset:0}.hero__bg img{object-fit:cover;opacity:.4;width:100%;height:100%}.hero__content{z-index:10;text-align:center;position:relative}.hero__content.slogan{z-index:10;text-align:center;transition:transform .4s;position:relative;transform:translateY(0)}.hero__title{letter-spacing:.1em;color:var(--jb-white);margin-bottom:16px;font-size:36px;font-weight:700}@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{color:var(--jb-white);margin-bottom:12px;font-size:20px;font-weight:500}@media (min-width:768px){.hero__subtitle{margin-bottom:16px;font-size:24px}}@media (min-width:1024px){.hero__subtitle{font-size:30px}}.hero__description{color:#fffc;font-size:14px;line-height:1.6}@media (min-width:768px){.hero__description{font-size:16px}}.hero__overlay{z-index:5;pointer-events:none;background-color:#00000059;transition:background-color .4s;position:absolute;inset:0}.hero__overlay--hidden{background-color:#0000}.hero__section:hover .hero__overlay{background-color:#00000059}.hero__logo{z-index:30;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__logo-circle{background-color:var(--jb-primary);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;box-shadow:0 25px 50px -12px #00000040}@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{letter-spacing:.2em;margin-bottom:2px;font-size:8px}@media (min-width:768px){.hero__logo-brand{font-size:10px}}.hero__logo-name{letter-spacing:.05em;font-family:serif;font-size:20px;font-weight:700}@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{opacity:.8;margin-top:4px;font-size:6px;font-style:italic}@media (min-width:768px){.hero__logo-tagline{font-size:8px}}