@font-face{font-family:Manrope;src:url('/miauza-move/assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--move-bg:#101014;--move-text:#f6f2fc;--move-muted:#bdb5c9;--move-accent:#c09af5;--move-ink:#241331;--move-ease:cubic-bezier(.23,1,.32,1);font-family:Manrope,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--move-bg);color:var(--move-text);display:flex;flex-direction:column;-webkit-text-size-adjust:100%;font-size:16px}a{color:inherit}img{display:block;max-width:100%}::selection{background:var(--move-accent);color:var(--move-ink)}a:focus-visible{outline:3px solid #e0c8ff;outline-offset:6px}.move-skip{position:fixed;top:8px;left:16px;transform:translateY(-180%);background:#dcc3ff;color:var(--move-ink);padding:12px 18px;z-index:5;border-radius:10px}.move-skip:focus{transform:none}
.move-header,.move-main,.move-footer{width:min(1220px,calc(100% - 96px));margin-inline:auto}.move-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px}.move-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:.045em;line-height:1.1}.move-brand small{display:block;font-weight:500;letter-spacing:.06em;font-size:10px;color:var(--move-muted);margin-top:8px}.move-brand-symbol{position:relative;overflow:hidden;width:45px;height:52px;flex:0 0 45px}.move-brand-symbol img{position:absolute;width:105px;max-width:none;left:-29px;top:-24px}.move-address{display:flex;gap:16px;font-size:13px;color:var(--move-muted);align-items:center}.move-address s{text-decoration-color:#797080}.move-address strong{color:#e0c8ff;font-weight:650}
.move-main{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;flex:1;min-height:600px;padding-block:35px 60px}.move-copy{position:relative;z-index:2}.move-copy h1{font-size:clamp(52px,5.6vw,78px);line-height:1.06;letter-spacing:-.04em;font-weight:800;margin:0 0 28px}.move-copy h1>span{color:var(--move-accent)}.move-destination{font-size:clamp(18px,1.6vw,22px);line-height:1.6;margin:0 0 15px;color:#ded5e7;text-wrap:balance}.move-destination strong{color:var(--move-accent);font-weight:750}.move-description{font-size:16px;line-height:1.8;color:var(--move-muted);max-width:46ch;margin:0 0 32px}.move-cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:56px;padding:15px 24px;border-radius:12px;background:var(--move-accent);color:var(--move-ink);font-size:16px;font-weight:800;text-decoration:none;touch-action:manipulation;transition:transform 160ms var(--move-ease),background-color 180ms ease}.move-cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.move-cta:active{transform:scale(.98)}
.move-art{position:relative;min-width:0;aspect-ratio:1;max-height:560px;isolation:isolate}.move-door{position:absolute;inset:0 9% 7% 16%;border-radius:47% 47% 14px 14px;background:linear-gradient(155deg,#483254,#211c2b 74%);border:1px solid #75548e;box-shadow:inset 12px 0 24px #1d1523;transform:rotate(5deg);z-index:-1}.move-door-label{position:absolute;top:13%;left:0;width:100%;text-align:center;font-size:16px;letter-spacing:.02em;color:#e2c5fc}.move-cat-builder{position:absolute;width:52%;height:67%;object-fit:contain;left:-2%;bottom:9%;transform:rotate(-7deg);filter:drop-shadow(0 18px 16px #08060b88)}.move-cat-friends{position:absolute;width:79%;height:84%;object-fit:contain;right:-3%;bottom:0;filter:drop-shadow(0 22px 22px #08060b88)}.move-welcome{position:absolute;bottom:1%;left:8%;transform:rotate(-6deg);background:#e2d0f7;color:#302038;border-radius:10px;padding:12px 18px;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 8px 18px #0c08154d}.move-footer{display:flex;justify-content:space-between;gap:24px;padding-block:24px 30px;border-top:1px solid #ffffff12;color:var(--move-muted);font-size:12px;line-height:1.7}
@media(hover:hover) and (pointer:fine){.move-cta:hover{background:#d4b7fc;transform:translateY(-2px)}}
/* A single arrival communicates the move; everything is visible and clickable by default. */
@media(prefers-reduced-motion:no-preference){.move-art{animation:move-arrival 650ms var(--move-ease) both}.move-welcome{animation:move-note 700ms var(--move-ease) both}@keyframes move-arrival{from{opacity:.55;transform:translateX(22px) rotate(2deg)}to{opacity:1;transform:none}}@keyframes move-note{from{transform:translateY(10px) rotate(-2deg)}to{transform:translateY(0) rotate(-6deg)}}}
@media(max-width:900px){.move-header,.move-main,.move-footer{width:calc(100% - 56px)}.move-main{gap:16px;min-height:540px}.move-copy h1{font-size:56px}.move-destination{font-size:18px}.move-description{font-size:15px}.move-welcome{left:0;font-size:11px;padding:10px 13px}.move-door-label{font-size:13px}.move-address{font-size:12px;gap:9px}}
@media(max-width:640px){.move-header,.move-main,.move-footer{width:calc(100% - 40px)}.move-header{min-height:84px}.move-brand{font-size:21px}.move-brand small{font-size:9px}.move-address{display:none}.move-main{grid-template-columns:minmax(0,1fr);padding-block:22px 32px;gap:36px;min-height:0}.move-copy h1{font-size:clamp(44px,12vw,64px);margin-bottom:22px;line-height:1.04}.move-destination{font-size:18px;max-width:28ch;margin-bottom:12px}.move-description{font-size:15px;margin-bottom:24px}.move-description br{display:none}.move-cta{min-height:54px;font-size:15px;gap:28px}.move-art{width:min(100%,410px);margin-inline:auto;aspect-ratio:1.12;max-height:365px}.move-door{inset:0 12% 7% 17%}.move-cat-builder{left:0}.move-cat-friends{right:0}.move-welcome{left:8%;font-size:12px}.move-footer{font-size:11px;gap:16px;align-items:flex-start;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.move-footer>span:first-child{max-width:24ch}}
@media(prefers-reduced-motion:reduce){.move-cta{transition:background-color 120ms ease}.move-cta:hover,.move-cta:active{transform:none}}