.mamma-entry{--mamma-x:0px;--mamma-y:0px;position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#f8ead4 0%,#f3e4d0 48%,#e9d5bc 100%);color:#79392f;opacity:1;transition:opacity .55s ease,visibility .55s ease;pointer-events:none;isolation:isolate}
.mamma-entry::before,.mamma-entry::after{content:"";position:absolute;inset:auto;width:min(72vw,680px);aspect-ratio:1;border:1px solid rgba(125,59,45,.14);border-radius:50%;pointer-events:none}
.mamma-entry::before{transform:scale(1.25);animation:mamma-ring 4.5s ease-in-out infinite}
.mamma-entry::after{transform:scale(.85);animation:mamma-ring 4.5s ease-in-out -2.25s infinite}
.mamma-entry.is-leaving{opacity:0;visibility:hidden}
.mamma-entry__scene{position:relative;display:grid;justify-items:center;align-items:center;width:min(90vw,620px);min-height:min(78svh,640px);padding:clamp(28px,5vw,60px) 20px;text-align:center;transform:translate3d(var(--mamma-x),var(--mamma-y),0);transition:transform .35s ease-out}
.mamma-entry__eyebrow{font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;align-self:end}
.mamma-entry__figure{position:relative;display:block;align-self:center;width:clamp(170px,29vw,310px);padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 22px 20px rgba(81,42,29,.15));animation:mamma-bob 2.5s ease-in-out infinite}
.mamma-entry__figure:focus-visible,.mamma-entry__skip:focus-visible{outline:3px solid #813c32;outline-offset:5px}
.mamma-entry__figure img{display:block;width:100%;height:auto;max-height:53svh;object-fit:contain;user-select:none;-webkit-user-drag:none}
.mamma-entry__figure.is-greeting{animation:mamma-greet .65s ease both}
.mamma-entry__title{margin:0;font:italic 500 clamp(30px,6vw,62px)/.98 Georgia,serif;letter-spacing:-.04em}
.mamma-entry__caption{margin:12px 0 0;font:500 13px/1.4 system-ui,sans-serif;letter-spacing:.03em}
.mamma-entry__progress{width:min(210px,50vw);height:2px;margin-top:27px;background:rgba(125,59,45,.17);overflow:hidden}
.mamma-entry__progress::after{content:"";display:block;width:45%;height:100%;background:#9a4234;animation:mamma-progress 1.15s ease-in-out infinite alternate}
.mamma-entry__skip{position:absolute;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);z-index:2;border:1px solid rgba(125,59,45,.55);border-radius:99px;padding:10px 16px;background:rgba(255,250,240,.72);color:#79392f;font:600 12px/1 system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;pointer-events:auto;transition:background .2s,transform .2s}
.mamma-entry__skip:hover{background:#fff8ed;transform:translateY(-2px)}
@keyframes mamma-bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
@keyframes mamma-greet{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-17px) rotate(-8deg)}70%{transform:translateY(-8px) rotate(7deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes mamma-ring{0%,100%{opacity:.38;scale:1}50%{opacity:.8;scale:1.055}}
@keyframes mamma-progress{from{transform:translateX(-110%)}to{transform:translateX(240%)}}
@media(max-width:760px){.mamma-entry__scene{min-height:75svh}.mamma-entry__figure{width:clamp(180px,55vw,280px)}.mamma-entry__title{font-size:clamp(36px,9vw,54px)}.mamma-entry__skip{bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.mamma-entry,.mamma-entry__scene,.mamma-entry__figure,.mamma-entry__progress::after,.mamma-entry::before,.mamma-entry::after,.mamma-entry__skip{animation:none!important;transition:none!important}.mamma-entry__progress::after{width:100%;transform:none}}