.HeroComponent{width:100%}.HeroComponent__in{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:calc(100svh - 72px);padding:24px 24px 48px;display:flex;position:relative;overflow:hidden}.hero__img{border-radius:16px;width:90px;height:120px;position:absolute;overflow:hidden}.hero__img__fill{object-fit:contain;object-position:center;pointer-events:none}.hero__img--left{top:8%;left:-10px;transform:rotate(-6deg)}.hero__img--right{bottom:8%;right:-10px;transform:rotate(5deg)}.hero__one{text-align:center;width:fit-content}.hero__one p{color:var(--accent-orange);font-family:cursive;font-size:1rem;font-weight:600}.hero__two{text-align:center;width:100%}.hero__two h1{color:var(--text-primary);font-family:Font1,sans-serif;font-size:clamp(2rem,11vw,4.2rem);font-weight:500;line-height:1.15}.hero__nowrap{font-size:clamp(1.5rem,9vw,4.2rem)}.hero__coffee{color:var(--accent-pink);margin:0 .3rem;display:inline-block;position:relative}.hero__circle{pointer-events:none;width:130%;height:160%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.hero__cta{margin-top:8px}.hero__cta-btn{color:var(--text-primary);background-color:var(--surface);border:2.5px solid var(--border-strong);cursor:pointer;box-shadow:3px 3px 0px var(--shadow);border-radius:1.5rem;padding:.6rem 1.8rem;font-family:Font1,sans-serif;font-size:1.05rem;transition:transform .15s}.hero__cta-btn:hover{box-shadow:5px 5px 0px var(--shadow);transform:translate(-1px,-1px)}.hero__cta-btn:active{box-shadow:1px 1px 0px var(--shadow);transform:translate(2px,2px)}.hero__three{text-align:center;width:100%;padding:0 8px}.hero__three p{color:var(--text-primary);margin:0 auto;font-family:Font2,cursive;font-size:clamp(1.6rem,7vw,2.8rem);line-height:1.2}.hero__at{color:var(--accent-orange)}@media (min-width:375px){.hero__one p{font-size:1.05rem}}@media (min-width:480px){.HeroComponent__in{gap:14px;padding:80px 32px 48px}.hero__one p{font-size:1.15rem}}@media (min-width:640px){.HeroComponent__in{min-height:90svh;padding:40px 40px 56px}.hero__img{width:130px;height:173px}.hero__img--left{top:10%;left:0}.hero__img--right{bottom:10%;right:0}.hero__two{max-width:80%}}@media (min-width:768px){.HeroComponent__in{gap:16px;min-height:85svh;padding:40px 48px 64px}.hero__img{border-radius:18px;width:160px;height:213px}.hero__img--left{top:8%;left:8px}.hero__img--right{bottom:8%;right:8px}.hero__one p{font-size:1.25rem}.hero__two{max-width:75%}}@media (min-width:1024px){.HeroComponent__in{gap:14px;min-height:82svh;padding:80px 0 56px}.hero__img{border-radius:20px;width:180px;height:180px}.hero__img--left{top:8%;left:2vw}.hero__img--right{bottom:8%;right:2vw}.hero__one p{font-size:1.4rem}.hero__two{max-width:65%}}@media (min-width:1280px){.HeroComponent__in{gap:12px;min-height:80svh}.hero__img{width:180px;height:180px}.hero__img--left{top:8%;left:3vw}.hero__img--right{bottom:8%;right:3vw}.hero__one p{font-size:1.5rem}.hero__two{max-width:60%}}@media (min-width:1536px){.hero__img{width:260px;height:347px}.hero__img--left{left:5vw}.hero__img--right{right:5vw}.hero__two{max-width:55%}}@media (min-width:1920px){.hero__img{width:300px;height:400px}.hero__two{max-width:50%}}