.mc-root{z-index:200;cursor:pointer;background:#0e1320;animation:.2s ease-out both gv-rise-in;position:fixed;inset:0;overflow:hidden}.mc-root[data-closing=true]{pointer-events:none;animation:.4s forwards gv-fade}.mc-scene{animation:2.6s cubic-bezier(.16,1,.3,1) .2s both mc-settle;position:absolute;inset:0}.mc-photo{background-position:50%;background-size:cover;position:absolute;inset:0}.mc-shade{background:linear-gradient(#0e132059 0%,#0e132026 40%,#0e1320d9 100%);position:absolute;inset:0}.mc-title{inset-inline:0;padding:0 1.25rem max(3rem, calc(env(safe-area-inset-bottom) + 2rem));text-align:center;flex-direction:column;align-items:center;gap:.75rem;animation:.6s cubic-bezier(.16,1,.3,1) 2.1s both gv-in-up;display:flex;position:absolute;bottom:0}.mc-title span{color:#ffffffd9;align-items:center;gap:.5rem;font-size:14px;font-weight:600;display:inline-flex}.mc-mini{width:20px;height:20px}.mc-title p{color:#fff;max-width:24ch;font-family:var(--f-display,inherit);text-shadow:0 2px 18px #00000080;margin:0;font-size:clamp(24px,3.4vw,42px);line-height:1.3}.mc-door{background-color:#0e1320;width:50%;animation-duration:.9s;animation-timing-function:cubic-bezier(.7,0,.2,1);animation-delay:1.25s;animation-fill-mode:both;position:absolute;inset-block:0}.mc-door-r{animation-name:mc-open-r;right:0}.mc-door-l{animation-name:mc-open-l;left:0}.mc-edge{width:1px;position:absolute;inset-block:0}.mc-edge-r{background:linear-gradient(#0000,#ff6a1399,#0000);left:0}.mc-edge-l{background:linear-gradient(#0000,#c8f03c99,#0000);right:0}.mc-mask{animation:1.3s cubic-bezier(.7,0,.2,1) .2s both mc-grow,.3s 1.95s forwards gv-fade;position:absolute;inset:0;-webkit-mask-image:url(/brand/masara-mark.svg);mask-image:url(/brand/masara-mark.svg);-webkit-mask-position:50% 46%;mask-position:50% 46%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mc-logo{pointer-events:none;place-items:center;animation:.6s cubic-bezier(.16,1,.3,1) both mc-pop,.3s .9s forwards gv-fade;display:grid;position:absolute;inset:0}.mc-logo svg{width:min(22vw,22vh,140px);height:auto}.mc-skip{top:max(1rem, env(safe-area-inset-top));color:#ffffffd9;background:#ffffff1f;border-radius:999px;padding:.4rem .9rem;font-size:13px;font-weight:600;position:absolute;inset-inline-end:1rem}@keyframes gv-rise-in{0%{opacity:0}}@keyframes gv-in-up{0%{opacity:0;transform:translateY(10px)}}@keyframes mc-settle{0%{transform:scale(1.08)}}@keyframes mc-open-r{to{transform:translate(100%)}}@keyframes mc-open-l{to{transform:translate(-100%)}}@keyframes mc-grow{0%{-webkit-mask-size:0%;mask-size:0%}30%{-webkit-mask-size:22%;mask-size:22%}50%{-webkit-mask-size:26%;mask-size:26%}to{-webkit-mask-size:70%;mask-size:70%}}@keyframes mc-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.mc-title p{font-weight:700}@media (prefers-reduced-motion:reduce){.mc-root *,.mc-root{animation:none!important}.mc-door,.mc-mask,.mc-logo{display:none}}.gv-root{z-index:200;cursor:pointer;clip-path:circle(0 at var(--gx) var(--gy));animation:.7s cubic-bezier(.7,0,.2,1) forwards gv-open;position:fixed;inset:0;overflow:hidden}.gv-root[data-closing=true]{pointer-events:none;clip-path:circle(150vmax at var(--gx) var(--gy));animation:.4s forwards gv-fade}.gv-photo{opacity:.55;background-position:50%;background-size:cover;animation:2.6s cubic-bezier(.2,.6,.2,1) .2s forwards gv-kb;position:absolute;inset:0;transform:scale(1.18)}.gv-shade{background:radial-gradient(circle at 50% 46%,#0000001a 0%,#000000b8 100%);position:absolute;inset:0}.gv-stage{perspective:1400px;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:absolute;inset:0}.gv-card{aspect-ratio:1.6;color:#1a1a20;opacity:0;background:linear-gradient(135deg,#f7f2e6,#e7dfc9);border-radius:14px;width:min(80vw,470px,99.2vh);animation:.7s cubic-bezier(.2,.85,.25,1) .55s forwards gv-card-in,5s ease-in-out 1.3s infinite alternate gv-float;position:relative;overflow:hidden;transform:translateY(46px)rotateX(24deg)scale(.92);box-shadow:0 40px 80px -20px #000000b3,inset 0 0 0 1px #ffffff59}.gv-guil{background:repeating-radial-gradient(circle at 20% 130%, transparent 0 5px, var(--gv-line) 5px 5.8px), repeating-radial-gradient(circle at 90% -30%, transparent 0 7px, var(--gv-line) 7px 7.7px);opacity:.55;position:absolute;inset:0}.gv-grain{opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.25  0 0 0 0 0.2  0 0 0 0.7 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:absolute;inset:0}.gv-head{color:#f5f5f7;background:linear-gradient(90deg, var(--gv-dark), color-mix(in srgb, var(--gv-dark) 70%, #fff));align-items:center;gap:.6rem;height:21%;padding-inline:4.5%;display:flex;position:relative}.gv-head b{font-size:clamp(14px,3.4vw,18px);font-weight:800}.gv-head i{letter-spacing:.32em;opacity:.85;margin-inline-start:auto;font-size:11px;font-style:normal}.gv-body{gap:5%;height:64%;padding:4.5%;display:flex;position:relative}.gv-photoframe{box-shadow:0 0 0 3px #ffffffd9, 0 0 0 4.5px var(--gv-dark);background-position:50%;background-size:cover;border-radius:6px;flex:0 0 29%;position:relative;overflow:hidden}.gv-photoframe:after{content:"";background:linear-gradient(115deg,#0000 32%,#ffffffa6 46%,#0000 60%);animation:1.6s ease-in-out 1.5s forwards gv-holo;position:absolute;inset:0;transform:translate(-120%)}.gv-rows{flex-direction:column;flex:1;justify-content:center;gap:11%;display:flex}.gv-rows span{background:#1a1a2029;border-radius:4px;height:7px;display:block}.gv-rows span:first-child{width:62%}.gv-rows span:nth-child(2){width:86%}.gv-rows span:nth-child(3){width:48%}.gv-rows span:nth-child(4){width:74%}.gv-mrz{inset-inline:4.5%;letter-spacing:.12em;opacity:.45;white-space:nowrap;direction:ltr;font:600 9px/1.5 ui-monospace,Menlo,Consolas,monospace;position:absolute;bottom:3.5%;overflow:hidden}.gv-stamp{inset-inline-end:5%;opacity:0;transform-origin:50%;mix-blend-mode:multiply;width:38%;animation:.52s cubic-bezier(.2,.9,.25,1.15) 1.25s forwards gv-stamp;position:absolute;bottom:6%}.ok-stamp{opacity:0;transform-origin:50%;width:150px;margin:0 auto;animation:.56s cubic-bezier(.2,.9,.25,1.15) .25s forwards gv-stamp;display:block}@media (prefers-reduced-motion:reduce){.ok-stamp{animation-duration:1ms;animation-delay:0s}}.gv-hello{color:#f5f5f7e0;text-shadow:0 2px 16px #0009;opacity:0;margin:0;font-size:clamp(15px,1.9vw,20px);font-weight:400;animation:.6s ease-out 1.6s forwards gv-rise;transform:translateY(8px)}@keyframes gv-open{to{clip-path:circle(150vmax at var(--gx) var(--gy))}}@keyframes gv-fade{to{opacity:0}}@keyframes gv-kb{to{transform:scale(1.02)}}@keyframes gv-card-in{to{opacity:1;transform:none}}@keyframes gv-float{0%{transform:rotateY(-3deg)rotateX(1deg)}to{transform:rotateY(3deg)rotateX(-1deg)translateY(-4px)}}@keyframes gv-stamp{0%{opacity:0;transform:scale(1.9)rotate(-16deg)}62%{opacity:.95;transform:scale(.94)rotate(-7deg)}to{opacity:.92;transform:scale(1)rotate(-9deg)}}@keyframes gv-holo{to{transform:translate(140%)}}@keyframes gv-rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gv-root,.gv-photo,.gv-card,.gv-stamp,.gv-hello,.gv-photoframe:after{animation-duration:1ms;animation-delay:0s}.gv-card{opacity:1;animation:none;transform:none}}
