@font-face{font-family:Vibes;src:url('./assets/great-vibes-cyrillic.woff2')}@font-face{font-family:Montserrat;src:url('./assets/montserrat-cyrillic.woff2')}
.doors-scene>.backdrop{clip-path:inset(0 0 9.4% 0)}.doors-scene{background:#e5d8be}
.stage .open-invitation{white-space:nowrap}
nav button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:380px){.stage[data-variant] button.open-invitation{left:10%;width:80%;height:44px}.stage[data-variant=doors] button.open-invitation{bottom:0}}
*{box-sizing:border-box}body{margin:0;background:#e9e3da;color:#422e1c;font-family:Georgia,serif;min-height:100svh;display:flex;flex-direction:column;align-items:center}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ab7936;outline-offset:5px}nav{display:flex;gap:6px;padding:12px 8px;position:relative;z-index:5;flex-wrap:wrap;justify-content:center}nav button{border:1px solid #b5a590;background:transparent;color:#463729;padding:9px 16px;border-radius:25px;font:13px Montserrat,Arial,sans-serif}nav button[aria-pressed=true]{background:#473626;color:#fff9ee}.stage{position:relative;width:min(100%,calc((100svh - 68px)*2/3),620px);aspect-ratio:2/3;overflow:hidden;background:#f5ede0;isolation:isolate;perspective:1100px;container-type:inline-size;box-shadow:0 10px 50px #30200f24}.scene,.backdrop,.bow-part,.bow-part img,.door,.door img,.book-cover,.book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.scene{z-index:2;transform-style:preserve-3d}.scene:not(.active){display:none}.open-invitation{position:absolute;z-index:8;left:18%;bottom:7.9%;width:64%;min-height:44px;height:8%;border:1px solid #bb985b;border-radius:2.5cqw;background:#4a321b;color:#fff8eb;box-shadow:0 5px 12px #37230e44;font:500 clamp(14px,4cqw,25px) Montserrat,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:3cqw;padding:0 2cqw}.open-invitation span{font:7cqw Georgia}.stage[data-variant=doors] .open-invitation{bottom:1.8%;left:18%;width:65%;background:#363b16;border-radius:3.5cqw}.stage[data-variant=book] .open-invitation{bottom:8%;left:17%;width:66%;background:#1d354d;border-color:#3c5570}.open-invitation:disabled{cursor:default}.ribbon-line{position:absolute;top:74.5%;width:100%;text-align:center;font-size:4.5cqw}.bow-left{clip-path:polygon(0 35%,46% 35%,49% 51%,45% 62%,50% 100%,0 100%);transform-origin:49% 54%}.bow-right{clip-path:polygon(53% 35%,100% 35%,100% 100%,51% 100%,55% 62%,51% 51%);transform-origin:51% 54%}.bow-knot{clip-path:polygon(45% 48%,54% 48%,57% 63%,54% 72%,45% 72%,43% 63%);transform-origin:50% 55%}.door-light{position:absolute;left:12%;top:20.3%;width:76%;height:62%;border-radius:50% 50% 0 0 / 35% 35% 0 0;background:radial-gradient(ellipse at 50% 40%,#fffef6,#fff4ca 65%,#eaca89);box-shadow:0 0 20px #fff1b0}.door{backface-visibility:hidden;will-change:transform;transform-style:preserve-3d}.left-door{clip-path:polygon(49.7% 20.3%,49.7% 82.3%,12% 82.3%,12% 39%,14% 33%,19% 28%,28% 24%,38% 21.5%);transform-origin:12% 55%}.right-door{clip-path:polygon(50.3% 20.3%,62% 21.5%,72% 24%,81% 28%,86% 33%,88% 39%,88% 82.3%,50.3% 82.3%);transform-origin:88% 55%}.light-bloom{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#fffdeb 10%,#fff9e2d9 45%,#fff9e200 80%);opacity:0;pointer-events:none}.book-pages,.paper-leaf{position:absolute;left:18.8%;top:11%;width:64.8%;height:59.8%;transform:rotate(-3.7deg);transform-origin:left center;background:linear-gradient(90deg,#d4c6a7,#fbf5e6 9%,#f8f0dc 94%,#e4d6bb);border:1px solid #c8b593;box-shadow:2px 4px 4px #49391b30;display:flex;align-items:center;justify-content:center;flex-direction:column;font:5cqw Vibes,Georgia;backface-visibility:hidden}.page-flourish{font:8cqw Georgia;padding-top:2cqw}.book-cover{clip-path:polygon(13.2% 13.4%,77.3% 9.7%,85.8% 67.8%,18.6% 71.6%);transform-origin:16% 43%;backface-visibility:hidden;will-change:transform}.paper-leaf{box-shadow:1px 2px 4px #37240822}.welcome{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12%;text-align:center;background:radial-gradient(ellipse,#fff9ef,#ede0cc);opacity:0;transform:scale(.95)}.welcome:before{content:'';position:absolute;inset:6%;border:1px solid #bb9a61;pointer-events:none}.eyebrow{font:12px Montserrat,Arial;letter-spacing:.13em}.welcome h1{font:clamp(28px,9cqw,58px) Vibes,Georgia;font-weight:400;margin:7% 0 0}.ornament{font-size:10cqw;color:#a78348}.welcome p{font-size:clamp(16px,4.1cqw,25px);line-height:1.6;margin:3% 0}.welcome .names{font:8cqw Vibes,Georgia}.replay{margin-top:12%;border:0;background:none;text-decoration:underline;text-underline-offset:5px;font:12px Montserrat;color:#59492f;padding:12px}.skip{position:absolute;z-index:10;bottom:2%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;border:1px solid #a9997f;border-radius:20px;background:#fff9efed;color:#473727;font:12px Montserrat}.status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stage[data-state=open] .scene,.stage[data-state=open] .open-invitation{display:none}.stage[data-state=open] .welcome{opacity:1;transform:none;z-index:4}.stage[data-variant=book] .welcome{color:#1d354d;background:radial-gradient(ellipse,#fffaf0,#e6e7e3)}.stage[data-variant=doors] .welcome{color:#363b16}@media(max-width:380px){nav{padding:8px 4px}nav button{padding:8px 12px;font-size:12px}.stage{width:min(100%,calc((100svh - 57px)*2/3))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.mask-definitions{position:absolute;pointer-events:none}.bow-left{clip-path:none}.bow-right{clip-path:none}.bow-knot{clip-path:none}.bow-left img{clip-path:url(#ribbonLeft)}.bow-right img{clip-path:url(#ribbonRight)}.bow-knot img{clip-path:url(#ribbonKnot)}.book-pages,.paper-leaf{top:14%;height:55.7%;width:62%}