/* LP-DESIGN-R8: post-staging spacing, type, cards, occasions, order references and routes */

/* Poster-derived readable text system: Lilita for readable interface/body copy,
   Gagalin/Bangers for display roles and Lilita for prices. */
body,p,li,button,a,summary,input,textarea{font-family:LilitaR4,Lilita,Arial,sans-serif;font-weight:400}
.section-kicker{font-family:MontserratThinR4,Arial,sans-serif;font-weight:700}
.hero-lede,.section-heading>p:last-child,.piece-list span,.combo-copy,.weekend-copy span,.order-step p,.order-image-note,.ordering-notice,.faq-list p,#selected-product,footer p{font-family:LilitaR4,Lilita,Arial,sans-serif;font-weight:400;letter-spacing:.005em}

/* Hero label scale and spacing. */
.hero-both{font-size:103px;line-height:.76}
.hero-utility{font-size:16.5px}
.hero-roll-name{left:13%;top:14%;font-size:34px;padding:11px 18px 9px}
.hero-sushi-name{right:-1%;top:0;font-size:30px;max-width:330px;padding:11px 17px 9px;text-align:center}
.hero-combo-name{bottom:-1%;min-width:330px;padding:13px 22px 11px;font-size:40px}
.hero-combo-name small{font-size:14px;margin-top:4px}

/* One coherent chooser component across all three offers. */
.platter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.platter-card,.platter-card:nth-child(n){display:grid;grid-template-rows:auto auto auto 252px 1fr auto;gap:0;min-width:0;padding:22px 22px 24px;background:#fff4dc;border:3px solid var(--r5-brown);box-shadow:8px 9px 0 rgba(101,51,31,.19);transform:none;overflow:hidden}
.platter-card .card-rule{margin:-22px -22px 4px;height:9px}
.platter-card .card-topline{min-height:74px;margin:0;padding-top:5px}
.platter-card .card-topline::before{inset:-12px -18px -21px}
.combo-card .card-topline::before{background:var(--r5-yellow)}
.poster-price,.poster-price>*{color:rgb(255,48,53)!important}
.platter-card h3,.combo-card h3{min-height:82px;margin:9px 0 2px;display:flex;align-items:center;font:46px/.88 BangersR3,Arial,sans-serif;color:var(--r5-brown);text-transform:uppercase}
.card-product-stage{position:relative;display:grid;place-items:center;width:100%;height:252px;margin:0 0 12px;background:rgba(245,211,107,.2);border-top:2px solid rgba(101,51,31,.18);border-bottom:2px solid rgba(101,51,31,.18);overflow:hidden}
.card-product-stage .card-product{display:block;width:100%;height:100%;object-fit:contain;padding:11px;filter:drop-shadow(0 8px 3px rgba(72,36,20,.17)) drop-shadow(0 16px 11px rgba(72,36,20,.22))}
.card-product-stage.combo-products{display:block;height:252px}
.card-product-stage.combo-products img{position:absolute;width:66%;height:79%;object-fit:contain;filter:drop-shadow(0 8px 3px rgba(72,36,20,.15)) drop-shadow(0 15px 10px rgba(72,36,20,.22))}
.card-product-stage.combo-products img:first-child{left:-1%;bottom:2%;transform:rotate(-5deg)}
.card-product-stage.combo-products img:last-child{right:-1%;top:2%;transform:rotate(5deg)}
.card-detail-panel{align-self:stretch;padding:15px 14px 13px;background:rgba(245,211,107,.22);border-left:5px solid var(--r5-red)}
.card-detail-label{margin:0 0 10px;color:var(--r5-brown);font:19px/.95 GagalinR3,Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.card-detail-panel .piece-list,.card-detail-panel .piece-columns{margin:0}
.piece-list>div{min-height:31px;padding:5px 0;font-size:16px;line-height:1.12}
.piece-list strong{flex:0 0 28px;font-size:20px}
.piece-list span{font-size:16px}
.piece-columns{gap:14px}
.piece-columns h4{margin:0 0 5px;font:19px/1 GagalinR3,Arial,sans-serif}
.combo-detail-panel{display:flex;flex-direction:column;justify-content:center;text-align:center}
.combo-detail-panel .card-detail-label{text-align:left}
.combo-equation{margin:1px auto 12px}
.combo-copy{margin:0;color:var(--r5-brown);font-size:17px;line-height:1.3}
.platter-card .card-cta{align-self:end;width:100%;min-height:54px;margin:17px 0 0;font-size:22px}

/* Evidence-led weekend framing. */
.weekend-copy p{font-family:MontserratThinR4,Arial,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.weekend-copy h3{max-width:330px}
.weekend-card .weekend-copy h3{font-family:BangersR3,Arial,sans-serif!important;font-weight:400}
.weekend-copy span{font-size:18px;line-height:1.38}

/* Exact prior Kinjo ordering screenshots, with transparent provenance note. */
.order-steps{gap:28px;align-items:stretch}
.order-step{display:flex;flex-direction:column;align-items:center}
.order-reference-image{display:block;width:min(100%,337px);height:470px;object-fit:contain;object-position:center;background:#fff;border:5px solid var(--r5-brown);border-radius:38px;box-shadow:8px 9px 0 rgba(101,51,31,.18)}
.order-step h3{margin-top:30px}
.order-step p{max-width:350px;font-size:17px;line-height:1.4}
.order-image-note{max-width:850px;margin:-20px auto 38px;padding:12px 16px;background:rgba(255,246,229,.86);border-left:5px solid var(--r5-red);color:var(--r5-brown);font-size:15px;line-height:1.4;text-align:center}

.skip-link{top:8px!important;opacity:0;pointer-events:none;clip-path:inset(100%)}
.skip-link:focus-visible{opacity:1;pointer-events:auto;clip-path:none}

/* Summer campaign's verified direct pickup routes. */
.location-grid article{grid-template-columns:auto 1fr auto;align-items:center}
.location-grid .location-link{display:inline-flex;align-items:center;justify-content:center;min-width:108px;min-height:46px;padding:10px 16px;background:var(--r5-red);color:var(--r5-cream);border:2px solid var(--r5-cream);box-shadow:4px 4px 0 var(--r5-yellow);font:20px/1 BangersR3,Arial,sans-serif;text-transform:uppercase;text-decoration:none}
.location-grid .location-link:hover,.location-grid .location-link:focus-visible{transform:translateY(-2px);outline:3px solid var(--r5-yellow);outline-offset:3px}

.faq-list{grid-template-columns:1fr 1fr}
.faq-list summary{font-family:GagalinR3,Arial,sans-serif}
.faq-list p{font-size:17px;line-height:1.4}

@media(max-width:1180px) and (min-width:1001px){
 .hero-roll-name{left:4%;font-size:30px}.hero-sushi-name{right:-2%;font-size:26px}.hero-combo-name{font-size:35px}
 .platter-card h3,.combo-card h3{font-size:40px}.piece-list span{font-size:15px}.piece-list>div{font-size:15px}
}

@media(max-width:1000px) and (min-width:641px){
 .hero{min-height:1135px}.hero-copy{padding-bottom:18px}.hero-both{font-size:92px}
 .hero-products{top:708px;height:415px}
 .hero-roll-name{left:7%;top:7%;font-size:29px}.hero-sushi-name{right:0;top:-2%;font-size:27px;max-width:300px}.hero-combo-name{bottom:0;font-size:34px;min-width:300px}
 .platter-grid{grid-template-columns:1fr 1fr}.combo-card{grid-column:1/-1;width:min(74%,680px);justify-self:center}
 .platter-card{grid-template-rows:auto auto auto 275px 1fr auto}.card-product-stage,.card-product-stage.combo-products{height:275px}
 .order-steps{grid-template-columns:repeat(3,1fr);max-width:980px}.order-reference-image{height:390px;border-radius:32px}.order-step h3{font-size:24px}.order-step p{font-size:15px}
}

@media(max-width:640px){
 .hero{min-height:980px}.hero-both{font-size:59px}.hero-utility{font-size:14.5px}
 .hero-products{bottom:43px;height:385px}
 .hero-roll-name{left:12%;top:19%;font-size:21px;padding:8px 11px 6px}.hero-sushi-name{right:0;top:3%;max-width:205px;font-size:20px;padding:8px 10px 6px}.hero-combo-name{bottom:0;min-width:245px;font-size:28px;padding:9px 14px 8px}.hero-combo-name small{font-size:11px}
 .platter-grid{grid-template-columns:1fr;gap:28px}.platter-card{grid-template-rows:auto auto auto 280px 1fr auto;padding:21px 19px 23px}.platter-card .card-rule{margin:-21px -19px 4px}.platter-card h3,.combo-card h3{min-height:66px;font-size:43px}.card-product-stage,.card-product-stage.combo-products{height:280px}.card-detail-panel{padding:14px 12px}.piece-list span{font-size:16px}
 .weekend-copy span{font-size:16px}
 .order-steps{grid-template-columns:1fr;max-width:430px;gap:54px}.order-reference-image{height:auto;max-height:560px}.order-step h3{margin-top:26px}.order-step p{font-size:16px}
 .faq-list{grid-template-columns:1fr}
 .location-grid article{grid-template-columns:auto 1fr}.location-grid .location-link{grid-column:1/-1;width:100%;margin-top:7px}
}

@media(max-width:360px){
 .hero{min-height:990px}.hero-both{font-size:52px}.hero-products{height:360px}.hero-roll-name{left:13%;font-size:18px}.hero-sushi-name{right:1px;font-size:17px;max-width:178px}.hero-combo-name{font-size:25px;min-width:220px}
 .platter-card{min-height:816px}.platter-card h3,.combo-card h3{font-size:38px}.piece-columns{grid-template-columns:1fr}.card-product-stage,.card-product-stage.combo-products{height:250px}
}