.op-tl{--W:84cqw;--u:calc(var(--W) / 1000);--Yh:44cqh;--tl-seal-w:22cqw;--tl-seal-top:10cqw;cursor:pointer;background:var(--tl-linen,url(/tpl/emerald/linen.webp?v=1) 0 0 / 512px 512px, #8f9ea3);-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-tl i{pointer-events:none;display:block;position:absolute}.op-tl-float{animation:7s ease-in-out infinite tl-float;position:absolute;inset:0}@keyframes tl-float{50%{transform:translateY(-4px)rotate(-.25deg)}}.op-tl-inside,.op-tl-pocket,.op-tl-shadow{left:calc(50% - var(--u) * 540);top:calc(var(--Yh) - var(--u) * 40);width:calc(var(--u) * 1080);height:calc(var(--u) * 680)}.op-tl-shadow{z-index:0;transform:translateY(calc(var(--u) * 40)) scale(1.08, .9);background:radial-gradient(closest-side,#2b373c73,#2b373c2e 60%,#0000)}.op-tl-inside{z-index:1;background:var(--tl-inside,url(/tpl/emerald/env-inside.webp?v=1)) center / 100% 100% no-repeat}.op-tl-pocket{z-index:4;background:var(--tl-pocket,url(/tpl/emerald/env-pocket.webp?v=1)) center / 100% 100% no-repeat}.op-tl-flap{z-index:5;left:calc(50% - var(--u) * 540);top:var(--Yh);width:calc(var(--u) * 1080);height:calc(var(--u) * 590);transform-origin:50% 0;transform-style:preserve-3d;position:absolute;transform:perspective(1600px)rotateX(0)}.op-tl-flap-out,.op-tl-flap-in{backface-visibility:hidden;position:absolute;inset:0}.op-tl-flap-out{background:var(--tl-flap-out,url(/tpl/emerald/flap-out.webp?v=1)) center / 100% 100% no-repeat}.op-tl-flap-in{background:var(--tl-flap-in,url(/tpl/emerald/flap-in.webp?v=1)) center / 100% 100% no-repeat;transform:rotateX(180deg)}.op-tl-seal,.op-tl-card-seal{aspect-ratio:360/420;background:var(--tl-seal,url(/tpl/emerald/seal.webp?v=1)) center / 100% 100% no-repeat;font-family:var(--font-display,serif);color:var(--tl-silver,#d6d2c7);text-shadow:-1px -1px #fffcf459,1px 1px 1px #140604b3;box-sizing:border-box;justify-content:center;align-items:center;padding:0 0 .7em;line-height:1;display:flex;position:absolute}.op-tl-seal:not(:lang(ar)),.op-tl-card-seal:not(:lang(ar)){padding:0}.op-tl-seal{left:calc(50% - var(--u) * 95);top:calc(var(--u) * 352);width:calc(var(--u) * 190);font-size:calc(var(--u) * 50)}.op-tl-seal span:nth-child(2),.op-tl-card-seal span:nth-child(2){margin-inline-start:-.12em;translate:0 .18em}.op-tl-seal span:first-child,.op-tl-card-seal span:first-child{translate:0 -.12em}.op-tl-card{z-index:3;transform-origin:50%;position:absolute;inset:0;translate:0 calc(30.96cqh + 2.52cqw);scale:.7392}.op-tl-card-top,.op-tl-card-rest{background:var(--tl-card,url(/tpl/emerald/emerald.webp?v=1)) 0 0 / 100cqw auto repeat-y;width:100%;top:0;left:0}.op-tl-card-top{height:52cqw;-webkit-mask:var(--tl-card-top,url(/tpl/emerald/edge-top.webp?v=1)) 0 0 / 100cqw auto no-repeat, linear-gradient(#000, #000) 0 12cqw / 100% calc(100% - 24cqw) no-repeat, var(--tl-card-bottom,url(/tpl/emerald/edge-bottom.webp?v=1)) 0 100% / 100cqw auto no-repeat;-webkit-mask:var(--tl-card-top,url(/tpl/emerald/edge-top.webp?v=1)) 0 0 / 100cqw auto no-repeat, linear-gradient(#000, #000) 0 12cqw / 100% calc(100% - 24cqw) no-repeat, var(--tl-card-bottom,url(/tpl/emerald/edge-bottom.webp?v=1)) 0 100% / 100cqw auto no-repeat;mask:var(--tl-card-top,url(/tpl/emerald/edge-top.webp?v=1)) 0 0 / 100cqw auto no-repeat, linear-gradient(#000, #000) 0 12cqw / 100% calc(100% - 24cqw) no-repeat, var(--tl-card-bottom,url(/tpl/emerald/edge-bottom.webp?v=1)) 0 100% / 100cqw auto no-repeat}.op-tl-card-rest{opacity:0;height:100%;-webkit-mask:var(--tl-card-top,url(/tpl/emerald/edge-top.webp?v=1)) 0 0 / 100cqw auto no-repeat, linear-gradient(#000, #000) 0 12cqw / 100% 100% no-repeat;-webkit-mask:var(--tl-card-top,url(/tpl/emerald/edge-top.webp?v=1)) 0 0 / 100cqw auto no-repeat, linear-gradient(#000, #000) 0 12cqw / 100% 100% no-repeat;mask:var(--tl-card-top,url(/tpl/emerald/edge-top.webp?v=1)) 0 0 / 100cqw auto no-repeat, linear-gradient(#000, #000) 0 12cqw / 100% 100% no-repeat}.op-tl-card-seal{left:calc(50% - var(--tl-seal-w) / 2);top:var(--tl-seal-top);width:var(--tl-seal-w);font-size:calc(var(--tl-seal-w) * .26)}.op-tl-heron{z-index:6;left:calc(50% + var(--u) * (var(--x) - 95));top:calc(var(--Yh) - var(--u) * var(--y));width:calc(var(--u) * 190);height:calc(var(--u) * 118);opacity:0}.op-tl-heron:before,.op-tl-heron:after{content:"";background:var(--tl-heron-up,url(/tpl/emerald/heron-up.svg?v=1)) center / 100% 100% no-repeat;scale:var(--flip,1) 1;position:absolute;inset:0}.op-tl-heron:after{background-image:var(--tl-heron-down,url(/tpl/emerald/heron-down.svg?v=1));opacity:0}.op-tl-heron.is-1{--x:-190;--y:220;--flip:-1}.op-tl-heron.is-2{--x:110;--y:330}.op-tl-heron.is-3{--x:-10;--y:120}.op-tl-hint{text-align:center;font-family:var(--font-body,serif);color:var(--tl-hint,#2b3a3c);letter-spacing:.02em;margin:0;font-size:1.02rem;animation:2.6s ease-in-out infinite tl-hint;position:absolute;bottom:13cqh;left:0;right:0}@keyframes tl-hint{50%{opacity:.55}}.op-tl.is-open{animation:.6s 4.1s both tl-out}@keyframes tl-out{to{opacity:0}}.op-tl.is-open .op-tl-float{animation:none}.op-tl.is-open .op-tl-hint{animation:.4s both tl-out}.op-tl.is-open .op-tl-flap{animation:1.1s cubic-bezier(.5,0,.3,1) .15s both tl-flap}.op-tl.is-open .op-tl-flap-in{animation:.7s 2.7s both tl-out}@keyframes tl-flap{0%{z-index:5;transform:perspective(1600px)rotateX(0)}49%{z-index:5}50%{z-index:2}to{z-index:2;transform:perspective(1600px)rotateX(180deg)}}.op-tl.is-open .op-tl-heron{animation:1.9s cubic-bezier(.4,0,.7,.6) 1.15s both tl-fly-1}.op-tl.is-open .op-tl-heron.is-2{animation-name:tl-fly-2;animation-duration:2s;animation-delay:1.35s}.op-tl.is-open .op-tl-heron.is-3{animation-name:tl-fly-3;animation-duration:1.8s;animation-delay:1.55s}.op-tl.is-open .op-tl-heron:after{animation:.46s step-end 1.15s infinite tl-wing}.op-tl.is-open .op-tl-heron:before{animation:.46s step-end 1.15s infinite tl-wing-up}@keyframes tl-wing{0%{opacity:0}50%{opacity:1}}@keyframes tl-wing-up{0%{opacity:1}50%{opacity:0}}@keyframes tl-fly-1{0%{opacity:0;transform:none}10%{opacity:1;transform:translate(-2cqw,-1cqh)scale(1.05)}85%{opacity:1}to{opacity:0;transform:translate(-62cqw,-46cqh)scale(2.8)rotate(10deg)}}@keyframes tl-fly-2{0%{opacity:0;transform:none}10%{opacity:1;transform:translate(2cqw,-1cqh)scale(1.05)}85%{opacity:1}to{opacity:0;transform:translate(60cqw,-50cqh)scale(2.6)rotate(-12deg)}}@keyframes tl-fly-3{0%{opacity:0;transform:none}10%{opacity:1;transform:translate(1cqw,-1.5cqh)scale(1.1)}85%{opacity:1}to{opacity:0;transform:translate(34cqw,-28cqh)scale(4.2)rotate(-6deg)}}.op-tl.is-open .op-tl-card{animation:2.75s cubic-bezier(.45,0,.25,1) 1.35s both tl-card,2.75s 1.35s both tl-card-s}@keyframes tl-card{0%{translate:0 calc(30.96cqh + 2.52cqw)}to{translate:0}}@keyframes tl-card-s{0%,36%{animation-timing-function:cubic-bezier(.45,0,.2,1);scale:.7392}to{scale:1}}.op-tl.is-open .op-tl-card-rest{animation:.9s 3.2s both tl-in}.op-tl-card-seal{opacity:0}.op-tl.is-open .op-tl-card-seal{animation:.7s 1.9s both tl-in}@keyframes tl-in{to{opacity:1}}.op-tl.is-open .op-tl-inside,.op-tl.is-open .op-tl-pocket,.op-tl.is-open .op-tl-shadow{animation:1.4s cubic-bezier(.5,0,.6,1) 2.75s both tl-away}@keyframes tl-away{to{opacity:0;translate:0 14cqh;scale:.94}}@media (prefers-reduced-motion:reduce){.op-tl-float,.op-tl-hint{animation:none}}
.op-bow{--bow-cw:min(100cqw, 66cqh);--bow-ch:calc(var(--bow-cw) * 1230 / 855);--bow-rw:calc(var(--bow-cw) * .98 * 46 / 600);--bow-bh:calc(var(--bow-rw) * 74 / 46);--skip:0s;background:var(--bow-wall,url(/tpl/swan/linen.webp) 0 0 / 384px 384px repeat, #d6d4cd);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container-type:size}.op-bow.is-open{pointer-events:none;animation:.8s 3.9s forwards op-bow-out}@keyframes op-bow-out{to{opacity:0}}.op-bow-scene{width:var(--bow-cw);height:var(--bow-ch);margin:calc(var(--bow-ch) / -2) 0 0 calc(var(--bow-cw) / -2);translate:calc(var(--tilt-x,0) * -4px) calc(var(--tilt-y,0) * -3px);will-change:transform;position:absolute;top:50%;left:50%}.op-bow .op-bow-scene{transform:scale(.86)rotate(-2deg)}.op-bow.is-open .op-bow-scene{animation:1.1s cubic-bezier(.45,.05,.25,1) 2.7s forwards op-bow-grow}@keyframes op-bow-grow{0%{transform:scale(.86)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.op-bow-card{background:var(--bow-card,url(/tpl/swan/card.webp)) center / 100% 100% no-repeat;position:absolute;inset:0}.op-bow-wrap{-webkit-mask:var(--bow-shape,url(/tpl/swan/card-shape.webp)) center / 100% 100% no-repeat;-webkit-mask:var(--bow-shape,url(/tpl/swan/card-shape.webp)) center / 100% 100% no-repeat;mask:var(--bow-shape,url(/tpl/swan/card-shape.webp)) center / 100% 100% no-repeat;position:absolute;inset:0}.op-bow-h{position:absolute;inset:0}.op-bow-band{background:var(--bow-band,url(/openings/bow/band.webp)) 0 0 / auto 100% repeat-x;position:absolute}.op-bow-band.is-h{top:calc(49.5% - var(--bow-bh) / 2);width:100%;height:var(--bow-bh);left:0}.op-bow-band.is-v{top:0;left:calc(49.9% - var(--bow-bh) / 2);width:var(--bow-bh);background:var(--bow-band-v,url(/openings/bow/band-v.webp)) 0 0 / 100% auto repeat-y;height:100%;-webkit-mask:conic-gradient(from -42.3deg at 50% calc(var(--bow-bh) * 25.3 / 74), transparent 84.6deg, #000 0);-webkit-mask:conic-gradient(from -42.3deg at 50% calc(var(--bow-bh) * 25.3 / 74), transparent 84.6deg, #000 0);mask:conic-gradient(from -42.3deg at 50% calc(var(--bow-bh) * 25.3 / 74), transparent 84.6deg, #000 0)}.op-bow.is-open .op-bow-h{animation:op-bow-slip 1.15s cubic-bezier(.55, 0, .4, 1) calc(1.95s + var(--skip)) forwards}@keyframes op-bow-slip{to{transform:translateY(calc(var(--bow-ch) * 1.06))}}.op-bow-seal{left:calc(50% - var(--bow-cw) * .075);top:calc(var(--bow-ch) * .065 - var(--bow-cw) * .075);width:calc(var(--bow-cw) * .15);height:calc(var(--bow-cw) * .15);background:var(--bow-seal,url(/tpl/swan/seal.webp)) center / 100% 100% no-repeat;font-family:var(--font-ruqaa), var(--font-amiri), serif;font-size:calc(var(--bow-cw) * .048);color:var(--bow-seal-ink,#3a2f27);text-shadow:0 1px #d6c4ac59,0 -1px #1e181373;direction:ltr;justify-content:center;align-items:center;margin:0;line-height:1;display:flex;position:absolute}[lang]:not(:where([lang=ar])) .op-bow-seal{font-family:var(--font-pinyon), serif;font-size:calc(var(--bow-cw) * .052)}.op-bow-knot{left:calc(49.9% - var(--bow-cw) * .49);top:calc(49.5% - var(--bow-cw) * .91467 * .35714);width:calc(var(--bow-cw) * .98);height:calc(var(--bow-cw) * .91467);background:var(--bow-still,url(/openings/bow/bow-still.webp)) 0 0 / 100% 100% no-repeat;transform-origin:50% 35.71%;animation:4.2s ease-in-out infinite op-bow-breathe;position:absolute;overflow:hidden}.op-bow[data-moving] .op-bow-knot,.op-bow.is-open .op-bow-knot{background:0 0}@keyframes op-bow-breathe{0%,to{transform:none}50%{transform:scale(1.012)rotate(-.3deg)}}.op-bow[data-moving] .op-bow-knot,.op-bow.is-open .op-bow-knot{animation:none}.op-bow-sheet{background:var(--bow-sheet,url(/openings/bow/bow.webp)) 0 0 / 100% 100% no-repeat;width:700%;height:600%;position:absolute;inset:0 auto auto 0}@keyframes op-bow-fade{to{opacity:0}}.op-bow-hint{background:var(--bow-hint,#efece5b8);color:var(--bow-ink,#4a3f36);font-family:var(--font-amiri), serif;white-space:nowrap;border-radius:999px;margin:0;padding:7px 18px;font-size:.95rem;animation:2.8s ease-in-out infinite op-bow-hint;position:absolute;bottom:max(5cqh,22px);left:50%;translate:-50%}@keyframes op-bow-hint{50%{opacity:.55}}.op-bow.is-open .op-bow-hint{animation:.3s forwards op-bow-fade}@media (prefers-reduced-motion:reduce){.op-bow-knot,.op-bow-hint{animation:none}}
.op-lt{background:radial-gradient(ellipse 90% 70% at 50% 42%, #fffffa47, transparent 70%), radial-gradient(ellipse 120% 100% at 50% 50%, transparent 55%, #3c423a2e), var(--lt-table,url(/tpl/zajil/linen.webp) 0 0 / 256px 256px repeat, #d6d8ce);cursor:pointer;perspective:1400px;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-lt.is-open{pointer-events:none;animation:.8s 4.4s forwards op-lt-out}@keyframes op-lt-out{to{opacity:0}}.op-lt-rig{transform:rotateX(calc(var(--tilt-y,0) * -7deg)) rotateY(calc(var(--tilt-x,0) * 9deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.op-lt.is-open .op-lt-rig{transition-duration:1.1s;transform:none}.op-lt-env{perspective:900px;width:74cqw;height:109.15cqw;animation:6s ease-in-out infinite op-lt-float;position:absolute;top:calc(47cqh - 54.6cqw);left:13cqw}.op-lt.is-open .op-lt-env{animation-play-state:paused}@keyframes op-lt-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-1.1cqw)rotate(.4deg)}}.op-lt-back,.op-lt-pocket{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-lt-back{z-index:1;background-image:var(--lt-back,url(/tpl/zajil/env-back.webp))}.op-lt-pocket{z-index:3;background-image:var(--lt-pocket,url(/tpl/zajil/env-pocket.webp))}.op-lt-flap{z-index:4;transform-origin:50% 9.95%;width:100%;height:34.07%;transition:transform 1.4s cubic-bezier(.45,0,.3,1) .9s,z-index 0s linear 1.6s;position:absolute;top:0;left:0}.op-lt-flap-out,.op-lt-flap-in{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-lt-flap-out{background-image:var(--lt-flap,url(/tpl/zajil/env-flap.webp))}.op-lt-flap-in{background-image:var(--lt-flap-in,url(/tpl/zajil/env-flap-in.webp));opacity:0;transform:scaleY(-1)}.op-lt.is-open .op-lt-flap{z-index:0;transform:rotateX(180deg)}.op-lt.is-open .op-lt-flap-out{opacity:0;transition:opacity 0s linear 1.6s}.op-lt.is-open .op-lt-flap-in{opacity:1;transition:opacity 0s linear 1.6s}.op-lt-card{z-index:2;background:var(--lt-card,url(/tpl/zajil/card-tall.webp)) center / 100% 100% no-repeat;width:82%;height:89.7%;position:absolute;top:6%;left:9%}.op-lt-mono{background:var(--lt-crest,url(/tpl/zajil/crest.webp)) center / 100% 100% no-repeat;width:22cqw;height:22cqw;font-family:var(--font-names,serif);color:var(--lt-gold,#c9bb8c);justify-content:center;align-items:center;gap:.6cqw;margin:0 0 0 -11cqw;font-size:5.4cqw;line-height:1;display:flex;position:absolute;top:7%;left:50%}.op-lt.is-open .op-lt-card{animation:2.4s 2.2s both op-lt-card,2.4s 2.2s both op-lt-card-s}@keyframes op-lt-card{0%{animation-timing-function:cubic-bezier(.45,0,.3,1);translate:0}50%{animation-timing-function:cubic-bezier(.4,0,.2,1);translate:0 -46cqw}to{translate:0 calc(3cqh - .9cqw)}}@keyframes op-lt-card-s{0%,30%{animation-timing-function:cubic-bezier(.45,0,.2,1);scale:1}to{scale:1.55}}.op-lt.is-open :is(.op-lt-back,.op-lt-pocket,.op-lt-flap){animation:1.3s cubic-bezier(.5,0,.75,.3) 2.9s forwards op-lt-drop}@keyframes op-lt-drop{to{opacity:0;translate:0 80cqh}}.op-lt-seal{z-index:5;aspect-ratio:1;width:26%;animation:2.8s ease-in-out infinite op-lt-pulse;position:absolute;top:27.97%;left:50%;translate:-50% -50%}@keyframes op-lt-pulse{50%{transform:scale(1.04)}}.op-lt.is-open .op-lt-seal{animation:.3s forwards op-lt-press}@keyframes op-lt-press{to{transform:scale(.95)}}.op-lt-half{transition:transform 1.15s cubic-bezier(.4,0,.6,1) .35s,opacity .8s .7s;position:absolute;inset:0}.op-lt-half.is-l{clip-path:polygon(0 0,52% 0,47% 20%,55% 37%,46% 55%,53% 73%,48% 100%,0 100%)}.op-lt-half.is-r{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,53% 73%,46% 55%,55% 37%,47% 20%)}.op-lt.is-open .op-lt-half{opacity:0}.op-lt.is-open .op-lt-half.is-l{transform:translate(-6cqw,14cqw)rotate(-34deg)}.op-lt.is-open .op-lt-half.is-r{transform:translate(6cqw,16cqw)rotate(30deg)}.op-lt-wax{background:var(--lt-seal,url(/tpl/zajil/seal.webp)) center / 100% 100% no-repeat;place-items:center;display:grid;position:absolute;inset:0}.op-lt-wax b{font-family:var(--font-names,serif);color:var(--lt-seal-ink,#2e1b07);text-shadow:0 1px #d6ac7073,0 -1px #00000059;gap:.4cqw;margin-top:-.6cqw;font-size:5cqw;font-weight:400;line-height:1;display:flex}.op-lt-hint{text-align:center;font-family:var(--font-body,serif);letter-spacing:.02em;color:var(--lt-ink,#3d434c);margin:0;font-size:.9rem;animation:2.4s ease-in-out infinite op-pulse;position:absolute;bottom:max(5cqh,24px);left:0;right:0}.op-lt.is-open .op-lt-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-lt-env,.op-lt-seal,.op-lt-hint{animation:none}}
.op-nd{--rd:min(104cqw, 50cqh);--rx:40cqw;--ry:calc(100cqh - var(--rd) * .5 - 6cqh);background:var(--nd-bg,#ece4e0);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-nd.is-open{pointer-events:none;animation:.8s 2.6s forwards op-nd-out}@keyframes op-nd-out{to{opacity:0}}.op-nd-scene{position:absolute;inset:0}.op-nd-sky{background:var(--nd-sky,url(/tpl/serenade/sky.webp)) center top / cover no-repeat;position:absolute;inset:0}.op-nd-disc,.op-nd-sheen{left:calc(var(--rx) - var(--rd) / 2);top:calc(var(--ry) - var(--rd) / 2);width:var(--rd);height:var(--rd);position:absolute}.op-nd-disc{background:var(--nd-disc,url(/tpl/serenade/disc.webp)) center / 100% 100% no-repeat;border-radius:50%;place-items:center;display:grid}.op-nd.is-open .op-nd-disc{animation:3.6s cubic-bezier(.333,0,.667,.333) 1.3s op-nd-spinup,1.8s linear 4.9s infinite op-nd-spin}@keyframes op-nd-spinup{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes op-nd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-nd-sheen{background:var(--nd-sheen,url(/tpl/serenade/sheen.webp)) center / 100% 100% no-repeat}.op-nd-mono{translate:0 calc(var(--rd) * -.085);font-family:var(--font-display);font-size:calc(var(--rd) * .07);letter-spacing:.06em;color:var(--nd-label-ink,#f8f3f1);opacity:.92;direction:ltr;gap:.18em;line-height:1;display:flex}.op-nd-arm,.op-nd-arm-shadow{left:calc(var(--rx) + var(--rd) * .34);top:calc(var(--ry) - var(--rd) * .32);width:calc(var(--rd) * .26);height:calc(var(--rd) * .8);background:var(--nd-arm,url(/tpl/serenade/arm.webp)) center / 100% 100% no-repeat;transform-origin:61.54% 87.5%;position:absolute;rotate:4deg;scale:1.025}.op-nd-arm-shadow{translate:calc(var(--rd) * .03) calc(var(--rd) * .035);opacity:.6;background-image:url(/tpl/serenade/arm-shadow.webp)}.op-nd.is-open .op-nd-arm{animation:1.5s cubic-bezier(.45,0,.3,1) .15s forwards op-nd-cue}.op-nd.is-open .op-nd-arm-shadow{animation:1.5s cubic-bezier(.45,0,.3,1) .15s forwards op-nd-cue-shadow}@keyframes op-nd-cue{0%{rotate:4deg;scale:1.025}70%{rotate:-6.04deg;scale:1.025}to{rotate:-6.04deg;scale:1}}@keyframes op-nd-cue-shadow{0%{rotate:4deg;translate:calc(var(--rd) * .03) calc(var(--rd) * .035);opacity:.6}70%{rotate:-6.04deg;translate:calc(var(--rd) * .03) calc(var(--rd) * .035);opacity:.6}to{rotate:-6.04deg;translate:calc(var(--rd) * .012) calc(var(--rd) * .014);opacity:1}}.op-nd-light{left:calc(var(--rx) - var(--rd));top:calc(var(--ry) - var(--rd));width:calc(var(--rd) * 2);height:calc(var(--rd) * 2);background:radial-gradient(closest-side, var(--nd-light,#fffbf8e6), #fffbf859 45%, transparent);opacity:0;pointer-events:none;position:absolute;transform:scale(.4)}.op-nd.is-open .op-nd-light{animation:1.6s ease-out 1.6s forwards op-nd-light}@keyframes op-nd-light{0%{opacity:0;transform:scale(.4)}60%{opacity:.85}to{opacity:.7;transform:scale(1.5)}}.op-nd-hint{background:var(--nd-hint,#faf6f5b8);color:var(--nd-ink,#574f4d);font-family:var(--font-body);white-space:nowrap;border-radius:999px;margin:0;padding:9px 20px;font-size:1.05rem;animation:2.8s ease-in-out infinite op-nd-breathe;position:absolute;top:22cqh;left:50%;translate:-50%;box-shadow:0 6px 24px #574f4d1f}.op-nd.is-open .op-nd-hint{animation:.4s forwards op-nd-out}@keyframes op-nd-breathe{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.op-nd-hint{animation:none}}
.op-vi{--aw:max(100cqw, 46.154cqh);--ah:calc(var(--aw) * 2340 / 1080);background:var(--vi-bg,#f1e8d6);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-vi.is-open{pointer-events:none;animation:.9s 3.3s forwards op-vi-out}@keyframes op-vi-out{to{opacity:0}}.op-vi-camera{position:absolute;inset:0}.op-vi-art,.op-vi-soft{width:var(--aw);height:var(--ah);margin-left:calc(var(--aw) / -2);background:var(--vi-art,url(/tpl/tale/hero.webp)) center top / 100% 100% no-repeat;position:absolute;top:0;left:50%}.op-vi-art{translate:calc(var(--tilt-x,0) * -3px) calc(var(--tilt-y,0) * -2px)}.op-vi-soft{background-image:var(--vi-soft,url(/tpl/tale/hero-soft.webp));opacity:.62;margin:0;left:0}.op-vi.is-open .op-vi-soft{animation:1.8s .8s forwards op-vi-out}.op-vi-strand{--w:30cqw;z-index:2;left:calc(var(--x) * 1% - var(--w) / 2);top:calc(var(--len) * 100cqh - var(--w) * var(--ar));width:var(--w);height:calc(var(--w) * var(--ar));transform-origin:50% 0;rotate:var(--push,0deg);translate:calc(var(--tilt-x,0) * var(--depth-px,-5px)) 0;transition:rotate .9s cubic-bezier(.22,1,.36,1);position:absolute}.op-vi-strand>i{background:var(--img) center top / 100% auto no-repeat;transform-origin:50% 0;animation:op-vi-sway 6.5s ease-in-out var(--d,0s) infinite alternate;position:absolute;inset:0}.op-vi-strand.is-far{--w:20cqw;--depth-px:-2px;z-index:1;opacity:.72}.op-vi-strand.is-far>i{animation-duration:8s}.op-vi-strand.is-near{--w:46cqw;--depth-px:-12px;z-index:3}.op-vi-strand.is-near>i{animation-duration:5.2s}@keyframes op-vi-sway{0%{transform:rotate(-1.1deg)}45%{transform:rotate(.6deg)}to{transform:rotate(1.5deg)}}.op-vi.is-open .op-vi-strand{animation:op-vi-part 2.3s cubic-bezier(.45, 0, .35, 1) var(--at,0s) forwards;transition:none}@keyframes op-vi-part{0%{rotate:var(--push,0deg);translate:0}42%{rotate:calc(var(--side) * -20deg);translate:calc(var(--side) * 4cqw) -3cqh;opacity:1}to{rotate:calc(var(--side) * -32deg);translate:calc(var(--side) * 10cqw) -105cqh;opacity:0}}.op-vi-spray{z-index:4;pointer-events:none;position:absolute;top:-7cqw}.op-vi-spray:before{content:"";background:var(--vi-spray-l,url(/tpl/tale/spray-1-soft.webp)) center / 100% 100% no-repeat;transform-origin:50%;position:absolute;inset:0;transform:scaleY(-1)}.op-vi-spray.is-l{aspect-ratio:198/168;transform-origin:10% 0;width:64cqw;animation:7s ease-in-out infinite alternate op-vi-bough;left:-14cqw}.op-vi-spray.is-r{aspect-ratio:248/153;transform-origin:90% 0;width:74cqw;animation:8s ease-in-out -3s infinite alternate-reverse op-vi-bough;right:-16cqw}.op-vi-spray.is-r:before{background-image:var(--vi-spray-r,url(/tpl/tale/spray-2-soft.webp))}@keyframes op-vi-bough{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.4deg)}}.op-vi.is-open .op-vi-spray.is-l{animation:1.7s cubic-bezier(.55,0,.3,1) .3s forwards op-vi-spray-l}.op-vi.is-open .op-vi-spray.is-r{animation:1.7s cubic-bezier(.55,0,.3,1) .4s forwards op-vi-spray-r}@keyframes op-vi-spray-l{to{opacity:0;transform:translate(-36cqw,-34cqh)rotate(-12deg)}}@keyframes op-vi-spray-r{to{opacity:0;transform:translate(36cqw,-34cqh)rotate(12deg)}}.op-vi-mono{z-index:1;font-family:var(--font-names,var(--font-display,serif));color:var(--vi-ink,#8a6a3e);text-shadow:0 0 22px #fff8e8e6,0 1px #fffaeeb3;pointer-events:none;justify-content:center;align-items:baseline;gap:.18em;margin:0;font-size:min(16cqw,8cqh);line-height:1.6;animation:2.2s .3s both op-vi-mono-in;display:flex;position:absolute;top:20cqh;left:0;right:0}.op-vi-mono span:last-child{translate:0 .28em}@keyframes op-vi-mono-in{0%{opacity:0;transform:translateY(8px)}}.op-vi.is-open .op-vi-mono{animation:.8s 1.9s forwards op-vi-out}.op-vi-hint{z-index:5;background:var(--vi-hint,#f1e8d6b8);color:var(--vi-hint-ink,#5b4a3a);font-family:var(--font-body,serif);letter-spacing:.03em;white-space:nowrap;border:1px solid #8a6a3e4d;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;animation:2.8s ease-in-out infinite op-vi-hint;position:absolute;bottom:max(26px,6cqh);left:50%;translate:-50%}@keyframes op-vi-hint{50%{opacity:.6}}.op-vi.is-open .op-vi-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-vi-strand>i,.op-vi-spray,.op-vi-hint{animation:none}}
.op-hr{--fw:max(78cqw, 36cqh);--fh:calc(var(--fw) * 1026 / 980);--fl:calc(50cqw - var(--fw) * .4993);--ft:calc(44cqh - var(--fh) * .4563);background:var(--hr-bg,#cbbf9f);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-hr.is-open{pointer-events:none;background:0 0;transition:background-color .4s}.op-hr-cam{transform-origin:50cqw 44cqh;will-change:transform;position:absolute;inset:0}.op-hr-cam>div{position:absolute}.op-hr-art{left:var(--fl);top:var(--ft);width:var(--fw);height:var(--fh);background:var(--hr-art,url(/tpl/ghadir/heart-bare.webp)) center / 100% 100% no-repeat;translate:calc(var(--tilt-x,0) * -.5cqw) calc(var(--tilt-y,0) * -.4cqw);overflow:clip}.op-hr-art i{pointer-events:none;display:block;position:absolute}.op-hr-glints{background:var(--hr-glints,url(/tpl/ghadir/glints.webp)) center / 94.34% 100% no-repeat;animation:5.2s ease-in-out infinite op-hr-glints;inset:0 -3%}.op-hr-glints.is-b{background-image:var(--hr-glints-b,url(/tpl/ghadir/glints-b.webp));animation-name:op-hr-glints-b;animation-delay:-2.6s}@keyframes op-hr-glints{0%,to{opacity:.85;transform:translate(-1.2%)}50%{opacity:.2;transform:translate(1.2%)}}@keyframes op-hr-glints-b{0%,to{opacity:.8;transform:translate(1%)}50%{opacity:.15;transform:translate(-1%)}}.op-hr-swan{width:39.8%;height:27%;position:absolute;top:39.67%;left:29.59%}.op-hr-bird{background:var(--hr-swan,url(/tpl/ghadir/swan.webp)) center / 100% 100% no-repeat;transform-origin:62% 96%;animation:5.6s ease-in-out infinite op-hr-rock;inset:0}@keyframes op-hr-rock{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-1.6%)rotate(-.7deg)}65%{transform:translateY(.8%)rotate(.5deg)}}.op-hr-reflect{background:var(--hr-reflect,url(/tpl/ghadir/swan-reflect.webp)) center / 100% 100% no-repeat;transform-origin:60% 0;width:100%;height:59.9%;animation:2.8s ease-in-out infinite op-hr-waver;top:97.1%;left:0}@keyframes op-hr-waver{0%,to{transform:translate(-1%)scale(1)}50%{transform:translate(1.2%)scale(1.03,.94)}}.op-hr-wake{background:var(--hr-wake,url(/tpl/ghadir/wake.webp)) center / 100% 100% no-repeat;transform-origin:93.75% 20%;opacity:.3;width:164.1%;height:43.3%;animation:3.4s ease-in-out infinite op-hr-paddle;top:88.4%;left:-61.8%;transform:scale(.42,.7)}@keyframes op-hr-paddle{0%,to{opacity:.18}50%{opacity:.38}}.op-hr-wall{left:calc(var(--fl) - var(--fw) * .33568);top:calc(var(--ft) - var(--fh) * .73875);width:calc(var(--fw) * 1.68376);height:calc(var(--fw) * 3.06138);background:var(--hr-wall,url(/tpl/ghadir/toile-wall.webp)) center / 100% 100% no-repeat}.op-hr-wall:after{content:"";background:radial-gradient(ellipse 34% 20% at 49.6% 42.4%, var(--hr-light,#fff8e46b), transparent 70%);animation:6s ease-in-out infinite op-hr-breathe;position:absolute;inset:0}@keyframes op-hr-breathe{0%,to{opacity:.55}50%{opacity:1}}.op-hr-frame{left:var(--fl);top:var(--ft);width:var(--fw);height:var(--fh);background:var(--hr-frame,url(/tpl/ghadir/heart-frame.webp)) center / 100% 100% no-repeat;translate:calc(var(--tilt-x,0) * .5cqw) calc(var(--tilt-y,0) * .4cqw)}.op-hr-glint{-webkit-mask:var(--hr-win,url(/tpl/ghadir/heart-win.webp)) center / 100% 100% no-repeat;-webkit-mask:var(--hr-win,url(/tpl/ghadir/heart-win.webp)) center / 100% 100% no-repeat;mask:var(--hr-win,url(/tpl/ghadir/heart-win.webp)) center / 100% 100% no-repeat;position:absolute;inset:0;overflow:hidden}.op-hr-glint:before{content:"";background:linear-gradient(105deg,#0000 38%,#fffcf047 46%,#fffcf014 52%,#0000 60%);animation:7s cubic-bezier(.45,0,.3,1) 1.2s infinite op-hr-glint;position:absolute;inset:-10% -60%;transform:translate(-70%)}@keyframes op-hr-glint{0%{transform:translate(-70%)}38%,to{transform:translate(70%)}}.op-hr-mono{left:0;right:0;top:calc(var(--ft) + var(--fh) + 4cqw);font-family:var(--font-names,var(--font-display));color:var(--hr-ink,#4a4630);isolation:isolate;text-shadow:0 0 3cqw var(--hr-glow,#e8e0ccf2), 0 0 7cqw var(--hr-glow,#e8e0cccc);pointer-events:none;justify-content:center;gap:.2em;margin:0;font-size:11cqw;line-height:1.6;display:flex;position:absolute}.op-hr-mono span:last-child{translate:0 .22em}.op-hr-mono:before,.op-hr-hint:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--hr-glow,#e8e0cceb), transparent);position:absolute;inset:-40% 12%}.op-hr-hint:before{inset:-120% 14%}.op-hr-hint{text-align:center;font-family:var(--font-body);letter-spacing:.04em;color:var(--hr-hint,#3f3b26);isolation:isolate;text-shadow:0 0 2.4cqw var(--hr-glow,#e8e0ccf2), 0 0 6cqw var(--hr-glow,#e8e0cce6);margin:0;font-size:.98rem;animation:2.8s ease-in-out infinite op-hr-hint;position:absolute;bottom:6.5cqh;left:0;right:0}@keyframes op-hr-hint{0%,to{opacity:.55}50%{opacity:1}}.op-hr.is-open .op-hr-mono{opacity:0;transition:opacity .6s,transform 1s;transform:translateY(-2cqw)}.op-hr.is-open .op-hr-hint{opacity:0;transition:opacity .4s;animation:none}.op-hr.is-open .op-hr-glint{opacity:0;transition:opacity .5s}.op-hr.is-open .op-hr-swan{animation:3.4s .15s both op-hr-swim}@keyframes op-hr-swim{0%{animation-timing-function:cubic-bezier(.5,0,.75,.3);transform:translate(0)scale(1)}to{transform:translate(175%)scale(1.06)}}.op-hr.is-open .op-hr-wake{animation:1.4s ease-out .2s both op-hr-wake}@keyframes op-hr-wake{0%{opacity:.3;transform:scale(.42,.7)}to{opacity:.95;transform:scale(1)}}.op-hr.is-open .op-hr-art{opacity:0;transition:opacity 1s cubic-bezier(.45,0,.55,1) 2.6s}.op-hr.is-open .op-hr-cam{animation:3.1s linear .9s both op-hr-walk,.6s 3.4s both op-hr-gone}@keyframes op-hr-walk{0%{transform:scale(1)}4%{transform:scale(1.0018)}8%{transform:scale(1.0085)}12%{transform:scale(1.0209)}16%{transform:scale(1.0398)}20%{transform:scale(1.0658)}24%{transform:scale(1.0998)}28%{transform:scale(1.1429)}32%{transform:scale(1.1962)}36%{transform:scale(1.2613)}40%{transform:scale(1.34)}44%{transform:scale(1.4347)}48%{transform:scale(1.5482)}52%{transform:scale(1.6842)}56%{transform:scale(1.8471)}60%{transform:scale(2.0425)}64%{transform:scale(2.2776)}68%{transform:scale(2.5615)}72%{transform:scale(2.9055)}76%{transform:scale(3.3246)}80%{transform:scale(3.8376)}84%{transform:scale(4.4693)}88%{transform:scale(5.2518)}92%{transform:scale(6.2275)}96%{transform:scale(7.4521)}to{transform:scale(9)}}@keyframes op-hr-gone{to{opacity:0}}@media (prefers-reduced-motion:reduce){.op-hr-glint:before,.op-hr-wall:after,.op-hr-glints,.op-hr-bird,.op-hr-reflect,.op-hr-wake,.op-hr-hint,.op-hr.is-open .op-hr-swan,.op-hr.is-open .op-hr-wake{animation:none}.op-hr.is-open .op-hr-art{transition-delay:.2s}.op-hr.is-open .op-hr-cam{animation:1s .8s both op-hr-gone}}
.op-pg{--aw:max(100cqw, 46.154cqh);--ah:calc(var(--aw) * 2340 / 1080);--s:.64;--n:12;--spine-x:100cqw;--hinge:right;--sg:1;--to-spine:to right;--to-edge:to left;background:var(--pg-backdrop,radial-gradient(ellipse 80% 60% at 50% 50%, #f6eedf8c, #d9cbb4cc), url(/tpl/tale/hero-soft.webp) center / cover, #e3d6c0);color:var(--pg-ink,#4d3f33);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-pg.is-ltr{--spine-x:0cqw;--hinge:left;--sg:-1;--to-spine:to left;--to-edge:to right}.op-pg.is-open{pointer-events:none;animation:.95s 4.5s forwards op-pg-out}@keyframes op-pg-out{to{opacity:0}}.op-pg-camera{--dive:calc(1 / var(--s));transform-origin:0 0;will-change:transform;position:absolute;inset:0}.op-pg.is-open .op-pg-camera{animation:4.6s linear forwards op-pg-camera}@keyframes op-pg-camera{0%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(0)scale(1)}26%{transform:translate(calc(50cqw - var(--spine-x) * .46), 27cqh) scale(.46)}70%{transform:translate(calc(50cqw - var(--spine-x) * .46), 27cqh) scale(.46);animation-timing-function:cubic-bezier(.55,0,.2,1)}to{transform:translate(calc(50cqw - 50cqw * var(--dive)), calc(50cqh - 50cqh * var(--dive))) scale(var(--dive))}}.op-pg-cover,.op-pg-block,.op-pg-facing{pointer-events:none;position:absolute}.op-pg-cover{background:var(--pg-cover,linear-gradient(90deg, #6f5242, #8a6a55 30%, #7a5c4a 49%, #4f3a2e 50%, #7a5c4a 51%, #8a6a55 70%, #6f5242));border-radius:2.4cqw;width:208cqw;top:-3cqw;bottom:-5cqw;left:-4cqw;box-shadow:0 3cqw 9cqw #46321e59,0 .6cqw 1.6cqw #46321e4d}.op-pg.is-ltr .op-pg-cover{left:-104cqw}.op-pg-block{background:repeating-linear-gradient(0deg,#efe5d1 0 2px,#d8cbb2 2px 3px);border-radius:0 0 1cqw 1cqw;width:203.2cqw;top:.4cqw;bottom:-2.4cqw;left:-1.6cqw}.op-pg.is-ltr .op-pg-block{left:-101.6cqw}.op-pg-facing{place-items:center;width:100cqw;height:100cqh;display:grid;top:0;left:100cqw}.op-pg.is-ltr .op-pg-facing{left:-100cqw}.op-pg-page,.op-pg-facing,.op-pg-sheet{background:var(--pg-paper,url(/tpl/tale/paper.webp) 0 0 / 512px 512px repeat, #f1e8d6)}.op-pg-page{position:absolute;inset:0}.op-pg-face.is-front .op-pg-sheet:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(var(--to-edge), transparent 97.5%, #6e523524);position:absolute;inset:0}.op-pg-spine{z-index:80;top:0;left:calc(var(--spine-x) - 14cqw);pointer-events:none;background:linear-gradient(90deg,#0000,#60462c14 30%,#60462c4d 50%,#60462c14 70%,#0000);width:28cqw;height:100cqh;position:absolute}.op-pg-leaf{z-index:calc(20 - var(--i) * 2);perspective:520cqw;perspective-origin:var(--hinge) 50%;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.op-pg-shadow{z-index:calc(19 - var(--i) * 2);pointer-events:none;background:linear-gradient(var(--to-spine), transparent 15%, #46301c1a 60%, #46301c42);opacity:0;position:absolute;inset:0}.op-pg-strip{height:100%;width:calc(100cqw / var(--n) + 2px);transform-style:preserve-3d;transform-origin:var(--hinge) center;position:absolute;top:0;right:0}.op-pg-strip .op-pg-strip{right:calc(100% - 2px)}.op-pg.is-ltr .op-pg-strip{left:0;right:auto}.op-pg.is-ltr .op-pg-strip .op-pg-strip{left:calc(100% - 2px)}.op-pg-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.op-pg-face.is-back{transform:rotateY(180deg)}.op-pg-sheet{top:0;right:calc(var(--k) * -100cqw / var(--n));width:100cqw;height:100cqh;position:absolute}.op-pg.is-ltr .op-pg-sheet{right:auto;left:calc(var(--k) * -100cqw / var(--n))}.op-pg-face.is-back:after,.op-pg-face.is-front:after{content:"";z-index:4;pointer-events:none;position:absolute;inset:0}.op-pg-face.is-back:after{background:#6e523514}.op-pg-face.is-front:after{opacity:0;background:#46321e66}.op-pg-leaf.is-title{--c0:.12deg}.op-pg-leaf.is-title .op-pg-strip .op-pg-strip{animation:2.6s ease-in-out infinite alternate op-pg-breathe}@keyframes op-pg-breathe{0%{transform:rotateY(0)}to{transform:rotateY(calc(var(--sg) * var(--k) * var(--c0)))}}.op-pg.is-open .op-pg-leaf{animation:op-pg-z var(--dur) step-end var(--at) forwards}.op-pg.is-open .op-pg-leaf>.op-pg-strip{animation:op-pg-turn var(--dur) cubic-bezier(.42, 0, .3, 1) var(--at) forwards}.op-pg.is-open .op-pg-leaf .op-pg-strip .op-pg-strip{animation:op-pg-curl var(--dur) ease-in-out var(--at) forwards}.op-pg.is-open .op-pg-face.is-front:after{animation:op-pg-shade var(--dur) ease-in-out var(--at) forwards}.op-pg.is-open .op-pg-shadow{animation:op-pg-cast var(--dur) ease-in-out var(--at) forwards}@keyframes op-pg-z{0%{z-index:60}to{z-index:calc(30 + var(--i))}}@keyframes op-pg-turn{0%{transform:rotateY(0)}to{transform:rotateY(calc(var(--sg) * 180deg))}}@keyframes op-pg-curl{0%{transform:rotateY(calc(var(--sg) * var(--k) * var(--c0,0deg)))}38%{transform:rotateY(calc(var(--sg) * 7deg))}to{transform:rotateY(0)}}@keyframes op-pg-shade{0%{opacity:0}40%{opacity:calc(.04 + var(--k) * .03)}70%{opacity:.3}to{opacity:0}}@keyframes op-pg-cast{0%{opacity:0}30%{opacity:1}60%{opacity:0}}.op-pg-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3cqh;padding:10cqh 13cqw;animation:1.8s .2s both op-pg-in;display:flex;position:absolute;inset:0}@keyframes op-pg-in{0%{opacity:0}}.op-pg-title p{margin:0}.op-pg-rule{background:linear-gradient(45deg, transparent 42%, var(--pg-gilt,#8a6a3e) 43% 57%, transparent 58%) center / 9px 9px no-repeat, linear-gradient(90deg, transparent, var(--pg-gilt,#8a6a3e) 30%, var(--pg-gilt,#8a6a3e) 70%, transparent) center / 100% 1px no-repeat;opacity:.7;flex:none;width:34cqw;height:9px;display:block}.op-pg-once{font-family:var(--font-display,serif);color:var(--pg-gilt,#8a6a3e);font-size:min(7cqw,3.4cqh);line-height:1.5}.op-pg.is-ltr .op-pg-once{letter-spacing:.04em;font-style:italic}.op-pg-names{font-family:var(--font-names,var(--font-display,serif));color:var(--pg-ink,#4d3f33);justify-items:center;font-size:min(12cqw,5.8cqh);line-height:1.75;display:grid}.op-pg-names small{color:var(--pg-gilt,#8a6a3e);font-size:.48em;line-height:1.2}.op-pg-date{font-family:var(--font-body,serif);letter-spacing:.06em;color:var(--pg-ink,#4d3f33);opacity:.75;font-size:min(4.4cqw,2.2cqh)}.op-pg-vignette{aspect-ratio:.8;border-radius:50%;width:64cqw;position:relative;box-shadow:0 0 0 1px #8a6a3e73,0 0 0 7px #fffbf266,0 0 0 8px #8a6a3e40}.op-pg-vignette:before{content:"";background:var(--pg-vignette,url(/tpl/tale/doves.webp)) 55% 60% / 150% auto no-repeat;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#000 72%,#0000);mask:radial-gradient(closest-side,#000 72%,#0000)}.op-pg-pressed{aspect-ratio:420/330;background:var(--pg-pressed,url(/tpl/tale/pressed.webp)) center / 100% 100% no-repeat;width:66cqw;position:absolute;top:44%;left:50%;translate:-50% -50%;rotate:-7deg}.op-pg-ribbon{transform-origin:50% 0;background:var(--pg-ribbon,url(/tpl/tale/satin.webp)) center top / 100% 100% no-repeat;width:6cqw;height:96cqh;position:absolute;top:-3cqh;right:21cqw;rotate:7deg}.op-pg.is-ltr .op-pg-ribbon{left:21cqw;right:auto;rotate:-7deg}.op-pg-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3cqh;padding:12cqh 13cqw;display:flex;position:absolute;inset:0}.op-pg-text p{max-width:30ch;font-family:var(--font-body,serif);color:var(--pg-ink,#4d3f33);opacity:.86;margin:0;font-size:min(5.2cqw,2.6cqh);line-height:2.1}.op-pg-tissue-art{inset:calc(50cqh * (1 - var(--s))) calc(50cqw * (1 - var(--s)));background:var(--pg-soft,url(/tpl/tale/hero-soft.webp)) center top / calc(var(--aw) * var(--s)) calc(var(--ah) * var(--s)) no-repeat;opacity:.32;position:absolute}.op-pg-leaf.is-tissue .op-pg-sheet{background:#f9f4ea}.op-pg-plate-mark{width:calc(100cqw * var(--s) + 8cqw);height:calc(100cqh * var(--s) + 8cqw);background:#fffbf259;border-radius:3px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #8a6a3e33,inset 1.5px 1.5px 2px #6e523524,1px 1px #fffcf4b3}.op-pg-plate{transform:scale(var(--s));background:var(--pg-art,url(/tpl/tale/hero.webp)) center top / var(--aw) var(--ah) no-repeat;position:absolute;inset:0;overflow:hidden}.op-pg-feather{box-shadow:inset 0 0 5cqw 2.6cqw var(--pg-bg,#f1e8d6);position:absolute;inset:-1px}.op-pg.is-open .op-pg-feather{animation:1s 3.4s forwards op-pg-out}.op-pg-caption{left:0;right:0;top:calc(50% + 50cqh * var(--s) + 6.5cqw);font-family:var(--font-names,var(--font-display,serif));color:var(--pg-gilt,#8a6a3e);justify-content:center;align-items:baseline;gap:1.1em;margin:0;font-size:min(6.4cqw,3.2cqh);line-height:1.6;display:flex;position:absolute}.op-pg-caption span{position:relative}.op-pg-caption span+span:before{content:"";opacity:.7;background:currentColor;width:5px;height:5px;margin:.95em 0 0 -.62em;position:absolute;rotate:45deg}.op-pg-hint{z-index:5;background:var(--pg-hint,#f8f1e3cc);color:var(--pg-hint-ink,#5b4a3a);font-family:var(--font-body,serif);letter-spacing:.03em;white-space:nowrap;border:1px solid #8a6a3e4d;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;animation:2.8s ease-in-out infinite op-pg-hint;position:absolute;bottom:max(22px,4.5cqh);left:50%;translate:-50%}@keyframes op-pg-hint{50%{opacity:.6}}.op-pg.is-open .op-pg-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-pg-leaf.is-title .op-pg-strip .op-pg-strip,.op-pg-hint{animation:none}}
.op-vn{--ew:min(90cqw, 56cqh);--u:calc(var(--ew) / 1000);--ex:calc(50cqw - var(--ew) / 2);--ey:calc(62cqh - 300 * var(--u));background:radial-gradient(ellipse 75% 50% at 46% 46%, var(--vn-lamp,#ffd6aa4d), transparent 70%), linear-gradient(#1204076b, #1204076b), radial-gradient(ellipse 130% 90% at 50% 50%, transparent 45%, #0a02048c), var(--vn-cloth,url(/tpl/aqiq/velvet.webp) 0 0 / 384px 384px repeat, #3d1219);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-vn-lamp{background:radial-gradient(ellipse 60% 40% at 46% 46%, var(--vn-lamp,#ffd6aa4d), transparent 70%);opacity:0;animation:7s ease-in-out infinite alternate op-vn-lamp;position:absolute;inset:0}@keyframes op-vn-lamp{to{opacity:.6}}.op-vn.is-open .op-vn-lamp{opacity:0;transition:opacity 1.2s;animation:none}.op-vn-rig{perspective:1500px;transform:rotateX(calc(var(--tilt-y,0) * -6deg)) rotateY(calc(var(--tilt-x,0) * 8deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.op-vn.is-open .op-vn-rig{transition-duration:1.2s;transform:none}.op-vn-env{left:var(--ex);top:var(--ey);width:var(--ew);height:calc(680 * var(--u));perspective:calc(1800 * var(--u));translate:0 calc(-110 * var(--u));transition:translate 1.2s cubic-bezier(.45,0,.25,1) .3s;animation:6s ease-in-out infinite op-vn-float;position:absolute}.op-vn.is-open .op-vn-env{animation:none;translate:0}@keyframes op-vn-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-9 * var(--u)))}}.op-vn-back,.op-vn-pocket{pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-vn-back{z-index:1;background-image:var(--vn-back,url(/tpl/aqiq/env-back.webp))}.op-vn-pocket{z-index:4;background-image:var(--vn-pocket,url(/tpl/aqiq/env-pocket.webp))}.op-vn-flap{z-index:6;width:100%;height:calc(560 * var(--u));transform-origin:50% 0;transform-style:preserve-3d;transition:transform 1.4s cubic-bezier(.45,0,.3,1) .6s,z-index 0s linear 1.3s;position:absolute;top:0;left:0}.op-vn-face{backface-visibility:hidden;background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-vn-face.is-out{background-image:var(--vn-flap,url(/tpl/aqiq/env-flap.webp))}.op-vn-face.is-in{background-image:var(--vn-flap-in,url(/tpl/aqiq/env-flap-in.webp));transform:rotateX(180deg)}.op-vn.is-open .op-vn-flap{z-index:2;transform:rotateX(180deg)}.op-vn-print,.op-vn-record,.op-vn-doily{z-index:3;pointer-events:none;position:absolute}.op-vn-print{left:calc(108 * var(--u));top:calc(-236 * var(--u));width:calc(440 * var(--u));height:calc(528 * var(--u));background:var(--vn-print,url(/tpl/aqiq/print.webp)) center / 100% 100% no-repeat;rotate:-5deg;transform:translateY(calc(340 * var(--u)))}.op-vn-photo{background:#3a1d1c;position:absolute;inset:7.2% 7.2% 23.2%;overflow:hidden;box-shadow:inset 0 0 0 1px #3a242040}.op-vn-photo img{object-fit:cover;width:100%;height:100%}.op-vn-nophoto{background:var(--vn-nophoto,url(/tpl/aqiq/rose-bouquet.webp)) center 30% / 70% auto no-repeat, url(/tpl/aqiq/paper.webp) 0 0 / 256px 256px, #e0ccbb;position:absolute;inset:0}.op-vn.is-open .op-vn-print{animation:1.25s cubic-bezier(.3,0,.2,1) 1.8s both op-vn-rise}@keyframes op-vn-rise{to{transform:none}}.op-vn-record{left:calc(500 * var(--u));top:calc(-160 * var(--u));width:calc(480 * var(--u));height:calc(480 * var(--u));transform:translate(calc(-80 * var(--u)), calc(300 * var(--u))) rotate(-14deg)}.op-vn.is-open .op-vn-record{animation:1.25s cubic-bezier(.3,0,.2,1) 2.1s both op-vn-slide}@keyframes op-vn-slide{to{transform:none}}.op-vn-spin,.op-vn-disc,.op-vn-sheen{border-radius:50%;position:absolute;inset:0}.op-vn-disc{background:var(--vn-record,url(/tpl/aqiq/record.webp)) center / 100% 100% no-repeat}.op-vn-sheen{background:var(--vn-sheen,url(/tpl/aqiq/record-sheen.webp)) center / 100% 100% no-repeat}.op-vn.is-open .op-vn-spin{animation:1.2s cubic-bezier(.333,0,.667,.333) 3.35s both op-vn-spinup}@keyframes op-vn-spinup{0%{rotate:none}to{rotate:120deg}}.op-vn.is-open .op-vn-disc{animation:1.8s linear 4.55s infinite op-vn-turn}@keyframes op-vn-turn{0%{rotate:none}to{rotate:360deg}}.op-vn-doily{left:calc(262 * var(--u));top:calc(212 * var(--u));width:calc(480 * var(--u));height:calc(442 * var(--u));padding-bottom:calc(26 * var(--u));box-sizing:border-box;background:var(--vn-doily,url(/tpl/aqiq/doily.webp)) center / 100% 100% no-repeat;rotate:3deg;transform:translateY(calc(20 * var(--u)));place-items:center;display:grid}.op-vn.is-open .op-vn-doily{animation:1.7s 2.5s both op-vn-heart,1.7s 2.5s both op-vn-heart-z}@keyframes op-vn-heart{0%{transform:translateY(calc(20 * var(--u)));animation-timing-function:cubic-bezier(.35,0,.25,1)}52%{transform:translateY(calc(-300 * var(--u))) rotate(-2deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}to{transform:none}}@keyframes op-vn-heart-z{0%,51%{z-index:3}52%,to{z-index:5}}.op-vn-date{max-width:50%;font-family:var(--font-body,serif);font-size:calc(30 * var(--u));text-align:center;color:var(--vn-date-ink,#3a2420);font-weight:700;line-height:1.5}.op-vn-date.is-mono{font-family:var(--font-names,serif);font-size:calc(54 * var(--u));gap:.2em;font-weight:400;display:flex}.op-vn-seal{z-index:7;left:calc(500 * var(--u));top:calc(492 * var(--u));width:calc(190 * var(--u));aspect-ratio:1;animation:2.8s ease-in-out infinite op-vn-pulse;position:absolute;translate:-50% -50%}@keyframes op-vn-pulse{50%{transform:scale(1.04)}}.op-vn.is-open .op-vn-seal{animation:.3s forwards op-vn-press}@keyframes op-vn-press{to{transform:scale(.95)}}.op-vn-half{transition:transform 1.05s cubic-bezier(.4,0,.6,1) .35s,opacity .7s .7s;position:absolute;inset:0}.op-vn-half.is-l{clip-path:polygon(0 0,52% 0,47% 20%,55% 37%,46% 55%,53% 73%,48% 100%,0 100%)}.op-vn-half.is-r{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,53% 73%,46% 55%,55% 37%,47% 20%)}.op-vn.is-open .op-vn-half{opacity:0}.op-vn.is-open .op-vn-half.is-l{transform:translate(calc(-60 * var(--u)), calc(160 * var(--u))) rotate(-34deg)}.op-vn.is-open .op-vn-half.is-r{transform:translate(calc(60 * var(--u)), calc(180 * var(--u))) rotate(30deg)}.op-vn-wax{background:var(--vn-seal,url(/tpl/aqiq/seal.webp)) center / 100% 100% no-repeat;place-items:center;display:grid;position:absolute;inset:0}.op-vn-wax b{font-family:var(--font-names,serif);font-size:calc(54 * var(--u));color:var(--vn-wax-ink,#2a0a10);text-shadow:0 1px #d6788273,0 -1px #0006;gap:.08em;margin-top:-4%;font-weight:400;line-height:1;display:flex}.op-vn-hint{text-align:center;font-family:var(--font-body,serif);letter-spacing:.02em;color:var(--vn-ink,#ecdfd0);text-shadow:0 1px 6px #00000080;margin:0;font-size:.95rem;animation:2.4s ease-in-out infinite op-pulse;position:absolute;bottom:max(6cqh,24px);left:0;right:0}.op-vn.is-open{pointer-events:none;animation:1s 4.7s forwards op-vn-out}@keyframes op-vn-out{to{opacity:0}}.op-vn.is-open .op-vn-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-vn-env,.op-vn-seal,.op-vn-lamp,.op-vn-hint{animation:none}}
.op-film{cursor:pointer;background:var(--film-screen,radial-gradient(120% 80% at 50% 45%, #2b1c1c, #0d0909 75%));color:var(--film-title-ink,#f3e6da);font-family:var(--font-display);-webkit-tap-highlight-color:transparent;--bar-h:var(--film-bar-h,54px);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.op-film:focus-visible{outline:2px solid var(--film-gold,#d8b48a);outline-offset:-6px}.op-film-glow{background:radial-gradient(50% 42% at 50% 46%, var(--film-glow,#ffd6be29), transparent 70%);animation:4.2s ease-in-out infinite alternate op-film-breathe;position:absolute;inset:10% -10%}@keyframes op-film-breathe{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.op-film-title{z-index:2;text-align:center;justify-items:center;gap:14px;padding:0 32px;transition:opacity .5s,transform .9s;animation:5s step-end infinite op-film-flicker;display:grid;position:relative}@keyframes op-film-flicker{0%,31%,33%,77%,79%,to{opacity:1}32%{opacity:.82}78%{opacity:.9}}.op-film-presents{word-spacing:.3em;color:var(--film-gold,#d8b48a);font-size:.95rem}.op-film-names{font-family:var(--film-title-font,var(--font-names,var(--font-display)));font-size:2.7rem;line-height:1.45;display:grid}.op-film-and{color:var(--film-gold,#d8b48a);font-size:1.3rem}.op-film-play{border:1px solid var(--film-gold,#d8b48a);border-radius:50%;width:54px;height:54px;margin-top:10px;animation:2.4s ease-in-out infinite op-film-pulse;position:relative}.op-film-play:before{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--film-gold,#d8b48a);position:absolute;top:50%;left:54%;translate:-50% -50%}@keyframes op-film-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.op-film-hint{opacity:.75;font-size:.82rem}.op-film.is-leaving .op-film-title{opacity:0;animation:none;transform:scale(.96)}.op-film-leader{z-index:3;aspect-ratio:1;opacity:0;width:min(64vw,270px);color:var(--film-leader,#f1e3d3);position:absolute;top:50%;left:50%;translate:-50% -50%}.op-film.is-leaving .op-film-leader{animation:2.9s .2s both op-film-leader}@keyframes op-film-leader{0%{opacity:0}10%,86%{opacity:1}to{opacity:0}}.op-film-ring{fill:none;stroke:currentColor;stroke-width:1.2px;opacity:.75;position:absolute;inset:0}.op-film-sweep{opacity:.8;background:conic-gradient(#ffffff47,#ffffff0a 70%,#0000 100%);border-radius:50%;position:absolute;inset:4%}.op-film.is-leaving .op-film-sweep{animation:.8s linear .3s 3 both op-film-spin}@keyframes op-film-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-film-num{opacity:0;place-items:center;font-size:6.2rem;line-height:1;display:grid;position:absolute;inset:0}.op-film.is-leaving .op-film-num{animation:.8s linear forwards op-film-num;animation-delay:calc(.3s + var(--n) * .8s)}@keyframes op-film-num{0%,96%{opacity:1}to{opacity:0}}.op-film-scratch{z-index:4;background:linear-gradient(#0000,#ffffff38 20%,#ffffff1a 70%,#0000);width:1px;animation:3.1s steps(7,end) infinite op-film-scratch;position:absolute;top:0;bottom:0;left:38%}@keyframes op-film-scratch{0%{opacity:.6;transform:translate(0)}50%{opacity:.2;transform:translate(46px)}to{opacity:.7;transform:translate(-30px)}}.op-film-grain{z-index:5;opacity:.22;mix-blend-mode:screen;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(3,end) infinite op-film-jitter;position:absolute;inset:-40px}@keyframes op-film-jitter{0%{transform:translate(0)}33%{transform:translate(-13px,8px)}66%{transform:translate(9px,-12px)}to{transform:translate(0)}}.op-film-bar{z-index:6;height:var(--bar-h);background:var(--film-bar,#120c0d);position:absolute;inset-inline:0;box-shadow:0 0 #0000}.op-film-bar.is-top{border-bottom:1px solid var(--film-rule,transparent);top:0}.op-film-bar.is-bottom{border-top:1px solid var(--film-rule,transparent);bottom:0}.op-film-flash{z-index:5;background:var(--film-flash,radial-gradient(70% 55% at 50% 48%, #fff7ef, #ffece0d9 60%, #ffe6da99));opacity:0;pointer-events:none;position:absolute;inset:0}.op-film.is-leaving .op-film-flash{animation:.9s ease-out 2.65s both op-film-flash}@keyframes op-film-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.op-film.is-leaving{animation:.5s 2.9s both op-film-out}.op-film.is-leaving .op-film-glow{animation:none}@keyframes op-film-out{to{opacity:0}}.op-film:before{content:"";z-index:1;opacity:0;background:#0a07078c;transition:opacity .6s;position:absolute;inset:0}.op-film.is-leaving:before{opacity:1}@media (prefers-reduced-motion:reduce){.op-film-title,.op-film-play,.op-film-glow,.op-film-scratch,.op-film-grain{animation:none}}
.op-hn{--u:min(1cqw, .58cqh);--top:calc(50cqh - var(--u) * 82);--ex:calc(50cqw - var(--u) * 45.36);--ey:calc(50cqh - var(--u) * 21.36);background:var(--hn-bg,url(/tpl/hanin/damask.webp) 0 0 / 498px 510px repeat, #b4a892);cursor:pointer;perspective:1500px;perspective-origin:50% 40%;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-hn>*{margin:0;position:absolute}.op-hn i{display:block}.op-hn-light{pointer-events:none;background:radial-gradient(70% 45% at 30% 30%,#faf4e652,#0000 70%),radial-gradient(130% 100% at 50% 45%,#0000 58%,#3e352838);inset:0}.op-hn-chateau{z-index:0;left:calc(50cqw - var(--u) * 44);top:var(--top);width:calc(var(--u) * 88);aspect-ratio:896/940;opacity:0;background:url(/tpl/hanin/chateau.webp) 50%/100% 100% no-repeat}.op-hn-lace{z-index:2;left:calc(50cqw - var(--u) * 52);top:calc(var(--top) + var(--u) * 50);width:calc(var(--u) * 104);aspect-ratio:1007/1102;translate:0 calc(var(--u) * -3.46);background:url(/tpl/hanin/lace-card.webp) 50%/100% 100% no-repeat;transition:translate 1.4s cubic-bezier(.4,0,.25,1) .9s;scale:.704}.op-hn-back,.op-hn-pocket,.op-hn-flap{left:var(--ex);top:var(--ey);width:calc(var(--u) * 90.72)}.op-hn-back,.op-hn-pocket{aspect-ratio:1080/1020;background:50%/100% 100% no-repeat}.op-hn-back{z-index:1;background-image:url(/tpl/hanin/env-back.webp)}.op-hn-pocket{z-index:6;pointer-events:none;background-image:url(/tpl/hanin/env-pocket.webp)}.op-hn-flap{z-index:7;aspect-ratio:1080/640;transform-origin:50% 6.25%;transition:transform 1.3s cubic-bezier(.45,0,.3,1),z-index 0s linear .62s}.op-hn-flap-out,.op-hn-flap-in{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-hn-flap-out{background-image:url(/tpl/hanin/env-flap.webp)}.op-hn-flap-in{opacity:0;background-image:url(/tpl/hanin/env-flap-in.webp);transform:scaleY(-1)}.op-hn:not([data-stage=closed]) .op-hn-flap{z-index:0;transform:rotateX(180deg)}.op-hn:not([data-stage=closed]) .op-hn-flap-out{opacity:0;transition:opacity 0s linear .62s}.op-hn:not([data-stage=closed]) .op-hn-flap-in{opacity:1;transition:opacity 0s linear .62s}.op-hn-mono{font-family:var(--font-names,serif);font-size:calc(var(--u) * 8);color:var(--hn-ink,#5d5142);opacity:.78;justify-content:center;gap:.12em;margin:0;line-height:1;transition:opacity .3s;display:flex;position:absolute;top:52%;left:0;right:0}.op-hn:not([data-stage=closed]) .op-hn-mono{opacity:0}.op-hn-photo{z-index:3;left:calc(var(--ex) + var(--u) * 11);top:calc(var(--ey) + var(--u) * 15);width:calc(var(--u) * 42);aspect-ratio:736/896;background:url(/tpl/hanin/print.webp) 50%/100% 100% no-repeat;transition:translate 1.3s cubic-bezier(.35,0,.25,1) 1.2s,rotate 1.3s cubic-bezier(.35,0,.25,1) 1.2s}.op-hn-photo img,.op-hn-photo-sketch{object-fit:cover;border-radius:1px;width:78%;height:73.5%;position:absolute;inset:9.5% 11% 17%;box-shadow:inset 0 0 0 1px #3c322614}.op-hn-photo-sketch{background:url(/tpl/hanin/chateau.webp) 50% 58%/190% no-repeat}.op-hn-record{z-index:4;left:calc(var(--ex) + var(--u) * 38);top:calc(var(--ey) + var(--u) * 18);width:calc(var(--u) * 44);aspect-ratio:1;transition:translate 1.3s cubic-bezier(.35,0,.25,1) 1.45s,rotate 1.3s cubic-bezier(.35,0,.25,1) 1.45s}.op-hn-disc{box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 2) #28201859;background:url(/tpl/hanin/record.webp) 50%/100% 100% no-repeat;border-radius:50%;position:absolute;inset:0}.op-hn-label{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-hn-label text{font-family:var(--font-body,serif);fill:#ebe5d9;opacity:.92;font-size:5.6px}.op-hn-note{fill:#4f4334}.op-hn-sheen{pointer-events:none;background:url(/tpl/hanin/record-sheen.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.op-hn-heart{z-index:5;left:calc(var(--ex) + var(--u) * 25);top:calc(var(--ey) + var(--u) * 40);width:calc(var(--u) * 40);aspect-ratio:948/888;background:url(/tpl/hanin/heart.webp) 50%/100% 100% no-repeat;place-items:center;transition:translate 1.2s cubic-bezier(.35,0,.25,1) 1.7s,rotate 1.2s cubic-bezier(.35,0,.25,1) 1.7s;display:grid}.op-hn-heart span{font-family:var(--font-cormorant,var(--font-body,serif));font-size:calc(var(--u) * 5.4);letter-spacing:.02em;color:#3e3528;direction:ltr;margin-top:-9%}.op-hn:not([data-stage=closed]) .op-hn-lace{translate:0 calc(var(--u) * -35.5)}.op-hn:not([data-stage=closed]) .op-hn-photo{translate:calc(var(--u) * -3) calc(var(--u) * -36);rotate:-6deg}.op-hn:not([data-stage=closed]) .op-hn-record{translate:calc(var(--u) * 5) calc(var(--u) * -31);rotate:8deg}.op-hn:not([data-stage=closed]) .op-hn-heart{translate:calc(var(--u) * -1) calc(var(--u) * -32);rotate:-3deg}.op-hn[data-stage=leaving]{pointer-events:none;animation:.8s 7s forwards op-hn-out}@keyframes op-hn-out{to{opacity:0}}.op-hn[data-stage=leaving] .op-hn-disc{animation:3.6s cubic-bezier(.333,0,.667,.333) 1.5s op-hn-spin-up,1.8s linear 5.1s infinite op-hn-spin}@keyframes op-hn-spin-up{to{transform:rotate(360deg)}}@keyframes op-hn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-hn[data-stage=leaving] :is(.op-hn-back,.op-hn-pocket,.op-hn-flap,.op-hn-photo,.op-hn-record,.op-hn-heart){animation:1.5s cubic-bezier(.5,0,.75,.3) 4.5s forwards op-hn-drop}.op-hn[data-stage=leaving] .op-hn-flap{transform:rotateX(180deg)}@keyframes op-hn-drop{to{opacity:0;transform:translateY(75cqh)}}.op-hn[data-stage=leaving] .op-hn-flap{animation-name:op-hn-drop-flap}@keyframes op-hn-drop-flap{0%{transform:rotateX(180deg)}to{opacity:0;transform:translateY(75cqh)rotateX(180deg)}}.op-hn[data-stage=leaving] .op-hn-lace{animation:2.4s cubic-bezier(.45,0,.2,1) 4.5s forwards op-hn-lace-t,2.2s cubic-bezier(.45,0,.2,1) 4.7s forwards op-hn-lace-s}@keyframes op-hn-lace-t{0%{translate:0 calc(var(--u) * -35.5)}to{translate:0}}@keyframes op-hn-lace-s{0%{scale:.704}to{scale:1}}.op-hn[data-stage=leaving] .op-hn-chateau{animation:1.1s 5.7s forwards op-hn-in}@keyframes op-hn-in{to{opacity:1}}.op-hn-hint{z-index:9;text-align:center;font-family:var(--font-body,serif);letter-spacing:.02em;color:var(--hn-ink,#3e3528);font-size:.95rem;transition:opacity .4s;animation:2.4s ease-in-out infinite op-pulse;bottom:max(5cqh,24px);left:0;right:0}.op-hn[data-stage=leaving] .op-hn-hint{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.op-hn-hint{animation:none}}
.op-pk{--env-w:92cqw;--env-h:calc(var(--env-w) * 920 / 1200);--env-top:calc(54cqh - var(--env-h) / 2);background:radial-gradient(ellipse 80% 60% at 30% 25%, #fffcf64d, transparent 70%), radial-gradient(ellipse 120% 100% at 50% 50%, transparent 55%, #46382c29), var(--pk-table,url(/tpl/calla/canvas.webp) 0 0 / 512px 512px repeat, #d8d3cb);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-pk.is-open{pointer-events:none;animation:1.5s 1.8s forwards op-pk-out}@keyframes op-pk-out{to{opacity:0}}.op-pk-scene{transform-origin:50cqw calc(var(--env-top) + var(--env-h) * .57);position:absolute;inset:0}.op-pk.is-open .op-pk-scene{animation:2.8s cubic-bezier(.5,0,.85,.45) .4s forwards op-pk-dive}@keyframes op-pk-dive{to{transform:scale(3.4)}}.op-pk-flower,.op-pk-ribbon{pointer-events:none;background:50%/100% 100% no-repeat;position:absolute}.op-pk-flower.is-a{left:-16cqw;top:calc(var(--env-top) - 52cqw);aspect-ratio:622/599;background-image:var(--pk-flower-a,url(/tpl/calla/peony-a.webp));width:62cqw;rotate:-14deg}.op-pk-flower.is-b{right:-22cqw;top:calc(var(--env-top) + var(--env-h) - 8cqw);aspect-ratio:853/998;background-image:var(--pk-flower-b,url(/tpl/calla/peony-c.webp));width:70cqw;rotate:8deg}.op-pk-ribbon{left:-30cqw;top:calc(var(--env-top) + var(--env-h) * .25);aspect-ratio:1;background-image:var(--pk-ribbon,url(/tpl/calla/chiffon-b.webp));opacity:.95;width:70cqw;rotate:18deg}.op-pk-flower{animation:7s ease-in-out infinite op-pk-breathe}.op-pk-flower.is-b{animation-duration:8.5s;animation-delay:-3s}@keyframes op-pk-breathe{50%{scale:1.015}}.op-pk-env{left:calc(50cqw - var(--env-w) / 2);top:var(--env-top);width:var(--env-w);height:var(--env-h);perspective:1100px;transform:rotateX(calc(var(--tilt-y,0) * -6deg)) rotateY(calc(var(--tilt-x,0) * 8deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);animation:6s ease-in-out infinite op-pk-float;position:absolute}.op-pk.is-opened .op-pk-env{transition-duration:1.1s;animation-play-state:paused;transform:none}@keyframes op-pk-float{0%,to{translate:0;rotate:-.5deg}50%{translate:0 -1cqw;rotate:.3deg}}.op-pk-back,.op-pk-pocket{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-pk-back{z-index:1;background-image:var(--pk-back,url(/openings/pocket/env-back.webp))}.op-pk-inside{z-index:2;clip-path:inset(-200% -60% 5.4%);position:absolute;inset:0}.op-pk-pocket{z-index:3;background-image:var(--pk-pocket,url(/openings/pocket/env-pocket.webp))}.op-pk-flap{z-index:4;transform-origin:50% 0;width:100%;height:61.74%;transition:transform 1.3s cubic-bezier(.45,0,.3,1) .7s,z-index 0s linear 1.35s;position:absolute;top:5.435%;left:0}.op-pk-flap-out,.op-pk-flap-in{background:50%/100% 100% no-repeat;width:100%;position:absolute;top:0;left:0}.op-pk-flap-out{background-image:var(--pk-flap,url(/openings/pocket/env-flap.webp));height:100%}.op-pk-flap-in{background-image:var(--pk-flap-in,url(/openings/pocket/env-flap-in.webp));opacity:0;height:107.04%;transform:scaleY(-1)}.op-pk.is-opened .op-pk-flap{z-index:0;transform:rotateX(180deg)}.op-pk.is-opened .op-pk-flap-out{opacity:0;transition:opacity 0s linear 1.35s}.op-pk.is-opened .op-pk-flap-in{opacity:1;transition:opacity 0s linear 1.35s}.op-pk-print{aspect-ratio:700/860;background:var(--pk-print,url(/openings/pocket/print.webp)) center / 100% 100% no-repeat;width:44%;position:absolute;top:-19%;left:7%;translate:0 92%;rotate:-7deg}.op-pk-print img,.op-pk-print-art{object-fit:cover;filter:sepia(.18)saturate(.85)contrast(.96);width:83.4%;height:84.8%;position:absolute;inset:7.6% 8.3%;box-shadow:inset 0 0 0 1px #3c2e2414}.op-pk-print-art{filter:none;background:url(/tpl/calla/calla.webp) 50% 40%/80% no-repeat,#eee9e1}.op-pk-record{aspect-ratio:1;width:54%;position:absolute;top:-10%;left:45%;translate:0 92%;rotate:-12deg}.op-pk-disc,.op-pk-sheen{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-pk-disc{background-image:var(--pk-record,url(/openings/pocket/record.webp))}.op-pk-sheen{background-image:var(--pk-sheen,url(/openings/pocket/record-sheen.webp));pointer-events:none}.op-pk-label{width:34.29%;height:34.29%;position:absolute;top:32.86%;left:32.86%;overflow:visible}.op-pk-label text{font-family:var(--font-body,serif);fill:var(--pk-label,#46323a);letter-spacing:.02em;font-size:10.5px;font-weight:700}.op-pk-note{fill:var(--pk-label,#46323a);opacity:.85}.op-pk-heart{z-index:1;aspect-ratio:760/700;background:var(--pk-heart,url(/openings/pocket/heart.webp)) center / 100% 100% no-repeat;place-items:center;width:50%;display:grid;position:absolute;top:30%;left:25%;translate:0 46%}.op-pk-heart span{font-family:var(--font-cormorant), var(--font-body,serif);font-size:calc(var(--env-w) * .062);letter-spacing:.04em;color:var(--pk-date,#46323a);direction:ltr;margin-top:-6%;font-weight:600}.op-pk.is-opened .op-pk-print{animation:1.2s cubic-bezier(.3,0,.2,1) 1.6s both op-pk-rise}.op-pk.is-opened .op-pk-record{animation:1.15s cubic-bezier(.3,0,.2,1) 1.85s both op-pk-rise}@keyframes op-pk-rise{to{translate:0}}.op-pk.is-opened .op-pk-heart{animation:1.3s 2.1s both op-pk-heart}@keyframes op-pk-heart{0%{z-index:1;animation-timing-function:cubic-bezier(.3,0,.4,1);translate:0 46%}52%{z-index:1;animation-timing-function:cubic-bezier(.4,0,.2,1);translate:0 -46%;scale:1.04}53%{z-index:4}to{z-index:4;translate:0;scale:1}}.op-pk.is-open .op-pk-record{transition:translate .9s cubic-bezier(.3,0,.2,1);animation:none;translate:4% -6%}.op-pk.is-open .op-pk-disc{animation:1.6s cubic-bezier(.33,0,.67,.33) forwards op-pk-spinup,1.6s linear 1.6s infinite op-pk-spin}@keyframes op-pk-spinup{to{rotate:180deg}}@keyframes op-pk-spin{0%{rotate:180deg}to{rotate:540deg}}.op-pk.is-opened:not(.is-open) .op-pk-sheen{animation:2.6s ease-in-out 3.2s infinite op-pk-glint}@keyframes op-pk-glint{50%{opacity:.55}}.op-pk-seal{z-index:5;aspect-ratio:520/612;width:17%;animation:2.8s ease-in-out infinite op-pk-pulse;position:absolute;top:55%;left:50%;translate:-50% -50%}@keyframes op-pk-pulse{50%{transform:scale(1.04)}}.op-pk.is-opened .op-pk-seal{animation:.3s forwards op-pk-press}@keyframes op-pk-press{to{transform:scale(.95)}}.op-pk-half{transition:transform 1.05s cubic-bezier(.4,0,.6,1) .35s,opacity .7s .7s;position:absolute;inset:0}.op-pk-half.is-l{clip-path:polygon(0 0,52% 0,47% 20%,55% 37%,46% 55%,53% 73%,48% 100%,0 100%)}.op-pk-half.is-r{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,53% 73%,46% 55%,55% 37%,47% 20%)}.op-pk.is-opened .op-pk-half{opacity:0}.op-pk.is-opened .op-pk-half.is-l{transform:translate(-6cqw,14cqw)rotate(-34deg)}.op-pk.is-opened .op-pk-half.is-r{transform:translate(6cqw,16cqw)rotate(30deg)}.op-pk-wax{background:var(--pk-seal,url(/tpl/calla/seal.webp)) center / 100% 100% no-repeat;place-items:center;display:grid;position:absolute;inset:0}.op-pk-wax b{font-family:var(--font-names,serif);color:var(--pk-seal-ink,#4a3122);text-shadow:0 1px #e2c4a080,0 -1px #28180e66;gap:.3cqw;margin:26% 0 0 -24%;font-size:3.6cqw;font-weight:400;line-height:1;display:flex}.op-pk-hint{text-align:center;font-family:var(--font-body,serif);letter-spacing:.02em;color:var(--pk-ink,#5e4840);margin:0;font-size:.95rem;animation:2.4s ease-in-out infinite op-pulse;position:absolute;bottom:max(5cqh,24px);left:0;right:0}.op-pk.is-opened .op-pk-hint{opacity:0;animation:2.4s ease-in-out 3.3s infinite op-pk-hint}@keyframes op-pk-hint{0%,to{opacity:.55}50%{opacity:1}}.op-pk.is-open .op-pk-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-pk-env,.op-pk-seal,.op-pk-flower,.op-pk-hint{animation:none}}.op-pk.is-once{cursor:auto}.op-pk.is-once .op-pk-flap{transition:transform 1.2s cubic-bezier(.45,0,.3,1) .4s,z-index 0s linear 1s}.op-pk.is-once .op-pk-flap-out,.op-pk.is-once .op-pk-flap-in{transition-delay:1s}.op-pk.is-once .op-pk-print{animation:1.2s cubic-bezier(.3,0,.2,1) 1.1s both op-pk-rise}.op-pk.is-once .op-pk-record{animation:1.6s cubic-bezier(.3,0,.2,1) 1.3s both op-pk-rise-out}@keyframes op-pk-rise-out{to{translate:4% -6%}}.op-pk.is-once .op-pk-disc{animation:1.8s linear infinite music-pk-spin}@keyframes music-pk-spin{to{rotate:360deg}}.op-pk.is-once .op-pk-heart{animation-delay:1.5s}.op-pk.is-once .op-pk-sheen{animation:none}.op-pk.is-once .op-pk-hint{opacity:1;animation:.8s 3.2s both op-pk-hint-in}.op-pk.is-once .op-pk-hint:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:9px;height:9px;margin:8px auto 0;animation:1.8s ease-in-out 3.2s infinite op-pk-down;display:block;rotate:45deg}@keyframes op-pk-hint-in{0%{opacity:0}}@keyframes op-pk-down{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(3px,3px)}}
.op-mm{background:radial-gradient(ellipse 80% 55% at 50% 42%, #fafaf652, transparent 72%), radial-gradient(ellipse 120% 100% at 50% 50%, transparent 55%, #2c34403d), var(--mm-table,url(/openings/memento/linen.webp) 0 0 / 256px 256px repeat, #bcc4cb);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-mm.is-open{cursor:auto}.op-mm:after{content:"";background:var(--mm-fade,var(--stage-bg,transparent));pointer-events:none;height:16cqh;position:absolute;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#0000,#000 85%);mask:linear-gradient(#0000,#000 85%)}.op-mm-rig{transform:rotateX(calc(var(--tilt-y,0) * -6deg)) rotateY(calc(var(--tilt-x,0) * 8deg));transform-origin:50% 40%;perspective:1400px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.op-mm.is-open .op-mm-rig{transition-duration:1.1s;transform:none}.op-mm-env{perspective:1000px;width:88cqw;height:70.4cqw;animation:6s ease-in-out infinite op-mm-float;position:absolute;top:calc(58cqh - 35.2cqw);left:6cqw}.op-mm.is-open .op-mm-env{animation-play-state:paused}@keyframes op-mm-float{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-1cqw)rotate(.4deg)}}.op-mm-back,.op-mm-pocket{pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-mm-back{z-index:1;background-image:url(/openings/memento/env-back.webp)}.op-mm-pocket{z-index:5;background-image:url(/openings/memento/env-pocket.webp)}.op-mm-photo,.op-mm-record,.op-mm-lace{transition:translate 1.3s cubic-bezier(.3,0,.2,1),rotate 1.3s cubic-bezier(.3,0,.2,1);position:absolute}.op-mm-photo{z-index:2;box-sizing:border-box;background:var(--mm-print,url(/tpl/moonlight/paper.webp) 0 0 / 320px 320px, #ece6dc);width:40%;padding:2.6cqw 2.6cqw 3.4cqw;top:21%;left:13%;rotate:-2deg;box-shadow:0 1px 2px #1e263233,0 8px 16px -8px #1e263280}.op-mm-photo img,.op-mm-photo-art{aspect-ratio:4/5;object-fit:cover;width:100%;display:block;box-shadow:inset 0 0 0 1px #0000000f}.op-mm-photo-art{background:var(--mm-photo-art,url(/tpl/moonlight/night.webp) 30% 22% / 220% auto no-repeat, #8fa1b6)}.op-mm.is-open .op-mm-photo{transition-delay:1.7s;translate:-2cqw -27cqw;rotate:-6deg}.op-mm-record{z-index:3;aspect-ratio:1;width:44%;top:17%;left:47%;rotate:4deg}.op-mm-disc,.op-mm-sheen{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-mm-disc{background-image:url(/openings/memento/record.webp)}.op-mm-sheen{background-image:url(/openings/memento/record-sheen.webp)}.op-mm-disc svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-mm-disc text{font-family:var(--font-body,serif);letter-spacing:.02em;fill:var(--mm-vinyl-ink,#ece9de);font-size:7.4px;font-weight:700}.op-mm-note path{fill:var(--mm-label-ink,#3a4556)}.op-mm.is-open .op-mm-record{transition-delay:1.9s;translate:2cqw -23cqw;rotate:12deg}.op-mm.is-open .op-mm-disc{animation:1.8s linear infinite music-mm-spin}@keyframes music-mm-spin{to{rotate:360deg}}.op-mm-lace{z-index:4;aspect-ratio:760/700;background:url(/openings/memento/lace-heart.webp) 50%/100% 100% no-repeat;width:46%;top:33%;left:27%;rotate:1deg}.op-mm-lace span{text-align:center;font-family:var(--font-cormorant,var(--font-body,serif));letter-spacing:.03em;color:var(--mm-date-ink,#3a4556);direction:ltr;font-size:5.2cqw;font-weight:600;position:absolute;top:62%;left:0;right:0;translate:0 -50%}.op-mm.is-open .op-mm-lace{transition-delay:2.1s;translate:0 -15cqw;rotate:-2deg}.op-mm-flap{z-index:6;transform-origin:50% 7.69%;pointer-events:none;width:100%;height:65%;transition:transform 1.4s cubic-bezier(.45,0,.3,1) .6s,z-index 0s linear 1.3s;position:absolute;top:0;left:0}.op-mm-flap-out,.op-mm-flap-in{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-mm-flap-out{background-image:url(/openings/memento/env-flap.webp)}.op-mm-flap-in{opacity:0;background-image:url(/openings/memento/env-flap-in.webp);transform:scaleY(-1)}.op-mm.is-open .op-mm-flap{z-index:0;transform:rotateX(180deg)}.op-mm.is-open .op-mm-flap-out{opacity:0;transition:opacity 0s linear 1.3s}.op-mm.is-open .op-mm-flap-in{opacity:1;transition:opacity 0s linear 1.3s}.op-mm-seal{z-index:7;aspect-ratio:1;pointer-events:none;width:21%;animation:2.8s ease-in-out infinite op-mm-pulse;position:absolute;top:56%;left:50%;translate:-50% -50%}@keyframes op-mm-pulse{50%{transform:scale(1.04)}}.op-mm.is-open .op-mm-seal{animation:.3s forwards op-mm-press}@keyframes op-mm-press{to{transform:scale(.95)}}.op-mm-half{transition:transform 1.15s cubic-bezier(.4,0,.6,1) .35s,opacity .8s .7s;position:absolute;inset:0}.op-mm-half.is-l{clip-path:polygon(0 0,52% 0,47% 20%,55% 37%,46% 55%,53% 73%,48% 100%,0 100%)}.op-mm-half.is-r{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,53% 73%,46% 55%,55% 37%,47% 20%)}.op-mm.is-open .op-mm-half{opacity:0}.op-mm.is-open .op-mm-half.is-l{transform:translate(-6cqw,16cqw)rotate(-34deg)}.op-mm.is-open .op-mm-half.is-r{transform:translate(6cqw,18cqw)rotate(30deg)}.op-mm-wax{background:var(--mm-seal,url(/tpl/moonlight/seal-1.webp)) center / 100% 100% no-repeat;place-items:center;display:grid;position:absolute;inset:0}.op-mm-wax b{font-family:var(--font-names,serif);color:var(--mm-seal-ink,#2c3442);text-shadow:0 1px #c8d4e280,0 -1px #0000004d;gap:.3cqw;margin-top:-.5cqw;font-size:5.2cqw;font-weight:400;line-height:1;display:flex}.op-mm-hint{z-index:1;text-align:center;font-family:var(--font-body,serif);letter-spacing:.02em;color:var(--mm-ink,#3a4556);margin:0;font-size:.95rem;animation:.8s both op-mm-hint-in,2.4s ease-in-out .8s infinite op-pulse;position:absolute;bottom:max(6cqh,26px);left:0;right:0}.op-mm.is-open .op-mm-hint{animation:.8s 3.2s both op-mm-hint-in}.op-mm.is-open .op-mm-hint:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:9px;height:9px;margin:8px auto 0;animation:1.8s ease-in-out 3.2s infinite op-mm-down;display:block;rotate:45deg}@keyframes op-mm-down{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(3px,3px)}}@keyframes op-mm-hint-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.op-mm-env,.op-mm-seal,.op-mm-hint,.op-mm-hint:after{animation:none}}
.op-ks{--T:calc(47cqh - 54.575cqw);background:radial-gradient(ellipse 90% 70% at 50% 40%, #fffcf459, transparent 70%), radial-gradient(ellipse 130% 100% at 50% 50%, transparent 58%, #46422829), var(--ks-paper,url(/tpl/keepsake/paper.webp) 0 0 / 256px 256px repeat, #ece1d5);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-ks.is-open{pointer-events:none;animation:.6s 5.2s forwards op-ks-fade}@keyframes op-ks-fade{to{opacity:0}}.op-ks-rig{perspective:1100px;transform:rotateX(calc(var(--tilt-y,0) * -5deg)) rotateY(calc(var(--tilt-x,0) * 7deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.op-ks.is-open .op-ks-rig{transition-duration:1.1s;transform:none}.op-ks-back,.op-ks-pocket,.op-ks-flap{left:13cqw;top:var(--T);width:74cqw;height:109.15cqw;position:absolute}.op-ks-back,.op-ks-pocket{background:50%/100% 100% no-repeat}.op-ks-back{z-index:1;background-image:var(--ks-back,url(/tpl/keepsake/env-back.webp))}.op-ks-pocket{z-index:3;background-image:var(--ks-pocket,url(/tpl/keepsake/env-pocket.webp))}.op-ks-flap{z-index:4;transform-origin:50% 9.95%;height:37.185cqw;transition:transform 1.4s cubic-bezier(.45,0,.3,1) .9s,z-index 0s linear 1.6s}.op-ks-flap-out,.op-ks-flap-in{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-ks-flap-out{background-image:var(--ks-flap,url(/tpl/keepsake/env-flap.webp))}.op-ks-flap-in{background-image:var(--ks-flap-in,url(/tpl/keepsake/env-flap-in.webp));opacity:0;transform:scaleY(-1)}.op-ks.is-open .op-ks-flap{z-index:0;transform:rotateX(180deg)}.op-ks.is-open .op-ks-flap-out{opacity:0;transition:opacity 0s linear 1.6s}.op-ks.is-open .op-ks-flap-in{opacity:1;transition:opacity 0s linear 1.6s}.op-ks-card{z-index:2;left:28cqw;top:calc(var(--T) + 5.7cqw);background:var(--ks-card,url(/tpl/keepsake/card.webp)) center / 100% 100% no-repeat;width:44cqw;height:44cqh;position:absolute}.op-ks.is-open .op-ks-card{animation:2.2s 3.2s both op-ks-card,2.2s 3.2s both op-ks-card-s}@keyframes op-ks-card{0%{z-index:2;animation-timing-function:cubic-bezier(.45,0,.3,1);translate:0}45%{z-index:2;animation-timing-function:cubic-bezier(.4,0,.2,1);translate:0 -34cqw}55%{z-index:6}to{z-index:6;translate:0 calc(48.875cqw - 19cqh)}}@keyframes op-ks-card-s{0%,30%{animation-timing-function:cubic-bezier(.45,0,.2,1);scale:1}to{scale:2.2727}}.op-ks.is-open :is(.op-ks-back,.op-ks-pocket,.op-ks-flap){animation:1.15s cubic-bezier(.5,0,.75,.3) 3.45s forwards op-ks-drop}@keyframes op-ks-drop{70%{opacity:0}to{opacity:0;translate:0 80cqh}}.op-ks-bit{--mx:calc(50cqw - var(--w) * .5cqw);--my:calc(var(--T) + 9cqw);z-index:2;left:var(--mx);top:var(--my);width:calc(var(--w) * 1cqw);height:calc(var(--w) * var(--h) * 1cqw);opacity:0;position:absolute}.op-ks-bit>i{background:var(--img) center / 100% 100% no-repeat;position:absolute;inset:0}.op-ks.is-open .op-ks-bit{animation:op-ks-out 1.6s calc(2s + var(--n) * .17s) both}@keyframes op-ks-out{0%{opacity:0;z-index:2;animation-timing-function:cubic-bezier(.3,.2,.4,1);translate:0 8cqw;rotate:none;scale:.82}12%{opacity:1}34%{translate:calc((var(--x) + var(--w) * .5 - 50) * .18cqw) -24cqw;rotate:calc(var(--r) * .35);z-index:9;animation-timing-function:cubic-bezier(.25,.6,.3,1);scale:.92}to{opacity:1;translate:calc((var(--x) + var(--w) * .5 - 50) * 1cqw) calc(var(--y) * 1cqh - var(--my));rotate:var(--r);z-index:9;scale:1}}.op-ks.is-open .op-ks-bit>i{animation:1.2s cubic-bezier(.5,0,.8,.4) 4.3s both op-ks-away}@keyframes op-ks-away{to{translate:calc((var(--x) + var(--w) * .5 - 50) * .7cqw) calc((var(--y) - 45) * .6cqh);opacity:0;scale:1.35}}.op-ks-bit.is-bfly>i{background:0 0}.op-ks-bit.is-bfly>i:before,.op-ks-bit.is-bfly>i:after,.op-ks-rest:before,.op-ks-rest:after{content:"";background:var(--img) 0 0 / 200% 100% no-repeat;width:50%;position:absolute;top:0;bottom:0}.op-ks-bit.is-bfly>i:before,.op-ks-rest:before{transform-origin:100%;left:0}.op-ks-bit.is-bfly>i:after,.op-ks-rest:after{transform-origin:0;background-position:100% 0;right:0}.op-ks.is-open .op-ks-bit.is-bfly>i:before{animation:.2s ease-in-out infinite alternate op-ks-beat-l}.op-ks.is-open .op-ks-bit.is-bfly>i:after{animation:.2s ease-in-out infinite alternate op-ks-beat-r}@keyframes op-ks-beat-l{to{transform:perspective(200px)rotateY(64deg)}}@keyframes op-ks-beat-r{to{transform:perspective(200px)rotateY(-64deg)}}.op-ks-rest{--img:var(--ks-bfly-2,url(/tpl/keepsake/bfly-2.webp));z-index:6;left:71cqw;top:calc(var(--T) - 1cqw);width:15cqw;height:11.3cqw;position:absolute;rotate:24deg}.op-ks-rest:before{animation:4.2s ease-in-out infinite op-ks-rest-l}.op-ks-rest:after{animation:4.2s ease-in-out infinite op-ks-rest-r}@keyframes op-ks-rest-l{0%,52%,to{transform:perspective(200px)rotateY(8deg)}62%{transform:perspective(200px)rotateY(62deg)}72%{transform:perspective(200px)rotateY(14deg)}82%{transform:perspective(200px)rotateY(56deg)}}@keyframes op-ks-rest-r{0%,52%,to{transform:perspective(200px)rotateY(-8deg)}62%{transform:perspective(200px)rotateY(-62deg)}72%{transform:perspective(200px)rotateY(-14deg)}82%{transform:perspective(200px)rotateY(-56deg)}}.op-ks.is-open .op-ks-rest{animation:1.8s cubic-bezier(.4,0,.7,.6) .15s forwards op-ks-fly}.op-ks.is-open .op-ks-rest:before{animation:.18s ease-in-out infinite alternate op-ks-beat-l}.op-ks.is-open .op-ks-rest:after{animation:.18s ease-in-out infinite alternate op-ks-beat-r}@keyframes op-ks-fly{40%{translate:6cqw -14cqw;rotate:10deg}to{opacity:.6;translate:30cqw -60cqh;rotate:-6deg}}.op-ks-seal{z-index:5;left:40.38cqw;top:calc(var(--T) + 30.4cqw - 9.62cqw);aspect-ratio:1;width:19.24cqw;animation:2.8s ease-in-out infinite op-ks-pulse;position:absolute}@keyframes op-ks-pulse{50%{transform:scale(1.04)}}.op-ks.is-open .op-ks-seal{animation:.3s forwards op-ks-press}@keyframes op-ks-press{to{transform:scale(.95)}}.op-ks-half{transition:transform 1.15s cubic-bezier(.4,0,.6,1) .35s,opacity .8s .7s;position:absolute;inset:0}.op-ks-half.is-l{clip-path:polygon(0 0,52% 0,47% 20%,55% 37%,46% 55%,53% 73%,48% 100%,0 100%)}.op-ks-half.is-r{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,53% 73%,46% 55%,55% 37%,47% 20%)}.op-ks.is-open .op-ks-half{opacity:0}.op-ks.is-open .op-ks-half.is-l{transform:translate(-6cqw,14cqw)rotate(-34deg)}.op-ks.is-open .op-ks-half.is-r{transform:translate(6cqw,16cqw)rotate(30deg)}.op-ks-wax{background:var(--ks-seal,url(/tpl/keepsake/seal.webp)) center / 100% 100% no-repeat;place-items:center;display:grid;position:absolute;inset:0}.op-ks-wax b{font-family:var(--font-names,serif);color:var(--ks-seal-ink,#3a3920);text-shadow:0 1px #d6d2b473,0 -1px #0000004d;gap:.3cqw;margin-top:-.4cqw;font-size:5.2cqw;font-weight:400;line-height:1;display:flex}.op-ks-hint{text-align:center;font-family:var(--font-body,serif);letter-spacing:.02em;color:var(--ks-ink,#5a5838);margin:0;font-size:.95rem;animation:2.4s ease-in-out infinite op-pulse;position:absolute;bottom:max(5cqh,24px);left:0;right:0}.op-ks.is-open .op-ks-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-ks-seal,.op-ks-hint,.op-ks-rest:before,.op-ks-rest:after{animation:none}}
.tpl-blank{--stage-bg:#ececec;--card-bg:#fff;--ink:#1d1d1f;--muted:#6e6e73;--accent:#1d1d1f;--accent-ink:#fff;--line:#e2e2e5;--surface:#f5f5f7}
.tpl-classic{--card-bg:#15110d;--ink:#f1e6cc;--muted:#b5a283;--accent:#d9b56c;--accent-ink:#1b150d;--line:#d9b56c52;--surface:#d9b56c0f;--foil:linear-gradient(115deg, #94733a 0%, #f2d993 28%, #c49c52 48%, #fbe6ad 68%, #a17d3c 100%);--font-display:var(--font-amiri), serif;--font-names:var(--font-ruqaa), var(--font-amiri), serif;--font-body:var(--font-amiri), var(--font-sans), serif;--radius:3px;--damask:url(/tpl/classic/damask.svg);--floral:url(/tpl/classic/floral-corner.svg);--divider:url(/tpl/classic/divider.svg);--crown:url(/tpl/classic/crown.svg);--stage-bg:radial-gradient(ellipse at 50% 30%, #1e181199, #080604f2 75%), linear-gradient(#0c0a07e6, #0c0a07e6), var(--damask) 0 0 / 170px 200px, #0c0a07;--opening-bg:radial-gradient(ellipse at 50% 45%, #2d24198c, #0a0806f5 80%), linear-gradient(#100d09cc, #100d09cc), var(--damask) 0 0 / 110px 130px, #100d09;--env-bg:var(--opening-bg);--env-paper:#f6eedd;--env-paper-dark:#dcc9a4;--env-seal:#7a1616;--env-seal-ink:#f0d596;--env-hint:#cdb88f;--env-ornament:#a9803c;--env-letter-ink:#4a3a26;--door-color:#221b14;--door-color-2:#120e0a;--door-trim:#c9a45c;--door-handle:linear-gradient(90deg, #94733a, #f2d993, #a17d3c);--door-ink:#e2c07a;--door-art:var(--damask);--door-frame:#b8924f;--door-light:#ffe7b0;--door-crown:var(--crown);--shell-outer:#e8dcc4;--shell-light:#ffe7b0;--shell-ink:#e2c07a;--particle-color:#f0d596;--particle-count:38;--shower-color:#a3182c;--fl-bg:var(--opening-bg);--fl-a:#9a2f33;--fl-b:#f6eedd;--fl-gold:#c9a45c;--fl-card:#f6eedd;--fl-ink:#3a2a18;--fl-img-anemone:url(/openings/flowers/crimson/anemone.webp);--fl-img-peony:url(/openings/flowers/crimson/peony.webp);--fl-img-blossom:url(/openings/flowers/crimson/blossom.webp);--fl-img-spray:url(/openings/flowers/crimson/spray.webp);--fl-img-leaf:url(/openings/flowers/crimson/leaf.webp);--fl-img-gyps:url(/openings/flowers/crimson/gyps.webp)}.tpl-classic[lang]:not(:where([lang=ar])){--font-display:var(--font-cormorant), serif;--font-names:var(--font-vibes), var(--font-cormorant), serif;--font-body:var(--font-cormorant), serif}.tpl-classic .inv-frame{background:radial-gradient(ellipse at 50% 20%, #3c2e1c59, transparent 60%), radial-gradient(ellipse at 50% 50%, transparent 55%, #0000008c), linear-gradient(#15110de8, #15110de8), var(--damask) 0 0 / 110px 130px, var(--card-bg);box-shadow:0 0 0 1px #d9b56c59,0 40px 90px #0009}.tpl-classic .inv-frame:after{content:"";z-index:15;border-radius:inherit;pointer-events:none;border:1px solid #d9b56c66;position:absolute;inset:9px;box-shadow:inset 0 0 0 3px #15110d99,inset 0 0 0 4px #d9b56c2e}.tpl-classic .inv-scroll{font-size:1.05rem}.tpl-classic .inv-section{padding:56px 32px}.tpl-classic .inv-section+.inv-section{border-top:0}.tpl-classic .inv-section:not(.inv-hero):before{content:"";background:var(--divider) center / contain no-repeat;width:210px;height:28px;margin-bottom:6px}.tpl-classic .inv-title{background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.85rem;font-weight:700}.tpl-classic .inv-big{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.tpl-classic .inv-hero{padding:120px 56px 110px;position:relative;overflow:clip}.tpl-classic .inv-hero>:not(.inv-ornaments){z-index:1;position:relative}.tpl-classic .inv-ornaments{display:block}.tpl-classic .inv-orn{pointer-events:none;position:absolute}.tpl-classic .inv-hero .inv-orn-1,.tpl-classic .inv-hero .inv-orn-2{background:var(--floral) center / contain no-repeat;filter:drop-shadow(0 0 6px #d9b56c40);width:230px;height:230px}.tpl-classic .inv-hero .inv-orn-1{top:4px;right:4px}.tpl-classic .inv-hero .inv-orn-2{bottom:4px;left:4px;rotate:180deg}.tpl-classic .inv-hero .inv-orn-3{border:1px solid #d9b56cb3;border-radius:999px 999px 6px 6px/170px 170px 6px 6px;inset:88px 34px 64px;box-shadow:inset 0 0 30px #d9b56c14}.tpl-classic .inv-hero .inv-orn-3:before{content:"";background:var(--crown) center / contain no-repeat, linear-gradient(transparent 60%, var(--card-bg) 60%) center 0 / 70px 100% no-repeat;width:150px;height:48px;position:absolute;top:-34px;left:50%;translate:-50%}.tpl-classic .inv-hero .inv-orn-4{border:1px solid #d9b56c47;border-radius:999px 999px 4px 4px/162px 162px 4px 4px;inset:96px 42px 72px}.tpl-classic .inv-cover{outline:1px solid var(--accent);outline-offset:5px;width:150px}.tpl-classic .inv-hostline{color:var(--muted);max-width:24ch;font-size:1.05rem}.tpl-classic .inv-names{filter:drop-shadow(0 2px 10px #d9b56c40);gap:0}.tpl-classic .inv-name,.tpl-classic .inv-footer-names{font-family:var(--font-names);background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .25em;font-weight:400}.tpl-classic .inv-name{font-size:3.4rem;line-height:1.5}.tpl-classic .inv-and{font-family:var(--font-display);color:var(--accent);font-size:1.6rem}.tpl-classic .inv-hero-date{font-family:var(--font-display);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 20px;font-size:1.1rem}.tpl-classic .inv-message p,.tpl-classic .inv-verse p{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;line-height:2.1}.tpl-classic .inv-count-unit{background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 0 0 3px var(--card-bg), inset 0 0 0 4px #d9b56c2e}.tpl-classic .inv-count-value{font-family:var(--font-display);color:var(--accent);font-size:2rem}.tpl-classic .inv-btn{background:var(--foil);color:var(--accent-ink);border:0;border-radius:2px;font-weight:700;box-shadow:0 6px 20px #d9b56c33}.tpl-classic .inv-btn-outline{border:1px solid var(--accent);color:var(--accent);box-shadow:none;background:0 0}.tpl-classic .inv-gallery-item{border:1px solid var(--line);background:0 0;padding:4px}.tpl-classic .inv-footer{padding-bottom:170px;position:relative;overflow:clip}.tpl-classic .inv-footer>:not(.inv-ornaments){z-index:1;position:relative}.tpl-classic .inv-footer-names{font-size:2.3rem;line-height:1.6}.tpl-classic .inv-footer .inv-orn-1,.tpl-classic .inv-footer .inv-orn-2{background:var(--floral) center / contain no-repeat;width:170px;height:170px;bottom:4px}.tpl-classic .inv-footer .inv-orn-1{right:4px;rotate:90deg}.tpl-classic .inv-footer .inv-orn-2{left:4px;transform:scaleX(-1)rotate(90deg)}.tpl-classic .inv-music{border-color:var(--accent);color:var(--accent);background:var(--card-bg)}.tpl-classic .op-tap-names{font-family:var(--font-names);color:var(--accent)}.tpl-classic .op-env-letter{border:1px solid var(--line);box-shadow:inset 0 0 0 5px var(--letter), inset 0 0 0 6px #a9803c8c, 0 2px 8px #0000004d}.tpl-classic .op-env-letter-names{font-family:var(--font-names);color:#a17d3c;font-size:1.6rem;line-height:1.6}.tpl-classic .op-env-to{font-family:var(--font-display);color:#6b5a40}
.tpl-roses{--card-bg:#f7eee8;--ink:#57373d;--muted:#8f6f72;--accent:#a4566a;--accent-ink:#fff8f4;--line:#a4566a3d;--surface:#fffaf699;--gold:#b48a62;--rose-ink:linear-gradient(160deg, #8d3f55 0%, #c1717f 42%, #9a4a5e 70%, #c98a86 100%);--font-display:var(--font-messiri), var(--font-sans), serif;--font-names:var(--font-nastaliq), var(--font-messiri), serif;--font-body:var(--font-messiri), var(--font-sans), serif;--font-verse:var(--font-amiri), serif;--radius:4px;--paper:url(/tpl/roses/paper.webp?v=2);--art-corner:url(/tpl/roses/corner.webp?v=2);--art-single:url(/tpl/roses/single.webp?v=2);--art-pair:url(/tpl/roses/pair.webp?v=2);--art-buds:url(/tpl/roses/buds.webp?v=2);--art-wreath:url(/tpl/roses/wreath.webp?v=2);--art-bouquet:url(/tpl/roses/bouquet.webp?v=2);--art-traveller:url(/tpl/roses/traveller.webp?v=1);--petal-1:url(/tpl/roses/petal-1.webp?v=2);--petal-2:url(/tpl/roses/petal-2.webp?v=2);--petal-3:url(/tpl/roses/petal-3.webp?v=2);--stage-bg:radial-gradient(70% 60% at 20% 15%, #f0c8c880, transparent 70%), radial-gradient(60% 60% at 85% 90%, #d6c4b473, transparent 70%), var(--paper) 0 0 / 384px, #efe3dc;--journey-road:#b08660bf;--journey-done:#b46578;--journey-width:2.2px;--journey-stop:#fbf5f0;--journey-stop-ring:#b08660b3;--journey-stop-ink:#9a7a62;--journey-goal:#a4566a;--particle-color:#e7a3ad, #f2c4c4, #d98a96, #f5d6cc;--particle-count:7;--particle-shape:petal;--shower-color:#eba3ad;--shower-shape:petal;--opening-bg:var(--stage-bg);--door-color:#f6e8e4;--door-color-2:#e8cfcc;--door-trim:#b77d86;--door-handle:linear-gradient(90deg, #8d3f55, #e9c3c3, #a4566a);--door-ink:#8d3f55;--door-art:var(--art-buds);--door-frame:#c4959b;--door-light:#fff3ef;--door-wall:var(--stage-bg);--shell-outer:#f1dcd8;--shell-light:#fff3ef;--shell-ink:#8d3f55;--env-bg:var(--stage-bg);--env-paper:#fbf3ee;--env-paper-dark:#ecd8d1;--env-seal:#9a4a5e;--env-seal-ink:#fbe9e4;--env-letter:#fdf7f3;--env-letter-ink:#57373d;--env-ornament:#a4566a;--fl-bg:var(--stage-bg);--fl-a:#d88c9c;--fl-b:#fffaf6;--fl-gold:#c9a27a;--fl-card:#fffaf7;--fl-ink:#57373d;--fl-img-anemone:url(/openings/flowers/blush/anemone.webp);--fl-img-peony:url(/openings/flowers/blush/peony.webp);--fl-img-blossom:url(/openings/flowers/blush/blossom.webp);--fl-img-spray:url(/openings/flowers/blush/spray.webp);--fl-img-leaf:url(/openings/flowers/blush/leaf.webp);--fl-img-gyps:url(/openings/flowers/blush/gyps.webp);--film-bar:#2b1a1f;--film-rule:#c49e786b;--film-screen:radial-gradient(120% 80% at 50% 45%, #3a2228, #150c0f 75%);--film-gold:#d6ad8a}.tpl-roses[lang]:not(:where([lang=ar])){--font-display:var(--font-cormorant), serif;--font-names:var(--font-pinyon), var(--font-cormorant), serif;--font-body:var(--font-cormorant), serif;--font-verse:var(--font-cormorant), serif}.tpl-roses .inv-frame{background:radial-gradient(90% 55% at 50% 50%, #fffaf680, transparent 75%), radial-gradient(60% 40% at 0% 0%, #eec4c44d, transparent 80%), radial-gradient(60% 40% at 100% 100%, #e8c8ba4d, transparent 80%), var(--paper) 0 0 / 384px, var(--card-bg);container-type:size}.tpl-roses .inv-scroll{font-size:1.02rem}.tpl-roses .inv-section{gap:16px;padding:70px 50px}.tpl-roses .inv-section+.inv-section{border-top:0}.tpl-roses .inv-reveal>:not(.inv-ornaments){--from:0px;transform:translateY(14px)}.tpl-roses .inv-reveal.is-visible>:not(.inv-ornaments){transform:none}.tpl-roses .inv-reveal:before{transform:scale(.94)}.tpl-roses .inv-reveal.is-visible:before{transform:none}.tpl-roses .inv-title{font-family:var(--font-display);word-spacing:.3em;color:var(--gold);font-size:.98rem;font-weight:500}.tpl-roses .inv-big{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:500}.tpl-roses .inv-muted{color:var(--muted)}.tpl-roses .inv-name,.tpl-roses .inv-footer-names{font-family:var(--font-names);background:var(--rose-ink);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .2em;font-weight:400}@keyframes roses-sway{0%{rotate:-1.4deg}to{rotate:1.6deg}}@keyframes roses-breathe{0%{scale:1}to{scale:1.025}}@keyframes roses-turn{to{rotate:360deg}}@keyframes roses-drift{0%{opacity:0;transform:translateY(-30px)rotate(0)}10%{opacity:.95}85%{opacity:.9}to{transform:translate(var(--dx,-60px), var(--fall,800px)) rotate(var(--rot,220deg));opacity:0}}.tpl-roses .inv-hero{gap:18px;padding:max(140px,min(88cqw,370px,42cqh)/1.42857) 46px 150px;position:relative}.tpl-roses .inv-hero>:not(.inv-ornaments){z-index:2;position:relative}.tpl-roses .inv-ornaments{display:block}.tpl-roses .inv-orn{pointer-events:none;position:absolute}.tpl-roses .inv-hero .inv-orn-1,.tpl-roses .inv-hero .inv-orn-2{--sw:min(88cqw, 370px, 42cqh);width:var(--sw);aspect-ratio:1;background:var(--art-corner) center / contain no-repeat;z-index:1;animation:7.5s ease-in-out infinite alternate roses-sway}.tpl-roses .inv-hero .inv-orn-1{top:calc(var(--sw) * -.23);left:calc(var(--sw) * -.25);transform-origin:65% 65%;transform:rotate(-8deg)}.tpl-roses .inv-hero .inv-orn-2{bottom:calc(var(--sw) * -.32);right:calc(var(--sw) * -.32);transform-origin:50%;animation-duration:8.6s;animation-delay:-3s;transform:rotate(172deg)}.tpl-roses .inv-hero .inv-orn-3,.tpl-roses .inv-hero .inv-orn-4,.tpl-roses .inv-footer .inv-orn-3,.tpl-roses .inv-footer .inv-orn-4{aspect-ratio:1;z-index:3;background:var(--petal-1) center / contain no-repeat;width:30px;animation:13s linear infinite roses-drift;top:0}.tpl-roses .inv-hero .inv-orn-3{--dx:-90px;--rot:260deg;animation-delay:-2s;left:62%}.tpl-roses .inv-hero .inv-orn-4{background-image:var(--petal-3);--dx:70px;--rot:-200deg;width:24px;animation-duration:16s;animation-delay:-9s;left:24%}.tpl-roses .inv-hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(48% 42% at 45% 48%,#f0c4c46b,#0000 72%),radial-gradient(40% 36% at 62% 58%,#f6d6c466,#0000 72%);position:absolute;inset:26% 6%}.tpl-roses .inv-hostline{color:var(--muted);max-width:24ch;font-size:.95rem;line-height:1.9}.tpl-roses .inv-names{gap:0}.tpl-roses .inv-name{font-size:3.1rem;line-height:1.85}.tpl-roses[lang]:not(:where([lang=ar])) .inv-name{font-size:3.3rem;line-height:1.3}.tpl-roses .inv-and{font-family:var(--font-display);color:var(--gold);font-size:1.15rem}.tpl-roses .inv-hero-date{font-family:var(--font-display);color:var(--ink);word-spacing:.2em;border-top:1px solid #b48a6273;padding-top:10px;font-size:.98rem}.tpl-roses .inv-cover{aspect-ratio:1;border:4px solid #fbf4ef;border-radius:50%;width:132px;box-shadow:0 8px 22px #783c462e}.tpl-roses .inv-message:before,.tpl-roses .inv-verse:before{content:"";aspect-ratio:1;background:var(--art-single) center / contain no-repeat;width:200px;margin-bottom:-4px;rotate:18deg}.tpl-roses .inv-verse:before{rotate:-18deg;scale:-1 1}.tpl-roses .inv-reveal.inv-message:before,.tpl-roses .inv-reveal.inv-verse:before{transform-origin:50% 80%}.tpl-roses .inv-message p,.tpl-roses .inv-verse p{max-width:26ch;font-family:var(--font-verse);color:var(--ink);font-size:1.3rem;line-height:2.15}.tpl-roses .inv-words:before{content:"";aspect-ratio:.9;background:var(--art-pair) center / contain no-repeat;width:200px;margin-bottom:-10px;animation:5.5s ease-in-out infinite alternate roses-breathe}.tpl-roses .inv-words-text{max-width:27ch;font-family:var(--font-verse);color:var(--ink);font-size:1.16rem;line-height:2.05}.tpl-roses .inv-countdown-section:before{content:"";aspect-ratio:1;background:var(--art-buds) center / contain no-repeat;transform-origin:50% 90%;width:140px;margin-bottom:-12px;animation:6.5s ease-in-out infinite alternate roses-sway}.tpl-roses .inv-countdown{gap:0;max-width:320px}.tpl-roses .inv-count-unit{background:0 0;border-radius:0;gap:2px;padding:6px 2px}.tpl-roses .inv-count-unit+.inv-count-unit{border-inline-start:1px solid #b48a6266}.tpl-roses .inv-count-value{font-family:var(--font-verse);color:var(--accent);font-size:2.2rem;font-weight:400;line-height:1.3}.tpl-roses .inv-count-label{color:var(--muted);font-size:.78rem}.tpl-roses .inv-gallery-strip{width:calc(100% + 100px);padding:10px 50px 18px}.tpl-roses .inv-gallery-item{border:7px solid #fbf6f1;border-bottom-width:22px;border-radius:2px;box-shadow:0 12px 24px #6e3c402e}.tpl-roses .inv-when:before{content:"";aspect-ratio:1;background:var(--art-wreath) center / contain no-repeat;width:190px;margin-bottom:-4px;animation:60s linear infinite roses-turn}.tpl-roses .inv-when .inv-big{font-size:1.4rem}.tpl-roses .inv-venue{padding-top:96px;padding-bottom:110px}.tpl-roses .inv-venue>*{z-index:2;position:relative}.tpl-roses .inv-venue:before,.tpl-roses .inv-venue:after{content:"";z-index:1;aspect-ratio:1;background:var(--art-corner) center / contain no-repeat;opacity:1;pointer-events:none;width:230px;animation:8s ease-in-out infinite alternate roses-sway;position:absolute}.tpl-roses .inv-venue:before{transform-origin:50%;top:-84px;right:-96px;transform:rotate(82deg)}.tpl-roses .inv-venue:after{transform-origin:50%;animation-delay:-4s;bottom:-84px;left:-96px;transform:rotate(-98deg)}.tpl-roses .inv-venue .inv-big{font-size:1.55rem}.tpl-roses .inv-btn{color:#fff6f1;background:linear-gradient(135deg,#8d3f55,#b9687a);border:0;min-height:44px;font-weight:500;box-shadow:0 10px 22px #78324240}.tpl-roses .inv-footer{gap:10px;padding-top:60px;padding-bottom:min(118cqw,500px);position:relative;overflow:clip}.tpl-roses .inv-footer>:not(.inv-ornaments){z-index:2;position:relative}.tpl-roses .inv-footer .inv-orn-1{aspect-ratio:900/1300;background:var(--art-bouquet) center / contain no-repeat;transform-origin:50% 90%;z-index:1;width:min(100%,410px);animation:9s ease-in-out infinite alternate roses-sway;bottom:-150px;left:50%;translate:-50%}.tpl-roses .inv-footer .inv-orn-2{z-index:0;background:radial-gradient(55% 35% at 50% 72%,#f4cecc80,#0000 75%);inset:0}.tpl-roses .inv-footer .inv-orn-3{--dx:60px;--rot:240deg;animation-delay:-5s;left:30%}.tpl-roses .inv-footer .inv-orn-4{background-image:var(--petal-2);--dx:-70px;--rot:-180deg;width:26px;animation-duration:15s;animation-delay:-11s;left:72%}.tpl-roses .inv-footer p:not([class]){color:var(--muted);font-size:.95rem}.tpl-roses .inv-footer-names{font-size:1.8rem;line-height:2}.tpl-roses .inv-credit{color:var(--muted);margin-top:4px}.tpl-roses .inv-journey-traveller i{--journey-traveller-size:40px;background:var(--art-traveller) center / contain no-repeat;animation:14s linear infinite roses-turn;-webkit-mask:none;mask:none}.tpl-roses .inv-journey-traveller:before{content:"";background:radial-gradient(closest-side,#f4c4c48c,#0000);border-radius:50%;width:56px;height:56px;position:absolute;top:-28px;left:-28px}.tpl-roses .inv-music{border-color:var(--line);color:var(--accent);background:#fbf6f1}.tpl-roses .op-tap-names{font-family:var(--font-names);color:var(--accent);line-height:2}.tpl-roses .op-env-letter-names{font-family:var(--font-names);line-height:2}.tpl-roses .op-dr-arch:before,.tpl-roses .op-dr-arch:after{content:"";aspect-ratio:1;z-index:3;background:var(--art-corner) center / contain no-repeat;pointer-events:none;width:190px;position:absolute;top:-48px}.tpl-roses .op-dr-arch:before{left:-62px}.tpl-roses .op-dr-arch:after{right:-62px;transform:scaleX(-1)}
.tpl-night{--card-bg:#0b1330;--ink:#eee6d2;--muted:#a9b0c8;--accent:#e3c27a;--accent-ink:#0b1330;--line:#e3c27a4d;--surface:#e3c27a0f;--gold:linear-gradient(115deg, #a88140 0%, #f7e2a6 30%, #d4ac5c 50%, #fbe7b0 70%, #a88140 100%);--font-display:var(--font-kufi), var(--font-sans), sans-serif;--font-names:var(--font-ruqaa), var(--font-amiri), serif;--font-body:var(--font-messiri), var(--font-sans), sans-serif;--radius:12px;--stars:url(/tpl/night/stars.svg);--garland:url(/tpl/night/garland.svg);--moon:url(/tpl/night/moon.svg);--halo:url(/tpl/night/halo.svg);--divider:url(/tpl/night/divider.svg);--hills:url(/tpl/night/hills.svg);--sky:radial-gradient(ellipse at 50% 0%, #3a4c9673, transparent 60%), radial-gradient(ellipse at 50% 100%, #281e5a80, transparent 55%), linear-gradient(#0a1230, #070c22);--stage-bg:var(--stars) 0 0 / 240px 240px, var(--sky);--particle-color:#f6dea0;--particle-count:30;--particle-shape:star;--shower-color:#e8c46e;--opening-bg:var(--stage-bg);--env-bg:var(--stage-bg);--env-paper:#f3ead6;--env-paper-dark:#d6c49d;--env-seal:#1b2b66;--env-seal-ink:#f0d596;--env-ribbon:linear-gradient(90deg, #a88140, #f7e2a6 30%, #c9a45c 60%, #f3dc9f 80%, #a88140);--env-liner:var(--stars) 0 0 / 120px 120px, linear-gradient(#efe4c9, #dccba3);--env-hint:#c9cde0;--env-ornament:#a88140;--env-letter-ink:#2f3550;--door-color:#16224f;--door-color-2:#0a1233;--door-trim:#d2ad62;--door-handle:linear-gradient(90deg, #a88140, #f7e2a6, #b48d4a);--door-ink:#f0d596;--door-art:var(--stars);--door-frame:#c9a45c;--door-light:#fff1c8;--door-wall:var(--stage-bg);--door-crown:var(--divider);--shell-outer:#e7e2d6;--shell-light:#fff1c8;--shell-ink:#f0d596;--fl-bg:var(--stage-bg);--fl-a:#4a5ea6;--fl-b:#f6efdf;--fl-gold:#d2ad62;--fl-card:#f6efdf;--fl-ink:#1b2350;--fl-img-anemone:url(/openings/flowers/sapphire/anemone.webp);--fl-img-peony:url(/openings/flowers/sapphire/peony.webp);--fl-img-blossom:url(/openings/flowers/sapphire/blossom.webp);--fl-img-spray:url(/openings/flowers/sapphire/spray.webp);--fl-img-leaf:url(/openings/flowers/sapphire/leaf.webp);--fl-img-gyps:url(/openings/flowers/sapphire/gyps.webp)}.tpl-night[lang]:not(:where([lang=ar])){--font-display:var(--font-cinzel), serif;--font-names:var(--font-pinyon), var(--font-cormorant), serif;--font-body:var(--font-cormorant), serif}.tpl-night .inv-frame{background:var(--stars) 0 0 / 240px 240px, var(--sky);box-shadow:0 0 0 1px #e3c27a4d,0 40px 90px #020410b3}.tpl-night .inv-frame:after{content:"";z-index:15;border-radius:inherit;pointer-events:none;border:1px solid #e3c27a59;position:absolute;inset:9px}.tpl-night .inv-scroll{font-size:1.02rem}.tpl-night[lang]:not(:where([lang=ar])) .inv-scroll{font-size:1.1rem}.tpl-night .inv-section{padding:54px 32px}.tpl-night .inv-section+.inv-section{border-top:0}.tpl-night .inv-section:not(.inv-hero):before{content:"";background:var(--divider) center / contain no-repeat;width:220px;height:30px;margin-bottom:4px}.tpl-night .inv-title{background:var(--gold);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:500}.tpl-night[lang]:not(:where([lang=ar])) .inv-title{letter-spacing:.12em;font-size:1.4rem}.tpl-night .inv-big{font-family:var(--font-display);font-size:1.25rem;font-weight:500}.tpl-night .inv-hero{padding:170px 48px 110px;position:relative;overflow:clip}.tpl-night .inv-hero>:not(.inv-ornaments){z-index:1;position:relative}.tpl-night .inv-ornaments{display:block}.tpl-night .inv-orn{pointer-events:none;position:absolute}.tpl-night .inv-hero .inv-orn-1{background:var(--garland) top center / 100% auto no-repeat;transform-origin:top;filter:drop-shadow(0 0 5px #ffecb459);height:150px;animation:8s ease-in-out infinite night-sway,3.2s ease-in-out infinite night-glow;top:0;left:0;right:0}.tpl-night .inv-hero .inv-orn-2{background:var(--moon) center / contain no-repeat;width:110px;height:110px;top:118px;right:22px}.tpl-night .inv-hero .inv-orn-3{background:var(--halo) center / contain no-repeat;opacity:.85;filter:drop-shadow(0 0 8px #f7e2a64d);width:320px;height:320px;animation:120s linear infinite night-turn;top:50%;left:50%;translate:-50% -46%}.tpl-night .inv-hero .inv-orn-4{filter:blur(10px);background:radial-gradient(#788cdc38,#0000 65%);border-radius:50%;inset:24% 6% 18%}@keyframes night-sway{0%,to{rotate:-.6deg}50%{rotate:.6deg}}@keyframes night-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes night-turn{to{rotate:360deg}}.tpl-night .inv-cover{border:1px solid var(--accent);width:150px;box-shadow:0 0 0 5px var(--card-bg), 0 0 0 6px var(--line), 0 0 30px #f7e2a633}.tpl-night .inv-hostline{color:var(--muted);max-width:24ch;font-size:.98rem}.tpl-night .inv-names{filter:drop-shadow(0 0 14px #f7e2a64d);gap:0}.tpl-night .inv-name,.tpl-night .inv-footer-names{font-family:var(--font-names);background:var(--gold);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .25em;font-weight:400}.tpl-night .inv-name{font-size:3.4rem;line-height:1.5}.tpl-night[lang]:not(:where([lang=ar])) .inv-name{font-size:3.5rem;line-height:1.35}.tpl-night .inv-and{font-family:var(--font-display);color:var(--accent);font-size:1.3rem}.tpl-night .inv-hero-date{font-family:var(--font-display);color:var(--ink);border:1px solid var(--line);background:#0b13308c;border-radius:999px;padding:7px 20px;font-size:1rem}.tpl-night .inv-message p,.tpl-night .inv-verse p{font-family:var(--font-names);color:var(--ink);font-size:1.4rem;line-height:2.1}.tpl-night[lang]:not(:where([lang=ar])) .inv-message p,.tpl-night[lang]:not(:where([lang=ar])) .inv-verse p{font-family:var(--font-body);font-size:1.25rem;font-style:italic}.tpl-night .inv-count-unit{border:1px solid var(--line);background:linear-gradient(#e3c27a1f,#e3c27a08);border-radius:14px;padding:16px 4px 12px}.tpl-night .inv-count-value{font-family:var(--font-display);color:var(--accent);font-size:1.6rem;font-weight:500}.tpl-night .inv-btn{background:var(--gold);color:var(--accent-ink);border:0;box-shadow:0 6px 22px #e3c27a40}.tpl-night .inv-btn-outline{border:1px solid var(--accent);color:var(--accent);box-shadow:none;background:0 0}.tpl-night .inv-gallery-item{border:1px solid var(--line);background:0 0;border-radius:16px;padding:4px}.tpl-night .inv-gallery-item img{border-radius:12px}.tpl-night .inv-footer{padding-bottom:230px;position:relative;overflow:clip}.tpl-night .inv-footer>:not(.inv-ornaments){z-index:1;position:relative}.tpl-night .inv-footer-names{font-size:2.3rem;line-height:1.7}.tpl-night .inv-footer .inv-orn-1{background:var(--hills) bottom center / 100% auto no-repeat;z-index:1;height:190px;bottom:0;left:0;right:0}.tpl-night .inv-footer .inv-orn-2{background:var(--moon) center / contain no-repeat;width:90px;height:90px;bottom:120px;left:30px}.tpl-night .inv-footer .inv-orn-3{background:radial-gradient(at 30% 60%,#a0afeb33,#0000 65%);height:180px;bottom:40px;left:0;right:0}.tpl-night .inv-music{border-color:var(--accent);color:var(--accent);background:var(--card-bg)}.tpl-night .op-tap-names{font-family:var(--font-names);color:var(--accent);line-height:1.6}.tpl-night .op-env-letter-names{font-family:var(--font-names);color:#a88140;font-size:1.6rem;line-height:1.6}.tpl-night .op-env-to{color:#4b5578}@media (prefers-reduced-motion:reduce){.tpl-night .inv-hero .inv-orn-1,.tpl-night .inv-hero .inv-orn-3{animation:none}}