.hero{padding-block:var(--s5) var(--s7)}.hero-grid{display:grid;gap:var(--s5);grid-template-areas:"head" "stage" "body"}.hero-head{grid-area:head;container-type:inline-size}.hero-body{grid-area:body}.hero-stage{grid-area:stage;min-width:0}.hero-eyebrow{font-size:var(--fs-sm);font-weight:700;color:var(--teal);letter-spacing:.12em;margin:0 0 var(--s2)}.hero h1{font-size:clamp(1.625rem,9cqi,2.625rem);letter-spacing:.03em;line-height:1.5;margin:0}.hero h1 .br{display:inline-block}.hero-lead{margin:0 0 var(--s5);font-size:var(--fs-base);line-height:1.95;max-width:30em}.hero-actions{display:grid;gap:var(--s3)}.hero-body .hero-note{margin:var(--s4) 0 0}.hero-body .hero-shop{margin-top:var(--s4)}.hero-frames{position:relative;margin:0;padding:0;list-style:none;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--paper-2, #EFE8DA)}.hero-frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}.hero-frame.is-on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s;z-index:1}.hero-frame a,.hero-frame img{display:block;width:100%;height:100%}.hero-frame img{object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%)}.hero-frame.is-bad{display:none}.hero-bar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s3) var(--s5);margin-top:var(--s3)}.hero-caps{flex:1 1 18em;min-width:0;margin:0;padding:0;list-style:none;display:grid}.hero-cap{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.hero-cap.is-on{opacity:1;visibility:visible;transition:opacity .5s ease .3s,visibility 0s linear .3s}.hero-cap.is-bad{display:none}.hero-cap-area{margin:0;font-size:var(--fs-xs);font-weight:700;color:var(--kaki);letter-spacing:.08em}.hero-cap-shop{margin:2px 0 0;font-family:var(--font-serif);font-size:1.1875rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.hero-cap-dish{margin:2px 0 0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.7;overflow-wrap:anywhere}.hero-cap-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;font-size:var(--fs-sm);color:var(--teal)}.hero-cap-link .icon{width:1em;height:1em}.hero-ctl{display:flex;align-items:center;gap:var(--s2);order:-1;width:100%}.hero-count{margin-right:auto;font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;color:var(--ink-2);font-variant-numeric:tabular-nums}.hero-count b{color:var(--ink);font-weight:700}.hero-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line-2, var(--line));border-radius:50%;background:var(--card);color:var(--teal-deep);cursor:pointer}.hero-btn:hover{background:var(--teal-tint)}.hero-btn:focus-visible{outline:none;box-shadow:var(--focus)}.hero-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-btn .i-play{display:none;fill:currentColor;stroke:none}.hero-btn[aria-pressed=true] .i-pause{display:none}.hero-btn[aria-pressed=true] .i-play{display:block}.hero-ctl[hidden]{display:none}.hero-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:600px){.hero-actions{grid-template-columns:auto auto;justify-content:start}}@media(min-width:960px){.hero{padding-block:var(--s7) var(--s8)}.hero-grid{grid-template-columns:minmax(0,34fr) minmax(0,66fr);grid-template-areas:"head stage" "body stage";grid-template-rows:auto 1fr;column-gap:var(--s7);row-gap:0;align-items:start}.hero-head{align-self:end;padding-bottom:var(--s5)}.hero-body{align-self:start}.hero-frames{aspect-ratio:3 / 2}.hero-ctl{order:0;width:auto}.hero-bar{flex-wrap:nowrap;align-items:center;justify-content:space-between}.hero-caps{flex:1 1 auto}.hero-cap-shop{font-size:1.3125rem}}@media(max-width:599px){.hero{padding-top:var(--s4)}.hero-grid{gap:var(--s4)}.hero-eyebrow{margin-bottom:2px}.hero h1{font-size:clamp(1.5rem,8cqi,1.875rem)}.hero-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 var(--s3);margin-top:var(--s2)}.hero-ctl{order:0;width:auto;display:grid;grid-template-columns:repeat(3,44px);gap:4px;justify-items:center}.hero-count{grid-row:2;grid-column:1 / -1;margin:0;font-size:var(--fs-xs)}.hero-cap-shop{font-size:1.125rem}.hero-cap-link{min-height:40px}.hero-body{display:flex;flex-direction:column}.hero-body .hero-actions{order:1}.hero-body .hero-lead{order:2;margin:var(--s4) 0 0;font-size:var(--fs-sm);line-height:1.85}.hero-body .hero-note{order:3}.hero-body .hero-shop{order:4}}@media(prefers-reduced-motion:reduce){.hero-frame,.hero-cap{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/tm-hero.css.map */