@font-face{font-family:MeowPromo;src:url('./assets/huninn-promo.ttf') format('truetype');font-display:swap;font-weight:400 900}
.mm-carousel{--mm-ink:#34205d;--mm-pink:#f99cd5;position:relative;isolation:isolate;width:100%;font-family:'Microsoft JhengHei','PingFang TC',sans-serif;color:#143055;line-height:1.4}
.mm-carousel *{box-sizing:border-box}
.mm-stage{position:relative;aspect-ratio:2.45;overflow:hidden;border-radius:9px;background:#69c7fc;touch-action:pan-y}
.mm-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;overflow:hidden}
.mm-scene.mm-active{opacity:1;visibility:visible;z-index:1}
.mm-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mm-position,50% 50%)}
.mm-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(214,245,255,.97) 0%,rgba(209,239,255,.91) 18%,rgba(207,237,255,.72) 29%,rgba(209,239,255,.10) 54%,transparent 70%);pointer-events:none}
.mm-copy{position:absolute;left:3.8%;top:50%;width:52%;transform:translateY(-50%);z-index:2;margin:0;line-height:1.48;font-family:MeowPromo,'Microsoft JhengHei',sans-serif;font-size:clamp(24px,3.75vw,61px);font-weight:900;letter-spacing:.01em;filter:drop-shadow(0 3px 0 rgba(91,56,131,.14)) drop-shadow(0 0 6px #ffffbe)}
.mm-line{position:relative;display:block;white-space:nowrap;width:max-content;max-width:100%}
.mm-layer{display:block;position:absolute;inset:0;paint-order:stroke fill;stroke-linejoin:round;-webkit-text-stroke-linejoin:round;color:#f1e1ff}
.mm-layer:nth-child(1){-webkit-text-stroke:20px #ffffd0}
.mm-layer:nth-child(2){-webkit-text-stroke:16px #ffa0d6}
.mm-layer:nth-child(3){-webkit-text-stroke:11px #fff}
.mm-layer:nth-child(4){-webkit-text-stroke:4.5px #3d235e}
.mm-layer:last-child{position:relative;-webkit-text-stroke:1px #3d235e;background:linear-gradient(#fff 12%,#e5d6ff 55%,#b4e5ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.mm-badge{position:absolute;top:16px;right:18px;z-index:3;padding:5px 15px;color:white;background:linear-gradient(#ffae47,#ed650b);border:2px solid #fff;border-radius:99px;box-shadow:0 2px 8px #1430553b;font-size:14px;line-height:1.2;font-weight:900;letter-spacing:1px}
.mm-controls{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;min-height:54px;padding:6px 12px;background:#edfcff;border-radius:0 0 7px 7px}
.mm-control{border:0;background:transparent;color:#143055;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .15s;flex-shrink:0}
.mm-control:hover{background:#c3eafb}.mm-control:focus-visible,.mm-dot:focus-visible{outline:3px solid #552c8b;outline-offset:2px}
.mm-control svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mm-dots{display:flex;align-items:center;gap:2px}
.mm-dot{width:28px;height:36px;border:0;position:relative;cursor:pointer;background:transparent;border-radius:9px;padding:0}
.mm-dot::before{content:'';display:block;width:8px;height:8px;background:#82a9c2;border-radius:99px;margin:auto;transition:width .25s,background .25s}
.mm-dot[aria-pressed=true]::before{width:24px;background:#7251ad}
.mm-counter{font-size:13px;font-weight:700;color:#365672;letter-spacing:2px;margin:0 8px;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}
.mm-timer{position:absolute;height:3px;left:0;bottom:0;background:#a780d5;transform-origin:left;width:100%;transform:scaleX(0);border-radius:4px}
.mm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mm-carousel.mm-static .mm-controls{display:none}
@media(min-width:1800px){.mm-copy{font-size:64px}}
@media(max-width:850px){.mm-copy{font-size:clamp(23px,4vw,36px)}.mm-layer:nth-child(1){-webkit-text-stroke-width:14px}.mm-layer:nth-child(2){-webkit-text-stroke-width:11px}.mm-layer:nth-child(3){-webkit-text-stroke-width:8px}.mm-layer:nth-child(4){-webkit-text-stroke-width:3px}.mm-layer:last-child{-webkit-text-stroke-width:.5px}.mm-badge{font-size:12px;right:12px;top:12px}}
@media(max-width:600px){
 .mm-stage{aspect-ratio:4/5;background:#91d9ff}
 .mm-photo{height:72%;object-position:var(--mm-mobile-position,50% 50%)}
 .mm-scene::after{background:linear-gradient(0deg,#cef0ff 0%,#cef0ff 22%,#cef0ffed 28%,transparent 48%)}
 .mm-copy{left:0;top:auto;bottom:7%;transform:none;width:100%;font-size:clamp(24px,7.3vw,43px);line-height:1.5;text-align:center}
 .mm-line{margin:auto}
 .mm-controls{gap:2px;padding:5px 4px;min-height:52px}
 .mm-control{width:34px;height:40px}.mm-dot{width:23px}.mm-counter{margin:0 3px;font-size:12px;letter-spacing:1px}
 .mm-badge{font-size:12px;padding:5px 10px}
}
@media(prefers-reduced-motion:reduce){.mm-scene,.mm-dot::before{transition:none}}
@media(max-width:430px){.mm-counter{display:none}.mm-dot{width:22px}.mm-dots{gap:0}.mm-controls{gap:0}.mm-control{width:32px}}