.aj{background:#1b0708}.ah{isolation:isolate;background:radial-gradient(55% 60% at 70% 62%,#6b171c,#0000 72%),radial-gradient(50% 50% at 10% 10%,#c9a14a2e,#0000 70%),#1f0809;min-height:880px;position:relative;overflow:hidden}.door{z-index:5;background:repeating-linear-gradient(0deg,#0000 0 150px,#d6af5abf 150px 153px),repeating-linear-gradient(90deg,#a3261c 0 15px,#3a0c0a 15px 24px),#3a0c0a;width:50.5%;animation:1.9s cubic-bezier(.75,0,.2,1) .45s forwards openL;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 80px #0000008c}.door.l{border-right:3px solid #e6c261;left:0}.door.r{border-left:3px solid #e6c261;animation-name:openR;right:0}@keyframes openL{to{translate:-101%}}@keyframes openR{to{translate:101%}}.noren{z-index:6;color:#8e1f2b;width:150px;height:150px;font:800 72px/1 var(--f-min);background:#f3ecdd;border-radius:0 0 75px 75px;place-items:center;animation:.9s cubic-bezier(.7,0,.2,1) .25s forwards nrUp;display:grid;position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 18px 40px #0006}@keyframes nrUp{to{translate:-50% -110%}}.ah-in{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;min-height:880px;padding-block:72px;display:grid;position:relative}.ah .crumb{color:#f3ecddbf}.ah-tag{align-items:center;gap:14px;margin-top:30px;display:flex}.ah-tag p{font:700 15px/1 var(--f-goth);letter-spacing:.16em;color:var(--ct)}.ah h1{font:800 clamp(44px,5.8vw,92px)/1.2 var(--f-min);letter-spacing:.03em;text-wrap:balance;margin-top:22px}.ah .lead{color:#f3ecdde0;margin-top:28px}.bowl-w{place-items:center;min-height:560px;display:grid;position:relative}.glow{background:radial-gradient(circle,#ffaa5059,#0000 62%);border-radius:50%;width:560px;height:560px;animation:4s ease-in-out infinite alternate breath;position:absolute}@keyframes breath{to{opacity:.75;scale:1.1}}.bowl{aspect-ratio:1.55;width:min(460px,82vw);margin-top:120px;position:relative}.soup{z-index:2;background:radial-gradient(60% 55% at 50% 42%,#f7e2b4,#e4b567 55%,#c4893a);border-radius:50%;height:36%;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 0 0 11px #8e1f2b,inset 0 0 0 15px #e6c261,inset 0 6px 24px #783c0a80}.soup:before{content:"";opacity:.7;background:repeating-radial-gradient(#fff0 0 7px,#fffae659 7px 9px);border-radius:50%;position:absolute;inset:16% 12%}.tp{border-radius:50%;position:absolute}.chashu{background:radial-gradient(circle,#f5d9c0 0 34%,#d79a6e 52%,#8c4f2e 70%);width:24%;height:52%;top:16%;left:22%;box-shadow:0 3px #5a280a59}.egg{background:radial-gradient(circle at 50% 54%,#f2a23a 0 32%,#fff8ec 35%);width:15%;height:44%;top:14%;left:55%;box-shadow:0 3px #5a3c144d}.nori{background:linear-gradient(#1c2a1d,#33473a);border-radius:4px;width:11%;height:86%;top:-30%;left:71%;rotate:14deg;box-shadow:0 4px #00000040}.negi{background:radial-gradient(circle,#7dba4e 0 2px,#0000 3px) 0 0/9px 9px;border-radius:50%;width:22%;height:30%;top:52%;left:40%}.body{z-index:1;background:linear-gradient(90deg,#0b0705,#2b1b14 38%,#3a261c 46%,#120c09 70%);border-radius:0 0 50% 50%/0 0 96% 96%;position:absolute;inset:18% 0 0;overflow:hidden;box-shadow:inset 0 -24px 40px #0009,0 50px 70px -24px #000000d9}.body:before{content:"";background:var(--foil);background-size:250% 100%;height:16%;animation:6s linear infinite sheen;position:absolute;top:34%;left:-5%;right:-5%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 18px,#0000 18px 26px);mask-image:repeating-linear-gradient(90deg,#000 0 18px,#0000 18px 26px)}.body:after{content:"";background:linear-gradient(90deg,#ffffff24,#0000);border-radius:50%;width:18%;height:60%;position:absolute;top:6%;left:10%;rotate:-8deg}.steam{z-index:3;pointer-events:none;width:300px;height:340px;position:absolute;bottom:72%;left:50%;translate:-50%}.steam i{filter:blur(12px);opacity:0;background:radial-gradient(#fffaf099,#0000 66%);border-radius:50%;width:70px;height:200px;animation:4.6s ease-in infinite rise;position:absolute;bottom:0}.steam i:first-child{left:40px}.steam i:nth-child(2){animation-delay:1.1s;left:110px}.steam i:nth-child(3){animation-delay:2.2s;left:170px}.steam i:nth-child(4){animation-delay:3.3s;left:80px}@keyframes rise{0%{opacity:0;translate:0 40px;scale:.6 .8}25%{opacity:.85}to{opacity:0;translate:26px -240px;scale:1.5 1.7}}.mt{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,7vw,110px);display:grid}.mt .txt{color:#f3ecdddb}.mt .txt strong{color:var(--gold-hi)}.brandname{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.brandname b{font:800 clamp(52px,6vw,92px)/1 var(--f-min);letter-spacing:.08em}.brandname span{font:700 15px/1 var(--f-lat);letter-spacing:.14em;color:var(--ct)}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.fact{--bg:#240a0c;border-radius:18px;gap:10px;padding:26px;display:grid}.fact b{font:800 40px/1 var(--f-lat);letter-spacing:-.02em}.fact span{font:500 14px/1.6 var(--f-goth);color:#f3ecddcc}.quote{background:linear-gradient(160deg,#3a0e10,#240a0c);border:1px solid #e6c2614d;border-radius:24px;padding:44px 40px;position:relative}.quote p{font:800 clamp(24px,2.4vw,34px)/1.6 var(--f-min);letter-spacing:.04em}.quote small{font:500 13.5px/1.6 var(--f-goth);color:#f3ecddb3;margin-top:18px;display:block}.quote:before{content:"";opacity:.5;background:repeating-linear-gradient(90deg,#b3261ecc 0 6px,#0000 6px 12px);border-radius:6px;width:90px;height:90px;position:absolute;top:24px;right:24px}.steps{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:14px;margin-top:48px;display:grid}.sp{transition:transform .5s var(--ease),border-color .5s;background:#240a0c;border:1px solid #e6c26138;border-radius:20px;align-content:start;gap:12px;padding:32px 28px;display:grid;position:relative;overflow:hidden}.sp:hover{border-color:var(--c);transform:translateY(-6px)}.sp-n{font:800 54px/1 var(--f-lat);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.2px var(--gold)}.sp h3{font:800 20px/1.45 var(--f-min);letter-spacing:.03em}.sp p{font:400 14.5px/1.85 var(--f-goth);color:#f3ecddd1}.sp small{font:600 12.5px/1 var(--f-lat);letter-spacing:.08em;color:var(--ct)}.nda{border:1px dashed #f6e4a673;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;margin-top:24px;padding:26px 30px;display:grid}.nda p{font:500 15px/1.8 var(--f-goth);color:#f3ecdddb}.fd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.jars{justify-content:center;align-items:flex-end;gap:22px;min-height:340px;display:flex}.jar{background:linear-gradient(90deg,#ffffff14,#ffffff38 40%,#ffffff0f);border:1.5px solid #f3ecdd4d;border-radius:18px 18px 22px 22px;width:120px;transition:transform .6s cubic-bezier(.3,1.5,.5,1);position:relative;overflow:hidden}.jar:hover{transform:translateY(-14px)rotate(-3deg)}.jar:before{content:"";height:var(--fill);background:var(--jc);position:absolute;bottom:0;left:0;right:0}.jar:after{content:"";background:var(--foil);background-size:250% 100%;height:30px;animation:6s linear infinite sheen;position:absolute;top:-1px;left:-1px;right:-1px}.jar.j1{--fill:70%;--jc:linear-gradient(#c0392b,#7a1b12);height:220px}.jar.j2{--fill:62%;--jc:linear-gradient(#d9a520,#8a5b10);height:280px}.jar.j3{--fill:76%;--jc:linear-gradient(#3b2a1e,#120c08);height:190px}.jar span{writing-mode:vertical-rl;font:800 18px/1 var(--f-min);color:#fff6d2;text-shadow:0 1px 2px #0009;z-index:1;position:absolute;top:44px;left:50%;translate:-50%}.ph{color:var(--gold-hi);border:1px dashed #f6e4a699;border-radius:6px;padding:2px 8px;display:inline-block}.eqs{grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:18px;margin-top:48px;display:grid}.eq{isolation:isolate;border:1px solid #f3ecdd24;border-radius:26px;align-content:end;gap:14px;min-height:460px;padding:40px;display:grid;position:relative;overflow:hidden}.eq h3{font:800 clamp(26px,2.6vw,36px)/1.3 var(--f-min);letter-spacing:.04em}.eq .txt{color:#f3ecdddb;max-width:30em}.eq .hint{font:600 12.5px/1 var(--f-lat);letter-spacing:.1em;color:#f3ecdd8c}.eq-vis{z-index:-1;place-items:center;height:58%;display:grid;position:absolute;top:0;left:0;right:0}.eq-g{background:radial-gradient(70% 60% at 50% 30%,#3a120c,#160606 75%)}.coil{width:72%;height:auto;overflow:visible}.coil path{fill:none;stroke:#3a2622;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .8s,filter .8s}.eq-g:hover .coil path,.eq-g:focus-within .coil path{stroke:#ff6a2a;filter:drop-shadow(0 0 10px #ff7a30)drop-shadow(0 0 26px #ff5a1ecc);animation:1.2s ease-in-out infinite alternate hot}@keyframes hot{to{stroke:#ffb04a}}.heat{opacity:0;background:repeating-linear-gradient(90deg,#0000 0 28px,#ffaa5a2e 28px 32px);transition:opacity .8s;animation:1.6s linear infinite shim;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.eq-g:hover .heat{opacity:1}@keyframes shim{0%{filter:blur(3px);translate:0 20px}to{filter:blur(5px);translate:0 -20px}}.eq-f{background:radial-gradient(70% 60% at 50% 30%,#0e2a36,#061219 75%)}.flake{width:180px;height:180px;transition:transform 1.2s var(--ease);overflow:visible}.flake path{fill:none;stroke:#bfe9ff;stroke-width:2.4px;stroke-linecap:round;transition:stroke .8s}.flake-s{opacity:0;width:60px;height:60px;transition:opacity .8s,transform 1.4s var(--ease);position:absolute}.flake-s path{fill:none;stroke:#e6f7ff;stroke-width:3px;stroke-linecap:round}.fs1{top:22%;left:16%;transform:scale(.3)rotate(-40deg)}.fs2{top:14%;right:14%;transform:scale(.3)rotate(30deg)}.fs3{bottom:8%;right:26%;transform:scale(.3)rotate(10deg)}.eq-f:hover .flake,.eq-f:focus-within .flake{transform:rotate(60deg)scale(1.18)}.eq-f:hover .flake path{stroke:#fff;filter:drop-shadow(0 0 10px #9fe3ff)}.eq-f:hover .flake-s{opacity:1;transform:scale(1)rotate(0)}.frost{opacity:0;background:radial-gradient(circle at 0 0,#dcf5ff59,#0000 40%),radial-gradient(circle at 100% 0,#dcf5ff4d,#0000 40%),radial-gradient(circle at 100% 100%,#dcf5ff40,#0000 40%);transition:opacity 1s;position:absolute;inset:0}.eq-f:hover .frost{opacity:1}.one{background:repeating-linear-gradient(90deg,#a3261c8c 0 12px,#0000 12px 22px),linear-gradient(120deg,#3a0e10,#1f0809);border:1px solid #e6c26159;border-radius:30px;gap:22px;padding:clamp(48px,6vw,80px);display:grid;position:relative;overflow:hidden}.one h2{max-width:16em}.one .lead{color:#f3ecdde6}@media (width<=900px){.ah-in,.mt,.fd{grid-template-columns:1fr}.bowl{margin-top:80px}.facts{grid-template-columns:1fr}}
