/* Full-bleed food photography, with a playful shop-sign headline. */
.korori .hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;max-width:none;width:100%;height:clamp(650px,calc(100svh - 120px),880px);min-height:0;padding:45px 5vw;background:#efbd69;overflow:hidden}
.korori .hero .brand-photo{position:absolute;inset:0;z-index:-2;width:100%;max-width:none;height:100%;margin:0;padding:0}
.korori .hero .brand-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 48%;border:0;border-radius:0;box-shadow:none}
.korori .hero .brand-photo:before,.korori .hero .brand-photo figcaption{display:none}
.korori .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#fff4d9f2,transparent 48%,#47261622);pointer-events:none}
.korori .hero>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;height:100%;width:100%;max-width:1200px}
.korori .hero .sticker{font-size:clamp(18px,1.8vw,24px);align-self:center;transform:rotate(-5deg);padding:12px 28px}
.korori .hero h1{position:absolute;top:50%;left:5%;width:90%;transform:translateY(-50%);font-size:clamp(50px,8vw,115px);line-height:1.2;margin:0!important;color:#fff9e8;text-shadow:0 3px 1px #733e24,0 5px 18px #4e291e50}
.korori .hero h1 br{display:none}.korori .hero h1 .hl{background:none;color:#fff9e8}
.korori .hero .sub{font-size:13px;line-height:1.9;margin:auto 0 0;font-weight:700;color:#39241c}.korori .hero .sub br{display:initial}
.korori .hero .cta{justify-content:center;margin-top:22px;gap:26px}.korori .hero .btn{font-size:14px;padding:15px 25px}
@media(max-width:800px){.korori .hero{height:740px;padding:30px 6vw 34px}.korori .hero h1{font-size:clamp(43px,12vw,72px);margin:25px 0 auto;line-height:1.25}.korori .hero h1 br{display:block}.korori .hero .brand-photo img{object-position:48% center}.korori .hero .sub{font-size:11px}.korori .hero .cta{flex-wrap:wrap;gap:18px}.korori .hero .btn{font-size:12px;padding:13px 18px}.korori .hero .btn2{font-size:11px}.korori .hero:after{background:linear-gradient(0deg,#fff4d9fa,transparent 52%,#47261618)}}

.korori .hero .hero-title{position:absolute;top:50%;left:5%;width:90%;transform:translateY(-50%)}
.korori .hero .hero-title h1{position:static;width:100%;transform:none}
.korori .hero .hero-title .sticker{position:absolute;bottom:calc(100% + 24px);left:50%;transform:translateX(-50%) rotate(-5deg);white-space:nowrap}
@media(max-width:800px){.korori .hero .hero-title .sticker{bottom:calc(100% + 20px);font-size:16px;padding:11px 24px}}