:root{--red:#d6001c;--red-ink:#b00017;--bg:#faf8f5;--surface:#ffffff;--sand:#f2eee8;--ink:#16130f;--muted:#6b645d;--line:#e9e3db;--radius:28px;--ease:cubic-bezier(0.22,1,0.36,1);--head:var(--font-head),"Inter Tight",system-ui,sans-serif;--body:var(--font-body),"Inter",system-ui,sans-serif;--jp:var(--font-jp),"Noto Sans JP",sans-serif;--brand:var(--red);--stage:var(--sand)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--head);font-weight:600;line-height:1.02;letter-spacing:-.035em;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}::selection{background:var(--red);color:#fff}.cta-band,.story,.wrap{width:min(1240px,100% - 40px);margin-inline:auto}.cta-band>.wrap,.story>.wrap{width:auto;padding-inline:clamp(24px,6vw,80px)}.jp{font-family:var(--jp);font-weight:700;letter-spacing:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--muted)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}.eyebrow .jp{color:var(--ink);font-size:13px}.h1-kicker{display:flex;width:-moz-fit-content;width:fit-content;font-family:var(--body);letter-spacing:0;line-height:1.4;margin-bottom:18px}.h-xl{font-size:clamp(44px,7vw,96px)}.h-lg{font-size:clamp(36px,5vw,64px)}.h-md{font-size:clamp(28px,3.4vw,40px)}.lead{font-size:18px;color:var(--muted);max-width:52ch;line-height:1.55}.section{padding:clamp(72px,10vw,128px) 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}.section-head .h-lg{max-width:14ch;margin-top:14px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:16px;letter-spacing:-.01em;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s;position:relative;overflow:hidden;isolation:isolate;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#000}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-ink)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-light{background:#fff;color:var(--ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}.btn-primary:active{background:#2a2622}.btn-red:active{background:#b8141b}.btn-ghost:active{background:var(--sand)}.btn-light:hover{background:#fff6ec}.btn-light:active{background:#ffe9d6}.lead a,.notice a,.prose a,p>a:not(.btn):not(.store):not(.link-arrow){color:var(--red-ink,#b8141b);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.lead a:hover,.prose a:hover,p>a:not(.btn):not(.store):not(.link-arrow):hover{text-decoration-thickness:2.5px}.link-arrow{text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:4px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.link-arrow:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.card figure.img{margin:0}.btn .arrow,.link-arrow .arrow{transition:transform .25s var(--ease)}.btn:hover .arrow,.link-arrow:hover .arrow{transform:translateX(4px)}.btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .6s var(--ease) forwards;pointer-events:none;z-index:-1}@keyframes ripple{to{transform:scale(4);opacity:0}}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;min-height:44px}.site-header{position:fixed;inset:14px 0 auto 0;z-index:50;pointer-events:none}.header-pill{pointer-events:auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 8px 0 12px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border:1px solid rgba(22,19,15,.06);transition:box-shadow .3s,background .3s}.site-header.scrolled .header-pill{box-shadow:0 12px 32px rgba(22,19,15,.08);background:rgba(255,255,255,.94)}.logo-link{display:inline-flex;align-items:center;min-height:48px;padding-left:18px}.logo-link img{height:44px;width:auto;transition:transform .3s var(--ease)}.logo-link:hover .logo-mark,.logo-link:hover img{transform:rotate(-3deg)}.logo-mark{display:block;width:150px;aspect-ratio:452/90;background:var(--red);-webkit-mask:var(--logo) center /contain no-repeat;mask:var(--logo) center /contain no-repeat;transition:transform .3s var(--ease)}.nav{display:flex;align-items:center;gap:2px}.nav-group{position:relative}.nav-top{font:inherit;font-size:15px;font-weight:500;padding:0 14px 0 16px;min-height:44px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}.nav-top svg{transition:transform .25s var(--ease)}.nav-group.open .nav-top,.nav-top.current,.nav-top:hover{color:var(--ink);background:var(--sand)}.nav-group.open .nav-top svg{transform:rotate(180deg)}.nav-drop{position:absolute;left:0;top:100%;min-width:240px;padding:14px 8px 8px;margin-top:10px;border-radius:22px;background:#fff;border:1px solid rgba(22,19,15,.06);box-shadow:0 24px 48px rgba(22,19,15,.12);display:grid;grid-gap:2px;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s var(--ease),visibility .2s}.nav-drop:before{content:"";position:absolute;inset:-12px 0 auto;height:12px}.nav-group.open .nav-drop{opacity:1;visibility:visible;transform:none}.nav-drop-jp{position:absolute;right:16px;top:12px;font-size:11px;color:var(--muted)}.nav-drop a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 14px;border-radius:14px;font-size:15px;font-weight:500;color:var(--ink)}.nav-drop a small{font-size:12px;color:var(--muted);font-weight:500}.nav-drop a:focus-visible,.nav-drop a:hover,.nav-drop a[aria-current=page]{background:var(--sand)}.nav-drop a[aria-current=page] span{color:var(--red)}.header-cta{display:flex;gap:8px;align-items:center}.header-cta .btn{min-height:48px;padding:0 20px;font-size:15px}.menu-toggle{display:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--sand);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:45;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:104px 24px 32px;gap:4px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu a.m-link{font-family:var(--head);font-size:36px;font-weight:600;letter-spacing:-.03em;min-height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-menu a.m-link .jp{font-size:13px;color:var(--muted)}.mobile-menu a.m-link{font-size:30px;min-height:56px}.m-group{padding:14px 0 10px;border-bottom:1px solid var(--line)}.m-group-label{font-family:var(--head);font-size:30px;font-weight:600;letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:center}.m-group-label .jp{font-size:13px;color:var(--muted);font-family:inherit;letter-spacing:0}.m-sub{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.m-sub a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:600}.mobile-buy{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:40}.mobile-buy .btn{width:100%;box-shadow:0 12px 30px rgba(22,19,15,.2)}@media (max-width:1023px){.nav{display:none}.menu-toggle{display:inline-flex}.mobile-buy.show{display:block}}@media (max-width:480px){.header-cta .btn{min-height:44px;padding:0 14px;font-size:14px}.logo-link img{height:38px}.logo-link{padding-left:10px}.logo-mark{width:124px}}.hero{padding:136px 0 72px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.hero h1{margin:20px 0 22px}.hero h1 .accent{color:var(--red)}.hero-moment{font-size:18px;color:var(--muted);min-height:1.6em}.hero-moment b{color:var(--ink);font-weight:600;display:inline-block;animation:wordIn .5s var(--ease)}@keyframes wordIn{0%{opacity:0;transform:translateY(8px)}}.hero-actions{gap:12px;align-items:center;margin-top:32px}.hero-actions,.switcher{display:flex;flex-wrap:wrap}.switcher{gap:6px;margin-top:44px}.switcher button{position:relative;overflow:hidden;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:14px;color:var(--muted);transition:color .2s,border-color .2s}.switcher button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.switcher button .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--red);width:0}.switcher button[aria-pressed=true] .bar{animation:fill var(--dur,4.5s) linear forwards}.switcher.paused button .bar{animation-play-state:paused}.switcher .pip{display:contents}@keyframes fill{to{width:100%}}.stage{position:relative;aspect-ratio:1;width:100%;max-width:600px;margin-left:auto}.stage-items{position:absolute;inset:0;z-index:1}.stage .sun{inset:6%;background:var(--stage);transition:background .8s var(--ease);will-change:transform;overflow:hidden}.stage .sun,.sun-fade{position:absolute;border-radius:50%}.sun-fade{inset:0;background:var(--bg);opacity:0}.hero{min-height:min(100svh,980px);z-index:0}.over-hero{position:relative;z-index:2}.hero-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.85);font-weight:600;font-size:14px;color:var(--ink);display:inline-flex;gap:8px;align-items:center}.hero-cue span{display:inline-block;animation:cueBob 1.6s ease-in-out infinite}@keyframes cueBob{50%{transform:translateY(4px)}}.stage .dot-red{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:var(--red);right:8%;top:8%}.stage .slide{position:absolute;inset:14%;opacity:0;transform:translateY(24px) scale(.94) rotate(-4deg);transition:opacity .7s var(--ease),transform .9s var(--ease)}.stage .slide.on{opacity:1;transform:none}.stage .slide img{object-fit:contain;mix-blend-mode:multiply;animation:float 6s ease-in-out infinite}@keyframes float{50%{translate:0 -12px}}.stage-caption{position:absolute;left:2%;bottom:4%;background:var(--surface);border-radius:20px;padding:12px 18px 12px 12px;box-shadow:0 12px 30px rgba(22,19,15,.08);display:flex;gap:12px;align-items:center;z-index:3}.stage-caption .dot{width:40px;height:40px;border-radius:50%;flex:none;transition:background .6s}.stage-caption b{display:block;font-family:var(--head);font-size:17px;letter-spacing:-.02em;line-height:1.2}.stage-caption span{font-size:13px;color:var(--muted)}.mascot{position:absolute;right:0;bottom:10%;width:24%;border:0;background:none;padding:0;transition:transform .4s var(--ease);z-index:3}.mascot img{width:100%;filter:drop-shadow(0 12px 18px rgba(22,19,15,.18))}.mascot:hover{transform:rotate(-10deg) translateY(-6px)}.mascot .bubble{position:absolute;right:60%;top:-30%;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:14px 14px 2px 14px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:.3s var(--ease)}.mascot.say .bubble,.mascot:focus-visible .bubble,.mascot:hover .bubble{opacity:1;transform:none}@media (max-width:900px){.hero{padding-top:100px;padding-bottom:48px}.hero-grid{grid-template-columns:1fr;gap:20px}.stage{order:-1;max-width:400px;margin:0 auto}.stage-caption{padding:8px 14px 8px 8px}.stage-caption .dot{width:30px;height:30px}.hero h1{margin:14px 0 16px}.switcher{margin-top:28px}}.scratch{position:absolute;inset:0;z-index:2;touch-action:manipulation}.uw{cursor:-webkit-grab;cursor:grab;touch-action:pan-y}.stage,.stage *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.stage img{-webkit-user-drag:none}.stage .reveal-card a,.stage .reveal-card button{-webkit-tap-highlight-color:rgba(0,0,0,.06)}.uw.dragging{cursor:-webkit-grabbing;cursor:grabbing}.uw.opened{cursor:auto}.uw-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;white-space:nowrap;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;opacity:0;transition:opacity .2s;will-change:transform}.uw:not(.touch):not(.opened):hover .uw-tip{opacity:1}.uw.dragging .uw-tip{opacity:0!important}.stage:has(.uw.started) .slide{opacity:0!important;transition:none}.tr-inside{position:absolute;inset:6%;border-radius:50%;overflow:hidden;background:transparent;transition:background .5s var(--ease);pointer-events:none}.uw.opened .tr-inside{background:var(--bg)}.tr-jp{position:absolute;left:0;right:0;top:2%;text-align:center;font-family:var(--font-jp),sans-serif;font-weight:700;font-size:clamp(34px,6vw,84px);color:rgba(255,255,255,.16);opacity:0;transition:opacity .5s}.uw.opened .tr-jp{opacity:1}.tr-plate{position:absolute;inset:13%;border-radius:50%;opacity:0;transform:scale(.9);transition:opacity .4s,transform .6s var(--ease)}.uw.opened .tr-plate{opacity:1;transform:none}.uw-pack,.uw-piece,.uw-product{position:absolute;inset:14%;pointer-events:none}.uw-pack{inset:0;transform-style:preserve-3d}.uw-piece img,.uw-product img{width:100%;height:100%;object-fit:contain}.uw-piece,.uw-product{opacity:0}.uw.started .uw-piece{opacity:1}.uw-piece{filter:drop-shadow(0 6px 10px rgba(22,19,15,.12))}.uw-product img{filter:drop-shadow(0 14px 18px rgba(22,19,15,.22))}.uw-tear.opened .uw-end{animation:uwFall .55s var(--ease) forwards}.uw-tear.opened .uw-body{animation:uwAway 1s var(--ease) forwards}.uw-tear.opened .uw-product{opacity:1;animation:uwSlide 1.1s var(--ease) both}.uw-tear.opened .uw-product.lying{animation-name:uwSlideLying}@keyframes uwFall{to{transform:translate(-12%,70%) rotate(-70deg);opacity:0}}@keyframes uwAway{0%,35%{transform:none;opacity:1}to{transform:translateX(75%) rotate(6deg);opacity:0}}@keyframes uwSlide{0%{transform:translateX(12%)}45%{transform:translateX(-34%)}to{transform:none}}@keyframes uwSlideLying{0%{transform:translateX(14%) rotate(-90deg) scale(.8)}45%{transform:translateX(-34%) rotate(-90deg) scale(.8)}to{transform:none}}.uw-lid.opened .uw-cap{animation:uwLidOff .7s var(--ease) forwards}.uw-lid.opened .uw-body{animation:uwFadeOut .4s .25s var(--ease) forwards}.uw-lid.opened .uw-product{animation:uwOpenCup .5s .25s var(--ease) both}@keyframes uwLidOff{to{transform:translate(40%,-75%) rotate(-38deg);opacity:0}}@keyframes uwFadeOut{to{opacity:0}}@keyframes uwOpenCup{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.uw-spoon{position:absolute;left:47%;top:6%;width:11%;opacity:0;pointer-events:none;transform-origin:50% 90%;z-index:1;filter:drop-shadow(0 8px 10px rgba(22,19,15,.25))}.uw-scoop{opacity:0}.uw-lid.opened .uw-spoon{animation:uwSpoon 1.5s .55s var(--ease) both}.uw-lid.opened .uw-scoop{animation:uwScoop 1.5s linear .55s both}@keyframes uwSpoon{0%{opacity:0;transform:translate(160%,-60%) rotate(40deg)}25%{opacity:1;transform:translate(10%,-10%) rotate(18deg)}45%{opacity:1;transform:translateY(22%) rotate(-8deg)}70%{opacity:1;transform:translate(40%,-16%) rotate(14deg)}to{opacity:1;transform:translate(150%,-6%) rotate(24deg)}}@keyframes uwScoop{0%,46%{opacity:0}52%,to{opacity:1}}.uw-spiral.started .uw-product{opacity:1}.uw-spiral .uw-pack{transition:transform .15s}.uw-spiral .uw-product{transition:transform .7s var(--ease)}.paint-canvas{inset:0;width:100%;height:100%}.paint-canvas,.scratch .ring{position:absolute;pointer-events:none}.scratch .ring{inset:3%;width:94%;height:94%;transform:rotate(-90deg)}.scratch .ring circle{fill:none;stroke-width:1.4}.scratch .ring .track{stroke:rgba(22,19,15,.08)}.scratch .ring .fill{stroke-dasharray:1;stroke-linecap:round;transition:stroke-dashoffset .3s var(--ease)}.scratch-prompt{position:absolute;left:50%;top:5%;transform:translateX(-50%);pointer-events:none;z-index:3;white-space:nowrap;display:flex;align-items:center;gap:8px;background:rgba(22,19,15,.86);color:#fff;padding:7px 14px 7px 7px;border-radius:999px;animation:promptIn .6s var(--ease) both}.scratch-prompt b{font-family:var(--head);font-size:15px;letter-spacing:-.02em}.scratch-prompt span:last-child{font-size:13px;opacity:.7}.pp-ico{width:26px;height:26px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:14px;font-weight:700;animation:ppNudge 1.6s ease-in-out infinite}.uw-lid .pp-ico{animation-name:ppUp}.uw-spiral .pp-ico{animation-name:ppTurn}@keyframes ppNudge{50%{transform:translateX(3px)}}@keyframes ppUp{50%{transform:translateY(-3px)}}@keyframes ppTurn{to{transform:rotate(1turn)}}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes sweep{0%,to{transform:translateX(-60px)}50%{transform:translateX(60px)}}@keyframes tap{0%,to{transform:scale(1)}50%{transform:scale(.75);background:rgba(236,25,34,.25)}}.scratch-pct{top:2%;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;box-shadow:0 6px 16px rgba(22,19,15,.1);pointer-events:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reveal-card,.scratch-pct{position:absolute;left:50%;transform:translateX(-50%);background:var(--surface)}.reveal-card{bottom:-2%;z-index:4;border-radius:22px;padding:16px 16px 14px 20px;box-shadow:0 18px 40px rgba(22,19,15,.16);display:flex;flex-direction:column;gap:2px;min-width:300px;animation:cardIn .55s var(--ease) both}.reveal-card b{font-family:var(--head);font-size:22px;letter-spacing:-.025em}.cookie .short,.reveal-card .short{display:none}.mascot.away{opacity:0;transform:scale(.6);pointer-events:none}.mascot{transition:transform .4s var(--ease),opacity .3s}.reveal-card .row{display:flex;gap:8px;margin-top:10px}.reveal-card .btn{min-height:44px;padding:0 16px;font-size:14px}@keyframes cardIn{0%{opacity:0;transform:translate(-50%,16px) scale(.96)}}.scratch.done~.stage-caption{visibility:hidden;pointer-events:none}.reveal-card .rc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.reveal-card .lbl-short{display:none}@media (max-width:900px){.reveal-card .lbl-long{display:none}.reveal-card .lbl-short{display:inline}}.stage-caption{transition:opacity .3s}.paint-hint{margin-top:20px;font-size:14px;color:var(--muted);display:inline-flex;align-items:center;gap:10px}.brush-ico{width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--red),#ffb800,#1c50ca,#d4006f,var(--red));animation:spin 6s linear infinite;flex:none}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.scratch-prompt{top:3%}.scratch-prompt b{font-size:14px}.scratch-prompt span:last-child{font-size:12px}.hero{padding:84px 0 28px}.hero-grid{gap:14px}.stage{width:min(84vw,42svh);max-width:none}.paint-hint,.stage-caption{display:none}.mascot{width:17%;left:0;right:auto;top:2%;bottom:auto}.mascot .bubble{left:80%;right:auto;top:-10%;border-radius:14px 14px 14px 2px}.reveal-card{left:50%;bottom:-4px;width:104%;min-width:0;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;border-radius:999px}.reveal-card .rc-text{min-width:0;display:flex;flex-direction:column}.reveal-card .eyebrow{font-size:11px;gap:6px;white-space:nowrap}.reveal-card .eyebrow:before{width:6px;height:6px}.reveal-card b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reveal-card .row{margin-top:0;flex:none;gap:6px}.reveal-card .btn{min-height:44px;padding:0 14px}.reveal-card .btn-ghost{width:44px;padding:0}.reveal-card .long{display:none}.reveal-card .short{display:inline;font-size:18px}.scratch-pct{top:0}.hero h1{font-size:clamp(38px,11vw,56px);margin:10px 0}.hero .eyebrow{font-size:13px}.hero-moment{font-size:15px}.hero-actions{margin-top:20px;display:block}.hero-actions .btn{width:100%;font-size:16px;min-height:52px}.hero-copy{display:flex;flex-direction:column}.switcher{order:-1;align-self:center;margin:-6px 0 0;gap:0;flex-wrap:nowrap}.switcher button{width:44px;min-height:44px;padding:0;border:0;background:none;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.switcher .pip{display:block;position:relative;width:8px;height:8px;border-radius:99px;background:var(--line);overflow:hidden;transition:width .3s var(--ease)}.switcher button[aria-pressed=true] .pip{width:26px;background:rgba(22,19,15,.15)}.switcher button .bar{left:0;top:0;bottom:0;height:100%;border-radius:99px}.hero-cue{display:none}}@media (max-width:640px){.cookie{flex-direction:row;align-items:center;padding:10px 10px 10px 16px;gap:10px;border-radius:20px;bottom:max(10px,env(safe-area-inset-bottom))}.cookie p{font-size:13px}.cookie .long{display:none}.cookie .short{display:inline}.cookie .row{flex-direction:row;gap:6px}.cookie .row .btn{flex:none;min-height:44px;padding:0 14px;font-size:13px}}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.tile{position:relative;border-radius:var(--radius);background:var(--tile);overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;transition:transform .5s var(--ease)}.tile:first-child,.tile:nth-child(4){grid-column:span 7}.tile:nth-child(2),.tile:nth-child(3){grid-column:span 5}.tile:hover{transform:translateY(-4px)}.tile .t-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:2}.tile .t-name{font-family:var(--head);font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--tile-ink)}.tile .t-jp{font-size:13px;color:var(--tile-ink);opacity:.65;margin-top:8px;display:block}.tile .t-go{width:48px;height:48px;border-radius:50%;background:var(--surface);display:grid;place-items:center;flex:none;transition:transform .35s var(--ease),background .3s,color .3s}.tile:hover .t-go{background:var(--ink);color:#fff;transform:rotate(-45deg)}.tile .t-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.tile .t-slogan{font-size:15px;color:var(--tile-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tile .t-count{font-size:13px;font-weight:600;background:rgba(255,255,255,.75);padding:6px 12px;border-radius:999px;white-space:nowrap}.tile .t-packs{position:absolute;inset:14% 4% 14% 34%}.tile .t-packs .p{position:absolute;width:62%;aspect-ratio:1;transition:transform .7s var(--ease)}.tile .t-packs .p img{object-fit:contain;mix-blend-mode:multiply}.tile .t-packs .p:first-child{left:0;top:18%;transform:rotate(-8deg)}.tile .t-packs .p:nth-child(2){right:0;top:4%;transform:rotate(6deg);z-index:1}.tile:hover .t-packs .p:first-child{transform:rotate(-14deg) translate(-14px,-6px)}.tile:hover .t-packs .p:nth-child(2){transform:rotate(10deg) translate(10px,-12px) scale(1.05)}@media (max-width:900px){.bento{grid-template-columns:1fr 1fr;gap:12px}.tile,.tile:nth-child(n){grid-column:span 1;min-height:320px;padding:20px}.tile .t-packs{inset:26% 0 20% 8%}.tile .t-slogan{display:none}}@media (max-width:520px){.bento{grid-template-columns:1fr}.tile,.tile:nth-child(n){min-height:300px}.tile .t-packs{inset:22% 0 18% 22%}}.rail-controls{display:flex;gap:8px}.rail-controls button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:18px;transition:border-color .2s,background .2s,color .2s}.rail-controls button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(20px,calc((100vw - 1240px) / 2));padding:4px max(20px,calc((100vw - 1240px) / 2)) 24px;cursor:-webkit-grab;cursor:grab;scrollbar-width:none;overscroll-behavior-x:contain}.rail::-webkit-scrollbar{display:none}.rail.dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-snap-type:none}.rail-item{position:relative;flex:0 0 236px;scroll-snap-align:start;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:railIn .5s var(--ease) both;animation-delay:calc(min(var(--i), 6) * 50ms)}@keyframes railIn{0%{opacity:0;transform:translateY(16px)}}.ri-link{display:block}.rail-item .ri{position:relative;aspect-ratio:4/5;border-radius:24px;background:var(--v-color);overflow:hidden}.rail-item .ri img{object-fit:contain;padding:8%;pointer-events:none;transition:transform .6s var(--ease),opacity .35s}.rail-item .ri .ri-pack{mix-blend-mode:multiply}.rail-item .ri .ri-inside{position:absolute;inset:0;width:100%;height:100%;padding:10%;opacity:0;transform:scale(.85) rotate(-6deg);filter:drop-shadow(0 14px 16px rgba(22,19,15,.2))}.rail-item.peek .ri .ri-pack{opacity:0;transform:translateY(-14%) scale(.9) rotate(4deg)}.rail-item.peek .ri .ri-inside{opacity:1;transform:none}.ri-peek{position:absolute;right:10px;top:10px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px;font-weight:600;color:var(--ink);box-shadow:0 4px 12px rgba(22,19,15,.1);display:none}.ri-peek:before{content:"";position:absolute;inset:-6px}@media (hover:none){.ri-peek{display:block}}.rail-item.peek .ri-peek{background:var(--ink);color:#fff}.rail-item.loading .ri .ri-pack{animation:riWait .8s ease-in-out infinite alternate}@keyframes riWait{to{transform:scale(.96);opacity:.6}}.rail-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.rail-filter button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:14px;color:var(--muted);display:inline-flex;align-items:center;gap:8px;transition:color .2s,background .2s,border-color .2s}.rail-filter button span{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:99px;background:var(--sand);color:var(--muted)}.rail-filter button:hover{color:var(--ink);border-color:var(--ink)}.rail-filter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.rail-filter button[aria-pressed=true] span{background:rgba(255,255,255,.18);color:#fff}@media (max-width:760px){.rail-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:auto;margin-inline:0;padding-inline:20px}.rail-filter::-webkit-scrollbar{display:none}.rail-filter button{flex:none}}.rail-item .b{font-size:13px;color:var(--muted);margin-top:14px}.rail-item .n{font-family:var(--head);font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.story{background:var(--surface);border-radius:40px}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.story-visual{position:relative;aspect-ratio:1;max-width:460px;justify-self:center;width:100%}.story-visual .sun{position:absolute;inset:0;border-radius:50%;background:var(--red)}.story-visual img{position:absolute;inset:18%;width:64%;height:64%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}.story-visual .label{position:absolute;font-size:13px;font-weight:600;background:var(--surface);padding:8px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(22,19,15,.1)}.story-route svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-base,.route-done{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.route-base{stroke:rgba(255,255,255,.45);stroke-width:3;stroke-dasharray:2 10}.route-done{stroke:#fff;stroke-width:4;stroke-dasharray:1}.story-route .pin{fill:#fff}.story-route .pin.on{fill:#ffd84d}.story-route .route-fish{position:absolute;inset:auto;width:34%;height:auto;left:20%;top:24%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 22px rgba(0,0,0,.28));will-change:left,top,transform}.story-route .label{transition:background .3s,color .3s,transform .3s var(--ease)}.story-route .label.on{background:var(--ink);color:#fff;transform:scale(1.06)}.route-year{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);font-family:var(--head);font-weight:600;font-size:clamp(40px,6vw,72px);letter-spacing:-.05em;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--surface);padding:2px 22px;border-radius:999px;box-shadow:0 10px 26px rgba(22,19,15,.12);line-height:1.2}.fact{transition:opacity .35s}.fact b{transition:color .35s}.story[data-stage] .fact{opacity:.45}.story[data-stage="0"] .fact:first-child,.story[data-stage="1"] .fact:first-child,.story[data-stage="2"] .fact{opacity:1}.story[data-stage="0"] .fact:first-child b,.story[data-stage="2"] .fact:nth-child(2) b{color:var(--red)}.facts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:40px;border-top:1px solid var(--line);padding-top:28px}.fact b{display:block;font-family:var(--head);font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1;margin-bottom:6px}.fact span{font-size:14px;color:var(--muted)}@media (max-width:900px){.story-grid{grid-template-columns:1fr;gap:40px}.story{border-radius:28px}.facts{grid-template-columns:1fr 1fr}}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px 20px;gap:32px 20px}.card{display:flex;flex-direction:column;gap:14px}.card .img{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--sand)}.card .img img{object-fit:cover;transition:transform .8s var(--ease)}.card:hover .img img{transform:scale(1.04)}.card h3{font-size:21px;letter-spacing:-.025em;line-height:1.2}.card .meta{display:flex;gap:10px;font-size:14px;color:var(--muted);flex-wrap:wrap;align-items:center}.card p.ex{color:var(--muted);font-size:15px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:var(--sand);font-size:13px;font-weight:500;color:var(--ink)}@media (max-width:900px){.card-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.card-grid{grid-template-columns:1fr}}.cta-band{background:var(--red);color:#fff;border-radius:40px;padding:clamp(56px,8vw,104px) 0;position:relative;overflow:hidden}.cta-band h2{max-width:13ch}.cta-band .row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;position:relative;z-index:1}.cta-band .taiyaki{position:absolute;right:27%;top:50%;width:220px;transform:translateY(-50%) rotate(-16deg);filter:drop-shadow(0 20px 30px rgba(0,0,0,.2))}.cta-band .row>div:first-child{max-width:640px}@media (max-width:900px){.cta-band{border-radius:28px}.cta-band .taiyaki{width:150px;right:-20px;top:24px;transform:rotate(-16deg)}}@media (max-width:600px){.cta-band{padding:28px 0;border-radius:24px}.cta-band h2{font-size:28px;max-width:11ch}.cta-band p{font-size:15px!important;margin-top:8px!important;max-width:24ch!important}.cta-band .row{gap:18px}.cta-band .taiyaki{width:92px;right:14px;top:18px}.cta-band .btn{min-height:48px}}.site-footer{background:var(--ink);color:#d9d3cc;padding:80px 0 32px;margin-top:12px;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;grid-gap:40px;gap:40px}.site-footer .f-title,.site-footer h4{font-family:var(--body);font-size:13px;font-weight:500;color:#8f877f;margin-bottom:10px;letter-spacing:0}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;color:#f3eee8;transition:opacity .2s}.site-footer li a:hover{text-decoration:underline;text-underline-offset:4px}.footer-word{font-family:var(--head);font-weight:600;letter-spacing:-.06em;font-size:clamp(56px,13vw,190px);line-height:.82;color:#f3eee8;margin-top:72px}.footer-word .r{color:var(--red)}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid #2e2924;justify-content:space-between;gap:16px;font-size:13px;color:#8f877f}.footer-bottom,.socials{display:flex;flex-wrap:wrap}.socials{gap:8px;margin-top:20px}.footer-care{display:flex;flex-direction:column;gap:2px;margin-top:22px;padding:14px 18px;border-radius:18px;background:#26211c;color:#f3eee8;max-width:320px;transition:background .2s}.footer-care b{font-size:15px}.footer-care span{font-size:13px;color:#b4aba2}.footer-care:hover{background:var(--red)}.footer-care:hover span{color:#fff}.footer-legal{display:flex;gap:18px;flex-wrap:wrap}.footer-legal a{min-height:44px;display:inline-flex;align-items:center}.footer-legal a:hover,.socials a{color:#f3eee8}.socials a{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #3a342e;display:inline-flex;align-items:center;font-size:14px;transition:background .2s,color .2s}.socials a:hover{background:#fff;color:var(--ink)}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}.page-hero{padding:152px 0 56px}.page-hero .lead,.page-hero h1{margin-top:18px}.crumbs{font-size:14px;color:var(--muted);margin-bottom:20px}.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}.crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}.crumbs li+li:before{content:"/";opacity:.4}.crumbs a{min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s,-webkit-text-decoration-color .2s;transition:color .2s,text-decoration-color .2s;transition:color .2s,text-decoration-color .2s,-webkit-text-decoration-color .2s}.crumbs a:hover{color:var(--ink);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.crumbs [aria-current]{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}.crumbs.light,.crumbs.light [aria-current]{color:inherit}.brand-hero{padding:100px 0 0}.brand-hero-card{border-radius:40px;background:var(--stage);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:center;min-height:540px;position:relative;overflow:hidden}.brand-hero-card>*{position:relative;z-index:2}.brand-hero-card h1{font-size:clamp(56px,9vw,128px);color:var(--brand-dark);letter-spacing:-.05em}.brand-hero-card .slogan{font-family:var(--head);font-size:22px;letter-spacing:-.02em;margin-top:10px;color:var(--brand-dark)}.brand-hero-card .blurb{margin-top:14px;max-width:40ch;color:#4b4540;font-size:17px}.brand-hero-card .hint{margin-top:24px;font-size:14px;font-weight:600;display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.75);padding:10px 16px;border-radius:999px}.brand-hero-card .jp-tag{position:absolute;right:28px;top:28px;font-size:14px;color:var(--brand-dark)}.fan{position:relative}.fan,.fan .p{aspect-ratio:1}.fan .p{position:absolute;width:60%}.fan .p img{object-fit:contain;mix-blend-mode:multiply}.fan .p:first-child{left:0;top:20%;transform:rotate(-10deg)}.fan .p:nth-child(2){left:20%;top:4%;z-index:2}.fan .p:nth-child(3){right:0;top:22%;transform:rotate(10deg)}.brand-tabs{position:-webkit-sticky;position:sticky;top:88px;z-index:20;padding:20px 0}.brand-tabs .tabs-inner{gap:4px;padding:4px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);max-width:100%;overflow-x:auto;scrollbar-width:none}.brand-tabs .tabs-inner,.brand-tabs a{display:inline-flex;border-radius:999px}.brand-tabs a{min-height:44px;align-items:center;padding:0 18px;font-weight:600;font-size:14px;color:var(--muted);transition:background .2s,color .2s;white-space:nowrap}.brand-tabs a:hover{color:var(--ink)}.brand-tabs a[aria-current=page]{background:var(--ink);color:#fff}.variant-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px 16px;gap:28px 16px}.variant-card{display:flex;flex-direction:column;gap:14px}.variant-card .pack{position:relative;aspect-ratio:4/5;border-radius:24px;background:var(--v-stage);overflow:hidden}.variant-card .pack img{object-fit:contain;padding:12%;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.variant-card:hover .pack img{transform:scale(1.06) rotate(-3deg)}.variant-card .pack .go{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:.3s var(--ease)}.variant-card:hover .pack .go{opacity:1;transform:none}.variant-card .v-name{font-family:var(--head);font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.variant-card .v-sub{font-size:14px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:8px}.variant-card .v-sub i{width:10px;height:10px;border-radius:50%;background:var(--v-dot);display:inline-block}@media (max-width:1023px){.variant-grid{grid-template-columns:repeat(3,1fr)}.brand-hero-card{grid-template-columns:1fr}.fan{max-width:400px;width:100%;margin:0 auto}}@media (max-width:640px){.variant-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.variant-card .v-name{font-size:16px}.brand-hero-card{border-radius:28px;min-height:0}.brand-tabs{top:84px}}.variant-hero{padding:116px 0 40px}.variant-grid-2{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.v-stage{position:relative;aspect-ratio:1;border-radius:40px;background:var(--stage);overflow:hidden}.v-stage .ring{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;left:14%;top:12%;background:rgba(255,255,255,.45)}.v-stage .shot{position:absolute;inset:8% 8% 14%;transition:opacity .5s var(--ease),transform .7s var(--ease)}.v-stage .shot img{object-fit:contain;mix-blend-mode:multiply}.v-stage .shot.off{opacity:0;transform:scale(.92) rotate(-5deg);pointer-events:none}.v-stage .seg{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:inline-flex;padding:4px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:2px;z-index:2}.v-stage .seg button{min-height:44px;padding:0 18px;border-radius:999px;border:0;background:none;font-weight:600;font-size:14px;color:var(--muted)}.v-stage .seg button[aria-pressed=true]{background:var(--ink);color:#fff}.variant-title{font-size:clamp(44px,6vw,80px);letter-spacing:-.045em}.variant-title .l2{color:var(--brand-dark);display:block}.variant-desc{margin-top:20px;font-size:18px;color:var(--muted);max-width:46ch;line-height:1.55}.variant-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;align-items:center}.tabs{margin-top:8px}.tablist{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.tablist button{min-height:44px;padding:0 20px;border:0;background:none;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}.tablist button[aria-selected=true]{background:var(--ink);color:#fff}.tabpanel{padding:28px 0 0}.info-table{width:100%;max-width:760px;border-collapse:collapse;font-size:15px}.info-table td,.info-table th{text-align:left;padding:16px 0;border-bottom:1px solid var(--line);vertical-align:top}.info-table th{width:36%;font-weight:500}.info-table th,.pending-data{color:var(--muted)}.pending-data:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#e0b400;margin-right:8px}.notice{background:var(--sand);padding:14px 18px;border-radius:16px;font-size:14px;color:var(--muted);margin-top:16px;max-width:760px}@media (max-width:900px){.variant-grid-2{grid-template-columns:1fr;gap:28px}.v-stage{border-radius:28px}}.sheet-backdrop{position:fixed;inset:0;background:rgba(22,19,15,.4);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:81;left:50%;bottom:12px;width:min(480px,calc(100% - 24px));background:var(--surface);border-radius:28px;padding:28px 24px 24px;transform:translate(-50%,calc(100% + 24px));transition:transform .45s var(--ease)}.sheet.open{transform:translate(-50%)}.sheet .sheet-title,.sheet h3{font-size:28px}.store{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:0 18px;border-radius:16px;border:1px solid var(--line);margin-top:10px;font-weight:600;transition:border-color .2s,background .2s}.store:hover{border-color:var(--ink);background:var(--bg)}.sheet-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:50%;border:0;background:var(--sand);font-size:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 36px}.search{flex:1 1 300px;min-height:52px;border-radius:999px;border:1px solid var(--line);padding:0 22px;font:inherit;background:var(--surface);transition:border-color .2s}.search:focus{border-color:var(--ink);outline:none}.chip{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:14px;color:var(--muted);transition:.2s}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.recipe-hero-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:32px}.recipe-cols{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:64px;gap:64px}.recipe-cols h2{font-size:30px;margin-bottom:16px}.ing{list-style:none;padding:0;margin:0}.ing li label{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;min-height:44px}.ing input{width:20px;height:20px;accent-color:var(--ink);margin-top:3px;flex:none}.ing input:checked+span{text-decoration:line-through;color:var(--muted)}.steps{counter-reset:s;list-style:none;padding:0;margin:0}.steps li{counter-increment:s;position:relative;padding:4px 0 28px 60px}.steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-family:var(--head);font-weight:600;display:grid;place-items:center}.need{display:flex;gap:16px;align-items:center;margin-top:28px;padding:12px;border-radius:24px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s}.need:hover{border-color:var(--ink)}.need .pack{position:relative;width:96px;aspect-ratio:1;border-radius:16px;background:var(--v-stage);flex:none;overflow:hidden}.need .pack img{object-fit:contain;padding:10%;mix-blend-mode:multiply}@media (max-width:900px){.recipe-cols{grid-template-columns:1fr;gap:40px}}.timeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.t-card{background:var(--surface);border-radius:28px;padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:300px}.t-card .t-year{font-family:var(--head);font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1}.t-card .jp{font-size:13px;color:var(--red)}.t-card h3{font-size:20px;letter-spacing:-.02em;margin-top:auto}.t-card p{color:var(--muted);font-size:15px}.t-card.hl{background:var(--red);color:#fff;border-color:var(--red)}.t-card.hl .jp,.t-card.hl p{color:#ffe1e2}@media (max-width:900px){.timeline{grid-template-columns:1fr 1fr}}@media (max-width:560px){.timeline{grid-template-columns:1fr}.t-card{min-height:0}}.prose{max-width:720px}.prose h2{font-size:26px;letter-spacing:-.025em;margin:48px 0 12px}.prose li,.prose p{color:#3d3833}.prose p+p{margin-top:12px}.placeholder{background:#fff1b8;padding:1px 6px;border-radius:6px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.contact-card{background:var(--surface);border-radius:28px;padding:28px;border:1px solid var(--line)}.contact-card h3{font-size:20px;margin-bottom:10px}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.cookie{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:90;width:min(760px,calc(100% - 24px));background:var(--ink);color:#f3eee8;border-radius:24px;padding:14px 14px 14px 24px;display:flex;gap:20px;align-items:center;box-shadow:0 20px 50px rgba(22,19,15,.25);animation:cookieIn .6s var(--ease)}@keyframes cookieIn{0%{translate:0 30px;opacity:0}}.cookie p{font-size:14px;flex:1 1;line-height:1.5}.cookie a{text-decoration:underline;text-underline-offset:3px}.cookie .row{display:flex;gap:8px;flex:none}.cookie .btn{min-height:44px;padding:0 18px;font-size:14px}.cookie .btn-ghost{color:#f3eee8;border-color:#4a433c}.cookie .btn-ghost:hover{border-color:#f3eee8}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}.reveal.in{opacity:1;transform:none}.wipe{position:fixed;z-index:100;background:var(--bg);opacity:0}.fx-layer,.wipe{inset:0;pointer-events:none}.fx-layer{position:absolute;overflow:hidden;z-index:1}.fx-piece{position:absolute;top:-60px;will-change:transform}.sprinkle{width:6px;height:16px;border-radius:3px;z-index:5}.splash,.sprinkle{position:absolute;pointer-events:none}.splash{border-radius:50%;z-index:0}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,245,215,.55) 50%,transparent 65%);transform:translateX(-120%);animation:shimmer 4.5s 1s infinite;pointer-events:none;z-index:1}@keyframes shimmer{55%,to{transform:translateX(120%)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}body.has-mobile-buy .site-footer{padding-bottom:110px}.quiz-section{padding-top:0}.quiz{scroll-margin-top:100px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,4vw,44px);min-height:360px}.quiz-bar{display:flex;gap:6px;margin-bottom:clamp(20px,3vw,32px)}.quiz-bar span{flex:1 1;height:4px;border-radius:99px;background:var(--line);transition:background .4s var(--ease)}.quiz-bar span.on{background:var(--red)}.quiz-result,.quiz-step{animation:quizIn .45s var(--ease) both}@keyframes quizIn{0%{opacity:0;transform:translateY(14px)}}.quiz-n{font-size:13px;font-weight:600;color:var(--muted)}.quiz h3{font-family:var(--head);font-size:clamp(26px,3.4vw,40px);letter-spacing:-.035em;line-height:1.1;margin:6px 0 22px}.quiz-opts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.quiz-opts.n3{grid-template-columns:repeat(3,1fr)}.quiz-opts button{text-align:left;display:flex;flex-direction:column;gap:4px;padding:20px;min-height:96px;border-radius:20px;border:1px solid var(--line);background:var(--bg);color:var(--ink);transition:transform .25s var(--ease),border-color .2s,background .2s}.quiz-opts button:hover{transform:translateY(-3px);border-color:var(--ink);background:#fff}.quiz-opts button b{font-family:var(--head);font-size:20px;letter-spacing:-.02em}.quiz-back,.quiz-opts button span{font-size:14px;color:var(--muted)}.quiz-back{margin-top:18px;min-height:44px;padding:0 4px;background:none;border:0;font-weight:600}.quiz-back:hover{color:var(--ink)}.quiz-result{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:clamp(20px,4vw,48px);gap:clamp(20px,4vw,48px);align-items:center}.qr-media{position:relative;border-radius:24px;aspect-ratio:1;overflow:hidden}.qr-media img{position:absolute;inset:11%;width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;animation:popIn .7s var(--ease) both}.qr-series{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:600}.qr-series i{width:10px;height:10px;border-radius:50%}.quiz-result h3{margin:4px 0 10px}.qr-desc{color:var(--muted);line-height:1.55;max-width:52ch}.qr-actions{gap:10px;margin-top:22px}.qr-actions,.qr-more{display:flex;flex-wrap:wrap}.qr-more{align-items:center;gap:8px;margin-top:20px;font-size:14px;color:var(--muted)}.qr-more a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font-weight:600}.qr-more a:hover{border-color:var(--ink)}@media (max-width:900px){.quiz-opts,.quiz-opts.n3{grid-template-columns:1fr 1fr}.quiz-opts.n3 button:last-child{grid-column:span 2}.quiz-result{grid-template-columns:1fr}.qr-media{aspect-ratio:16/10}}@media (max-width:420px){.quiz-opts button{padding:16px;min-height:84px}.quiz-opts button b{font-size:17px}.qr-actions .btn{flex:1 1}}.steps-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.steps-head h2{margin-bottom:0!important}.cook-start{min-height:48px}.cook{position:fixed;inset:0 0 auto 0;height:100dvh;z-index:100;background:var(--bg);display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));outline:none;animation:quizIn .35s var(--ease) both}.cook-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;width:min(860px,100%);margin:0 auto}.cook-kicker{font-size:13px;font-weight:600;color:var(--red)}.cook-title{font-family:var(--head);font-weight:600;font-size:18px;letter-spacing:-.02em}.cook-close{width:48px;height:48px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:16px}.cook-bar{display:flex;gap:4px;width:min(860px,100%);margin:16px auto 0}.cook-bar span{flex:1 1;height:4px;border-radius:99px;background:var(--line);transition:background .3s}.cook-bar span.on{background:var(--red)}.cook-body{flex:1 1;overflow-y:auto;overflow-x:hidden;width:min(860px,100%);margin:0 auto;display:flex;flex-direction:column;padding:24px 0}.cook-step-n{font-size:15px;font-weight:600;color:var(--muted);margin-bottom:14px}.cook-step{font-family:var(--head);font-weight:600;font-size:clamp(26px,4.4vw,48px);line-height:1.2;letter-spacing:-.03em}.cook-ing{list-style:none;padding:0;margin:0}.cook-ing label{display:flex;gap:16px;align-items:center;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,2.4vw,24px);cursor:pointer}.cook-ing input{width:26px;height:26px;accent-color:var(--red);flex:none}.cook-ing input:checked+span{text-decoration:line-through;color:var(--muted)}.cook-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.cook-done .jp{font-size:22px;color:var(--red);font-weight:700}.cook-nav{display:flex;justify-content:space-between;gap:12px;width:min(860px,100%);margin:0 auto}.cook-nav .btn{min-height:56px;padding:0 24px;font-size:16px}.cook-nav .btn-primary{flex:1 1;max-width:360px;margin-left:auto;justify-content:center}.cook-nav .btn:disabled{opacity:.35;pointer-events:none}.cook-inner{margin-block:auto}.ing-group{font-family:var(--head);font-weight:600;font-size:15px;letter-spacing:-.01em;padding:18px 0 6px;border-bottom:1px solid var(--line)}.ing-group:first-child{padding-top:0}.cook-ing .ing-group{font-size:clamp(16px,2vw,20px);color:var(--red)}.cook-body.from-next .cook-inner{animation:cookInR .45s var(--ease) both}.cook-body.from-prev .cook-inner{animation:cookInL .45s var(--ease) both}@keyframes cookInR{0%{opacity:0;transform:translateX(48px)}}@keyframes cookInL{0%{opacity:0;transform:translateX(-48px)}}.cook-visual{--sz:clamp(140px,27vh,240px);position:relative;width:var(--sz);margin:0 auto 28px}.cook-visual.small{--sz:clamp(110px,17vh,160px);margin-bottom:18px}.cv-sun{position:relative;width:100%;aspect-ratio:1;animation:cvPop .6s var(--ease) both}@keyframes cvPop{0%{transform:scale(.7) rotate(-20deg)}}.cv-ring{position:absolute;inset:-7%;width:114%;height:114%;transform:rotate(-90deg)}.cv-ring circle{fill:none;stroke:var(--cc);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;transition:stroke-dashoffset .25s linear}.cv-product{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 12px 14px rgba(22,19,15,.18))}.cv-mascot{position:absolute;right:-30%;bottom:-4%;width:38%;animation:cvBob 2.4s ease-in-out infinite}.cv-mascot img{width:100%;filter:drop-shadow(0 10px 12px rgba(22,19,15,.2))}@keyframes cvBob{50%{transform:translateY(-6px) rotate(-4deg)}}.cv-bubble{position:absolute;right:10%;bottom:165%;white-space:nowrap;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;padding:7px 12px;border-radius:14px 14px 2px 14px;box-shadow:0 8px 20px rgba(22,19,15,.12);animation:cvSay .45s .25s var(--ease) both}@keyframes cvSay{0%{opacity:0;transform:translateY(8px) scale(.8)}}.party .cv-mascot{animation:cvJump .9s ease-in-out infinite}@keyframes cvJump{0%,to{transform:none}40%{transform:translateY(-22px) rotate(-10deg)}}.cv-confetti i{position:absolute;left:50%;top:50%;width:9%;height:9%;margin:-4.5%;border-radius:50%;background:var(--cc);animation:confetti 1.4s var(--ease) both;animation-delay:calc(var(--k) * 30ms);transform:rotate(calc(var(--k) * 25.7deg))}.cv-confetti i:nth-child(3n){background:var(--red)}.cv-confetti i:nth-child(3n+1){background:#ffcf00}.cv-confetti i:nth-child(4n){border-radius:3px;background:#1c50ca}@keyframes confetti{0%{opacity:1;transform:rotate(calc(var(--k) * 25.7deg)) translateY(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(calc(var(--k) * 25.7deg)) translateY(-560%) scale(1)}}.party .cv-sun{overflow:visible}.cook-timer{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.cook-timer .btn{min-height:48px}.cook-timer-left{font-family:var(--head);font-weight:600;font-size:36px;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cook-timer-left.rang,.cook-timer-pill.rang{color:var(--red);animation:ring .5s ease-in-out infinite alternate}@keyframes ring{to{transform:scale(1.06)}}.cook-timer-pill{margin-left:auto;margin-right:8px;align-self:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.cook *,.cook :after,.cook :before{animation-duration:.01ms!important;animation-iteration-count:1!important}}.scene{position:absolute;inset:0}.scene svg{width:100%;height:100%;overflow:visible}.scene svg *{transform-box:view-box}.mx-label{position:absolute;left:50%;top:-2%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;animation:cvSay .35s var(--ease) both;z-index:2}.sc-batter{transition:all .6s var(--ease)}@keyframes scFall{0%{transform:translateY(-24px);opacity:0}15%{opacity:1}80%{opacity:1}to{transform:translateY(78px);opacity:0}}@keyframes scGrain{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(58px)}}.sc-fall{animation:scFall 1s ease-in both}.sc-drop,.sc-grain{opacity:0;animation:scGrain .65s ease-in both}.sc-loop{animation-iteration-count:infinite;animation-duration:1s}.sc-tip{animation:scTip 1s ease-in-out both}@keyframes scTip{0%{transform:rotate(0)}35%,to{transform:rotate(-42deg)}}.sc-pour{animation:scPour 1.1s ease-in-out both}.scene-pour .sc-pour{animation:scPourLoop 2.2s ease-in-out infinite}@keyframes scPour{0%{transform:rotate(0)}30%,to{transform:rotate(-58deg)}}@keyframes scPourLoop{0%,to{transform:rotate(-20deg)}30%,70%{transform:rotate(-58deg)}}.sc-shake{transform:rotate(180deg);animation:scShake .22s ease-in-out infinite alternate}@keyframes scShake{0%{transform:rotate(168deg) translateX(-3px)}to{transform:rotate(192deg) translateX(3px)}}.sc-egg{animation:scEgg 1.05s ease-in both}@keyframes scEgg{0%{transform:translateY(-20px);opacity:0}15%{opacity:1}45%{transform:translateY(14px);opacity:1}52%,to{transform:translateY(14px);opacity:0}}.sc-shell{opacity:0;animation:scShell 1.05s ease-out both}.sc-shell-l{--sx:-26px;--rot:-50deg;transform-origin:96px 66px}.sc-shell-r{--sx:26px;--rot:50deg;transform-origin:104px 66px}@keyframes scShell{0%,46%{opacity:0;transform:none}52%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--sx),-14px) rotate(var(--rot))}}.sc-yolk{opacity:0;animation:scYolk 1.05s ease-in both}@keyframes scYolk{0%,48%{opacity:0;transform:none}56%{opacity:1;transform:none}to{opacity:1;transform:translateY(40px)}}.sc-whisk{animation:scWhisk .55s ease-in-out infinite alternate}@keyframes scWhisk{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}.sc-steam{stroke-dasharray:60;stroke-dashoffset:60;opacity:0;animation:scSteam 1.6s ease-out infinite}@keyframes scSteam{0%{stroke-dashoffset:60;opacity:0;transform:translateY(6px)}30%{opacity:.9}to{stroke-dashoffset:0;opacity:0;transform:translateY(-10px)}}.sc-flame{transform-origin:center bottom;transform-box:fill-box;animation:scFlame .5s ease-in-out infinite alternate}@keyframes scFlame{0%{transform:scaleY(.8)}to{transform:scaleY(1.15)}}.sc-knife{animation:scChop .7s ease-in-out infinite}@keyframes scChop{0%,to{transform:rotate(-14deg)}50%{transform:rotate(4deg) translateY(16px)}}.sc-hop{transform-box:fill-box;transform-origin:center;animation:scHop .7s ease-out infinite}@keyframes scHop{50%{transform:translateY(-14px) rotate(25deg)}}.sc-flake{animation:spin 8s linear infinite}.sc-twinkle{transform-box:fill-box;transform-origin:center;animation:scTwinkle 1.4s ease-in-out infinite}@keyframes scTwinkle{50%{transform:scale(.4);opacity:.4}}.sc-hand{animation:spin 3s linear infinite}.sc-slow{animation-duration:36s}.sc-cloche{animation:scCloche 2.4s var(--ease) infinite}@keyframes scCloche{0%,20%{transform:none}45%,80%{transform:translate(18px,-34px) rotate(24deg)}to{transform:none}}.sc-reveal{opacity:0;animation:scReveal 2.4s var(--ease) infinite}@keyframes scReveal{0%,25%{opacity:0}45%,80%{opacity:1}to{opacity:0}}.sc-puff{opacity:0;transform-box:fill-box;transform-origin:center;animation:scPuff 1s ease-out both}@keyframes scPuff{0%,45%{opacity:0;transform:scale(.4)}70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.3) translateY(-4px)}}.testi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding:8px 0 12px}.testi{position:relative;margin:0;min-height:340px;padding:20px 20px 18px;border-radius:28px;background:var(--tt);color:var(--ti);overflow:hidden;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.testi,.testi.reveal.in{transform:rotate(var(--rot))}.testi.reveal.in:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 22px 40px -22px rgba(22,19,15,.35)}.testi-bubble{position:relative;z-index:2;margin:0;background:#fff;color:var(--ink);border-radius:22px 22px 22px 6px;padding:16px 18px;box-shadow:0 10px 22px -12px rgba(22,19,15,.25);transform-origin:0 100%;animation:testiTalk 3.2s ease-in-out infinite;animation-delay:calc(var(--d) * 4)}.testi-bubble:after{content:"";position:absolute;left:22px;bottom:-12px;width:22px;height:16px;background:#fff;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.testi-bubble p{margin:0;font-family:var(--head);font-weight:600;font-size:clamp(19px,1.8vw,24px);line-height:1.15;letter-spacing:-.025em}.testi-bubble p:before{content:"“";color:var(--tc)}.testi-bubble p:after{content:"”";color:var(--tc)}@keyframes testiTalk{0%,86%,to{transform:none}90%{transform:rotate(-3deg) scale(1.03)}94%{transform:rotate(2deg) scale(1.02)}}.testi-jp{position:absolute;right:-6px;top:42%;writing-mode:vertical-rl;font-size:54px;font-weight:700;line-height:1;color:var(--tc);opacity:.13;pointer-events:none}.testi-pack{position:relative;z-index:1;width:92%;max-height:180px;object-fit:contain;margin:auto auto 6px;transform:rotate(calc(var(--rot) * -3));filter:drop-shadow(0 14px 16px rgba(22,19,15,.22));transition:transform .5s var(--ease)}.testi:hover .testi-pack{transform:translateY(-10px) rotate(calc(var(--rot) * 2)) scale(1.06)}.testi figcaption{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px}.testi-who{font-family:var(--head);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ti);min-height:44px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.testi-who:after{content:"";position:absolute;inset:-600px -40px -20px}.testi figcaption>span{opacity:.7;white-space:nowrap}@media (max-width:900px){.testi-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:10px 20px 18px;scrollbar-width:none}.testi-grid::-webkit-scrollbar{display:none}.testi{flex:0 0 min(260px,72vw);min-height:320px;scroll-snap-align:center}}@media (prefers-reduced-motion:reduce){.testi-bubble{animation:none}}.recipe-hero-img{margin:0}.recipe-hero-img figcaption{margin-top:10px;font-size:13px;color:var(--muted)}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.social-card{display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s;min-height:44px}.social-card small{font-size:12px;color:var(--muted);font-weight:600}.social-card b{font-size:17px}.social-card span{font-size:13px;color:var(--muted)}.social-card:hover{transform:translateY(-2px);border-color:var(--red)}.tvc{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);align-items:center}.tvc-frame{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:var(--ink);box-shadow:0 30px 60px rgba(22,19,15,.16)}.tvc-frame iframe{width:100%;height:100%}.tvc-frame iframe,.tvc-poster{position:absolute;inset:0;border:0}.tvc-poster{padding:0;cursor:pointer;background:none}.tvc-poster img{object-fit:cover;transition:transform .6s var(--ease)}.tvc-poster:hover img{transform:scale(1.03)}.tvc-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(214,0,28,.4);transition:transform .25s var(--ease)}.tvc-play svg{margin-left:4px}.tvc-poster:focus-visible .tvc-play,.tvc-poster:hover .tvc-play{transform:scale(1.08)}.tvc-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}@media (max-width:900px){.tvc{grid-template-columns:1fr}}.promo-home-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:20px;gap:20px}.promo-home-card{display:grid;grid-template-rows:auto 1fr;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s}.promo-home-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(22,19,15,.1)}.promo-home-card .img{position:relative;aspect-ratio:16/9;background:var(--sand)}.promo-home-card .img img{object-fit:cover}.promo-home-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px}.promo-home-body h3{font-family:var(--head);font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;line-height:1.1}.promo-home-card.big .promo-home-body h3{font-size:clamp(26px,3vw,40px)}.promo-home-body p{color:var(--muted);line-height:1.5}.promo-period{font-size:14px;font-weight:600;margin-top:auto;padding-top:8px}.promo-status{align-self:flex-start;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.promo-status.s-on{background:var(--red);color:#fff}.promo-status.s-soon{background:var(--sand);color:var(--ink)}.dummy-note{margin-top:16px;font-size:13px;color:var(--muted)}@media (max-width:900px){.promo-home-grid{grid-template-columns:1fr}}.pending-note{margin-top:12px;display:inline-block;font-weight:600;padding:6px 12px;background:#fff4c2}.pending-note,.sample-pill{font-size:13px;border-radius:999px;color:#6b5200}.sample-pill{font-weight:700;padding:5px 12px;background:#fff1c9}.gizi-serv{font-size:14px;color:var(--muted);margin-bottom:8px}.gizi{display:grid;grid-gap:0;gap:0;max-width:420px}.gizi div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px dashed var(--line)}.gizi div.sub{padding-left:16px;color:var(--muted)}.gizi dt{font-weight:500}.gizi dd{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.info-table .fmt{margin-left:6px;font-size:12px;font-weight:600;color:#6b5200;background:#fff1c9;padding:2px 8px;border-radius:999px;white-space:nowrap}.halal-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2f7d4a;color:#fff;font-size:11px;font-weight:700;vertical-align:middle;margin-right:4px}