/* LP-DESIGN-R9: longer loop, clearer type, clean ribbons and corrected order flow */

/* Readable hero stack: larger type with real line separation instead of compressed overlap. */
.hero-copy{width:54%}
#hero-title{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 22px;overflow:visible}
#hero-title span{display:block;line-height:.86}
.hero-rolls{font-size:116px}
#hero-title .hero-sushi{font-size:88px;line-height:.9}
.hero-both{font-size:111px;line-height:.86}
.hero-actions{margin-top:0}

/* Clean poster actions replace the low-resolution brush-mask smudges. */
.primary-cta,.header-cta{background:var(--r5-red)!important;color:var(--r5-cream)!important;border:3px solid var(--r5-brown)!important;box-shadow:6px 6px 0 var(--r5-yellow)!important;transform:rotate(-1deg);text-shadow:2px 2px 0 var(--r5-brown)!important}
.primary-cta::before,.header-cta::before{display:none!important;content:none!important;-webkit-mask:none!important;mask:none!important}
.primary-cta:hover,.primary-cta:focus-visible,.header-cta:hover,.header-cta:focus-visible{transform:translateY(-2px) rotate(-1deg)}

/* Product labels now make deliberate contact with their matching platter. */
.hero-roll-name{top:40%;left:22%}
.hero-sushi-name{top:26%;right:-1%}

/* Solid, high-resolution poster bands replace raster brush marks on all offer cards. */
.platter-card .card-topline::before{inset:-7px -12px -10px!important;background:var(--r5-yellow)!important;border:2px solid var(--r5-brown);border-left:8px solid var(--r5-red);box-shadow:5px 5px 0 rgba(101,51,31,.16);-webkit-mask:none!important;mask:none!important;clip-path:none!important;transform:rotate(-.35deg)}
.platter-card .card-topline{padding:9px 7px 5px;min-height:76px}
.card-topline>span{position:relative;z-index:1}
.poster-price{position:relative;z-index:1}

/* Bangers is the clearest approved poster face for large section navigation. */
.section-heading h2,.locations h2,.faq h2,.closing h2{font-family:BangersR3,Arial,sans-serif!important;font-weight:400!important;letter-spacing:.008em!important;line-height:.94!important;paint-order:stroke fill;color:var(--r5-brown)!important;-webkit-text-stroke:1.5px var(--r5-cream)!important;text-shadow:4px 4px 0 var(--r5-orange)!important}
.weekend .section-heading h2,.locations h2,.closing h2{color:var(--r5-cream)!important;-webkit-text-stroke:2px var(--r5-brown)!important;text-shadow:4px 4px 0 var(--r5-orange)!important}
.section-heading h2{font-size:clamp(58px,5.5vw,84px)}

/* The supplied screenshots already contain their own phone shells. */
.order-steps{align-items:start}
.order-step,.order-step:nth-child(n){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;transform:none!important}
.order-reference-image{width:min(100%,337px);height:470px;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;box-shadow:none}
.step-number{position:relative!important;inset:auto!important;display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border:3px solid var(--r5-brown);border-radius:0;background:var(--r5-red);color:var(--r5-cream);box-shadow:4px 4px 0 var(--r5-yellow);transform:rotate(-2deg)}
.order-step h3{margin-top:24px;font-family:BangersR3,Arial,sans-serif;font-size:32px;line-height:.95;color:var(--r5-brown);letter-spacing:.01em}
.order-step p{max-width:330px}

@media(max-width:1180px) and (min-width:1001px){
 .hero-copy{width:52%}.hero-rolls{font-size:104px}#hero-title .hero-sushi{font-size:80px}.hero-both{font-size:98px}
 .hero-roll-name{top:40%;left:18%}.hero-sushi-name{top:26%;right:-1%}
}

@media(max-width:1000px) and (min-width:641px){
 .hero-copy{width:100%}#hero-title{align-items:center;gap:8px;margin-bottom:20px}.hero-rolls{font-size:100px}#hero-title .hero-sushi{font-size:76px}.hero-both{font-size:94px}
 .hero-roll-name{left:8%;top:26%}.hero-sushi-name{right:0;top:14%}
 .section-heading h2{font-size:64px}
 .order-reference-image{height:390px}.order-step h3{font-size:27px}
}

@media(max-width:640px){
 .hero-copy{width:100%}#hero-title{gap:5px;margin-bottom:17px}.hero-rolls{font-size:62px}#hero-title .hero-sushi{font-size:49px}.hero-both{font-size:62px;line-height:.88}
 .hero-roll-name{left:11%;top:32%;font-size:21px}.hero-sushi-name{right:0;top:19%;font-size:20px}
 .section-heading h2,.locations h2,.faq h2{font-size:50px!important;line-height:.96!important;-webkit-text-stroke:1px var(--r5-cream)!important;text-shadow:3px 3px 0 var(--r5-orange)!important}
 .weekend .section-heading h2,.locations h2,.closing h2{-webkit-text-stroke:1.5px var(--r5-brown)!important}
 .platter-card .card-topline::before{inset:-5px -7px -8px!important;border-left-width:6px;box-shadow:4px 4px 0 rgba(101,51,31,.14)}
 .order-reference-image{height:auto;max-height:560px}.order-step h3{font-size:30px}
}

@media(max-width:360px){
 .hero-rolls{font-size:56px}#hero-title .hero-sushi{font-size:44px}.hero-both{font-size:55px}
 .hero-roll-name{left:11%;top:32%;font-size:18px}.hero-sushi-name{right:0;top:19%;font-size:17px}
 .section-heading h2,.locations h2,.faq h2{font-size:44px!important}
}