/* 輪の前で文字を読めるよう、本文の保護面を残す。 */
/* 案B：止まる舞台と、通常の速さで流れる本文・料理の窓。 */
.kd-depth{view-timeline:--kd block;timeline-scope:--kd-last}
#kodawari.kd-depth{padding:0;overflow:visible}
@supports (overflow:clip){#kodawari.kd-depth{overflow:clip}}
.kd-entry{position:absolute;top:0;width:1px;height:1px;pointer-events:none}
.kd-stage{position:relative;z-index:0;height:72svh;min-height:320px;overflow:hidden;background:var(--sumi)}
.kd-bg{position:absolute;inset:-9% 0;--kd-bg-alpha:.42;contain:paint;pointer-events:none}
.kd-bg picture,.kd-bg img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.kd-bg picture{transition:opacity .9s;opacity:var(--kd-bg-alpha)}.kd-bg .kd-bg-jars{opacity:0}
.kd-jars .kd-bg-whole{opacity:0}.kd-jars .kd-bg-jars{opacity:var(--kd-bg-alpha)}
.kd-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--sumi),transparent 24%,transparent 76%,var(--sumi)),radial-gradient(ellipse,rgba(29,26,23,.25),rgba(29,26,23,.75))}
#kodawari .kd-title{position:relative;z-index:1;top:calc(50% + var(--header-h,72px)/2);transform:translateY(-50%);pointer-events:none}
.kd-title h2{font:800 clamp(3rem,min(8vw,14vh),7.5rem)/1.15 var(--serif);color:var(--cream)}
.kd-title-line{overflow:hidden;margin:0}.kd-title .eyebrow{margin-bottom:18px}
.kd-title-line span,.kd-title-line i{display:block;font-style:normal}
.kd-ready .kd-title-line i{transition:transform 1s cubic-bezier(.19,1,.22,1)}
.kd-ready:not(.is-in) .kd-title-line i{transform:translateY(110%)}
.kd-title h2 i{transition-delay:.05s}
/* 更紗の三重輪。入場の包み・退場のspan・回転する独立SVGを分ける。 */
.kd-pattern-line{width:clamp(260px,42vw,600px);width:min(clamp(260px,42vw,600px),calc(100svh - var(--header-h,72px) - 64px));max-width:100%;--kd-i:1}
.kd-mandala{display:block;position:relative;width:100%;height:auto;opacity:.68;transform-origin:50% 50%}
.kd-mandala-base{display:block;width:100%;height:auto}
.kd-ready .kd-mandala{opacity:0;transform:scale(.6) rotate(-30deg);transition:none}
.kd-ready.is-in .kd-mandala{opacity:.68;transform:scale(1) rotate(0);transition:transform .9s cubic-bezier(.19,1,.22,1),opacity .9s cubic-bezier(.19,1,.22,1)}
.kd-mandala-ring{transform-origin:50% 50%;animation:kd-mandala-turn var(--turn) linear infinite;animation-play-state:paused}
svg.kd-mandala-ring{position:absolute;inset:0;width:100%;height:100%;transform-box:border-box}
.kd-mandala-ring--reverse{animation-direction:reverse}
.kd-live.kd-pattern-visible.is-in:not(.kd-static) .kd-mandala-ring{animation-play-state:running;will-change:transform}
@keyframes kd-mandala-turn{to{transform:rotate(360deg)}}
.kd-static .kd-mandala{opacity:.68;transform:none!important;transition:none!important}
.kd-static .kd-mandala-ring{animation:none;transform:none}
html.r4s-hidden .kd-mandala-ring,html.r4s-hold .kd-mandala-ring{animation-play-state:paused!important;will-change:auto!important}
html.r4s-hidden .kd-mandala{transition:none!important}
@media (prefers-reduced-motion:reduce){.kd-mandala{opacity:.68!important;transform:none!important;transition:none!important}.kd-mandala-ring{animation:none!important}}
html[data-still=true] .kd-mandala{opacity:.68!important;transform:none!important;transition:none!important}
html[data-still=true] .kd-mandala-ring{animation:none!important}
#kodawari .kd-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4vw 2vw;padding-block:48px 20vh}
.kd-flow>.r4s-roux{grid-column:7/13;grid-row:1;display:block}
.kd-flow>.r4s-farm{grid-column:7/13;grid-row:3;display:block;margin:0}
.kd-flow>:is(.r4s-roux,.r4s-farm){padding:24px;background:var(--sumi);align-self:start}
.kd-flow .r4s-copy,.kd-flow .r4s-farm>div:last-child{margin-top:24px}
.kd-flow>.r4s-spices{grid-column:1/-1;grid-row:2;margin:6vw 0;align-self:center}
.kd-card{position:relative;z-index:1;margin:0;max-width:100%;align-self:start;view-timeline:--kd-card block;--kd-s:12%;--kd-i:0}
.kd-card-pork{width:min(100%,560px);--kd-s:15%}
.r4s-farm>.kd-card-pork{margin:24px 0}
.kd-card-3{grid-column:7/13;grid-row:4;width:100%;--kd-s:22%;view-timeline-name:--kd-card,--kd-last}
.kd-card-win{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--sumi);clip-path:inset(0)}
.kd-card-pork .kd-card-win{aspect-ratio:1000/535;border:1px solid var(--turmeric)}
.kd-card-par{position:absolute;inset:0;width:100%;height:100%}
.kd-card-lag,.kd-card picture{display:block;position:relative;width:100%;height:100%}
/* 必要な視差の余白だけ確保。遅れを含む移動はJSでこの範囲内に収める。 */
.kd-card img{position:absolute;top:calc(var(--kd-s)*-1);left:0;width:100%;height:calc(100% + var(--kd-s)*2);max-width:none;object-fit:cover}
.kd-card figcaption{position:relative;padding:12px 16px;background:var(--sumi);color:var(--cream);font:.85rem/1.5 var(--serif)}
.kd-ready .kd-card-win{transition:clip-path .7s cubic-bezier(.16,1,.3,1)}
.kd-ready .kd-card picture{transition:transform 1s cubic-bezier(.215,.61,.355,1)}
.kd-ready .kd-card:not(.is-in) .kd-card-win{clip-path:inset(100% 0 0)}
.kd-ready .kd-card:not(.is-in) picture{transform:scale(1.3)}
.kd-mobile-jars{display:none}
.kd-live .kd-bg img{animation:kd-breathe 24s var(--r4s-io) infinite}
.kd-live .kd-bg{will-change:transform,translate}.kd-live .kd-bg img{will-change:transform}
.kd-live .kd-card-par,.kd-live .kd-card-lag{will-change:transform,translate}
@keyframes kd-breathe{0%,to{transform:scale(1.04)}50%{transform:scale(1.10)}}
@supports (overflow:clip){@media (min-width:761px){
  .kd-ready:not(.kd-static) .kd-stage{position:sticky;top:0;height:100vh}
  #kodawari.kd-ready:not(.kd-static) .kd-flow{margin-top:-100vh;padding-top:var(--kd-lead,150vh);padding-bottom:14vh}
}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .kd-ready:not(.kd-static) .kd-card-par{animation:kd-drift auto linear both;animation-timeline:--kd-card;animation-range:cover}
  .kd-ready:not(.kd-static) .kd-bg{animation:kd-pan auto linear both;animation-timeline:--kd;animation-range:cover}
  .kd-ready:not(.kd-static) .kd-title-line>span{animation:kd-title-out auto linear both;animation-timeline:--kd-last;animation-range:cover calc(100% - 65vh + var(--kd-i,0)*2.4vh) cover calc(100% - 5vh)}
}}
.kd-title h2{--kd-i:1}
@keyframes kd-drift{from{translate:0 calc(var(--kd-s)*-1)}to{translate:0 var(--kd-s)}}
@keyframes kd-pan{from{translate:0 4.5%}to{translate:0 -4.5%}}
@keyframes kd-title-out{from{translate:0 0}to{translate:0 -130%}}
@media (max-width:760px){
  #kodawari .kd-flow{display:flex;flex-direction:column;gap:48px;padding-block:36px 64px}
  .kd-pattern-line{width:80vw}
  .kd-flow>.r4s-spices{width:100%;margin:0}.kd-card{width:100%;margin:0;--kd-s:14%}.kd-card-pork{--kd-s:15%}
  .kd-card-win{aspect-ratio:4/3}
  .kd-flow>:is(.r4s-roux,.r4s-farm){width:100%;padding:16px}
  /* 本文の外に写真の行を作らず、背景だけを窓の高さで止める。 */
  .kd-mobile-jars{display:block;position:absolute;inset:0 -20px;z-index:0;pointer-events:none}
  .kd-mobile-backdrop{position:sticky;top:0;height:100svh;overflow:hidden;--kd-bg-alpha:.35}
  .kd-mobile-backdrop picture,.kd-mobile-backdrop img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
  .kd-mobile-backdrop picture{opacity:var(--kd-bg-alpha);transition:opacity .9s}.kd-mobile-backdrop .kd-mobile-bottles{opacity:0}
  .kd-jars .kd-mobile-whole,.kd-static .kd-mobile-whole{opacity:0}
  .kd-jars .kd-mobile-bottles,.kd-static .kd-mobile-bottles{opacity:var(--kd-bg-alpha)}
  .kd-static .kd-mobile-backdrop picture{transition:none}
  .kd-bg{--kd-bg-alpha:.35}
  .kd-bg .kd-bg-jars{display:none}.kd-jars .kd-bg-whole{opacity:var(--kd-bg-alpha)}
  .kd-title-line>span{animation:none!important;translate:none!important}
}
.kd-static .kd-bg-whole{opacity:0}.kd-static .kd-bg-jars{opacity:var(--kd-bg-alpha)}
@media (max-width:760px){.kd-static .kd-bg-whole{opacity:var(--kd-bg-alpha)}}
.kd-static :is(.kd-bg,.kd-bg img,.kd-card-par,.kd-card-lag,.kd-title-line>span){animation:none!important;translate:none!important;transform:none!important}
.kd-static :is(.kd-bg picture,.kd-card-win,.kd-card picture,.kd-title-line i){transition:none!important;clip-path:none!important;transform:none!important}
html.r4s-hidden .kd-bg img,html.r4s-hold .kd-bg img{animation-play-state:paused}
/* 再入場の戻しは画面外で即時。停止・フォーカスでは完成形を見せる。 */
.r4s-final,.r4s-final *{transition:none!important}
.r4s-stop :is(.r4s-up,.r4s-ln>span,.r4s-seal,.r4s-award .award,.r4s-float,.r4s-spices .r4s-ico){animation:none!important;transform:none!important;opacity:1!important}
.r4s-stop .r4s-win-in{clip-path:none!important}.r4s-stop .r4s-par img{transform:none!important}
.r4s-stop .award::after{display:none!important}
.r4s-kd .r4s-roux>div:first-child,.r4s-kd .r4s-glow,.r4s-kd .r4s-farm>div,.r4s-kd .r4s-spices{background:rgba(29,26,23,.94)}
/* 文字の下の濃さは保ち、写真との境目だけを同色の影でなじませる。 */
.r4s-kd .r4s-roux>div:first-child,.r4s-kd .r4s-glow,.r4s-kd .r4s-farm>div{box-shadow:0 0 56px 40px rgba(29,26,23,.9)}
/* 案Bは記事自体が不透明。旧背景用の大きなぼかしを重ねない。 */
.kd-flow .r4s-roux>div:first-child,.kd-flow .r4s-glow,.kd-flow .r4s-farm>div{box-shadow:none;background:transparent}
/* 待機中も名前は読める。輪の下に空の黒い帯を置かない。 */
.r4s-kd .r4s-spices.r4s-orbit{background:transparent}
.kd-flow .r4s-orbit :is(.r4s-sn,.r4s-se){opacity:1;background:var(--sumi);box-shadow:0 0 0 3px var(--sumi)}
.r4s-kd :is(h2,h3,p){line-break:strict;word-break:normal;overflow-wrap:normal}
@supports (word-break:auto-phrase){.r4s-kd :is(h2,h3,p){word-break:auto-phrase}}
/* 本文は選択可能な1つの文章。8区画の固定マスクに金・クリームを重ね、opacityだけを変える。 */
.r4s-glow-part{position:absolute;inset:0;clip-path:inset(100%);pointer-events:none;-webkit-user-select:none;user-select:none}
.r4s-glow-part::before,.r4s-glow-part::after{content:attr(data-text);position:absolute;inset:0;font:inherit;letter-spacing:inherit;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}
.r4s-glow-part::before{color:var(--turmeric);transition:opacity .4s}
.r4s-glow-part::after{color:#FFE3A8;transition:opacity .4s}
.r4s-glow-part.is-on::before{opacity:1}.r4s-glow-part.is-hot::after{opacity:1}
.r4s-glow-live .r4s-glow-part::before,.r4s-glow-live .r4s-glow-part::after{will-change:opacity}
.r4s-kd .r4s-glow-final{color:var(--turmeric)}.r4s-glow-final .r4s-glow-part{visibility:hidden}
.r4s-glow-final .r4s-glow-part::before,.r4s-glow-final .r4s-glow-part::after{transition:none}
.footer-grid>.r4s-footer-org{max-width:100%;font-size:.75rem;color:var(--cream)}
.r4s-footer-org p+p{margin-top:4px}.r4s-footer-org a{color:inherit;text-decoration:none;text-underline-offset:4px;overflow-wrap:anywhere}.r4s-footer-org a span{font-size:.85em}
.r4s-footer-org a:focus-visible{outline:2px solid var(--turmeric);outline-offset:3px;text-decoration:underline;text-decoration-color:var(--turmeric)}
@media (hover:hover) and (pointer:fine){.r4s-footer-org a:hover{text-decoration:underline;text-decoration-color:var(--turmeric)}}
:is(#takeout,#news,#access).section{padding-block:60px}
:root{--r4s-in:cubic-bezier(.22,1,.36,1);--r4s-pop:cubic-bezier(.34,1.56,.64,1);--r4s-io:cubic-bezier(.76,0,.24,1)}.r4s-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.r4s-up.r4s-w,.r4s-st.r4s-w .r4s-up{opacity:0;transform:translateY(26px)}.r4s-up.r4s-i,.r4s-st.r4s-i .r4s-up{transition:opacity .8s var(--d,0s),transform 1s var(--r4s-in) var(--d,0s)}.r4s-ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.r4s-ln>span{display:block}.r4s-lines.r4s-w .r4s-ln>span{transform:translateY(108%)}.r4s-lines.r4s-i .r4s-ln>span{transition:transform 1s var(--r4s-in) calc(var(--li)*.11s)}
/* 輪はorb、常時の揺れはfloat、hoverはSVG。画面内だけ再生する。 */
.r4s-float{display:block;transform-origin:50% 70%;animation:r4sway var(--sd) var(--r4s-io) var(--phase) infinite;animation-play-state:paused}
.r4s-sway:not(.r4s-w) .r4s-float{animation-play-state:running}
@keyframes r4sway{0%,to{transform:translateY(-3px) rotate(-4deg)}50%{transform:translateY(3px) rotate(4deg)}}
@media (hover:hover) and (pointer:fine){.r4s-sway:not(.r4s-w) li:hover .r4s-ico{transform:scale(1.08);animation:r4sjelly .6s var(--r4s-pop)}}
@keyframes r4sjelly{0%,to{transform:scale(1.08)}40%{transform:scale(1.13,.98) rotate(3deg)}70%{transform:scale(1.02,1.1) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.r4s-float,.r4s-spices .r4s-ico{animation:none!important;transform:none!important}}
html[data-still=true] :is(.r4s-float,.r4s-spices .r4s-ico){animation:none!important;transform:none!important}
.r4s-wipe{display:none}
html.r4s-wp .r4s-wipe{display:block;position:relative;z-index:2;height:max(180px,31.5vh);margin-top:0;pointer-events:none;background:var(--turmeric)}.r4s-wipe-in{position:relative;height:100%;overflow:hidden;background:var(--turmeric)}.r4s-wipe b{position:absolute;inset:-1px;transform:translateY(100%)}.r4s-wipe b:nth-child(1){background:#F7AC1D}.r4s-wipe b:nth-child(2){background:#D1382C}.r4s-wipe b:nth-child(3){background:#6B4226}.r4s-wipe b:nth-child(4){background:#1D1A17}
html.r4s-wp .r4s-wipe+.r4s-kd{z-index:3;margin-top:-1px;border-top-color:transparent}
:is(.r4s-kd,#takeout,#store,#news,#access) .section-head{margin-bottom:28px}
html.r4s-wp .r4s-kd .section-head .r4s-up{opacity:1;transform:none;transition:none}
/* 全画面で止めず、前の節の後ろに置いた短い帯の中で色を送る。 */
@media (min-width:761px){html.r4s-wp .r4s-wipe{height:24vh}
}.r4s-kd{position:relative;isolation:isolate;padding-block:48px;overflow:hidden;
overflow:clip}.r4s-kd .wrap{position:relative;z-index:1;width:min(1480px,calc(100% - 64px))}.r4s-roux,.r4s-farm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px clamp(24px,4vw,64px);align-items:start}.r4s-roux h3,.r4s-farm h3{font-size:1.6rem}.r4s-kd .story-lead{font-family:var(--serif);font-size:1.12rem;line-height:1.9;margin-top:18px}.r4s-copy,.r4s-farm>div:last-child{min-width:0;max-width:32em;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.9}.r4s-glow{position:relative;font:500 1em/1.9 var(--serif);letter-spacing:.02em;color:rgba(245,239,228,.5);word-break:keep-all;overflow-wrap:anywhere}
.r4s-spices{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--line-dark)}.r4s-spices li{display:grid;justify-items:start;gap:6px;padding:18px 18px 16px;border-left:1px solid var(--line-dark)}.r4s-spices li:first-child{border-left:0;padding-left:0}.r4s-spices li:nth-child(1){--c:#A86A38}.r4s-spices li:nth-child(2){--c:#D9AE62}.r4s-spices li:nth-child(3){--c:#F7AC1D}
.r4s-spices li:nth-child(4){--c:#5DBB4C}.r4s-spices li:nth-child(5){--c:#A4532C}.r4s-spices li:nth-child(6){--c:#D06A2E}.r4s-ico{width:72px;height:72px;margin-bottom:4px;stroke:var(--cream);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.r4s-ico *{fill:var(--c)}.r4s-ico rect{stroke:none}.r4s-sn{font:1.08rem/1.4 DotGothic16,var(--mono);letter-spacing:.05em;color:var(--cream);white-space:nowrap}.r4s-se{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--cream-soft)}
/* 輪は包みだけを動かす。文字・罫線の座標と完成形の寸法は固定。 */
.r4s-spices{position:relative;overflow:visible}.r4s-spices li{position:relative;overflow:visible}
/* 深度は格子内だけで並べ替える。手前のアイコンも本文の保護面より下。 */
.r4s-kd .r4s-spices{z-index:1;isolation:isolate}.r4s-kd :is(.r4s-roux,.r4s-farm){position:relative;z-index:2}
.r4s-orb{display:block;position:relative;transform-origin:50% 50%}
.r4s-orb.r4s-ghost{position:absolute;pointer-events:none}
.r4s-spices .r4s-ghost :is(.r4s-float,.r4s-ico){animation:none!important;transform:none!important}
.r4s-orbit :is(.r4s-sn,.r4s-se){position:relative;z-index:100}
.r4s-orbit .r4s-orb{opacity:0;will-change:transform,opacity}
.r4s-orbit li:not(.r4s-land) .r4s-float{animation:none;transform:none}
.r4s-spices.r4s-orbit li:not(.r4s-land) .r4s-ico{animation:none;transform:none}
.r4s-spices.r4s-orbit,.r4s-spices.r4s-orbit li:nth-child(n){border-color:transparent}
.r4s-orbit::before{content:"";position:absolute;inset:-1px 0;border-block:1px solid var(--line-dark);opacity:var(--rim,0);pointer-events:none}
.r4s-orbit li::before{content:"";position:absolute;inset:0 0 0 -1px;border-left:1px solid var(--line-dark);opacity:var(--show,0);pointer-events:none}
.r4s-orbit li:first-child::before{border-left:0}
.r4s-orbit .r4s-sn,.r4s-orbit .r4s-se{opacity:var(--show,0)}
@media (max-width:760px){.r4s-orbit li:nth-child(4)::before{border-left:0}.r4s-orbit li:nth-child(n+4)::before{top:-1px;border-top:1px solid var(--line-dark)}}
@media (prefers-reduced-motion:reduce){.r4s-orb{transform:none!important;opacity:1!important}}
html[data-still=true] .r4s-orb{transform:none!important;opacity:1!important}
.r4s-farm{margin-top:44px}.r4s-farm>div:last-child p{font-size:inherit;line-height:inherit;color:var(--cream-soft)}.r4s-farm>div:last-child p+p{margin-top:16px}.r4s-btn{display:inline-flex;align-items:center;gap:16px;min-height:54px;margin-top:4px;padding:12px 20px 12px 24px;background:var(--sumi);color:var(--turmeric);border-radius:3px;text-decoration:none;font-weight:700;font-size:.92rem;line-height:1.5}.r4s-shift .r4-ch{display:inline-block;overflow:hidden;vertical-align:top}.r4s-shift .r4-ch>i,.r4s-arw>span{display:inline-block;font-style:normal;text-shadow:-1.2em 0 currentColor;transition:transform .6s var(--r4s-io) calc(var(--i)*50ms)}.r4s-shift--y .r4-ch{line-height:1.3;vertical-align:baseline}.r4s-shift--y .r4-ch>i{text-shadow:0 1.5em currentColor;transition-delay:calc(var(--i)*38ms)}
.r4s-arw{display:inline-block;width:1em;height:1.35em;overflow:hidden;line-height:1.35}.r4s-arw>span{text-shadow:-1.05em 1.05em currentColor;transition-delay:.12s}
@media (hover:hover) and (pointer:fine){.r4s-shift:hover .r4-ch>i{transform:translateX(1.2em)}.r4s-shift--y:hover .r4-ch>i{transform:translateY(-1.5em)}.r4s-shift:hover .r4s-arw>span{transform:translate(1.05em,-1.05em)}.r4s-btn:hover{background:#000}
}.r4s-shift:focus-visible .r4-ch>i{transform:translateX(1.2em)}.r4s-shift--y:focus-visible .r4-ch>i{transform:translateY(-1.5em)}.tel.r4s-shift:hover{text-decoration:none}.r4s-store{padding-block:0;overflow:hidden;
overflow:clip}.r4s-store .store-grid{padding-block:56px}.r4s-band{overflow:hidden;white-space:nowrap;padding-block:12px;border-bottom:1px solid var(--line-dark);font:800 clamp(2.1rem,5.6vw,4.8rem)/1.2 var(--serif);letter-spacing:.04em;color:var(--cream)}.r4s-band--rev{border-top:1px solid var(--line-dark);border-bottom:0;color:transparent;-webkit-text-stroke:1.2px var(--turmeric)}.r4s-band-tr{display:inline-flex;will-change:transform}.r4s-band-tr>span{display:inline-flex;align-items:center;gap:.42em;padding-right:.42em}.r4s-band svg{width:.62em;height:.62em;flex:none;--sp-ink:#F5EFE4;--sp-hi:#1D1A17}.r4s-win-in{overflow:hidden;border-radius:3px}
.r4s-par img{width:100%;border-radius:0}.r4s-win.r4s-px .r4s-par img{transform:scale(1.14)}.r4s-win.r4s-w .r4s-win-in{clip-path:inset(100% 0 0 0)}.r4s-win.r4s-w .r4s-par img{transform:scale(1.45)}.r4s-win.r4s-i .r4s-win-in{clip-path:inset(0);transition:clip-path 1.05s var(--r4s-in)}.r4s-win.r4s-i .r4s-par img{transition:transform 1.6s var(--r4s-in)}.r4s-win figcaption{color:var(--cream-soft)}.r4s-rec{position:relative;width:126px;height:96px;margin-top:30px;color:var(--cream)}
.r4s-rec .store-record{width:96px;height:96px;margin:0;will-change:transform}.r4s-arm{position:absolute;top:-6px;left:82px;width:40px;height:96px}
#news{overflow-x:hidden;
overflow-x:clip}.r4s-award{position:relative;justify-self:start;max-width:100%}.r4s-award .award{position:relative;overflow:hidden;padding:24px 40px 24px 30px;border:0;border-radius:3px;background:var(--turmeric);color:var(--sumi);box-shadow:inset 0 0 0 1px rgba(29,26,23,.8),inset 0 0 0 5px var(--turmeric),inset 0 0 0 6px rgba(29,26,23,.45);transform:rotate(-1.2deg)}.r4s-award .award .mono{color:var(--sumi)}.r4s-award .award::after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:34%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,250,232,.85) 50%,transparent);transform:translateX(-170%) skewX(-18deg)}.r4s-lit .award::after{animation:r4sheen 5s 1s infinite}
html.r4s-hidden .award::after{animation-play-state:paused}
@keyframes r4sheen{17%,to{transform:translateX(360%) skewX(-18deg)}
}.r4s-seal{position:absolute;right:-16px;top:-26px;display:grid;place-items:center;width:66px;height:66px;border:2px solid var(--chili);border-radius:50%;background:var(--paper);color:var(--chili);font:800 .8rem/1.15 var(--serif);text-align:center;letter-spacing:.1em;transform:rotate(12deg);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--chili)}.r4s-award.r4s-w .award{opacity:0;transform:scale(1.15) rotate(-5deg)}.r4s-award.r4s-w .r4s-seal{opacity:0;transform:scale(1.5) rotate(-24deg)}.r4s-award.r4s-i .award{transition:opacity .18s,transform .55s var(--r4s-pop)}.r4s-award.r4s-i .r4s-seal{transition:opacity .15s .45s,transform .45s var(--r4s-pop) .45s}.r4s-mag-in{display:inline-flex;align-items:center;gap:20px}.access-details a[href^="tel"]{display:inline-block;padding-block:12px;margin-block:-12px}
@media (prefers-reduced-motion:reduce){.r4s-shift .r4-ch>i,.r4s-arw>span{transition:none;transform:none!important}.r4s-award .award::after{display:none}
}
html[data-still="true"] .award::after,html.r4s-hold .award::after{display:none}
html[data-still=true] :is(.r4s-shift .r4-ch>i,.r4s-arw>span){transition:none;transform:none!important}
@media (max-width:760px){.footer-grid>.r4s-footer-org{flex-basis:100%}.r4s-kd{padding-block:36px}.r4s-kd .wrap{width:calc(100% - 40px)}.r4s-roux,.r4s-farm{grid-template-columns:minmax(0,1fr);gap:22px}
html.r4s-wp .r4s-wipe+.r4s-kd{margin-top:-9vh}.eyebrow,.hero .eyebrow,nav.gates .eyebrow,nav.gates a>span:last-of-type{font-size:max(11.5px,.72rem)}.site-footer .copyright{font-size:max(11px,.69rem)}.r4s-roux h3,.r4s-farm h3{font-size:1.4rem}.r4s-spices{margin-top:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.r4s-spices li{padding:16px 10px}
.r4s-spices li:nth-child(4){border-left:0;padding-left:0}.r4s-spices li:nth-child(n+4){border-top:1px solid var(--line-dark)}.r4s-ico{width:56px;height:56px}.r4s-sn{font-size:.86rem;letter-spacing:0}.r4s-se{letter-spacing:.06em}.r4s-farm{margin-top:32px}.r4s-store .store-grid{padding-block:40px}.r4s-band{padding-block:8px}
.r4s-btn{width:100%;justify-content:space-between}.r4s-award .award{padding:20px 22px}.r4s-seal{right:-6px;top:-30px;width:58px;height:58px;font-size:.72rem}:is(#takeout,#news,#access).section{padding-block:40px}
}