#more-matcha-404 {
  --ink:#1C1C1E; --sage:#718A6E; --sage-light:#BED0BB; --cream:#F3ECE0; --matcha:#557F27; --deep:#3E4C3C;
  font-family:"Lexend",system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--cream);
}
#more-matcha-404 *,#more-matcha-404 *::before,#more-matcha-404 *::after{box-sizing:border-box}
.mm404{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(620px,calc(100svh - 110px),900px);padding:72px 20px;overflow:hidden;background:var(--cream)}
.mm404__content{position:relative;z-index:2;width:min(760px,100%);text-align:center}
.mm404__eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--deep)}
.mm404__code{display:flex;align-items:center;justify-content:center;gap:clamp(5px,2vw,22px);height:clamp(170px,28vw,270px);font-family:"Archivo","Arial Narrow",sans-serif;font-size:clamp(130px,21vw,250px);font-weight:900;line-height:.8;letter-spacing:-.08em;color:var(--deep)}
.mm404__cup-wrap{position:relative;width:clamp(100px,15vw,166px);height:clamp(150px,22vw,226px);flex:none;animation:mm404-float 4s ease-in-out infinite}
.mm404__cup{position:absolute;left:8%;top:8%;width:84%;height:78%;overflow:hidden;border-radius:8px 8px 28px 28px;background:#f8f4ec;box-shadow:inset 0 0 0 2px rgba(28,28,30,.09),0 20px 30px -25px rgba(31,43,18,.45);transform:rotate(-2deg)}
.mm404__cup::before{content:"";position:absolute;left:0;right:0;top:0;height:9%;background:#fff;border-bottom:2px solid rgba(28,28,30,.08)}
.mm404__matcha{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,#759a43,var(--matcha))}
.mm404__matcha::before{content:"";position:absolute;left:-10%;top:-9px;width:120%;height:18px;border-radius:50%;background:#8bad55}
.mm404__logo{position:absolute;z-index:2;left:0;right:0;top:27%;font-family:"Archivo","Arial Narrow",sans-serif;font-size:clamp(12px,1.7vw,19px);font-weight:900;line-height:.8;letter-spacing:-.04em;color:var(--deep)}
.mm404__logo em{display:block;margin-top:5px;font-family:Georgia,serif;font-size:.85em;font-weight:400;font-style:italic;letter-spacing:0}
.mm404__shadow{position:absolute;left:17%;right:17%;bottom:1%;height:12px;border-radius:50%;background:rgba(31,43,18,.16);filter:blur(5px);animation:mm404-shadow 4s ease-in-out infinite}
.mm404__heart{position:absolute;z-index:3;right:-2%;top:2%;font:500 clamp(24px,3vw,38px)/1 Georgia,serif;color:var(--matcha);animation:mm404-heart 4.8s ease-in-out infinite}
.mm404 h1{margin:12px 0 0;font-family:"Archivo","Arial Narrow",system-ui,sans-serif;font-size:clamp(32px,5vw,58px);font-weight:900;line-height:.98;letter-spacing:-.035em;color:var(--ink)}
.mm404__copy{margin:22px auto 0;font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:#48484A}
.mm404__button{display:inline-flex;align-items:center;gap:14px;min-height:54px;margin-top:30px;padding:0 25px;border-radius:999px;background:var(--ink);color:#F4F6F4;font-size:15px;font-weight:500;text-decoration:none;transition:transform .18s ease,background .25s ease}
.mm404__button span{font-size:20px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.mm404__button:active{transform:scale(.97)}
.mm404__leaf{position:absolute;z-index:1;width:180px;height:80px;border-radius:100% 0 100% 0;background:var(--sage-light);opacity:.42;filter:blur(.2px)}
.mm404__leaf--one{left:-70px;top:16%;transform:rotate(28deg)}.mm404__leaf--two{right:-75px;bottom:13%;transform:rotate(205deg)}
.mm404__grain{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
@media(hover:hover) and (pointer:fine){.mm404__button:hover{background:#3A3A3C;transform:translateY(-2px)}.mm404__button:hover span{transform:translateX(4px)}}
@keyframes mm404-float{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes mm404-shadow{0%,100%{transform:scaleX(1);opacity:.16}50%{transform:scaleX(.78);opacity:.1}}
@keyframes mm404-heart{0%,60%,100%{transform:translateY(4px) rotate(-8deg) scale(.8);opacity:0}70%{opacity:1}82%{transform:translateY(-13px) rotate(8deg) scale(1);opacity:1}94%{transform:translateY(-25px) rotate(12deg) scale(.9);opacity:0}}
@media(max-width:520px){.mm404{min-height:calc(100svh - 80px);padding:48px 18px}.mm404__code{gap:2px}.mm404__copy br{display:none}.mm404__leaf{width:130px;height:58px}}
@media(prefers-reduced-motion:reduce){.mm404__cup-wrap,.mm404__shadow,.mm404__heart{animation:none}.mm404__heart{opacity:1;transform:none}.mm404__button,.mm404__button span{transition:none}}