.op-env-stage{background:var(--env-bg,var(--opening-bg,#efefef));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .8s 5.9s;position:absolute;inset:0;overflow:hidden;container-type:size}.op-env-stage.is-open{opacity:0;pointer-events:none}.op-env-scene{--ep:var(--env-paper,#fbf8f1);--ep-dark:var(--env-paper-dark,#e4dccb);--ep-tex:var(--env-texture,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='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.22 0.4 0 0 0 -0.12'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.35' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.25 0.18 0 0 0 -0.07'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3Crect width='220' height='220' filter='url(%23f)'/%3E%3C/svg%3E"));--ep-grain: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='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.22 0.4 0 0 0 -0.12'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.35' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.25 0.18 0 0 0 -0.07'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3Crect width='220' height='220' filter='url(%23f)'/%3E%3C/svg%3E");--letter:var(--env-letter,color-mix(in srgb, var(--ep) 45%, white));--ep-ink:var(--env-letter-ink,#3d3122);--ep-orn:var(--env-ornament,#a07a3a);--ep-liner:var(--env-liner,radial-gradient(circle, color-mix(in srgb, var(--accent) 35%, transparent) 1.2px, transparent 1.8px) 0 0 / 12px 12px, linear-gradient(color-mix(in srgb, var(--accent) 10%, var(--ep-dark)), var(--ep-dark)));perspective:1600px;position:absolute;inset:0}.op-env-tilt,.op-env-float{transform-style:preserve-3d;position:absolute;inset:0}.op-env-tilt{transform:rotateX(calc(var(--rx,0deg) + var(--tilt-y,0) * -5deg)) rotateY(calc(var(--ry,0deg) + var(--tilt-x,0) * 6deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}.is-open .op-env-tilt{transition-duration:1.2s;transform:none}.op-env-float{animation:7s ease-in-out infinite op-env-float}@keyframes op-env-float{0%,to{transform:translateY(0)rotateX(2.5deg)rotateY(-3.5deg)rotate(-.4deg)}50%{transform:translateY(-.8cqh)rotateX(-1deg)rotateY(3.5deg)rotate(.3deg)}}.op-env{perspective:1500px;width:92cqw;height:94cqh;position:absolute;top:3cqh;left:4cqw}.is-open .op-env{animation:4.3s linear .3s both op-env-cam-y,4.3s linear .3s both op-env-cam-s,4.3s .3s both op-env-cam-r}@keyframes op-env-cam-y{0%{animation-timing-function:cubic-bezier(.5,0,.2,1);translate:0}34.88%{translate:0 12cqh}37.3846%{translate:0 12.0002cqh}39.8892%{translate:0 12.0016cqh}42.3938%{translate:0 12.0433cqh}44.8985%{translate:0 13.1509cqh}47.4031%{translate:0 15.5919cqh}49.9077%{translate:0 19.1059cqh}52.4123%{translate:0 23.4388cqh}54.9169%{translate:0 28.3419cqh}57.4215%{translate:0 33.5717cqh}59.9262%{translate:0 38.8862cqh}62.4308%{translate:0 44.0421cqh}64.9354%{translate:0 48.7889cqh}67.44%{translate:0 52.8618cqh}69.9446%{translate:0 55.9727cqh}72.4492%{translate:0 57.817cqh}74.9538%{translate:0 59.2691cqh}77.4585%{translate:0 60.991cqh}79.9631%{translate:0 63.0238cqh}82.4677%{translate:0 65.4161cqh}84.9723%{translate:0 68.2255cqh}87.4769%{translate:0 71.521cqh}89.9815%{translate:0 75.3863cqh}92.4862%{translate:0 79.9226cqh}94.9908%{translate:0 85.2543cqh}97.4954%{translate:0 91.5342cqh}to{translate:0 98.952cqh}}@keyframes op-env-cam-s{0%{animation-timing-function:cubic-bezier(.5,0,.2,1);scale:1}34.88%{scale:.56}37.3846%{scale:.56}39.8892%{scale:.5601}42.3938%{scale:.5603}44.8985%{scale:.5607}47.4031%{scale:.5616}49.9077%{scale:.5629}52.4123%{scale:.5648}54.9169%{scale:.5674}57.4215%{scale:.571}59.9262%{scale:.5756}62.4308%{scale:.5814}64.9354%{scale:.5887}67.44%{scale:.5977}69.9446%{scale:.6086}72.4492%{scale:.6217}74.9538%{scale:.6373}77.4585%{scale:.6558}79.9631%{scale:.6777}82.4677%{scale:.7034}84.9723%{scale:.7336}87.4769%{scale:.769}89.9815%{scale:.8106}92.4862%{scale:.8594}94.9908%{scale:.9167}97.4954%{scale:.9842}to{scale:1.064}}@keyframes op-env-cam-r{0%{animation-timing-function:cubic-bezier(.5,0,.2,1);transform:none}34.88%{transform:rotateX(9deg)}41.86%{animation-timing-function:cubic-bezier(.45,0,.3,1);transform:rotateX(9deg)}72.09%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:rotateX(5deg)}to{transform:rotateX(0)}}.is-open :is(.op-env-back,.op-env-pocket,.op-env-flap,.op-env-ribbon){animation:.8s 3.4s forwards op-env-fade}@keyframes op-env-fade{to{opacity:0}}.op-env-back,.op-env-pocket,.op-env-pocket i,.op-env-bottom,.op-env-flap,.op-env-flap i,.op-env-flap-shade,.op-env-flap-shade i,.op-env-letter{position:absolute}.op-env-back{z-index:1;background:var(--ep-liner);border-radius:1.4cqw;inset:0;box-shadow:inset 0 0 0 1px #00000014,inset 0 6cqh 6cqh -4cqh #00000047,0 .4cqh .8cqh #00000029,0 2.4cqh 5cqh #00000042}.op-env-letter{z-index:2;text-align:center;color:var(--ep-ink);background:var(--ep-grain), radial-gradient(ellipse 75% 65% at 50% 45%, transparent 55%, color-mix(in srgb, var(--letter) 88%, #6b4e2a)), var(--letter);border-radius:.8cqw;flex-direction:column;justify-content:center;align-items:center;gap:min(2.1cqh,4.6cqw);padding:min(8cqh,17cqw) 10cqw;display:flex;inset:3% 5%;box-shadow:0 .3cqh 1.4cqh #0003}.op-env-letter:before,.op-env-letter:after{content:"";pointer-events:none;position:absolute}.op-env-letter:before{border:1px solid color-mix(in srgb, var(--ep-orn) 55%, transparent);inset:3.4cqw}.op-env-letter:after{border:1px solid color-mix(in srgb, var(--ep-orn) 22%, transparent);inset:4.6cqw}.op-env-corner{width:17cqw;height:17cqw;color:var(--ep-orn);opacity:.85;position:absolute}.op-env-corner.is-tl{top:1.6cqw;left:1.6cqw}.op-env-corner.is-tr{top:1.6cqw;right:1.6cqw;transform:scaleX(-1)}.op-env-corner.is-bl{bottom:1.6cqw;left:1.6cqw;transform:scaleY(-1)}.op-env-corner.is-br{bottom:1.6cqw;right:1.6cqw;transform:scale(-1)}.op-env-rule{width:min(42cqw,19.4cqh);height:min(4.2cqw,1.94cqh);color:var(--ep-orn);flex:none}.op-env-rule.is-flip{transform:scaleY(-1)}.op-env-letter p{margin:0}.op-env-letter-lead,.op-env-letter-close{font-family:var(--font-names,var(--font-display));color:var(--ep-orn);font-size:min(5.4cqw,2.5cqh);line-height:1.5}.op-env-letter-invite,.op-env-letter-line{max-width:58cqw;font-family:var(--font-body,var(--font-display));opacity:.88;font-size:min(3.9cqw,1.8cqh);line-height:1.8}.op-env-letter-line{font-style:italic}.op-env-letter-date{font-family:var(--font-display);letter-spacing:.06em;color:var(--ep-orn);font-size:min(3.5cqw,1.62cqh)}.op-env-letter-names{font-family:var(--font-names,var(--font-display));color:var(--ep-orn);flex-direction:column;align-items:center;display:flex}.op-env-stage .op-env-scene .op-env-letter .op-env-letter-names{font-size:min(10cqw,4.6cqh);line-height:1.35}.op-env-stage .op-env-scene .op-env-letter .op-env-letter-names:not(:lang(ar)){font-size:min(11cqw,5cqh);line-height:1.15}.op-env-letter-names small{opacity:.8;font-size:.5em;line-height:1.2}.is-open .op-env-letter{animation:1.3s cubic-bezier(.45,0,.3,1) 2.1s both op-env-rise,10ms linear 3.42s forwards op-env-front}@keyframes op-env-rise{to{transform:translateY(-93cqh)}}@keyframes op-env-front{0%,to{z-index:6}}.op-env-pocket{z-index:3;inset:0}.op-env-pocket i{border-radius:1.4cqw;inset:0}.op-env-pocket .is-l{background:var(--ep-tex), linear-gradient(100deg, var(--ep) 30%, color-mix(in srgb, var(--ep-dark) 70%, var(--ep)));clip-path:polygon(0 0,53% 48%,0 100%)}.op-env-pocket .is-r{background:var(--ep-tex), linear-gradient(260deg, color-mix(in srgb, var(--ep) 94%, black) 30%, var(--ep-dark));clip-path:polygon(100% 0,47% 48%,100% 100%)}.op-env-bottom{filter:drop-shadow(0 -.3cqh .5cqh #0000002e);inset:0}.op-env-bottom i{background:var(--ep-tex), linear-gradient(to top, var(--ep) 45%, color-mix(in srgb, var(--ep) 86%, var(--ep-dark)));clip-path:polygon(0 100%,0 78%,16% 65.5%,36% 54.5%,50% 50.4%,64% 54.5%,84% 65.5%,100% 78%,100% 100%);border-radius:1.4cqw;inset:0}.op-env-to{z-index:4;text-align:center;font-family:var(--font-display);color:var(--ink);flex-direction:column;align-items:center;gap:2.6cqh;font-size:1.15rem;transition:opacity .6s .2s;display:flex;position:absolute;bottom:13%;left:10%;right:10%}.op-env-hint{font-family:var(--font-body,var(--font-display));opacity:.8;font-size:.8rem;animation:2.2s ease-in-out infinite op-pulse}.is-open .op-env-to{opacity:0}.is-open .op-env-hint{animation:none}.op-env-ribbon{z-index:6;background:linear-gradient(#ffffff59, transparent 40%, #0000002e), var(--env-ribbon,color-mix(in srgb, var(--env-seal,#8e1b1b) 75%, white));height:1.4cqh;transition:opacity .7s .4s,transform .9s .35s;position:absolute;top:44.6%;left:0;right:0;translate:0 -50%;box-shadow:0 1px 2px #0003}.is-open .op-env-ribbon{opacity:0;transform:scaleX(1.1)}.op-env-flap-shade{z-index:4;filter:blur(.5cqh);opacity:.55;height:46%;transition:opacity .35s .85s;top:.5cqh;left:0;right:0}.op-env-flap-shade i{clip-path:polygon(0 0,100% 0,100% 4%,60% 86%,50% 100%,40% 86%,0 4%);background:#00000080;inset:0}.is-open .op-env-flap-shade{opacity:0}.op-env-flap{z-index:5;transform-origin:top;height:46%;transition:transform 1.5s cubic-bezier(.5,0,.25,1) .8s,z-index 0s linear 1.55s;top:0;left:0;right:0}.op-env-flap i{clip-path:polygon(0 0,100% 0,100% 4%,60% 86%,50% 100%,40% 86%,0 4%);border-radius:1.4cqw 1.4cqw 0 0;inset:0}.op-env-flap .is-out{background:color-mix(in srgb, var(--ep) 62%, white)}.op-env-flap .is-out:after{content:"";background:var(--ep-tex), linear-gradient(to bottom, var(--ep), color-mix(in srgb, var(--ep) 82%, var(--ep-dark)));clip-path:polygon(0 0,100% 0,100% 3.4%,59.7% 85.2%,50% 98.6%,40.3% 85.2%,0 3.4%);position:absolute;inset:0}.op-env-flap .is-in{opacity:0}.op-env-flap .is-in:before,.op-env-flap .is-in:after{content:"";position:absolute;inset:0}.op-env-flap .is-in:before{background:var(--ep-liner);transform:scaleY(-1)}.op-env-flap .is-in:after{background:linear-gradient(#00000052,#0000 30%)}.is-open .op-env-flap{z-index:0;transform:rotateX(180deg)}.is-open .op-env-flap .is-out{opacity:0;transition:opacity 0s linear 1.55s}.is-open .op-env-flap .is-in{opacity:1;transition:opacity 0s linear 1.55s}.op-env-seal{z-index:7;perspective:600px;width:24cqw;height:24cqw;animation:2.6s ease-in-out infinite op-env-seal-pulse;position:absolute;top:44.6%;left:50%;translate:-50% -50%}@keyframes op-env-seal-pulse{50%{transform:scale(1.05)}}.op-env-seal-half{transition:transform 1.25s cubic-bezier(.5,0,.75,.45) .35s,opacity .6s .95s;position:absolute;inset:0}.op-env-seal-half.is-l{clip-path:polygon(-40% -40%,53% -40%,53% 0,47% 18%,56% 36%,46% 55%,54% 74%,48% 100%,48% 140%,-40% 140%)}.op-env-seal-half.is-r{clip-path:polygon(53% -40%,140% -40%,140% 140%,48% 140%,48% 100%,54% 74%,46% 55%,56% 36%,47% 18%,53% 0)}.is-open .op-env-seal-half{opacity:0}.is-open .op-env-seal-half.is-l{transform:translate(-7cqw,30cqh)rotate(-34deg)rotateY(38deg)}.is-open .op-env-seal-half.is-r{transform:translate(6cqw,34cqh)rotate(28deg)rotateY(-42deg)}.op-env-wax{clip-path:polygon(97.9% 50%,96.2% 59.8%,92.2% 68.8%,88.5% 78%,82% 85.5%,73.4% 90.6%,63.6% 91.9%,55.1% 98.8%,45.2% 95.3%,36% 93.2%,23.8% 95.4%,18.7% 84.8%,10.3% 78.8%,7.2% 69.1%,3.2% 59.9%,2.6% 50%,3.2% 40.1%,5% 30%,11.9% 22.3%,17.6% 14%,24.7% 6.2%,36.3% 7.8%,44.9% 1.7%,55% 2.7%,64.2% 6.4%,73.3% 9.6%,82.9% 13.4%,87.9% 22.5%,94.1% 30.3%,98.2% 39.8%);background:radial-gradient(circle at 32% 26%, #fff6, transparent 22%), radial-gradient(circle at 70% 78%, #0000004d, transparent 45%), radial-gradient(circle at 50% 50%, transparent 58%, #00000038 64%, #ffffff1f 70%, transparent 76%), var(--env-seal,#8e1b1b);place-items:center;display:grid;position:absolute;inset:0}.op-env-seal-shadow{filter:drop-shadow(0 1px 1px #00000059)drop-shadow(0 .6cqh 1cqh #00000047);position:absolute;inset:0}.op-env-wax:before{content:"";background:radial-gradient(circle at 50% 40%,#ffffff14,#0000002e);border-radius:50%;position:absolute;inset:19%;box-shadow:inset 0 2px 3px #00000073,inset 0 -1px 1px #ffffff40,0 1px #fff3}.op-env-wax:after{content:"";border:1px dashed color-mix(in srgb, var(--env-seal-ink,#f1d9a0) 55%, transparent);border-radius:50%;position:absolute;inset:24%}.op-env-wax b{color:var(--env-seal-ink,#f1d9a0);font-family:var(--font-display);text-shadow:0 -1px #00000073,0 1px #ffffff40;font-size:6cqw;font-weight:700;position:relative}@media (prefers-reduced-motion:reduce){.op-env-float,.op-env-seal,.op-env-hint{animation:none}}
.inv-opening{z-index:30;position:absolute;inset:0}.op-tap{background:var(--opening-bg,var(--card-bg));color:var(--ink);text-align:center;cursor:pointer;place-items:center;padding:32px;transition:opacity .7s,transform .7s;display:grid;position:absolute;inset:0}.op-tap.is-leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.op-tap-inner{justify-items:center;gap:20px;display:grid}.op-tap-names{font-family:var(--font-display);font-size:2.2rem;line-height:1.3}.op-tap-names span{color:var(--accent)}.op-tap-hint{color:var(--muted);font-size:.8rem;animation:2s ease-in-out infinite op-pulse}@keyframes op-pulse{50%{opacity:.4}}.op-dr{--leaf-a:var(--door-color,#f3ece1);--leaf-b:var(--door-color-2,#dfd2bd);--trim:var(--door-trim,#b89a6a);--frame:var(--door-frame,var(--trim));--light:var(--door-light,#fff4dc);background:var(--door-wall,var(--opening-bg,#efe9df));cursor:pointer;position:absolute;inset:0;overflow:hidden}.op-dr-scene{transform-origin:50% 42%;will-change:transform;transition:transform 2.6s cubic-bezier(.4,0,.12,1) 1.6s;position:absolute;inset:0}.op-dr.is-open .op-dr-scene{transform:scale(2.6)}.op-dr-wall{background:linear-gradient(to bottom, transparent calc(80% - 2px), color-mix(in srgb, var(--frame) 55%, transparent) calc(80% - 2px) 80%, transparent 80%), linear-gradient(to bottom, transparent calc(81% + 3px), color-mix(in srgb, var(--frame) 30%, transparent) calc(81% + 3px) calc(81% + 4px), transparent calc(81% + 4px)), linear-gradient(to bottom, transparent calc(94% - 1px), color-mix(in srgb, var(--frame) 35%, transparent) calc(94% - 1px) 94%, transparent 94%);position:absolute;inset:0}.op-dr-pillar{background:repeating-linear-gradient(90deg, #ffffff38 0 2px, #0000002e 2px 4px, transparent 4px 6px), linear-gradient(90deg, color-mix(in srgb, var(--frame) 75%, black), color-mix(in srgb, var(--frame) 85%, white) 45%, color-mix(in srgb, var(--frame) 70%, black));width:18px;height:calc(min(64%,560px) - 19%);position:absolute;top:30%;box-shadow:0 10px 18px #0000004d}.op-dr-pillar-left{left:calc(50% - min(74%,320px)/2 - 30px)}.op-dr-pillar-right{right:calc(50% - min(74%,320px)/2 - 30px)}.op-dr-pillar:before,.op-dr-pillar:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--frame) 85%, white), color-mix(in srgb, var(--frame) 70%, black));border-radius:2px;height:10px;position:absolute;left:-6px;right:-6px}.op-dr-pillar:before{border-radius:6px 6px 1px 1px;top:-10px}.op-dr-pillar:after{bottom:-8px}.op-dr-lamp{background:radial-gradient(circle, #fff 0 3px, color-mix(in srgb, var(--light) 90%, transparent) 4px, color-mix(in srgb, var(--light) 25%, transparent) 30%, transparent 68%);border-radius:50%;width:90px;height:90px;margin-inline:-36px;animation:3.2s ease-in-out infinite op-dr-lamp;position:absolute;top:-62px}.op-dr-pillar-left .op-dr-lamp{left:0}.op-dr-pillar-right .op-dr-lamp{right:0}@keyframes op-dr-lamp{50%{opacity:.75;transform:scale(.94)}}.op-dr-arch{background:linear-gradient(180deg, color-mix(in srgb, var(--frame) 90%, white), var(--frame) 40%, color-mix(in srgb, var(--frame) 80%, black));width:min(74%,320px);height:min(64%,560px);box-shadow:0 0 0 1px color-mix(in srgb, var(--frame) 60%, black), 0 0 0 7px color-mix(in srgb, var(--frame) 25%, transparent), 0 0 0 8px color-mix(in srgb, var(--frame) 60%, transparent), 0 30px 60px #00000059;border-radius:50% 50% 6px 6px/28% 28% 6px 6px;padding:12px;position:absolute;top:11%;left:50%;translate:-50%}.op-dr-arch-art{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.op-dr-crown{background:var(--door-crown,none) center / contain no-repeat;z-index:2;width:170px;height:56px;position:absolute;top:-38px;left:50%;translate:-50%}.op-dr-opening{perspective:1000px;background:#000;border-radius:50% 50% 3px 3px/27% 27% 3px 3px;height:100%;position:relative;box-shadow:inset 0 0 0 1px #0006}.op-dr-floor{background:radial-gradient(#00000059,#0000 70%);border-radius:50%;width:min(96%,420px);height:44px;position:absolute;top:calc(11% + min(64%,560px) - 14px);left:50%;translate:-50%}.op-dr-light{border-radius:inherit;background:radial-gradient(ellipse at 50% 55%, #fff 0%, var(--light) 35%, color-mix(in srgb, var(--light) 60%, #caa15a) 75%, #8a6a3a 100%);opacity:.9;position:absolute;inset:0;box-shadow:inset 16px 0 20px -8px #0000008c,inset -16px 0 20px -8px #0000008c,inset 0 18px 24px -10px #00000080}.op-dr-light:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(at 50% 55%,#fff 10%,#fff9 45%,#0000 75%);transition:opacity 2.4s .6s;position:absolute;inset:0}.op-dr.is-open .op-dr-light:after{opacity:1}.op-dr-seam{width:3px;box-shadow:0 0 12px 3px var(--light), 0 0 40px 10px color-mix(in srgb, var(--light) 60%, transparent);background:linear-gradient(#0000,#fff 20% 80%,#0000);animation:2.6s ease-in-out infinite op-dr-seam;position:absolute;top:0;bottom:0;left:50%;translate:-50%}@keyframes op-dr-seam{50%{opacity:.55}}.op-dr.is-open .op-dr-seam{opacity:0;transition:opacity .4s .4s;animation:none}.op-dr-leaf{--thick:14px;width:50%;transform-style:preserve-3d;transition:transform 1.8s cubic-bezier(.45,0,.15,1) .45s;position:absolute;top:0;bottom:0}.op-dr-leaf-left{transform-origin:0;left:0}.op-dr-leaf-right{transform-origin:100%;right:0}.op-dr.is-open .op-dr-leaf-left{transform:rotateY(-78deg)}.op-dr.is-open .op-dr-leaf-right{transform:rotateY(78deg)}.op-dr-face{backface-visibility:hidden;background:repeating-linear-gradient(90deg, #ffffff09 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--leaf-a), var(--leaf-b));position:absolute;inset:0;overflow:hidden}.op-dr-front{transform:translateZ(calc(var(--thick) / 2))}.op-dr-back{transform:rotateY(180deg) translateZ(calc(var(--thick) / 2));box-shadow:inset 0 0 0 999px #0003}.op-dr-leaf-left .op-dr-front,.op-dr-leaf-right .op-dr-back{border-top-left-radius:100% 27%}.op-dr-leaf-right .op-dr-front,.op-dr-leaf-left .op-dr-back{border-top-right-radius:100% 27%}.op-dr-leaf-left .op-dr-front{box-shadow:inset -2px 0 3px #00000040,inset 1px 0 #ffffff40}.op-dr-leaf-right .op-dr-front{box-shadow:inset 2px 0 3px #00000040,inset -1px 0 #ffffff40}.op-dr-side{width:var(--thick);background:linear-gradient(90deg, #00000059, #ffffff1f 45%, #00000040), linear-gradient(180deg, var(--leaf-a), var(--leaf-b));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--trim) 40%, transparent);position:absolute;top:0;bottom:0}.op-dr-leaf-left .op-dr-side{right:calc(var(--thick) / -2);transform:rotateY(90deg)}.op-dr-leaf-right .op-dr-side{left:calc(var(--thick) / -2);transform:rotateY(-90deg)}.op-dr-panel{border:1px solid color-mix(in srgb, var(--trim) 80%, black);box-shadow:inset 2px 2px 0 #ffffff47, inset -2px -2px 0 #0000002e, inset 0 0 0 6px color-mix(in srgb, var(--leaf-a) 70%, transparent), inset 0 0 0 7px color-mix(in srgb, var(--trim) 70%, transparent), 0 1px 0 #fff3;background:linear-gradient(160deg,#ffffff24,#0000 45%,#0000001a);position:absolute;left:15%;right:15%}.op-dr-panel-top{height:38%;top:20%}.op-dr-leaf-left .op-dr-panel-top{border-radius:96% 2px 2px/36% 2px 2px}.op-dr-leaf-right .op-dr-panel-top{border-radius:2px 96% 2px 2px/2px 36% 2px 2px}.op-dr-panel-bottom{border-radius:2px;top:64%;bottom:6%}.op-dr-carving{background:var(--door-art,none) center / contain no-repeat;opacity:.85;position:absolute;inset:22% 12% 14%}.op-dr-leaf-right .op-dr-carving{transform:scaleX(-1)}.op-dr-knocker{width:34px;height:46px;position:absolute;top:55%}.op-dr-leaf-left .op-dr-knocker{right:9%}.op-dr-leaf-right .op-dr-knocker{left:9%}.op-dr-knocker-plate{background:var(--door-handle,linear-gradient(135deg, #8c6a33, #f4dc9a, #9a7738));border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 2px 3px #00000059}.op-dr-knocker-ring{background:var(--door-handle,linear-gradient(135deg, #8c6a33, #f4dc9a, #9a7738)) border-box;filter:drop-shadow(0 3px 2px #00000059);transform-origin:50% 0;border:4px solid #0000;border-radius:50%;width:30px;height:30px;position:absolute;top:7px;left:50%;translate:-50%;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.op-dr.is-open .op-dr-knocker-ring{animation:1.2s cubic-bezier(.37,0,.63,1) op-dr-knock}@keyframes op-dr-knock{0%{rotate:x 0deg}30%{rotate:x 32deg}60%{rotate:x -10deg}82%{rotate:x 4deg}to{rotate:x 0deg}}.op-dr-shade{opacity:0;background:linear-gradient(90deg,#0000001a,#00000059);transition:opacity 1.3s .4s;position:absolute;inset:0}.op-dr-leaf-right .op-dr-shade{background:linear-gradient(270deg,#0000001a,#00000059)}.op-dr.is-open .op-dr-shade{opacity:1}.op-dr-caption{text-align:center;color:var(--door-ink,var(--accent));justify-items:center;gap:8px;transition:opacity .5s,transform .5s;display:grid;position:absolute;bottom:7%;left:0;right:0}.op-dr.is-open .op-dr-caption{opacity:0;transform:translateY(12px)}.op-dr-names{font-family:var(--font-names,var(--font-display));font-size:1.7rem;line-height:1.6}.op-dr-names span{font-family:var(--font-display);opacity:.8;font-size:1.1rem}.op-dr-hint{opacity:.75;font-size:.85rem;animation:2s ease-in-out infinite op-pulse}.op-dr.is-open{opacity:0;pointer-events:none;transition:opacity 1s 3.3s}@media (prefers-reduced-motion:reduce){.op-dr-lamp,.op-dr-seam,.op-dr-hint{animation:none}}.op-fl{--fl-gold-c:var(--fl-gold,#b89a5e);background:var(--fl-bg,var(--opening-bg,#efe8dc));cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-fl.is-open{opacity:0;pointer-events:none;transition:opacity 1s 2s}.op-fl-light{pointer-events:none;mix-blend-mode:multiply;opacity:var(--fl-light,.55);background:url(/openings/flowers/light.webp) 0 0/100% 100% no-repeat;animation:16s ease-in-out infinite alternate op-fl-light;position:absolute;inset:-8%}@keyframes op-fl-light{to{transform:translate(2%,1.5%)scale(1.03)}}.op-fl.is-open .op-fl-light{opacity:0;transition:opacity .8s}.op-fl-glow{opacity:0;background:radial-gradient(circle,#fffcf0f2,#fffaeb80 30%,#0000 60%);position:absolute;inset:-20%}.op-fl.is-open .op-fl-glow{opacity:1;transition:opacity 1s .3s}.op-fl-card{background:radial-gradient(ellipse at 30% 0%, #ffffff8c, transparent 55%), url(/openings/flowers/paper.webp) 0 0 / 256px 256px, var(--fl-card,#f6f1e7);background-blend-mode:normal, multiply, normal;width:72cqw;height:min(66cqh,118cqw);color:var(--fl-ink,#4a4636);text-align:center;border-radius:50% 50% 2.5cqw 2.5cqw/26% 26% 2.5cqw 2.5cqw;padding:3.2cqw;animation:1.4s cubic-bezier(.2,.7,.2,1) .2s backwards op-fl-card-in;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 2.5cqw 7cqw #3c321e38,0 .4cqw 1.2cqw #3c321e24}@keyframes op-fl-card-in{0%{opacity:0;transform:translateY(3cqh)scale(.96)}}.op-fl-card-inner{border:1px solid var(--fl-gold-c);border-radius:50% 50% 1.5cqw 1.5cqw/24% 24% 1.5cqw 1.5cqw;flex-direction:column;justify-content:center;align-items:center;gap:1.6cqh;height:100%;padding:16% 6% 8%;display:flex;position:relative}.op-fl.is-open .op-fl-card{animation:1.4s cubic-bezier(.4,0,.2,1) .9s forwards op-fl-card-out}@keyframes op-fl-card-out{to{opacity:0;transform:translateY(-2cqh)scale(1.08)}}.op-fl-mono{color:var(--fl-gold-c);font-family:var(--font-display);letter-spacing:.1em;align-items:center;gap:1.5cqw;font-size:5.2cqw;display:flex}.op-fl-mono-sprig{width:7cqw;height:7cqw}.op-fl-mono-sprig path,.op-fl-divider-sprig path{fill:none;stroke:var(--fl-gold-c);stroke-width:1px}.op-fl-mono-sprig path+path,.op-fl-divider-sprig path+path{fill:var(--fl-gold-c);fill-opacity:.35}.op-fl-kicker{font-family:var(--font-display);text-transform:uppercase;opacity:.8;font-size:3.1cqw}.op-fl-names{line-height:1.25;font-family:var(--font-names,var(--font-display));color:var(--fl-names,var(--fl-ink,#4a4636));font-size:10.5cqw;display:grid}.op-fl-names .op-fl-and{font-family:var(--font-display);color:var(--fl-gold-c);font-size:5.6cqw;line-height:1.4}.op-fl-divider{align-items:center;gap:2cqw;width:60%;display:flex}.op-fl-divider i{background:color-mix(in srgb, var(--fl-gold-c), transparent 30%);flex:1;height:1px}.op-fl-divider-sprig{width:5cqw;height:5cqw;rotate:90deg}.op-fl-date{font-family:var(--font-display);font-size:3.4cqw}.op-fl:not(:lang(ar)) .op-fl-kicker{letter-spacing:.28em}.op-fl:not(:lang(ar)) .op-fl-date{letter-spacing:.12em}.op-fl-hint{color:color-mix(in srgb, var(--fl-ink,#4a4636), var(--fl-gold-c) 45%);margin-top:1cqh;font-size:3.4cqw;animation:2.2s ease-in-out infinite op-pulse}.op-fl.is-open .op-fl-hint,.op-fl.is-open .op-fl-date{opacity:0;transition:opacity .4s;animation:none}.op-fl-garden{pointer-events:none;position:absolute;inset:0}.op-fl-item{width:calc(var(--s) * 1cqw);aspect-ratio:1;transform:translate(-50%, -50%) rotate(var(--r));translate:calc(var(--px,0) * var(--z) * -1.2cqw) calc(var(--py,0) * var(--z) * -1.2cqw);filter:drop-shadow(.4cqw .8cqw .8cqw #32231438);transition:translate .8s cubic-bezier(.2,.7,.2,1);position:absolute}.op-fl-item.is-gyps{filter:drop-shadow(.2cqw .4cqw .4cqw #3223142e)}.op-fl-sway{background:50%/contain no-repeat}.is-anemone .op-fl-sway{background-image:var(--fl-img-anemone,url(/openings/flowers/plum/anemone.webp))}.is-peony .op-fl-sway{background-image:var(--fl-img-peony,url(/openings/flowers/plum/peony.webp))}.is-blossom .op-fl-sway{background-image:var(--fl-img-blossom,url(/openings/flowers/plum/blossom.webp))}.is-spray .op-fl-sway{background-image:var(--fl-img-spray,url(/openings/flowers/plum/spray.webp))}.is-leaf .op-fl-sway{background-image:var(--fl-img-leaf,url(/openings/flowers/plum/leaf.webp))}.is-gyps .op-fl-sway{background-image:var(--fl-img-gyps,url(/openings/flowers/plum/gyps.webp))}.op-fl-grow{width:100%;height:100%;animation:op-fl-grow 1.3s cubic-bezier(.2, .8, .2, 1.1) var(--gd) backwards}@keyframes op-fl-grow{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}.op-fl-sway{width:100%;height:100%;animation:op-fl-breathe var(--sw) ease-in-out var(--swd) infinite}.is-spray .op-fl-sway,.is-gyps .op-fl-sway,.is-leaf .op-fl-sway{transform-origin:50% 97%;animation-name:op-fl-sway}@keyframes op-fl-breathe{50%{transform:rotate(4deg)scale(1.035)}}@keyframes op-fl-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3.5deg)}}.op-fl.is-open .op-fl-item{animation:op-fl-burst 1.9s cubic-bezier(.35, 0, .2, 1) var(--bd) forwards}@keyframes op-fl-burst{0%{transform:translate(-50%, -50%) rotate(var(--r))}16%{transform:translate(-50%, -50%) rotate(calc(var(--r) - 6deg)) scale(.92);opacity:1}to{transform:translate(var(--dx), var(--dy)) translate(-50%, -50%) rotate(calc(var(--r) + var(--spin))) scale(1.35);opacity:0}}.op-fl-petal{width:calc(var(--ps) * 1cqw);height:calc(var(--ps) * 1.35cqw);background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--fl-a,#86628a), #fff 35%), var(--fl-a,#86628a) 70%);opacity:0;transform:translate(-50%, -50%) rotate(var(--pr));border-radius:80% 10%;position:absolute}.op-fl-petal.is-b{background:radial-gradient(circle at 30% 30%, #fff, var(--fl-b,#fdf9f1) 50%, color-mix(in srgb, var(--fl-b,#fdf9f1), #8a6d45 25%))}.op-fl.is-open .op-fl-petal{animation:op-fl-petal 2.1s cubic-bezier(.2, .6, .3, 1) var(--pd) forwards}@keyframes op-fl-petal{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--pr)) scale(.4)}12%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translate(var(--dx), var(--dy)) translate(-50%, -50%) rotate(calc(var(--pr) + var(--spin))) scale(1)}}@media (prefers-reduced-motion:reduce){.op-fl-light,.op-fl-sway,.op-fl-hint{animation:none}}.op-sh{--outer:var(--shell-outer,#e6ddd2);--light:var(--shell-light,#fff7ea);background:var(--shell-bg,var(--opening-bg,#0d1b28));cursor:pointer;position:absolute;inset:0;overflow:hidden}.op-sh-scene{transform-origin:50% calc(44% - 80px);will-change:transform;transition:transform 2.2s cubic-bezier(.55,0,.1,1) 2.9s;position:absolute;inset:0}.op-sh.is-open .op-sh-scene{transform:scale(5)}.op-sh-rays{pointer-events:none;transition:opacity 1.2s 2.2s;position:absolute;inset:0}.op-sh.is-open .op-sh-rays{opacity:0}.op-sh-rays i{background:linear-gradient(to bottom, color-mix(in srgb, var(--light) 26%, transparent), transparent 85%);transform-origin:top;width:70px;height:90%;animation:9s ease-in-out infinite op-sh-ray;position:absolute;top:-12%;rotate:14deg}.op-sh-rays i:first-child{width:46px;left:12%}.op-sh-rays i:nth-child(2){width:90px;animation-duration:11s;animation-delay:-3s;left:34%}.op-sh-rays i:nth-child(3){width:38px;animation-delay:-6s;left:58%}.op-sh-rays i:nth-child(4){width:64px;animation-duration:12s;animation-delay:-1.5s;left:76%}@keyframes op-sh-ray{0%,to{opacity:.35;transform:translate(-14px)scaleX(.8)}50%{opacity:.95;transform:translate(14px)scaleX(1.15)}}.op-sh-floor{background:radial-gradient(ellipse 60% 55% at 50% 100%, color-mix(in srgb, var(--light) 14%, transparent), transparent 70%);height:46%;position:absolute;bottom:0;left:-10%;right:-10%}.op-sh-bubbles i{border:1px solid color-mix(in srgb, var(--light) 55%, transparent);background:radial-gradient(circle at 32% 30%, color-mix(in srgb, var(--light) 70%, transparent) 0 18%, transparent 30%);opacity:0;border-radius:50%;width:7px;height:7px;animation:9s linear infinite op-sh-bubble;position:absolute;bottom:-20px}.op-sh-bubbles i:first-child{animation-delay:-1s;left:18%}.op-sh-bubbles i:nth-child(2){width:4px;height:4px;animation-duration:11s;animation-delay:-5s;left:27%}.op-sh-bubbles i:nth-child(3){width:5px;height:5px;animation-delay:-3s;left:41%}.op-sh-bubbles i:nth-child(4){width:9px;height:9px;animation-duration:12s;animation-delay:-7.5s;left:49%}.op-sh-bubbles i:nth-child(5){width:4px;height:4px;animation-duration:8s;animation-delay:-.5s;left:55%}.op-sh-bubbles i:nth-child(6){animation-duration:10s;animation-delay:-6s;left:66%}.op-sh-bubbles i:nth-child(7){width:5px;height:5px;animation-delay:-2s;left:74%}.op-sh-bubbles i:nth-child(8){width:4px;height:4px;animation-duration:13s;animation-delay:-8s;left:84%}.op-sh-bubbles i:nth-child(9){width:6px;height:6px;animation-duration:10s;animation-delay:-4s;left:90%}@keyframes op-sh-bubble{0%{opacity:0;transform:translate(0)}10%{opacity:.8}50%{transform:translate(8px,-50vh)}85%{opacity:.6}to{opacity:0;transform:translate(-6px,-100vh)}}.op-sh-stage{width:var(--sh-w);height:200px;position:absolute;top:44%;left:50%;translate:-50% -50%}.op-sh-shadow{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:34%;animation:5s ease-in-out infinite op-sh-shadow;position:absolute;top:62%;left:6%;right:6%}@keyframes op-sh-shadow{50%{opacity:.8;transform:scale(.92)}}.op-sh-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--light) 90%, transparent), color-mix(in srgb, var(--light) 35%, transparent) 35%, transparent);opacity:0;border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;transition:opacity 1.4s 1.2s,transform 2.8s cubic-bezier(.3,0,.2,1) 1.2s;position:absolute;top:calc(50% - 20px);left:50%;transform:scale(.4)}.op-sh.is-open .op-sh-glow{opacity:1;transform:translateY(-60px)scale(1.1)}.op-sh-bob{perspective:900px;perspective-origin:50% 20%;animation:5s ease-in-out infinite op-sh-bob;position:absolute;inset:0}@keyframes op-sh-bob{50%{transform:translateY(-5px)}}.op-sh-shell{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(46deg)}.op-sh.is-open .op-sh-shell{animation:.6s ease-in-out op-sh-stir}@keyframes op-sh-stir{25%{transform:rotateX(46deg)rotate(-2.5deg)}60%{transform:rotateX(46deg)rotate(2deg)}}.op-sh-valve{transform-style:preserve-3d;position:absolute;inset:0}.op-sh-lid{transform-origin:50% 14px;transition:transform 2.4s cubic-bezier(.45,0,.15,1) .5s;transform:translateZ(7px)}.op-sh.is-open .op-sh-lid{transform:translateZ(7px)rotateX(108deg)}.op-sh-face{clip-path:var(--sh-clip);backface-visibility:hidden;position:absolute;inset:0}.op-sh-outer{background:radial-gradient(ellipse 70% 60% at 42% 34%, #ffffff73, transparent 70%), repeating-radial-gradient(circle at 130px 14px, transparent 0 17px, #3c281e12 17px 18.5px), radial-gradient(circle at 130px 14px, transparent 55%, #281e1e4d 100%), repeating-conic-gradient(from 130deg at 130px 14px, color-mix(in srgb, var(--outer) 70%, black) 0deg, var(--outer) 2deg, color-mix(in srgb, var(--outer) 75%, white) 3.85deg, var(--outer) 5.7deg, color-mix(in srgb, var(--outer) 70%, black) 7.69deg)}.op-sh-nacre{background:radial-gradient(ellipse 60% 55% at 50% 50%, #ffffffb3, transparent 75%), repeating-conic-gradient(from 130deg at 130px 14px, #fff0 0deg, #786e8c14 3.85deg, #fff0 7.69deg), var(--shell-nacre,conic-gradient(from 130deg at 130px 14px, #f7ecef, #dfeef1, #f4e5d4, #ecdff0, #dcecf0, #f7ecef))}.op-sh-inside{transform:rotateY(180deg)}.op-sh-pearl{background:radial-gradient(circle at 34% 28%, #fff 0 9%, #fff9 16%, transparent 34%), radial-gradient(circle at 50% 50%, transparent 58%, #f6cede73 80%, #b6dee899 100%), radial-gradient(circle at 40% 36%, var(--shell-pearl,#f7f1ea) 0 40%, color-mix(in srgb, var(--shell-pearl,#f7f1ea) 78%, #6d6680) 100%);width:64px;height:64px;box-shadow:0 0 26px 8px color-mix(in srgb, var(--light) 70%, transparent);opacity:0;border-radius:50%;transition:opacity .9s 1.3s,transform 1.3s cubic-bezier(.3,1.4,.5,1) 1.3s;position:absolute;top:calc(50% - 52px);left:calc(50% - 32px);transform:scale(.4)}.op-sh.is-open .op-sh-pearl{opacity:1;transition:opacity .9s 1.3s,transform 2.6s cubic-bezier(.5,0,.2,1) 1.3s;transform:translateY(-60px)scale(1.35)}.op-sh-flash{background:radial-gradient(circle at 50% calc(44% - 80px), var(--light), color-mix(in srgb, var(--light) 85%, transparent) 30%, color-mix(in srgb, var(--light) 60%, transparent));opacity:0;pointer-events:none;transition:opacity 1.3s 3.3s;position:absolute;inset:0}.op-sh.is-open .op-sh-flash{opacity:1}.op-sh-caption{text-align:center;color:var(--shell-ink,#f3ecdf);justify-items:center;gap:8px;padding:0 24px;transition:opacity .5s,transform .5s;display:grid;position:absolute;bottom:9%;left:0;right:0}.op-sh.is-open .op-sh-caption{opacity:0;transform:translateY(12px)}.op-sh-names{font-family:var(--font-names,var(--font-display));font-size:1.8rem;line-height:1.6}.op-sh-names span{font-family:var(--font-display);opacity:.8;font-size:1.1rem}.op-sh-hint{opacity:.75;font-size:.85rem;animation:2s ease-in-out infinite op-pulse}.op-sh.is-open{opacity:0;pointer-events:none;transition:opacity 1s 4.3s}@media (prefers-reduced-motion:reduce){.op-sh-rays i,.op-sh-bubbles i,.op-sh-shadow,.op-sh-bob,.op-sh-hint{animation:none}.op-sh-bubbles{display:none}}.op-pt{cursor:pointer;position:absolute;inset:0;overflow:hidden}.op-pt-crack{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--painting-light,#fff2d6) 90%, transparent) 45% 55%, transparent);opacity:0;pointer-events:none;width:28%;position:absolute;top:0;bottom:0;left:36%}.op-pt.is-open .op-pt-crack{animation:2.6s forwards op-pt-crack}@keyframes op-pt-crack{15%{opacity:0}35%{opacity:1}70%{opacity:.6}to{opacity:0}}.op-pt-body{position:absolute;inset:0}.op-pt.is-open .op-pt-body{animation:.4s ease-in-out op-pt-tremble}@keyframes op-pt-tremble{25%{transform:translate(-3px)rotate(.3deg)}60%{transform:translate(3px)rotate(-.3deg)}}.op-pt-whole{position:absolute;inset:0}.op-pt.is-open .op-pt-whole{visibility:hidden;transition:visibility 0s .4s}.op-pt-half{will-change:transform;position:absolute;inset:0}.op-pt-left{transform-origin:0 100%}.op-pt-right{transform-origin:100% 100%}.op-pt.is-open .op-pt-left{animation:2.6s .4s forwards op-pt-left}.op-pt.is-open .op-pt-right{animation:2.6s .4s forwards op-pt-right}@keyframes op-pt-left{0%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:none}30%{animation-timing-function:cubic-bezier(.55,0,.75,.4);transform:translate(-1.5%)rotate(-3deg)}to{transform:translate(-125%,12%)rotate(-18deg)}}@keyframes op-pt-right{0%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:none}30%{animation-timing-function:cubic-bezier(.55,0,.75,.4);transform:translate(1.5%)rotate(3deg)}to{transform:translate(125%,12%)rotate(18deg)}}.op-pt-fibre,.op-pt-clip{position:absolute;inset:0}.op-pt-fibre{background:repeating-linear-gradient(83deg, #0000000f 0 1px, transparent 1px 3px), var(--painting-paper,#efe6d2);opacity:0}.op-pt.is-open .op-pt-fibre{opacity:1;transition:opacity .2s .4s}.op-pt-left .op-pt-fibre{clip-path:var(--pt-fibre-l)}.op-pt-right .op-pt-fibre{clip-path:var(--pt-fibre-r)}.op-pt-left .op-pt-clip{clip-path:var(--pt-clip-l)}.op-pt-right .op-pt-clip{clip-path:var(--pt-clip-r)}.op-pt-sheet{background:#2a2a24;position:absolute;inset:0;overflow:hidden}.op-pt-art{background:var(--painting-art,url(/openings/painting.jpg)) center / cover no-repeat;position:absolute;inset:0}.op-pt-art:after{content:"";background:linear-gradient(105deg,#0000 40%,#fff6de29 50%,#0000 60%);animation:7s ease-in-out infinite op-pt-sheen;position:absolute;inset:-20% -60%;transform:translate(-60%)}@keyframes op-pt-sheen{0%,30%{transform:translate(-60%)}80%,to{transform:translate(60%)}}.op-pt-frame{background:var(--painting-frame,linear-gradient(135deg, #7a5a24, #e9cf86 22%, #9b7632 40%, #f3dd9c 58%, #8a6829 78%, #d9b96c)) border-box;border:14px solid #0000;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #3c280a99;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,padding-box;mask-clip:border-box,padding-box;-webkit-mask-origin:border-box,padding-box;mask-origin:border-box,padding-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.op-pt-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #281a08b3,inset 0 0 24px 6px #0000008c}.op-pt-plaque{background:var(--painting-frame,linear-gradient(135deg, #7a5a24, #e9cf86 22%, #9b7632 40%, #f3dd9c 58%, #8a6829 78%, #d9b96c));width:min(78%,320px);color:var(--painting-ink,#3a2a10);text-align:center;border-radius:4px;justify-items:center;gap:4px;padding:12px 18px 10px;transition:opacity .45s,transform .45s;display:grid;position:absolute;bottom:6%;left:50%;translate:-50%;box-shadow:0 6px 18px #00000073,inset 0 0 0 1px #fff0c880,inset 0 0 0 4px #5a401659}.op-pt.is-open .op-pt-plaque{opacity:0;transform:translateY(14px)}.op-pt-names{font-family:var(--font-names,var(--font-display));font-size:1.6rem;line-height:1.5}.op-pt-names span{font-family:var(--font-display);opacity:.75;font-size:1rem}.op-pt-hint{opacity:.8;font-size:.78rem;animation:2s ease-in-out infinite op-pulse}.op-pt.is-open{pointer-events:none;opacity:0;transition:opacity .5s 2.8s}@media (prefers-reduced-motion:reduce){.op-pt-art:after,.op-pt-hint{animation:none}}.op-bl{--petal-color:var(--bloom-petal-color,#fbf6ee);--light:var(--bloom-light,#fff6e4);background:var(--bloom-bg,var(--opening-bg,#f1ebe2));cursor:pointer;position:absolute;inset:0;overflow:hidden}.op-bl.is-open{opacity:0;pointer-events:none;transition:opacity 1.1s 3.5s}.op-bl-rays{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--light) 55%, transparent) 0 12%, transparent 46%), repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--light) 16%, transparent) 0 5deg, transparent 5deg 15deg);border-radius:50%;width:150%;transition:opacity 1.2s;animation:40s linear infinite op-bl-rays;position:absolute;top:44%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 12%,#0000 62%);mask:radial-gradient(circle,#000 12%,#0000 62%)}@keyframes op-bl-rays{to{transform:rotate(360deg)}}.op-bl.is-open .op-bl-rays{opacity:0}.op-bl-scene{aspect-ratio:1;perspective:900px;width:min(80%,330px);position:absolute;top:44%;left:50%;translate:-50% -50%}.op-bl-flower{transform-style:preserve-3d;will-change:transform;transition:transform 2.2s cubic-bezier(.6,0,.3,1) 1.6s,opacity 1.1s 2.3s;position:absolute;inset:0}.op-bl.is-open .op-bl-flower{opacity:0;transform:translateZ(240px)scale(3.2)rotate(24deg)}.op-bl-sway{transform-style:preserve-3d;animation:7s ease-in-out infinite op-bl-sway;position:absolute;inset:0}@keyframes op-bl-sway{0%,to{transform:rotateX(20deg)rotateY(-6deg)rotate(-3deg)}50%{transform:rotateX(12deg)rotateY(7deg)rotate(3deg)}}.op-bl.is-open .op-bl-sway,.op-bl.is-open .op-bl-ring{animation-play-state:paused}.op-bl-ring{transform-style:preserve-3d;transition:rotate 2.4s cubic-bezier(.3,0,.2,1);animation:3.5s ease-in-out infinite op-bl-breathe;position:absolute;inset:0}.op-bl-ring.is-inner{animation-delay:-1.2s;transform:translateZ(3px)}@keyframes op-bl-breathe{50%{scale:1.035}}.op-bl.is-open .op-bl-ring.is-outer{rotate:14deg}.op-bl.is-open .op-bl-ring.is-inner{transition-delay:.1s;rotate:-22deg}.op-bl-petal{transform-origin:50% 100%;backface-visibility:visible;background:var(--bloom-petal,linear-gradient(90deg, transparent 49.2%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 50.8%), radial-gradient(ellipse 80% 55% at 50% 30%, #ffffffd9, transparent 70%), linear-gradient(to top, color-mix(in srgb, var(--accent) 45%, var(--petal-color)), var(--petal-color) 55%));width:31%;height:49%;-webkit-mask:var(--bloom-petal-mask,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 260' preserveAspectRatio='none'%3E%3Cpath d='M50 258C20 230 4 170 8 110C12 55 34 14 50 2C66 14 88 55 92 110C96 170 80 230 50 258Z'/%3E%3C/svg%3E")) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--bloom-petal-mask,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 260' preserveAspectRatio='none'%3E%3Cpath d='M50 258C20 230 4 170 8 110C12 55 34 14 50 2C66 14 88 55 92 110C96 170 80 230 50 258Z'/%3E%3C/svg%3E")) 0 0 / 100% 100% no-repeat;mask:var(--bloom-petal-mask,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 260' preserveAspectRatio='none'%3E%3Cpath d='M50 258C20 230 4 170 8 110C12 55 34 14 50 2C66 14 88 55 92 110C96 170 80 230 50 258Z'/%3E%3C/svg%3E")) 0 0 / 100% 100% no-repeat;filter:drop-shadow(0 4px 6px #00000040);margin-left:-15.5%;position:absolute;bottom:50%;left:50%}.op-bl-petal:after{content:"";background:linear-gradient(#0000 40%,#280a0a73);transition:opacity 1.6s;position:absolute;inset:0}.op-bl.is-open .op-bl-petal:after{opacity:0}.is-outer .op-bl-petal{transform:rotate(var(--a)) translateY(-14%) rotateX(-46deg);transition:transform 1.9s cubic-bezier(.34, 0, .2, 1) calc(.4s + var(--i) * 50ms), filter 0s linear 1.6s}.is-inner .op-bl-petal{width:26%;height:40%;transform:rotate(var(--a)) translateY(-12%) rotateX(-64deg);transition:transform 1.7s cubic-bezier(.34, 0, .2, 1) calc(.1s + var(--i) * 60ms), filter 0s linear 1.6s;margin-left:-13%}.op-bl.is-open .op-bl-petal{filter:none}.op-bl.is-open .is-outer .op-bl-petal{transform:rotate(var(--a)) translateY(-14%) rotateX(26deg)}.op-bl.is-open .is-inner .op-bl-petal{transform:rotate(var(--a)) translateY(-12%) rotateX(10deg)}.op-bl-heart{aspect-ratio:1;z-index:1;background:var(--bloom-heart,radial-gradient(circle at 35% 30%, #fff6d8, transparent 45%), radial-gradient(circle, #e8c77e, #a57c3a 75%, #7e5c28));width:30%;box-shadow:0 0 0 2px color-mix(in srgb, var(--light) 50%, transparent), 0 0 30px 6px color-mix(in srgb, var(--light) 45%, transparent);border-radius:50%;place-items:center;transition:box-shadow 1.2s,transform 1.8s cubic-bezier(.3,0,.2,1) .2s,opacity 1s 1.8s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.op-bl-heart b{font-family:var(--font-names,var(--font-display));color:var(--bloom-heart-ink,#fff8ea);text-shadow:0 1px 2px #0000004d;font-size:clamp(1.3rem,7vw,1.9rem);font-weight:400;line-height:1;transition:opacity .8s 1.2s}.op-bl.is-open .op-bl-heart{opacity:0;box-shadow:0 0 0 2px var(--light), 0 0 60px 26px var(--light);transform:translate(-50%,-50%)scale(.8)}.op-bl.is-open .op-bl-heart b{opacity:0}.op-bl-flood{aspect-ratio:1;background:radial-gradient(circle, var(--light) 0 30%, color-mix(in srgb, var(--light) 60%, transparent) 50%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:60%;transition:opacity 1.2s 2s,transform 2s cubic-bezier(.5,0,.3,1) 1.8s;position:absolute;top:44%;left:50%;transform:scale(.2)}.op-bl.is-open .op-bl-flood{opacity:1;transform:scale(4.5)}.op-bl-caption{text-align:center;color:var(--bloom-ink,var(--accent));justify-items:center;gap:8px;padding:0 24px;transition:opacity .5s,transform .5s;display:grid;position:absolute;bottom:9%;left:0;right:0}.op-bl.is-open .op-bl-caption{opacity:0;transform:translateY(12px)}.op-bl-names{font-family:var(--font-names,var(--font-display));font-size:1.8rem;line-height:1.6}.op-bl-names span{font-family:var(--font-display);opacity:.8;font-size:1.1rem}.op-bl-hint{opacity:.75;font-size:.85rem;animation:2s ease-in-out infinite op-pulse}@media (prefers-reduced-motion:reduce){.op-bl-rays,.op-bl-sway,.op-bl-ring,.op-bl-hint{animation:none}}.op-vl{perspective:1300px;perspective-origin:50% 35%;cursor:pointer;position:absolute;inset:0}.op-vl.is-open{pointer-events:none;animation:.35s 2.85s forwards op-vl-out}@keyframes op-vl-out{to{opacity:0}}.op-vl-veil{transform-style:preserve-3d;position:absolute;inset:0}.op-vl-strip{transform-origin:50% 0;height:100%;transform-style:preserve-3d;position:absolute;top:100%;left:0;right:0}.op-vl-strip.is-top{height:3.57143%;top:0}.op-vl-face{backface-visibility:hidden;position:absolute;inset:0 0 -1px;overflow:hidden}.op-vl-face.is-back{background:var(--veil-back,var(--card-bg));transform:rotateX(180deg)}.op-vl-face.is-back:after{content:"";opacity:0;background:#fff8e0;position:absolute;inset:0}.op-vl-slice{left:0;right:0;top:calc(var(--k) * (1px - 100%));height:calc(2800% - 28px);position:absolute}.op-vl-face.is-front:after{content:"";opacity:0;background:#1c1d10;position:absolute;inset:0}.op-vl-art{background:var(--veil-silk,var(--card-bg));color:var(--veil-ink,var(--ink));position:absolute;inset:0}.op-vl-sheen{background:linear-gradient(100deg,#0000 40%,#fffae129 48%,#fffae142 50%,#fffae129 52%,#0000 60%);animation:7s ease-in-out infinite op-vl-sheen;position:absolute;inset:0 -60%}@keyframes op-vl-sheen{0%{opacity:0;transform:translate(-30%)}25%{opacity:1}65%,to{opacity:0;transform:translate(30%)}}.op-vl-content{text-align:center;align-content:center;justify-items:center;gap:18px;padding-bottom:40px;display:grid;position:absolute;inset:0 24px}.op-vl-mono{font-family:var(--font-names,var(--font-display));align-items:center;gap:14px;font-size:4.6rem;line-height:1.3;display:flex}.op-vl-mono span{background:var(--veil-foil,linear-gradient(var(--accent), var(--accent)));color:#0000;filter:drop-shadow(0 1px 1px #00000059);-webkit-background-clip:text;background-clip:text;padding:0 .1em}.op-vl-mono i{background:var(--veil-foil,var(--accent));opacity:.85;width:1px;height:1.1em;rotate:24deg}.op-vl-names{font-family:var(--font-display);text-shadow:0 1px 1px #0000004d;font-size:1.15rem;line-height:1.8}.op-vl-names span{opacity:.75}.op-vl-hint{text-align:center;color:var(--veil-hint,var(--muted));text-shadow:0 1px 2px #00000059;font-size:.85rem;animation:2.4s ease-in-out infinite op-pulse;position:absolute;bottom:132px;left:0;right:0}.op-vl-fringe{background:repeating-linear-gradient(90deg, #ffffff8c 0 1px, transparent 1px 3px), var(--veil-tassel,var(--accent));opacity:.9;height:16px;position:absolute;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#0000,#000 35%);mask:linear-gradient(#0000,#000 35%)}.op-vl-tassel{transform-origin:50% 0;width:34px;height:96px;margin-left:-17px;animation:4.5s ease-in-out infinite op-vl-swing;position:absolute;bottom:14px;left:50%}.op-vl-tassel i{display:block;position:absolute;left:50%}.op-vl-cord{background:var(--veil-tassel,var(--accent));width:2px;height:34px;margin-left:-1px;top:0}.op-vl-knot{background:radial-gradient(circle at 35% 30%, #ffffffb3, transparent 45%), var(--veil-tassel,var(--accent));border-radius:50%;width:16px;height:16px;margin-left:-8px;top:30px;box-shadow:0 2px 3px #0000004d}.op-vl-skirt{clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);background:linear-gradient(90deg, #0000004d, transparent 30%, transparent 70%, #0000004d), repeating-linear-gradient(90deg, #fff6 0 1px, transparent 1px 3px), var(--veil-tassel,var(--accent));width:30px;height:52px;margin-left:-15px;top:43px}@keyframes op-vl-swing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.op-vl:not(.is-open) .op-vl-strip{animation:6s ease-in-out infinite op-vl-breeze}@keyframes op-vl-breeze{0%,to{transform:none}50%{transform:rotateX(max(0deg, calc((var(--k) - 23) * 1.1deg)))}}.op-vl.is-open .op-vl-tassel{animation:.55s ease-in-out op-vl-tug}@keyframes op-vl-tug{40%{transform:translateY(14px)scaleY(1.06)}}.op-vl.is-open .op-vl-hint,.op-vl.is-open .op-vl-sheen{opacity:0;transition:opacity .3s;animation:none}.op-vl.is-open .op-vl-strip{animation:op-vl-bend .56s linear var(--delay) both}.op-vl.is-open .op-vl-strip.is-top{animation:op-vl-lift .49s linear var(--delay) both}.op-vl.is-open .op-vl-face.is-front:after{animation:op-vl-shade .56s linear var(--delay) both}.op-vl.is-open .op-vl-face.is-back:after{animation:op-vl-glow .56s linear var(--delay) both}@keyframes op-vl-bend{50%{transform:rotateX(45deg)}}@keyframes op-vl-lift{0%{transform:rotateX(0)}7.14%{transform:rotateX(5.62deg)}14.29%{transform:rotateX(11.25deg)}21.43%{transform:rotateX(22.5deg)}28.57%{transform:rotateX(33.75deg)}35.71%{transform:rotateX(50.62deg)}42.86%{transform:rotateX(67.5deg)}50%{transform:rotateX(90deg)}57.14%{transform:rotateX(112.5deg)}64.29%{transform:rotateX(129.38deg)}71.43%{transform:rotateX(146.25deg)}78.57%{transform:rotateX(157.5deg)}85.71%{transform:rotateX(168.75deg)}92.86%{transform:rotateX(174.38deg)}to{transform:rotateX(180deg)}}@keyframes op-vl-shade{50%{opacity:.4}}@keyframes op-vl-glow{50%{opacity:.22}}@media (prefers-reduced-motion:reduce){.op-vl-sheen,.op-vl-tassel,.op-vl-hint,.op-vl:not(.is-open) .op-vl-strip{animation:none}}.op-bk{--bk-side:-1;--bk-gold:var(--book-gold,linear-gradient(115deg, #8e6b2c 0%, #e9cf86 30%, #f6e3a8 48%, #b8924a 68%, #8e6b2c 100%));--bk-gold-line:var(--book-gold-line,#d4b064);--bk-light:var(--book-light,#fff2cf);background:var(--book-bg,var(--opening-bg,radial-gradient(ellipse at 50% 40%, #5a3d27, #2a1b11 75%)));cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.inv-stage[dir=rtl] .op-bk{--bk-side:1}.op-bk.is-open{pointer-events:none;opacity:0;transition:opacity .9s 4.5s}.op-bk-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--bk-light) 38%, transparent), transparent 55%);opacity:.55;border-radius:50%;width:150%;transition:opacity 1.6s .8s,transform 2s .8s;position:absolute;top:48%;left:50%;translate:-50% -50%}.op-bk.is-open .op-bk-glow{opacity:1;transform:scale(1.3)}.op-bk-scene{perspective:1500px;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.op-bk.is-open .op-bk-scene{animation:4.7s linear forwards op-bk-scene}@keyframes op-bk-scene{0%{transform:scale(1)}2.5%{transform:scale(1)}5%{transform:scale(1)}7.5%{transform:scale(.9946)}10%{transform:scale(.9795)}12.5%{transform:scale(.9567)}15%{transform:scale(.9281)}17.5%{transform:scale(.8956)}20%{transform:scale(.8611)}22.5%{transform:scale(.8262)}25%{transform:scale(.7922)}27.5%{transform:scale(.7603)}30%{transform:scale(.7314)}32.5%{transform:scale(.7065)}35%{transform:scale(.6862)}37.5%{transform:scale(.6713)}40%{transform:scale(.6623)}42.5%{transform:scale(.66)}45%{transform:scale(.66)}47.5%{transform:scale(.6603)}50%{transform:scale(.6611)}52.5%{transform:scale(.6627)}55%{transform:scale(.6658)}57.5%{transform:scale(.6708)}60%{transform:scale(.6783)}62.5%{transform:scale(.689)}65%{transform:scale(.7039)}67.5%{transform:scale(.7239)}70%{transform:scale(.7502)}72.5%{transform:scale(.7845)}75%{transform:scale(.8288)}77.5%{transform:scale(.8856)}80%{transform:scale(.9585)}82.5%{transform:scale(1.0522)}85%{transform:scale(1.1731)}87.5%{transform:scale(1.3304)}90%{transform:scale(1.5369)}92.5%{transform:scale(1.8115)}95%{transform:scale(2.1819)}97.5%{transform:scale(2.6899)}to{transform:scale(3.4)}}.op-bk-float{aspect-ratio:5/7;width:min(70%,300px);transform-style:preserve-3d;animation:5s ease-in-out infinite alternate op-bk-float}@keyframes op-bk-float{0%{transform:translateY(-5px)rotate(-.6deg)}to{transform:translateY(6px)rotate(.6deg)}}.op-bk.is-open .op-bk-float{animation-play-state:paused}.op-bk-tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--bk-rx,0deg))) rotateY(var(--bk-ry,0deg));transition:transform .6s cubic-bezier(.22,1,.36,1)}.op-bk.is-open .op-bk-tilt{transition-duration:.9s;transform:none}.op-bk-book{width:100%;height:100%;transform-style:preserve-3d;transition:translate 1.8s cubic-bezier(.45,0,.2,1) .25s;position:relative}.op-bk.is-open .op-bk-book{translate:calc(var(--bk-side) * -50%) 0}.op-bk-back{top:3px;bottom:-9px;background:var(--book-cover,linear-gradient(135deg, #8a4d27, #5e3218));border-radius:3px 6px 6px 3px;position:absolute;inset-inline:0 -8px;box-shadow:0 26px 40px -10px #0000008c,0 8px 14px #00000059}.inv-stage[dir=rtl] .op-bk-back{border-radius:6px 3px 3px 6px}.op-bk-pages{top:4px;bottom:-6px;background:repeating-linear-gradient(0deg, transparent 0 1px, #78603c29 1px 2px) bottom / 100% 6px no-repeat, var(--book-paper,#f6efdf);border-radius:1px 3px 3px 1px;position:absolute;inset-inline:4px -5px;box-shadow:inset 0 0 18px #8c6e3c40}.op-bk-pages:after{content:"";top:0;bottom:0;background:repeating-linear-gradient(90deg,#efe4cc 0 1px,#cdbb95 1px 2px);width:5px;position:absolute;inset-inline-end:0}.op-bk-page{place-items:center;display:grid;position:absolute;inset:0 5px 6px 0;overflow:hidden}.op-bk-basmala{width:100%;font-family:var(--font-display);color:#8e6b2c;text-align:center;font-size:.82rem;position:absolute;top:9%}.op-bk-page-orn{aspect-ratio:3/4;border:1px solid color-mix(in srgb, var(--bk-gold-line) 70%, transparent);width:62%;box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--bk-gold-line) 12%, transparent), 0 0 0 5px color-mix(in srgb, var(--bk-gold-line) 10%, transparent);border-radius:999px 999px 8px 8px}.op-bk-page-glow{background:radial-gradient(circle at 50% 52%, var(--bk-light), transparent 55%);opacity:0;transition:opacity 1.4s 1s;position:absolute;inset:-20%}.op-bk.is-open .op-bk-page-glow{opacity:1}.op-bk-ribbon{bottom:-46px;background:var(--book-ribbon,linear-gradient(90deg, #4f5a2c, #75824a 45%, #4f5a2c));clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);transform-origin:top;width:13px;height:70px;animation:4s ease-in-out infinite alternate op-bk-ribbon;position:absolute;inset-inline-start:34%;rotate:4deg}@keyframes op-bk-ribbon{to{rotate:-3deg}}.op-bk-cover{transform-style:preserve-3d;transform-origin:0;transition:transform 1.9s cubic-bezier(.5,0,.18,1) .25s;position:absolute;inset:0;transform:translateZ(2px)}.inv-stage[dir=rtl] .op-bk-cover{transform-origin:100%}.op-bk.is-open .op-bk-cover{transform:translateZ(2px) rotateY(calc(var(--bk-side) * 176deg))}.op-bk-front,.op-bk-inside{backface-visibility:hidden;border-radius:3px 7px 7px 3px;position:absolute;inset:0}.inv-stage[dir=rtl] .op-bk-front,.inv-stage[dir=rtl] .op-bk-inside{border-radius:7px 3px 3px 7px}.op-bk-front{background: linear-gradient(to var(--bk-spine-dir,right), #00000059, #ffe6be1f 5%, #00000047 7%, transparent 11%),  radial-gradient(ellipse at 70% 20%, #ffe6be2e, transparent 60%), var(--book-cover,linear-gradient(135deg, #8a4d27, #5e3218));grid-template-rows:auto auto auto;align-content:start;justify-items:center;gap:10px;padding:30px 26px 0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffdcaa1f,inset 0 0 30px #00000059}.inv-stage[dir=rtl] .op-bk-front{--bk-spine-dir:left}.op-bk-front:before,.op-bk-front:after{content:"";pointer-events:none;border:1.5px solid var(--bk-gold-line);border-radius:2px;position:absolute;box-shadow:0 1px #0006,inset 0 1px #00000059}.op-bk-front:before{inset:11px;inset-inline-start:19px}.op-bk-front:after{opacity:.8;border-width:.75px;inset:16px;inset-inline-start:24px}.op-bk-corner{background:var(--bk-gold);width:34px;height:34px;-webkit-mask:var(--bk-corner) center / contain no-repeat;-webkit-mask:var(--bk-corner) center / contain no-repeat;mask:var(--bk-corner) center / contain no-repeat;--bk-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 37V12Q3 3 12 3h25'/%3E%3Cpath d='M9 30q0-21 21-21'/%3E%3Cpath d='M14 14q7 1 9 9q-6 0-8-4'/%3E%3C/g%3E%3Ccircle cx='9' cy='9' r='2.6'/%3E%3Cpath d='M23 23q5-1 8 3q-5 2-8-3zM30 6q4 0 6 4q-4 1-6-4zM6 30q0 4 4 6q1-4-4-6z'/%3E%3C/svg%3E");position:absolute}.op-bk-corner.is-tl{top:20px;left:20px}.op-bk-corner.is-tr{top:20px;right:20px;scale:-1 1}.op-bk-corner.is-bl{bottom:20px;left:20px;scale:1 -1}.op-bk-corner.is-br{bottom:20px;right:20px;scale:-1}.op-bk-front .op-bk-corner:is(.is-tl,.is-bl){left:28px}.inv-stage[dir=rtl] .op-bk-front .op-bk-corner:is(.is-tl,.is-bl){left:20px}.inv-stage[dir=rtl] .op-bk-front .op-bk-corner:is(.is-tr,.is-br){right:28px}.op-bk-window{aspect-ratio:3/4;width:72%;box-shadow:0 0 0 3px #2a170b, 0 0 0 5px var(--bk-gold-line), 0 0 0 6px #3c1e0a99, 0 6px 14px #00000080, inset 0 3px 10px #00000073;border-radius:999px 999px 4px 4px;margin-inline-start:8px;position:relative;overflow:hidden}.op-bk-art{background:var(--book-art,var(--painting-art,url(/openings/painting.jpg))) center 30% / cover;animation:18s ease-in-out infinite alternate op-bk-drift;position:absolute;inset:-4%}@keyframes op-bk-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.07)translate(-1.5%,1%)}}.op-bk-leaf{top:-12px;left:calc(8% + var(--i) * 19%);opacity:0;width:9px;height:6px;animation:7s linear infinite op-bk-leaf;animation-delay:calc(var(--i) * -1.45s);background:linear-gradient(135deg,#f0a443,#b4512a);border-radius:0 100%;position:absolute}.op-bk-leaf:nth-child(odd){background:linear-gradient(135deg,#f6c45a,#c8642a)}@keyframes op-bk-leaf{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:1}30%{transform:translate(14px,70px)rotate(140deg)}60%{transform:translate(-10px,150px)rotate(260deg)}88%{opacity:1}to{opacity:0;transform:translate(8px,240px)rotate(400deg)}}.op-bk-rule{margin-top:6px;background:var(--bk-gold);width:46%;height:10px;margin-inline-start:8px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'%3E%3Cpath d='M0 5h48M72 5h48' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M60 0l5 5-5 5-5-5z'/%3E%3Ccircle cx='50' cy='5' r='1.6'/%3E%3Ccircle cx='70' cy='5' r='1.6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'%3E%3Cpath d='M0 5h48M72 5h48' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M60 0l5 5-5 5-5-5z'/%3E%3Ccircle cx='50' cy='5' r='1.6'/%3E%3Ccircle cx='70' cy='5' r='1.6'/%3E%3C/svg%3E") 50%/contain no-repeat}.op-bk-title{font-family:var(--font-names,var(--font-display));background:var(--bk-gold);color:#0000;filter:drop-shadow(0 1px #000000b3)drop-shadow(0 0 6px #00000059);-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:.35em;margin-inline-start:8px;font-size:1.85rem;line-height:1.5;display:flex}.op-bk-title small{font-family:var(--font-display);font-size:.6em}.op-bk-shine{pointer-events:none;background:linear-gradient(105deg,#0000 42%,#fff0d221 50%,#0000 58%);animation:6s ease-in-out infinite op-bk-shine;position:absolute;inset:-20% -60%}@keyframes op-bk-shine{0%,35%{transform:translate(-40%)}75%,to{transform:translate(40%)}}.op-bk-inside{background: linear-gradient(var(--book-endpaper,#efe3c8), var(--book-endpaper,#efe3c8)) padding-box, var(--book-cover,linear-gradient(135deg, #8a4d27, #5e3218)) border-box;border:9px solid #0000;transform:rotateY(180deg)}.op-bk-inside:before{content:"";opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='%23b8864a'%3E%3Cpath d='M11 4q7 5 0 14q-7-9 0-14z'/%3E%3Cpath d='M33 26q7 5 0 14q-7-9 0-14z'/%3E%3C/g%3E%3Cg stroke='%23b8864a' stroke-width='.8'%3E%3Cpath d='M11 18v4M33 40v3'/%3E%3C/g%3E%3C/svg%3E") 0 0/44px 44px;position:absolute;inset:0}.op-bk-light{aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(circle, var(--bk-light) 0 6%, color-mix(in srgb, var(--bk-light) 60%, transparent) 14%, transparent 42%);width:170%;transition:opacity 1.4s 1s,transform 1.8s cubic-bezier(.22,1,.36,1) 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.op-bk.is-open .op-bk-light{opacity:1;transform:translate(-50%,-50%)}.op-bk-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--bk-light) 55%, transparent) 0 4deg, transparent 4deg 15deg);opacity:.7;border-radius:50%;animation:30s linear infinite op-bk-rays;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 4%,#0000 46%);mask:radial-gradient(circle,#000 4%,#0000 46%)}@keyframes op-bk-rays{to{transform:rotate(360deg)}}.op-bk-names{pointer-events:none;text-align:center;color:var(--book-ink,#6f5320);opacity:0;justify-items:center;gap:2px;display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-30%)scale(.86)}.op-bk.is-open .op-bk-names{animation:2.8s cubic-bezier(.22,1,.36,1) 1.9s forwards op-bk-names}@keyframes op-bk-names{0%{opacity:0;transform:translateY(-40%)scale(.7)}50%{opacity:1;transform:translateY(calc(-100% - 150px))scale(1)}78%{opacity:1;transform:translateY(calc(-100% - 156px))scale(1.02)}to{opacity:0;transform:translateY(calc(-100% - 166px))scale(1.12)}}.op-bk-names-pre{font-family:var(--font-display);letter-spacing:.06em;color:var(--book-hint,#f3e2bd);text-shadow:0 1px 3px #28140599;font-size:1rem}.op-bk-names-main{font-family:var(--font-names,var(--font-display));background:var(--bk-gold) 0 0 / 220% 100%;color:#0000;filter:drop-shadow(0 2px 3px #281405a6) drop-shadow(0 0 18px color-mix(in srgb, var(--bk-light) 70%, transparent));-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .3em;padding:0 16px;font-size:3rem;line-height:1.5;animation:2.4s ease-in-out infinite alternate op-bk-gild;display:flex}.op-bk-names-main small{font-family:var(--font-display);font-size:.45em}@keyframes op-bk-gild{to{background-position:100% 0}}.op-bk-flood{pointer-events:none;background:var(--book-flood,radial-gradient(circle at 50% 50%, #fffdf6, var(--bk-light) 70%));opacity:0;transition:opacity 1s ease-in 3.5s;position:absolute;inset:0}.op-bk.is-open .op-bk-flood{opacity:1}.op-bk-hint{text-align:center;font-family:var(--font-display);color:var(--book-hint,#f3e2bd);font-size:.95rem;transition:opacity .4s;animation:2.2s ease-in-out infinite op-pulse;position:absolute;bottom:8%;left:0;right:0}.op-bk.is-open .op-bk-hint{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.op-bk-float,.op-bk-art,.op-bk-leaf,.op-bk-ribbon,.op-bk-shine,.op-bk-rays,.op-bk-hint{animation:none}}.op-pl{--pearl:var(--orb-pearl,#f6efe8);--t1:var(--orb-tint-1,#f4c6d6);--t2:var(--orb-tint-2,#b8e0ea);--t3:var(--orb-tint-3,#efdcb8);--light:var(--orb-light,#fff6ea);--size:min(210px, 52vw);background:var(--orb-bg,var(--opening-bg,#0d1b28));cursor:pointer;position:absolute;inset:0;overflow:hidden}.op-pl-stage{width:0;height:0;position:absolute;top:43%;left:50%}.op-pl-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--light) 9%, transparent) 0 4deg, transparent 4deg 15deg);pointer-events:none;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;transition:opacity 1s;animation:80s linear infinite op-pl-spin;position:absolute;top:43%;left:50%;-webkit-mask:radial-gradient(circle,#000 4%,#0000 38%);mask:radial-gradient(circle,#000 4%,#0000 38%)}.op-pl.is-open .op-pl-rays{opacity:0}@keyframes op-pl-spin{to{transform:rotate(360deg)}}.op-pl-halo{left:calc(var(--size) * -1.1);top:calc(var(--size) * -1.1);width:calc(var(--size) * 2.2);height:calc(var(--size) * 2.2);background:radial-gradient(circle at 42% 44%, color-mix(in srgb, var(--t1) 40%, transparent), transparent 38%), radial-gradient(circle at 58% 56%, color-mix(in srgb, var(--t2) 40%, transparent), transparent 38%), radial-gradient(circle, color-mix(in srgb, var(--light) 55%, transparent) 18%, transparent 60%);border-radius:50%;transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity 1s 1.2s;animation:4.5s ease-in-out infinite op-pl-breathe;position:absolute}@keyframes op-pl-breathe{0%,to{opacity:.7;scale:.94}50%{opacity:1;scale:1.04}}.op-pl.is-open .op-pl-halo{opacity:0;transform:scale(1.5)}.op-pl-ring{animation:36s linear infinite op-pl-spin;position:absolute;inset:0}.op-pl-ring i{background:radial-gradient(circle at 34% 30%, #fff 0 14%, transparent 34%), radial-gradient(circle at 50% 50%, transparent 55%, color-mix(in srgb, var(--t1) 55%, transparent) 80%, color-mix(in srgb, var(--t2) 60%, transparent)), radial-gradient(circle at 40% 36%, var(--pearl) 0 40%, color-mix(in srgb, var(--pearl) 70%, #7d7480) 100%);width:14px;height:14px;transform:rotate(var(--a)) translateX(calc(var(--size) * .78));border-radius:50%;transition:transform 1.1s cubic-bezier(.55,0,.2,1),opacity .9s .3s;position:absolute;top:-7px;left:-7px;box-shadow:0 2px 6px #0000004d}.op-pl.is-open .op-pl-ring i{transform:rotate(calc(var(--a) + 70deg)) translateX(calc(var(--size) * 1.5)) scale(.6);opacity:0}.op-pl-float{left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);animation:6s ease-in-out infinite op-pl-bob;position:absolute}@keyframes op-pl-bob{0%,to{translate:0 -5px}50%{translate:0 5px}}.op-pl-orb{box-shadow:0 0 50px color-mix(in srgb, var(--light) 45%, transparent), 0 26px 40px #00000059;border-radius:50%;transition:transform .9s cubic-bezier(.3,0,.3,1);position:absolute;inset:0;overflow:hidden}.op-pl.is-open .op-pl-orb{transform:scale(1.08)}.op-pl-body{background:radial-gradient(circle at 50% 50%, transparent 56%, color-mix(in srgb, var(--t1) 50%, transparent) 78%, color-mix(in srgb, var(--t2) 60%, transparent) 94%), radial-gradient(circle at 38% 32%, #fff 0 8%, var(--pearl) 34%, color-mix(in srgb, var(--pearl) 82%, #8b8092) 72%, color-mix(in srgb, var(--pearl) 55%, #4f4860) 100%);position:absolute;inset:0}.op-pl-iris{background:conic-gradient(from 0deg, var(--t1), var(--t2), var(--t3), var(--t1), var(--t2), var(--t3), var(--t1));opacity:.8;animation:14s linear infinite op-pl-spin;position:absolute;inset:-10%;-webkit-mask:radial-gradient(circle,#0000 26%,#0000008c 46%,#0003 60%);mask:radial-gradient(circle,#0000 26%,#0000008c 46%,#0003 60%)}.op-pl-initials{font-family:var(--font-names,var(--font-display));font-weight:400;font-size:calc(var(--size) * .3);color:color-mix(in srgb, var(--pearl) 62%, #6e6478);text-shadow:0 1px #ffffffd9,0 -1px #50465a2e;opacity:.85;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.op-pl-shine{background:radial-gradient(22% 14% at 33% 24%,#fffffff2,#0000 70%),radial-gradient(30% 10% at 64% 84%,#ffffff59,#0000 70%);border-radius:50%;position:absolute;inset:0}.op-pl-half{opacity:0;box-shadow:none}.op-pl-half.is-start{clip-path:inset(0 50% 0 0)}.op-pl-half.is-end{clip-path:inset(0 0 0 50%)}.op-pl.is-open .op-pl-orb:not(.op-pl-half){opacity:0;transition:transform .9s cubic-bezier(.3,0,.3,1),opacity 10ms linear 1.3s}.op-pl.is-open .op-pl-half{opacity:0;transition:transform 1.5s cubic-bezier(.2,.7,.2,1) 1.3s,opacity 1.5s 1.3s;animation:1.6s linear 1.3s both op-pl-half-show}@keyframes op-pl-half-show{0%{opacity:1}45%{opacity:1}to{opacity:0}}.op-pl.is-open .op-pl-half.is-start{transform:translate(-38%)rotate(-16deg)scale(1.08)}.op-pl.is-open .op-pl-half.is-end{transform:translate(38%)rotate(16deg)scale(1.08)}.op-pl-seam{background:radial-gradient(50% 50% at 50% 50%, #fff 0 18%, var(--light) 34%, color-mix(in srgb, var(--light) 40%, transparent) 60%, transparent 100%);opacity:0;width:24px;height:112%;margin-left:-12px;position:absolute;top:-6%;left:50%;transform:scaleY(0)}.op-pl.is-open .op-pl-seam{animation:1.4s cubic-bezier(.4,0,.2,1) .8s both op-pl-seam}@keyframes op-pl-seam{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}60%{opacity:1;transform:scaleY(1.2)scaleX(2.5)}to{opacity:0;transform:scaleY(1.4)scaleX(5)}}.op-pl-sparks i{background:radial-gradient(circle at 34% 30%, #fff 0 18%, var(--pearl) 45%, color-mix(in srgb, var(--pearl) 60%, var(--t2)) 100%);opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px}.op-pl.is-open .op-pl-sparks i{animation:1.4s cubic-bezier(.1,.6,.3,1) 1.35s both op-pl-spark}@keyframes op-pl-spark{0%{opacity:0;transform:rotate(var(--a)) translateX(10px) scale(.6)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(1)}}.op-pl-beam{background:linear-gradient(90deg, transparent 8%, color-mix(in srgb, var(--t2) 70%, transparent) 30%, var(--light) 46%, #fff 50%, var(--light) 54%, color-mix(in srgb, var(--t1) 70%, transparent) 70%, transparent 92%);opacity:0;pointer-events:none;position:absolute;inset:-10% 0;transform:scaleX(.02)}.op-pl.is-open .op-pl-beam{animation:1.4s cubic-bezier(.5,0,.2,1) 1.25s both op-pl-beam}@keyframes op-pl-beam{0%{opacity:0;transform:scaleX(.02)}30%{opacity:1}to{opacity:1;transform:scaleX(2.2)}}.op-pl-flood{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--t1) 60%, transparent), transparent 55%), radial-gradient(circle at 72% 62%, color-mix(in srgb, var(--t2) 60%, transparent), transparent 55%), radial-gradient(circle at 40% 80%, color-mix(in srgb, var(--t3) 60%, transparent), transparent 50%), radial-gradient(circle at 50% 43%, #fff, var(--light) 60%);opacity:0;pointer-events:none;transition:opacity .9s 1.7s;position:absolute;inset:0}.op-pl.is-open .op-pl-flood{opacity:1}.op-pl-caption{text-align:center;color:var(--orb-ink,#f3ecdf);justify-items:center;gap:8px;padding:0 24px;transition:opacity .6s,transform .6s;display:grid;position:absolute;bottom:10%;left:0;right:0}.op-pl.is-open .op-pl-caption{opacity:0;transform:translateY(12px)}.op-pl-names{font-family:var(--font-names,var(--font-display));font-size:1.8rem;line-height:1.6}.op-pl-names span{font-family:var(--font-display);opacity:.8;font-size:1.1rem}.op-pl-hint{opacity:.75;font-size:.85rem;animation:2s ease-in-out infinite op-pulse}.op-pl.is-open{opacity:0;pointer-events:none;transition:opacity 1s 3.2s}@media (prefers-reduced-motion:reduce){.op-pl-rays,.op-pl-halo,.op-pl-ring,.op-pl-float,.op-pl-iris,.op-pl-hint{animation:none}}:where(.inv-stage){--st-p:min(112cqw, 60cqh);--st-ph:calc(var(--st-p) * 1200 / 828);--st-left:calc(50cqw - var(--st-p) / 2);--st-top:calc(47cqh - var(--st-ph) / 2);--st-zoom:1.6}.op-st{background:var(--st-wall,#d5cdc2);color:var(--st-ink,#4a4434);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-st.is-open{opacity:0;pointer-events:none;transition:opacity 1s 3.7s}.op-st-world{position:absolute;inset:0}.op-st-far,.op-st-near{transition:transform 1.4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.op-st-far{transform:translate(calc(var(--st-px,0) * -7px), calc(var(--st-py,0) * -6px))}.op-st-near{transform:translate(calc(var(--st-px,0) * 9px), calc(var(--st-py,0) * 7px))}.op-st.is-open .op-st-far,.op-st.is-open .op-st-near{transition-duration:.8s;transform:none}.op-st-view{left:calc(var(--st-left) - var(--st-p) * 160 / 828);top:calc(var(--st-top) - var(--st-p) * 240 / 828);width:calc(var(--st-p) * 1148 / 828);height:calc(var(--st-p) * 1640 / 828);transform-origin:50.5% 52.4%;will-change:transform;position:absolute;-webkit-mask:linear-gradient(#000 68%,#0000 90%);mask:linear-gradient(#000 68%,#0000 90%)}.op-st-back{background:var(--st-back,url(/openings/statues/back.webp)) center / 100% 100% no-repeat;position:absolute;inset:0}.op-st-window{background:var(--st-window,url(/openings/statues/window.webp)) center / 100% 100% no-repeat;width:72.1254%;height:73.1707%;position:absolute;top:14.6341%;left:13.9373%}.op-st.is-open .op-st-window{opacity:0;transition:opacity 2.2s .9s}.op-st.is-open .op-st-view{animation:3.7s cubic-bezier(.12,.75,.25,1) both op-st-zoom;animation-timing-function:linear(0, .0065 1%, .023 2%, .046 3%, .0729 4%, .1023 5%, .1329 6%, .1639 7%, .195 8%, .2257 9%, .2557 10%, .3276 12.5%, .3939 15%, .4547 17.5%, .5101 20%, .5606 22.5%, .6065 25%, .6483 27.5%, .6861 30%, .7205 32.5%, .7517 35%, .7799 37.5%, .8055 40%, .8494 45%, .8851 50%, .9139 55%, .937 60%, .9552 65%, .9693 70%, .9801 75%, .9881 80%, .9937 85%, .9974 90%, .9994 95%, 1)}@keyframes op-st-zoom{0%{transform:none}to{transform:scale(var(--st-zoom))}}.op-st-glow{left:var(--st-left);top:var(--st-top);width:var(--st-p);height:var(--st-ph);background:radial-gradient(ellipse 34% 30% at 50% 44%, var(--st-glow,#fffbeed9), transparent 72%);opacity:.12;pointer-events:none;animation:6s ease-in-out infinite op-st-breathe;position:absolute}@keyframes op-st-breathe{50%{opacity:.3}}.op-st.is-open .op-st-glow{animation:2.6s ease-out .2s both op-st-flare}@keyframes op-st-flare{0%{opacity:.2;transform:none}30%{opacity:.85;transform:scale(1.5)}to{opacity:0;transform:scale(2.4)}}.op-st-shell,.op-st-pair{transform-origin:calc(var(--st-left) + var(--st-p) * 420 / 828) calc(var(--st-top) + var(--st-ph) * 620 / 1200);position:absolute;inset:0}.op-st.is-open .op-st-shell{animation:3.7s cubic-bezier(.12,.75,.25,1) both op-st-near,2.6s ease-in-out .35s both op-st-shell;animation-timing-function:linear(0, .0065 1%, .023 2%, .046 3%, .0729 4%, .1023 5%, .1329 6%, .1639 7%, .195 8%, .2257 9%, .2557 10%, .3276 12.5%, .3939 15%, .4547 17.5%, .5101 20%, .5606 22.5%, .6065 25%, .6483 27.5%, .6861 30%, .7205 32.5%, .7517 35%, .7799 37.5%, .8055 40%, .8494 45%, .8851 50%, .9139 55%, .937 60%, .9552 65%, .9693 70%, .9801 75%, .9881 80%, .9937 85%, .9974 90%, .9994 95%, 1), ease-in-out}@keyframes op-st-near{0%{transform:none}to{transform:scale(calc(var(--st-zoom) * 1.15))}}@keyframes op-st-shell{to{opacity:0}}.op-st-pair{perspective:900px}.op-st.is-open .op-st-pair{animation:3.7s cubic-bezier(.3,.6,.3,1) both op-st-pair}@keyframes op-st-pair{0%{transform:none}to{transform:scale(1.12)}}.op-st-wall{background:var(--st-tone,linear-gradient(#463e2c1f 0 0)), var(--st-wall,#d5cdc2);-webkit-mask:linear-gradient(#000 0 0), linear-gradient(#000 0 0) calc(var(--st-left) + var(--st-p) * .02) calc(var(--st-top) + var(--st-ph) * .06) / calc(var(--st-p) * .96) calc(var(--st-ph) * .88) no-repeat;mask:linear-gradient(#000 0 0), linear-gradient(#000 0 0) calc(var(--st-left) + var(--st-p) * .02) calc(var(--st-top) + var(--st-ph) * .06) / calc(var(--st-p) * .96) calc(var(--st-ph) * .88) no-repeat;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.op-st-arch,.op-st-statue{left:var(--st-left);top:var(--st-top);width:var(--st-p);height:var(--st-ph);background:var(--st-arch,url(/openings/statues/arch.webp)) center / 100% 100% no-repeat;position:absolute}.op-st-statue{will-change:transform, opacity}.op-st-statue.is-l{background-image:var(--st-statue-l,url(/openings/statues/statue-l.webp))}.op-st-statue.is-r{background-image:var(--st-statue-r,url(/openings/statues/statue-r.webp))}.op-st.is-open .op-st-statue.is-l{animation:3.2s both op-st-apart-l,3.2s both op-st-fade}.op-st.is-open .op-st-statue.is-r{animation:3.2s both op-st-apart-r,3.2s both op-st-fade}.op-st.is-open .op-st-statue{animation-timing-function:cubic-bezier(.38,.06,.22,1),ease}@keyframes op-st-apart-l{0%{transform:none}to{transform:translate3d(-36%,0,60px)rotateY(6deg)}}@keyframes op-st-apart-r{0%{transform:none}to{transform:translate3d(36%,0,60px)rotateY(-6deg)}}@keyframes op-st-fade{0%,45%{opacity:1}85%,to{opacity:0}}.op-st-haze{background:radial-gradient(ellipse 90% 70% at 50% 47%, transparent 20%, var(--st-haze,#e8e4d8e6) 80%);opacity:0;pointer-events:none;position:absolute;inset:0}.op-st.is-open .op-st-haze{animation:2.5s ease-in-out .3s both op-st-haze}@keyframes op-st-haze{35%{opacity:.55}to{opacity:0}}.op-st-over,.op-st-hint{text-align:center;color:var(--st-ink,#4a4434);text-shadow:0 1px #fffcf473,0 -1px #3c321e1f;pointer-events:none;margin:0;padding:0 24px;transition:opacity .5s;position:absolute;left:0;right:0}.op-st-over{top:calc(var(--st-top) / 2);font-family:var(--font-display);opacity:.7;font-size:.9rem;translate:0 -50%}[lang]:not(:where([lang=ar])) .op-st-over{letter-spacing:.32em;text-transform:uppercase;font-size:.8rem}.op-st-hint{top:calc(var(--st-top) + var(--st-ph) + (100cqh - var(--st-top) - var(--st-ph)) / 2);font-family:var(--font-body);font-size:.9rem;animation:2.6s ease-in-out infinite op-pulse;translate:0 -50%}.op-st.is-open .op-st-over,.op-st.is-open .op-st-hint{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.op-st-glow,.op-st-hint{animation:none}.op-st.is-open .op-st-view{transform:scale(var(--st-zoom));transition:transform 0s .9s;animation:none}.op-st.is-open .op-st-window{transition-duration:.9s;transition-delay:0s}.op-st.is-open .op-st-pair{animation:none}.op-st.is-open .op-st-statue,.op-st.is-open .op-st-shell{animation:1.2s both op-st-fade}.op-st.is-open .op-st-glow,.op-st.is-open .op-st-haze{animation:none}}.op-gd{--gd-art:var(--garden-art,url(/openings/garden-door.jpg));--gd-light:var(--garden-light,#fff1cf);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1d2416;position:absolute;inset:0;overflow:hidden;container-type:size}.op-gd:after{content:"";pointer-events:none;background:linear-gradient(#0e140a9e,#0e140a00 24%),linear-gradient(#0e140a00 80%,#0e140aa8),radial-gradient(85% 70% at 50% 52%,#0000 55%,#0a0e0873);transition:opacity .8s;position:absolute;inset:0}.op-gd.is-open:after{opacity:0}.op-gd-camera{transform-origin:50% 53%;will-change:transform;animation:14s ease-in-out infinite alternate op-gd-breathe;position:absolute;inset:0}@keyframes op-gd-breathe{0%{scale:1}to{scale:1.045}}.op-gd.is-open .op-gd-camera{animation:14s ease-in-out infinite alternate op-gd-breathe,2.9s cubic-bezier(.45,0,.2,1) 1.3s both op-gd-walk}@keyframes op-gd-walk{0%{transform:scale(1)}to{transform:scale(3.3)}}.op-gd-scene{aspect-ratio:736/1308;width:max(100cqw,56.2691cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.op-gd-photo{background:var(--gd-art) 0 0 / 100% 100% no-repeat;position:absolute;inset:0}.op-gd-door{perspective:620px;perspective-origin:50% 60%;width:41.98%;height:52.14%;position:absolute;top:26.91%;left:28.94%}.op-gd-hall{background:linear-gradient(90deg, #281c10d9, #281c1000 14%, #281c1000 86%, #281c10d9), linear-gradient(0deg, #7854288c, #78542800 18%), radial-gradient(ellipse 60% 55% at 50% 52%, var(--gd-light), #e8b866 60%, #7a5228);border-radius:50% 50% 0 0/17.6% 17.6% 0 0;position:absolute;inset:0;overflow:hidden}.op-gd-hall-light{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#fff,#fff6deb3 35%,#fff0c800 70%);border-radius:50%;width:70%;transition:transform 2.4s ease-out .4s,opacity 1.6s .3s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)scale(.5)}.op-gd.is-open .op-gd-hall-light{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.op-gd-leaf{width:50%;height:100%;transform-style:preserve-3d;transition:transform 2.3s cubic-bezier(.55,.05,.25,1) .2s;position:absolute;top:0}.op-gd-leaf-left{transform-origin:0;left:0}.op-gd-leaf-right{transform-origin:100%;transition-delay:.32s;left:50%}.op-gd.is-open .op-gd-leaf-left{transform:rotateY(84deg)}.op-gd.is-open .op-gd-leaf-right{transform:rotateY(-84deg)}.op-gd-front{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.op-gd-leaf-left .op-gd-front{border-top-left-radius:100% 17.6%}.op-gd-leaf-right .op-gd-front{border-top-right-radius:100% 17.6%}.op-gd-art{background:var(--gd-art) 0 0 / 100% 100% no-repeat;width:476.38%;height:191.79%;position:absolute;top:-51.61%}.op-gd-leaf-left .op-gd-art{left:-137.86%}.op-gd-leaf-right .op-gd-art{left:-237.86%}.op-gd-glow{mix-blend-mode:screen;background:radial-gradient(70% 60% at 50% 62%,#ffc46e8c,#ffaa502e 60%,#ffaa5000 80%);border-radius:50% 50% 6% 6%/22% 22% 4% 4%;height:56%;animation:3.2s ease-in-out infinite op-gd-candle;position:absolute;top:6.3%}.op-gd-leaf-left .op-gd-glow{width:66%;left:20%}.op-gd-leaf-right .op-gd-glow{width:68%;animation-delay:-1.4s;left:11%}@keyframes op-gd-candle{0%,to{opacity:.55}22%{opacity:.8}38%{opacity:.6}57%{opacity:.9}76%{opacity:.65}}.op-gd.is-open .op-gd-glow{opacity:0;transition:opacity .8s;animation:none}.op-gd-shade{opacity:0;transition:opacity 2.3s .2s;position:absolute;inset:0}.op-gd-leaf-left .op-gd-shade{background:linear-gradient(90deg,#140c0659,#140c06bf)}.op-gd-leaf-right .op-gd-shade{background:linear-gradient(270deg,#140c0659,#140c06bf)}.op-gd.is-open .op-gd-shade{opacity:1}.op-gd-sun{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#ffecbe00 30%,#ffecbe38 42%,#ffecbe00 56%);animation:9s ease-in-out infinite alternate op-gd-sun;position:absolute;inset:-10% -30%}@keyframes op-gd-sun{0%{opacity:.4;transform:translate(-4%)}to{opacity:1;transform:translate(4%)}}.op-gd-flash{background:radial-gradient(circle at 50% 53%, #fffaf0, var(--gd-light) 60%, #f4dcaa);opacity:0;pointer-events:none;position:absolute;inset:0}.op-gd.is-open .op-gd-flash{opacity:1;transition:opacity 1s 2.8s}.op-gd-caption{z-index:1;text-align:center;color:var(--garden-ink,#fbf1d8);text-shadow:0 1px 2px #0000008c,0 0 18px #00000073;pointer-events:none;justify-items:center;padding:0 24px;transition:opacity .5s,transform .5s;display:grid;position:absolute;left:0;right:0}.op-gd-caption-top{top:6.5%}.op-gd-caption-bottom{bottom:5.5%}.op-gd.is-open .op-gd-caption-top{opacity:0;transform:translateY(-12px)}.op-gd.is-open .op-gd-caption-bottom{opacity:0;transform:translateY(12px)}.op-gd-names{font-family:var(--font-names,var(--font-display));font-size:1.8rem;line-height:1.6}.op-gd-names span{font-family:var(--font-display);opacity:.85;font-size:1.1rem}.op-gd-hint{letter-spacing:.04em;font-size:.9rem;animation:2s ease-in-out infinite op-pulse}.op-gd.is-open{opacity:0;pointer-events:none;transition:opacity .9s 3.6s}@media (prefers-reduced-motion:reduce){.op-gd-camera,.op-gd-glow,.op-gd-sun,.op-gd-hint{animation:none}}.op-cl{color:var(--cl-ink,#5d4b37);cursor:pointer;position:absolute;inset:0;overflow:hidden;container-type:size}.op-cl-sky{background:var(--cl-sky,radial-gradient(ellipse 80% 50% at 50% 42%, #fbf6ec, transparent 70%), linear-gradient(#dfe7ec, #efe9df 55%, #f4ece0));transition:opacity 1.8s 1s;position:absolute;inset:0}.op-cl.is-open .op-cl-sky{opacity:0}.op-cl-glow{background:radial-gradient(ellipse 60% 42% at 50% 44%, var(--cl-glow,#fff9e8f2), transparent 70%);opacity:0;pointer-events:none;position:absolute;inset:0}.op-cl.is-open .op-cl-glow{animation:2.6s ease-in-out .2s both op-cl-flare}@keyframes op-cl-flare{40%{opacity:.9}to{opacity:0}}.op-cl-sheet{aspect-ratio:923/1608;width:max(100cqw,57.4005cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.op-cl-c{--z:10;translate:calc(var(--tilt-x,0) * var(--z) * -1px) calc(var(--tilt-y,0) * var(--z) * -1px);will-change:transform, opacity;position:absolute}.op-cl-c>i{background:var(--art) center / 100% 100% no-repeat;animation:op-cl-bob var(--bob,9s) ease-in-out var(--bob-at,0s) infinite alternate;position:absolute;inset:0}@keyframes op-cl-bob{to{transform:translate(var(--bx,6px), var(--by,-4px))}}.op-cl-c.is-tl{--art:var(--cl-tl,url(/openings/clouds/tl.webp));--z:14;--bx:-7px;--by:5px;--bob:8s;--px:-78%;--py:-62%;--pr:-9deg;--ps:1.25;--at:50ms;width:66.5%;height:33.71%;top:0;left:0}.op-cl-c.is-tr{--art:var(--cl-tr,url(/openings/clouds/tr.webp));--z:12;--bx:6px;--by:6px;--bob:9.5s;--bob-at:-3s;--px:82%;--py:-66%;--pr:8deg;--ps:1.22;--at:.18s;width:49.27%;height:32.59%;top:0;left:50.73%}.op-cl-c.is-bl{--art:var(--cl-bl,url(/openings/clouds/bl.webp));--z:9;--bx:-5px;--by:-6px;--bob:10s;--bob-at:-6s;--px:-92%;--py:22%;--pr:-6deg;--ps:1.3;--at:.1s;width:52.55%;height:32.21%;top:53.23%;left:0}.op-cl-c.is-bm{--art:var(--cl-bm,url(/openings/clouds/bm.webp));--z:6;--bx:4px;--by:-5px;--bob:11s;--bob-at:-2s;--px:8%;--py:92%;--pr:3deg;--ps:1.35;--at:.3s;width:57.64%;height:30.97%;top:59.89%;left:26.44%}.op-cl-c.is-br{--art:var(--cl-br,url(/openings/clouds/br.webp));--z:11;--bx:7px;--by:-4px;--bob:8.5s;--bob-at:-5s;--px:96%;--py:30%;--pr:7deg;--ps:1.3;--at:.22s;width:41.5%;height:29.04%;top:70.96%;left:58.5%}.op-cl-c.is-fl{--art:var(--cl-fl,url(/openings/clouds/fl.webp));--z:18;--bx:-6px;--by:3px;--bob:9s;--bob-at:-4s;--px:-46%;--py:118%;--pr:-4deg;--ps:1.45;--at:0s;width:55.25%;height:23.2%;top:76.8%;left:0}.op-cl-c.is-fr{--art:var(--cl-fr,url(/openings/clouds/fr.webp));--z:16;--bx:6px;--by:4px;--bob:10.5s;--bob-at:-7s;--px:52%;--py:125%;--pr:5deg;--ps:1.45;--at:.35s;width:57.31%;height:20.83%;top:79.17%;left:42.69%}.op-cl.is-open .op-cl-c{animation:op-cl-part 3.2s cubic-bezier(.55, .02, .3, 1) var(--at) both}@keyframes op-cl-part{0%{opacity:1;transform:none}55%{opacity:1}to{transform:translate(var(--px), var(--py)) rotate(var(--pr)) scale(var(--ps));opacity:0}}.op-cl-over,.op-cl-hint{text-align:center;text-shadow:0 0 10px #fffbf0f2,0 0 2px #fffbf0e6;pointer-events:none;margin:0;padding:0 28px;transition:opacity .6s;position:absolute;left:0;right:0}.op-cl-over{font-family:var(--font-display);letter-spacing:.02em;font-size:1.05rem;top:38cqh}[lang]:not(:where([lang=ar])) .op-cl-over{letter-spacing:.32em;text-transform:uppercase;font-size:.82rem}.op-cl-hint{font-family:var(--font-body);opacity:.85;font-size:.9rem;animation:2.6s ease-in-out infinite op-pulse;top:47cqh}.op-cl.is-open .op-cl-over,.op-cl.is-open .op-cl-hint{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.op-cl-c>i,.op-cl-hint{animation:none}.op-cl.is-open .op-cl-c{animation:1.4s both op-cl-fade}.op-cl.is-open .op-cl-glow{animation:none}}@keyframes op-cl-fade{to{opacity:0}}.op-mo{--art:var(--mo-art,url(/tpl/meadow/meadow.webp));background:var(--art) center / cover no-repeat, #8f8a5a;cursor:pointer;position:absolute;inset:0;overflow:hidden;container-type:size}.op-mo.is-open{pointer-events:none;animation:.7s 2.7s forwards op-mo-out}@keyframes op-mo-out{to{opacity:0}}.op-mo-sky,.op-mo-sway,.op-mo-glint{pointer-events:none;background:50%/cover no-repeat;position:absolute;inset:0}.op-mo-sky{background-image:var(--mo-sky,url(/tpl/meadow/meadow-sky.webp));animation:26s ease-in-out infinite alternate mo-sky}.op-mo-sway{background-image:var(--mo-sway,url(/tpl/meadow/meadow-sway.webp));transform-origin:50% 100%;animation:7s ease-in-out infinite mo-sway}.op-mo-glint{background-image:var(--mo-glint,url(/tpl/meadow/meadow-glint.webp));animation:3.4s ease-in-out infinite mo-glint}@keyframes mo-sky{0%{transform:translate(-1.6%)scale(1.03)}to{transform:translate(1.6%)scale(1.03)}}@keyframes mo-sway{0%,to{transform:skew(0)}30%{transform:skew(-1.3deg)}65%{transform:skew(.8deg)}}@keyframes mo-glint{0%,to{opacity:.15}50%{opacity:1}}.op-mo-edge{background:var(--mo-edge,none) left 0 bottom 0 / 100% 14cqw no-repeat;pointer-events:none;position:absolute;inset:0}.op-mo-lace{width:var(--mo-lace-w,84cqw);aspect-ratio:910/1113;background:var(--mo-lace,url(/tpl/meadow/lace.webp)) center / contain no-repeat;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.op-mo.is-open .op-mo-lace{opacity:1;transition:opacity 1.5s cubic-bezier(.05,.7,.1,1) 1.2s;transition:opacity 1.5s linear(0, .38 8%, .6 18%, .75 30%, .86 45%, .94 63%, .98 80%, 1) 1.2s}.op-mo-cluster{transform:var(--from);transition:transform 2s cubic-bezier(.55, 0, .15, 1) var(--delay);will-change:transform;position:absolute}.op-mo-cluster i{background:var(--src) center / 100% 100% no-repeat;transform-origin:50% 80%;animation:mo-bob var(--bob) ease-in-out infinite alternate;position:absolute;inset:0}@keyframes mo-bob{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}.op-mo.is-open .op-mo-cluster{transform:none}.op-mo.is-open .op-mo-cluster i{animation:none}.op-mo-hint{z-index:1;background:var(--mo-tag,#f6eedee0);color:var(--mo-ink,#4a4626);font-family:var(--font-body);white-space:nowrap;border-radius:999px;margin:0;padding:9px 20px;font-size:.92rem;animation:2.4s ease-in-out infinite mo-hint;position:absolute;bottom:max(28px,7cqh);left:50%;translate:-50%;box-shadow:0 6px 18px #32301640}@keyframes mo-hint{50%{transform:scale(1.05)}}.op-mo.is-open .op-mo-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-mo-sky,.op-mo-sway,.op-mo-glint,.op-mo-cluster i,.op-mo-hint{animation:none}}.op-sl{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ddd5c6;position:absolute;inset:0;overflow:hidden;container-type:size}.op-sl.is-open{pointer-events:none;opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1) 3.7s}.op-sl-scene{aspect-ratio:1200/2133;width:max(100cqw,56.2588cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.op-sl-stage{position:absolute;inset:0}.op-sl-view{perspective:95cqh;perspective-origin:50%;pointer-events:none;position:absolute;inset:0}.op-sl.is-open .op-sl-stage{will-change:transform;animation:4.2s cubic-bezier(.45,0,.35,1) .3s forwards op-sl-drift}@keyframes op-sl-drift{to{transform:scale(1.07)}}.op-sl-base{background:radial-gradient(85% 70%,#0000 55%,#6e5e4247),url(/openings/sealed/inside.webp) 50%/100% 100%;position:absolute;inset:0}.op-sl-base:after{content:"";opacity:0;background:radial-gradient(70% 55%,#fffcf5bf,#faf6ee59 55%,#0000 85%);position:absolute;inset:0}.op-sl.is-open .op-sl-base:after{animation:1.8s cubic-bezier(.4,0,.2,1) 2.6s forwards op-sl-fade-in}@keyframes op-sl-fade-in{to{opacity:1}}.op-sl-flap{transform-style:preserve-3d;position:absolute}.op-sl-face{background:url(/openings/sealed/envelope.webp) var(--sl-pos) / var(--sl-size) no-repeat;clip-path:var(--sl-clip);backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(2px)}.op-sl-face.is-back{background-image:var(--sl-in);background-position:var(--sl-in-pos);clip-path:var(--sl-in-clip);transform:translateZ(-2px) var(--sl-flip)}.op-sl-core{clip-path:var(--sl-clip);background:#b3a78f;position:absolute;inset:0;transform:translateZ(.7px)}.op-sl-core+.op-sl-core{background:#a89c84;transform:translateZ(-.7px)}.op-sl-face:after{content:"";background:linear-gradient(var(--sl-shade,180deg), #463a2666, #463a261f);opacity:0;position:absolute;inset:0}.op-sl-face.is-back:after{opacity:1}.op-sl-top{--sl-size:100% 195.509%;--sl-pos:0 0;--sl-clip:polygon(0 0, 100% 0, 100% 20.16%, 49.92% 100%, 0 16.13%);--sl-in:url(/openings/sealed/inside-v.webp);--sl-in-pos:0 100%;--sl-in-clip:polygon(0 100%, 100% 100%, 100% 79.84%, 49.92% 0, 0 83.87%);--sl-flip:rotateX(180deg);transform-origin:50% 0;--sl-dir:1;--sl-shade:0deg;--sl-at:1.3s;width:100%;height:51.149%;top:0;left:0}.op-sl-bottom{--sl-size:100% 187.105%;--sl-pos:0 100%;--sl-clip:polygon(0 100%, 0 76.32%, 50.42% 0, 100% 77.28%, 100% 100%);--sl-in:url(/openings/sealed/inside-v.webp);--sl-in-pos:0 0;--sl-in-clip:polygon(0 0, 0 23.68%, 50.42% 100%, 100% 22.72%, 100% 0);--sl-flip:rotateX(180deg);transform-origin:50% 100%;--sl-dir:-1;--sl-at:1.5s;width:100%;height:53.446%;top:46.554%;left:0}.op-sl-left{--sl-size:208.696% 125.692%;--sl-pos:0 39.22%;--sl-clip:polygon(0 0, 100% 51.56%, 0 100%);--sl-in:url(/openings/sealed/inside-h.webp);--sl-in-pos:100% 39.22%;--sl-in-clip:polygon(100% 0, 0 51.56%, 100% 100%);--sl-flip:rotateY(180deg);transform-origin:0;--sl-dir:-1;--sl-shade:270deg;--sl-at:1.75s;width:47.917%;height:79.559%;top:8.017%;left:0}.op-sl-right{--sl-size:210.526% 128.185%;--sl-pos:100% 45.842%;--sl-clip:polygon(100% 0, 0 49.58%, 100% 100%);--sl-in:url(/openings/sealed/inside-h.webp);--sl-in-pos:0 45.842%;--sl-in-clip:polygon(0 0, 100% 49.58%, 0 100%);--sl-flip:rotateY(180deg);transform-origin:100%;--sl-dir:1;--sl-shade:90deg;--sl-at:1.85s;width:47.5%;height:78.012%;top:10.08%;left:52.5%}.op-sl.is-open .op-sl-flap{animation:op-sl-swing-x 2.2s linear var(--sl-at) both}.op-sl.is-open .op-sl-flap.op-sl-left,.op-sl.is-open .op-sl-flap.op-sl-right{animation-name:op-sl-swing-y}@keyframes op-sl-swing-x{0%{transform:rotateX(0)}10%{transform:rotateX(calc(var(--sl-dir) * 3deg))}18%{transform:rotateX(calc(var(--sl-dir) * 8deg))}30%{transform:rotateX(calc(var(--sl-dir) * 21deg))}45%{transform:rotateX(calc(var(--sl-dir) * 43deg))}60%{transform:rotateX(calc(var(--sl-dir) * 70deg))}72%{transform:rotateX(calc(var(--sl-dir) * 98deg))}82%{transform:rotateX(calc(var(--sl-dir) * 132deg))}91%{transform:rotateX(calc(var(--sl-dir) * 158deg))}to{transform:rotateX(calc(var(--sl-dir) * 172deg))}}@keyframes op-sl-swing-y{0%{transform:rotateY(0)}10%{transform:rotateY(calc(var(--sl-dir) * 3deg))}18%{transform:rotateY(calc(var(--sl-dir) * 8deg))}30%{transform:rotateY(calc(var(--sl-dir) * 21deg))}45%{transform:rotateY(calc(var(--sl-dir) * 43deg))}60%{transform:rotateY(calc(var(--sl-dir) * 70deg))}72%{transform:rotateY(calc(var(--sl-dir) * 98deg))}82%{transform:rotateY(calc(var(--sl-dir) * 132deg))}91%{transform:rotateY(calc(var(--sl-dir) * 158deg))}to{transform:rotateY(calc(var(--sl-dir) * 172deg))}}.op-sl-cast{filter:blur(9px);opacity:0;position:absolute}.op-sl-cast i{clip-path:var(--sl-clip);background:linear-gradient(var(--sh-dir), #42342080, #4234201f);position:absolute;inset:0}.op-sl-top.op-sl-cast{--sh-x:5%;--sh-y:26%;--sh-dir:180deg}.op-sl-bottom.op-sl-cast{--sh-x:5%;--sh-y:22%;--sh-dir:0deg}.op-sl-left.op-sl-cast{--sh-x:4%;--sh-y:9%;--sh-dir:90deg}.op-sl-right.op-sl-cast{--sh-x:4%;--sh-y:9%;--sh-dir:270deg}.op-sl.is-open .op-sl-cast{animation:op-sl-cast-x 2.2s linear var(--sl-at) both}.op-sl.is-open .op-sl-cast.op-sl-left,.op-sl.is-open .op-sl-cast.op-sl-right{animation-name:op-sl-cast-y}@keyframes op-sl-cast-x{0%{opacity:0;transform:translate(calc(var(--sh-x) * 0), calc(var(--sh-y) * 0)) scaleY(1)}10%{opacity:.12;transform:translate(calc(var(--sh-x) * .052), calc(var(--sh-y) * .052)) scaleY(.999)}18%{opacity:.3;transform:translate(calc(var(--sh-x) * .139), calc(var(--sh-y) * .139)) scaleY(.99)}30%{opacity:.5;transform:translate(calc(var(--sh-x) * .358), calc(var(--sh-y) * .358)) scaleY(.934)}45%{opacity:.55;transform:translate(calc(var(--sh-x) * .682), calc(var(--sh-y) * .682)) scaleY(.731)}60%{opacity:.42;transform:translate(calc(var(--sh-x) * .94), calc(var(--sh-y) * .94)) scaleY(.342)}72%{opacity:0;transform:translate(calc(var(--sh-x) * .99), calc(var(--sh-y) * .99)) scaleY(.02)}82%{opacity:0;transform:translate(calc(var(--sh-x) * 1), calc(var(--sh-y) * 1)) scaleY(.02)}to{opacity:0;transform:translate(calc(var(--sh-x) * 1), calc(var(--sh-y) * 1)) scaleY(.02)}}@keyframes op-sl-cast-y{0%{opacity:0;transform:translate(calc(var(--sh-x) * 0), calc(var(--sh-y) * 0)) scaleX(1)}10%{opacity:.12;transform:translate(calc(var(--sh-x) * .052), calc(var(--sh-y) * .052)) scaleX(.999)}18%{opacity:.3;transform:translate(calc(var(--sh-x) * .139), calc(var(--sh-y) * .139)) scaleX(.99)}30%{opacity:.5;transform:translate(calc(var(--sh-x) * .358), calc(var(--sh-y) * .358)) scaleX(.934)}45%{opacity:.55;transform:translate(calc(var(--sh-x) * .682), calc(var(--sh-y) * .682)) scaleX(.731)}60%{opacity:.42;transform:translate(calc(var(--sh-x) * .94), calc(var(--sh-y) * .94)) scaleX(.342)}72%{opacity:0;transform:translate(calc(var(--sh-x) * .99), calc(var(--sh-y) * .99)) scaleX(.02)}82%{opacity:0;transform:translate(calc(var(--sh-x) * 1), calc(var(--sh-y) * 1)) scaleX(.02)}to{opacity:0;transform:translate(calc(var(--sh-x) * 1), calc(var(--sh-y) * 1)) scaleX(.02)}}.op-sl.is-open .op-sl-face:after{animation:op-sl-shade-front 2.2s linear var(--sl-at) forwards}.op-sl.is-open .op-sl-face.is-back:after{animation:op-sl-shade-back 2.2s linear var(--sl-at) forwards}@keyframes op-sl-shade-front{0%{opacity:0}70%,to{opacity:1}}@keyframes op-sl-shade-back{0%,70%{opacity:1}to{opacity:.15}}.op-sl-seal{width:42.25%;height:23.722%;animation:3.2s ease-in-out infinite op-sl-breathe;position:absolute;top:41.116%;left:29.167%;container-type:size}@keyframes op-sl-breathe{50%{transform:scale(1.018)}}.op-sl-wax{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-sl-whole{background-image:url(/openings/sealed/seal.webp)}.op-sl-crack{opacity:0;background-image:url(/openings/sealed/seal-crack.webp)}.op-sl-a{background-image:url(/openings/sealed/seal-a.webp)}.op-sl-b{background-image:url(/openings/sealed/seal-b.webp)}.op-sl-half{opacity:0}.op-sl.is-open .op-sl-seal{animation:.6s cubic-bezier(.3,0,.3,1) forwards op-sl-press}@keyframes op-sl-press{0%{transform:scale(1)}45%{transform:scale(.95)}70%{transform:scale(.965)translate(-.6%)}85%{transform:scale(.96)translate(.6%)}to{transform:scale(.965)}}.op-sl.is-open .op-sl-crack{animation:.62s linear forwards op-sl-crack}@keyframes op-sl-crack{0%,45%{opacity:0}60%,99.9%{opacity:1}to{opacity:0}}.op-sl.is-open .op-sl-whole{animation:0s .62s forwards op-sl-gone}@keyframes op-sl-gone{to{opacity:0}}.op-sl.is-open .op-sl-a{animation:1s .62s forwards op-sl-a}.op-sl.is-open .op-sl-b{animation:1s .62s forwards op-sl-b}@keyframes op-sl-a{0%{opacity:1;animation-timing-function:cubic-bezier(.2,.6,.3,1);transform:none}22%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.8,.4);transform:translate(-9%,-2%)rotate(-7deg)}to{opacity:0;transform:translate(-46%,150%)rotate(-38deg)scale(1.06)}}@keyframes op-sl-b{0%{opacity:1;animation-timing-function:cubic-bezier(.2,.6,.3,1);transform:none}22%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.8,.4);transform:translate(9%,-1%)rotate(8deg)}to{opacity:0;transform:translate(48%,155%)rotate(42deg)scale(1.06)}}.op-sl-chip{width:var(--s);height:calc(var(--s) * .8);margin:calc(var(--s) * -.4) 0 0 calc(var(--s) * -.5);opacity:0;background:radial-gradient(circle at 35% 30%,#f6f1e8,#ded3c1 60%,#c2b49c);border-radius:46% 54% 40% 60%/55% 45% 58% 42%;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #463a2640}.op-sl.is-open .op-sl-chip{animation:op-sl-chip 1.2s cubic-bezier(.15, .6, .35, 1) calc(.62s + var(--delay)) forwards}@keyframes op-sl-chip{0%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r))}}.op-sl-hint{text-align:center;font-family:var(--font-display);color:#5e573e;text-shadow:0 0 14px #ece6dc,0 0 6px #ece6dc,0 0 2px #f2eee6;pointer-events:none;margin:0;padding:0 24px;font-size:1.02rem;transition:opacity .4s;animation:2.4s ease-in-out infinite op-pulse;position:absolute;top:67.5%;left:0;right:0}[lang]:not(:where([lang=ar])) .op-sl-hint{letter-spacing:.24em;text-transform:uppercase;font-size:.8rem}.op-sl.is-open .op-sl-hint{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.op-sl-seal,.op-sl-hint,.op-sl.is-open .op-sl-stage{animation:none}}.op-ae{--art-h:max(100cqh, 100cqw * 2399 / 1080);background:var(--ae-bg,var(--card-bg,#fdf8ec));cursor:pointer;position:absolute;inset:0;overflow:hidden;container-type:size}.op-ae.is-open{pointer-events:none;animation:.5s 3s forwards op-ae-out}@keyframes op-ae-out{to{opacity:0}}.op-ae-art{width:100%;height:var(--art-h);background:var(--ae-art,url(/tpl/aether/hero.webp)) center / cover no-repeat;transform-origin:50% 33%;position:absolute;top:0;left:0;transform:scale(.88);-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 2.5% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 2.5% 97%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.op-ae.is-open .op-ae-art{transition:transform 2.9s cubic-bezier(.5,0,.15,1);transform:none}.op-ae-mist{background:var(--ae-mist,radial-gradient(ellipse 90% 55% at 30% 100%, #fdf8ecbf, #fdf8ec4d 55%, transparent 80%));transition:opacity 2.2s .6s;position:absolute;inset:0}.op-ae.is-open .op-ae-mist{opacity:0}.op-ae-obj{will-change:transform, opacity;position:absolute}.op-ae-obj i{background:50%/100% 100% no-repeat;position:absolute;inset:0}.op-ae-obj.is-cumulus{z-index:1;aspect-ratio:639/564;width:190cqw;bottom:-6cqh;left:-34cqw}.op-ae-obj.is-cumulus i{background-image:var(--ae-cumulus,url(/tpl/aether/cumulus.webp));transform-origin:0 100%;animation:15s ease-in-out infinite alternate ae-billow}.op-ae-obj.is-balloon{z-index:2;aspect-ratio:720/1163;width:50cqw;top:25cqh;right:3cqw}.op-ae-obj.is-balloon i{background-image:var(--ae-balloon,url(/tpl/aether/balloon.webp));transform-origin:50% 0;animation:6.5s ease-in-out infinite alternate ae-float}.op-ae-obj.is-cloud{z-index:3;aspect-ratio:571/328;width:78cqw;top:calc(25cqh - 36cqw);right:-12cqw}.op-ae-obj.is-cloud i{background-image:var(--ae-cloud,url(/tpl/aether/cloud.webp));animation:11s ease-in-out infinite alternate ae-drift}@keyframes ae-billow{0%{transform:translate(-1.2cqw)scale(1)}to{transform:translate(1.4cqw)scale(1.025)}}@keyframes ae-float{0%{transform:translateY(-1.4cqw)rotate(-1.2deg)}to{transform:translateY(1.4cqw)rotate(1.2deg)}}@keyframes ae-drift{0%{transform:translate(-2.4cqw)}to{transform:translate(2cqw)}}.op-ae.is-open .op-ae-obj{opacity:0;transition:transform 2.6s cubic-bezier(.45, 0, .2, 1) var(--d), opacity 2.2s cubic-bezier(.4, 0, .6, 1) calc(var(--d) + .2s)}.op-ae.is-open .op-ae-obj.is-cloud{--d:0s;transform:translate(30cqw,-16cqw)scale(1.45)}.op-ae.is-open .op-ae-obj.is-balloon{--d:.3s;transform:translate(8cqw,-36cqh)scale(1.15)}.op-ae.is-open .op-ae-obj.is-cumulus{--d:.5s;transform:translate(-40cqw,14cqw)scale(1.4)}.op-ae-hint{z-index:4;background:var(--ae-tag,#fdf8ece0);color:var(--ae-ink,#2c4a5e);font-family:var(--font-body);white-space:nowrap;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;animation:2.4s ease-in-out infinite ae-hint;position:absolute;bottom:max(28px,7cqh);left:50%;translate:-50%;box-shadow:0 6px 18px #1a2b382e,inset 0 0 0 1px #55748940}@keyframes ae-hint{50%{opacity:.55}}.op-ae.is-open .op-ae-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-ae-art{transform:none}.op-ae-obj i,.op-ae-hint{animation:none}}.op-vow{--hands-w:var(--vow-hands-w,176cqw);background:var(--vow-wall,radial-gradient(ellipse 80% 62% at 50% 44%, transparent 45%, #160e0999), url(/tpl/vow/damask.webp) center / cover, #3a2a1f);cursor:pointer;position:absolute;inset:0;overflow:hidden;container-type:size}.op-vow.is-open{pointer-events:none;animation:.9s 2.6s forwards op-vow-out}@keyframes op-vow-out{to{opacity:0}}.op-vow-soft{background:var(--vow-soft,url(/tpl/vow/damask-soft.webp)) center / cover no-repeat;position:absolute;inset:0}.op-vow.is-open .op-vow-soft{opacity:0;transition:opacity 2.6s cubic-bezier(.45,0,.3,1) .35s}.op-vow-glow{aspect-ratio:1;background:radial-gradient(closest-side, var(--vow-glow,#f6deb06b), #f6deb01f 45%, transparent);pointer-events:none;width:90cqw;animation:4.2s ease-in-out infinite vow-breathe;position:absolute;top:44cqh;left:50cqw;translate:-50% -50%}@keyframes vow-breathe{0%,to{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.op-vow.is-open .op-vow-glow{opacity:0;transition:opacity 1.8s .5s;animation:none}.op-vow-hands{left:calc(50cqw - var(--hands-w) * .51);top:calc(44cqh - var(--hands-w) * 2 / 3 * .418);width:var(--hands-w);aspect-ratio:3/2;pointer-events:none;position:absolute}.op-vow-hand{will-change:transform;position:absolute;inset:0}.op-vow-hand.is-bride{transform-origin:0 40%}.op-vow-hand.is-groom{transform-origin:100% 30%}.op-vow-hand i{background:var(--vow-bride,url(/tpl/vow/hand-bride.webp)) center / 100% 100% no-repeat;animation:6.5s ease-in-out infinite vow-float-b;position:absolute;inset:0}.op-vow-hand.is-groom i{background-image:var(--vow-groom,url(/tpl/vow/hand-groom.webp));animation:7.2s ease-in-out infinite vow-float-g}@keyframes vow-float-b{50%{transform:translate(-.5cqw,.35cqw)rotate(-.25deg)}}@keyframes vow-float-g{50%{transform:translate(.45cqw,-.3cqw)rotate(.2deg)}}.op-vow.is-open .op-vow-hand.is-bride{animation:3s cubic-bezier(.5,0,.25,1) forwards vow-bride-out}.op-vow.is-open .op-vow-hand.is-groom{animation:3.1s cubic-bezier(.5,0,.25,1) .12s forwards vow-groom-out}@keyframes vow-bride-out{0%{transform:none}20%{transform:translate(-2.4cqw,.4cqw)rotate(-.5deg)}to{transform:translate(-80cqw,7cqw)rotate(-6deg)}}@keyframes vow-groom-out{0%{transform:none}20%{transform:translate(2.2cqw,-.3cqw)rotate(.4deg)}to{transform:translate(82cqw,-5cqw)rotate(5deg)}}.op-vow-hint{background:var(--vow-tag,#241a138c);color:var(--vow-ink,#efe5d2);font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;border:1px solid #d8c2a659;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;animation:2.6s ease-in-out infinite vow-hint;position:absolute;bottom:max(30px,8cqh);left:50%;translate:-50%}@keyframes vow-hint{50%{opacity:.6}}.op-vow.is-open .op-vow-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-vow-glow,.op-vow-hand i,.op-vow-hint{animation:none}}
.op-gt{--gw:min(118cqw, 86cqh * 712 / 982);color:var(--gate-ink,#4c463b);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-gt-paper{background:radial-gradient(ellipse 70% 50% at 50% 55%, #fffefa99, transparent 75%), var(--gate-paper,#ede9e1);transition:opacity 1s 3.7s;position:absolute;inset:0}.op-gt.is-open .op-gt-paper{opacity:0}.op-gt-clouds{position:absolute;inset:0}.op-gt-c{left:var(--xs);top:var(--ys);width:var(--ws);aspect-ratio:var(--a);will-change:transform;transition:transform 3.6s cubic-bezier(.42, 0, .18, 1) var(--at,.2s);position:absolute}.op-gt-c>i{background:var(--art) center / 100% 100% no-repeat;animation:op-gt-bob var(--bob,9s) ease-in-out var(--bob-at,0s) infinite alternate;position:absolute;inset:0}@keyframes op-gt-bob{to{transform:translate(var(--bx,4px), var(--by,-3px))}}.op-gt.is-open .op-gt-c{transform:translate(calc(var(--xf) - var(--xs) + var(--ws) * (var(--s) - 1) / 2), calc(var(--yf) - var(--ys) + var(--ws) / var(--a) * (var(--s) - 1) / 2)) scale(var(--s))}.op-gt-c.is-c1{--art:url(/openings/gate/c1.webp);--a:1022 / 413;--xs:-20cqw;--ys:-2cqh;--ws:80cqw;--xf:-38cqw;--yf:-4cqh;--s:1;--at:.2s;--bob:10s;--bob-at:-1s}.op-gt-c.is-c2{--art:url(/openings/gate/c2.webp);--a:977 / 520;--xs:42cqw;--ys:-4cqh;--ws:76cqw;--xf:62cqw;--yf:-2cqh;--s:1;--at:.32s;--bob:12s;--bob-at:-2s}.op-gt-c.is-c3{--art:url(/openings/gate/c6.webp);--a:891 / 141;--xs:5cqw;--ys:6cqh;--ws:90cqw;--xf:20cqw;--yf:-8cqh;--s:.9;--at:.28s;--bob:9s;--bob-at:-3s}.op-gt-c.is-c4{--art:url(/openings/gate/c4.webp);--a:946 / 471;--xs:-22cqw;--ys:18cqh;--ws:60cqw;--xf:-36cqw;--yf:22cqh;--s:.9;--at:.26s;--bob:11s;--bob-at:-4s}.op-gt-c.is-c5{--art:url(/openings/gate/c10.webp);--a:715 / 366;--xs:62cqw;--ys:18cqh;--ws:56cqw;--xf:78cqw;--yf:26cqh;--s:.9;--at:.4s;--bob:8s;--bob-at:-5s}.op-gt-c.is-c6{--art:url(/openings/gate/c7.webp);--a:768 / 306;--xs:22cqw;--ys:40cqh;--ws:56cqw;--xf:-36cqw;--yf:44cqh;--s:.85;--at:.36s;--bob:10s;--bob-at:0s}.op-gt-c.is-c7{--art:url(/openings/gate/c5.webp);--a:623 / 258;--xs:30cqw;--ys:58cqh;--ws:46cqw;--xf:80cqw;--yf:50cqh;--s:.85;--at:.44s;--bob:12s;--bob-at:-1s}.op-gt-c.is-c8{--art:url(/openings/gate/c9.webp);--a:781 / 126;--xs:10cqw;--ys:74cqh;--ws:80cqw;--xf:-58cqw;--yf:62cqh;--s:.9;--at:.48s;--bob:9s;--bob-at:-2s}.op-gt-c.is-c9{--art:url(/openings/gate/c8.webp);--a:1030 / 387;--xs:-30cqw;--ys:80cqh;--ws:90cqw;--xf:-40cqw;--yf:78cqh;--s:1;--at:.22s;--bob:11s;--bob-at:-3s;z-index:2}.op-gt-c.is-c10{--art:url(/openings/gate/c3.webp);--a:760 / 314;--xs:46cqw;--ys:82cqh;--ws:80cqw;--xf:58cqw;--yf:82cqh;--s:1;--at:.34s;--bob:8s;--bob-at:-4s;z-index:2}.op-gt-c.is-c11{--art:url(/openings/gate/c1.webp);--a:1022 / 413;--xs:6cqw;--ys:90cqh;--ws:90cqw;--xf:-6cqw;--yf:80cqh;--s:1;--at:.38s;--bob:10s;--bob-at:-5s;z-index:2}.op-gt-c.is-c12{--art:url(/openings/gate/c2.webp);--a:977 / 520;--xs:60cqw;--ys:92cqh;--ws:70cqw;--xf:70cqw;--yf:89cqh;--s:1;--at:.3s;--bob:12s;--bob-at:0s;z-index:2}.op-gt-c.is-c13{--art:url(/openings/gate/c5.webp);--a:623 / 258;--xs:-14cqw;--ys:2cqh;--ws:50cqw;--xf:-30cqw;--yf:8cqh;--s:1;--at:.25s;--bob:9s;--bob-at:-1s;z-index:2}.op-gt-c.is-c14{--art:url(/openings/gate/c10.webp);--a:715 / 366;--xs:70cqw;--ys:0cqh;--ws:46cqw;--xf:84cqw;--yf:6cqh;--s:1;--at:.3s;--bob:11s;--bob-at:-2s;z-index:2}.op-gt-camera{position:absolute;inset:0}.op-gt-scene{left:calc(50cqw - var(--gw) / 2);top:calc(53cqh - var(--gw) * 982 / 712 / 2);width:var(--gw);aspect-ratio:712/982;transform-origin:50% 68%;will-change:transform;position:absolute}.op-gt.is-open .op-gt-scene{animation:3.6s linear .4s both op-gt-walk,.5s 3.5s both op-gt-gone}@keyframes op-gt-walk{0%{transform:scale(1)}4%{transform:scale(1.0001)}8%{transform:scale(1.001)}12%{transform:scale(1.0034)}16%{transform:scale(1.008)}20%{transform:scale(1.0157)}24%{transform:scale(1.0273)}28%{transform:scale(1.0436)}32%{transform:scale(1.0658)}36%{transform:scale(1.095)}40%{transform:scale(1.1326)}44%{transform:scale(1.1803)}48%{transform:scale(1.2401)}52%{transform:scale(1.3147)}56%{transform:scale(1.4074)}60%{transform:scale(1.5224)}64%{transform:scale(1.6655)}68%{transform:scale(1.8439)}72%{transform:scale(2.0674)}76%{transform:scale(2.3495)}80%{transform:scale(2.7083)}84%{transform:scale(3.1688)}88%{transform:scale(3.7663)}92%{transform:scale(4.5506)}96%{transform:scale(5.5936)}to{transform:scale(7)}}@keyframes op-gt-gone{to{opacity:0}}.op-gt-gate{pointer-events:none;background:url(/openings/gate/gate.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.op-gt-door{perspective:700px;perspective-origin:50% 45%;width:39.89%;height:60.69%;position:absolute;top:37.68%;left:30.2%}.op-gt-light{background:radial-gradient(ellipse 72% 62% at 50% 55%, var(--gate-light,#fffefa), #faf8f2cc 50%, #f4f1ea00 85%);opacity:0;border-radius:50% 50% 0 0/22% 22% 0 0;transition:opacity 1.8s .4s,transform 2.6s ease-out .3s;position:absolute;inset:4% 6% 0;transform:scale(.8)}.op-gt.is-open .op-gt-light{opacity:1;transform:scale(1.15)}.op-gt-leaf{width:50%;height:100%;transform-style:preserve-3d;transition:transform 2.6s cubic-bezier(.55,.05,.25,1) .2s;position:absolute;top:0}.op-gt-leaf.is-left{transform-origin:0;--leaf:url(/openings/gate/leaf-l.webp);left:0}.op-gt-leaf.is-right{transform-origin:100%;--leaf:url(/openings/gate/leaf-r.webp);transition-delay:.36s;left:50%}.op-gt.is-open .op-gt-leaf.is-left{transform:rotateY(80deg)}.op-gt.is-open .op-gt-leaf.is-right{transform:rotateY(-80deg)}.op-gt-leaf>i{background:var(--leaf) center / 100% 100% no-repeat;position:absolute;inset:0}.op-gt-leaf:after{content:"";-webkit-mask:var(--leaf) center / 100% 100% no-repeat;-webkit-mask:var(--leaf) center / 100% 100% no-repeat;mask:var(--leaf) center / 100% 100% no-repeat;opacity:0;background:#8d8572;transition:opacity 2.6s .3s;position:absolute;inset:0}.op-gt.is-open .op-gt-leaf:after{opacity:.45}.op-gt-flash{opacity:0;pointer-events:none;background:radial-gradient(65% 50% at 50% 55%,#faf8f2e6,#e8e4da66 55%,#0000 80%);position:absolute;inset:0}.op-gt.is-open .op-gt-flash{animation:2s ease-in-out 2.6s both op-gt-flash}@keyframes op-gt-flash{45%{opacity:.85}to{opacity:0}}.op-gt-names,.op-gt-hint{text-align:center;text-shadow:0 1px 0 #f6f3ec99, 0 0 14px var(--gate-glow,#e8e4daf2);pointer-events:none;margin:0;padding:0 28px;transition:opacity .5s,transform .6s;position:absolute;left:0;right:0}.op-gt-names{font-family:var(--font-names,var(--font-display));font-size:1.9rem;line-height:1.6;top:2cqh}.op-gt-names span{font-family:var(--font-display);opacity:.8;font-size:1.1rem}.op-gt-hint{font-family:var(--font-body);font-size:.95rem;animation:2.6s ease-in-out infinite op-pulse;bottom:2.5cqh}.op-gt.is-open .op-gt-names{opacity:0;transform:translateY(-10px)}.op-gt.is-open .op-gt-hint{opacity:0;animation:none}.op-gt.is-open{pointer-events:none}@media (prefers-reduced-motion:reduce){.op-gt-c>i,.op-gt-hint,.op-gt.is-open .op-gt-flash{animation:none}.op-gt.is-open .op-gt-scene{animation:1.2s 1.6s both op-gt-gone}}
.op-cd{--cd-h:min(135cqw, 62cqh);--cd-w:calc(var(--cd-h) * 1024 / 1386);background:var(--cd-bg,#140b07);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-cd.is-open{pointer-events:none;animation:.9s 3.6s forwards op-cd-out}@keyframes op-cd-out{to{opacity:0}}.op-cd-camera{position:absolute;inset:0}.op-cd-scene{width:var(--cd-w);height:var(--cd-h);margin-left:calc(var(--cd-w) / -2);translate:calc(var(--tilt-x,0) * -5px) calc(var(--tilt-y,0) * -3px);position:absolute;bottom:0;left:50%}.op-cd-dim,.op-cd-lit{background:var(--cd-art-dim,url(/tpl/candelabra/hero-dim.webp)) center / 100% 100% no-repeat;position:absolute;inset:0}.op-cd-lit{background-image:var(--cd-art,url(/tpl/candelabra/hero.webp));opacity:0}.op-cd.is-open .op-cd-lit{animation:2.4s ease-out forwards op-cd-light}@keyframes op-cd-light{0%,10%{opacity:0}30%{opacity:.42}40%{opacity:.46}58%{opacity:.74}67%{opacity:.77}85%,to{opacity:1}}.op-cd-wick{--fh:14;--at:.25s;--flame-h:calc(var(--cd-w) * var(--fh) / 100 * 1.095);left:calc(var(--wx) * 1%);top:calc(var(--wy) * 1%);width:0;height:0;position:absolute}.op-cd-wick.is-l{--wx:26.46;--wy:18.9;--fh:13.87;--at:.25s}.op-cd-wick.is-m{--wx:51.07;--wy:29.58;--fh:20.51;--at:.95s}.op-cd-wick.is-r{--wx:75.88;--wy:32.76;--fh:10.94;--at:1.6s}.op-cd-flame{left:calc(var(--flame-h) * 212 / 460 / -2);bottom:calc(var(--flame-h) * -.01);width:calc(var(--flame-h) * 212 / 460);height:var(--flame-h);background:var(--cd-flame,url(/tpl/candelabra/flame.webp)) center bottom / 100% 100% no-repeat;transform-origin:50% 100%;opacity:0;rotate:calc(var(--tilt-x,0) * -7deg);position:absolute}.op-cd.is-open .op-cd-flame{animation:op-cd-catch .95s cubic-bezier(.2, .8, .3, 1.15) var(--at) forwards, cd-flicker 2.3s ease-in-out calc(var(--at) + .95s) infinite}.op-cd.is-open .is-m .op-cd-flame{animation-duration:.95s,2.9s}.op-cd.is-open .is-r .op-cd-flame{animation-duration:.95s,1.9s}@keyframes op-cd-catch{0%{opacity:0;transform:scale(.25,.04)}22%{opacity:1;transform:scale(.45,.22)}62%{opacity:1;transform:scale(1.05,1.14)}to{opacity:1;transform:none}}@keyframes cd-flicker{0%,to{opacity:1;transform:none}11%{transform:scale(.97,1.04)skew(1.4deg)}24%{transform:scale(1.02,.95)skew(-.8deg)}37%{transform:scale(.96,1.07)skew(2deg)}49%{transform:scale(1.01,.98)skew(-.4deg)}63%{transform:scale(.97,1.03)skew(-2.2deg)}78%{transform:scale(1.03,.97)skew(.9deg)}90%{transform:scale(.99,1.05)skew(-1deg)}}.op-cd-halo{left:calc(var(--flame-h) * -1.6);top:calc(var(--flame-h) * -2.1);width:calc(var(--flame-h) * 3.2);height:calc(var(--flame-h) * 3.2);background:radial-gradient(closest-side, var(--cd-glow,#f6d2a052), #f6d2a01a 45%, transparent);opacity:0;position:absolute}.op-cd.is-open .op-cd-halo{animation:op-cd-halo-in 1.2s ease-out var(--at) forwards, cd-breathe 3.1s ease-in-out calc(var(--at) + 1.2s) infinite}@keyframes op-cd-halo-in{to{opacity:1}}@keyframes cd-breathe{0%,to{opacity:1}27%{opacity:.82}46%{opacity:.95}71%{opacity:.78}}.op-cd-smoke{left:calc(var(--cd-w) * -.02);width:calc(var(--cd-w) * .04);height:calc(var(--cd-w) * .17);transition:opacity .5s ease var(--at);position:absolute;bottom:0}.op-cd-smoke>i{transform-origin:50% 100%;background:url(/tpl/candelabra/smoke.webp) bottom/100% 100% no-repeat;animation:5.2s ease-in-out infinite cd-smoke;position:absolute;inset:0}.is-m .op-cd-smoke>i{animation-duration:6s;animation-delay:-1.8s}.is-r .op-cd-smoke>i{animation-duration:4.6s;animation-delay:-3.4s}@keyframes cd-smoke{0%{opacity:0;transform:translateY(6%)scale(.8,.7)}25%{opacity:.8}70%{opacity:.45;transform:translateY(-14%)scale(1.15,1.1)skew(-5deg)}to{opacity:0;transform:translateY(-28%)scale(1.35,1.2)skew(6deg)}}.op-cd.is-open .op-cd-smoke{opacity:0}.op-cd-mono{left:0;right:0;top:calc((100cqh - var(--cd-h)) * .5);font-family:var(--font-names,var(--font-display,serif));color:var(--cd-gold,#c9a46a);opacity:0;pointer-events:none;justify-content:center;align-items:baseline;gap:.12em;margin:0;font-size:min(17cqw,9cqh);line-height:1;display:flex;position:absolute;translate:0 -50%}.op-cd-mono span:last-child{translate:0 .32em}.op-cd.is-open .op-cd-mono{animation:1.2s cubic-bezier(.22,1,.36,1) 1.7s forwards op-cd-mono,.6s 3s forwards op-cd-out}@keyframes op-cd-mono{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.op-cd-hint{background:var(--cd-hint,#140b0799);color:var(--cd-ink,#f2dfc6);font-family:var(--font-body,serif);letter-spacing:.04em;white-space:nowrap;border:1px solid #c9a46a52;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;animation:2.8s ease-in-out infinite op-cd-hint;position:absolute;bottom:max(26px,6cqh);left:50%;translate:-50%}@keyframes op-cd-hint{50%{opacity:.55}}.op-cd.is-open .op-cd-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-cd-smoke>i,.op-cd-hint{animation:none}.op-cd.is-open .op-cd-flame{animation:op-cd-catch .95s ease var(--at) forwards}.op-cd.is-open .op-cd-halo{animation:op-cd-halo-in 1.2s ease-out var(--at) forwards}}
.op-sb{--sb-w:max(100cqw, 46.154cqh);--sb-h:calc(var(--sb-w) * 2340 / 1080);background:var(--sb-plaster,url(/tpl/jouri/plaster.webp)) 0 0 / 100cqw auto, #cdb595;cursor:pointer;position:absolute;inset:0;overflow:hidden;container-type:size}.op-sb.is-open{pointer-events:none;animation:1s 2.8s forwards op-sb-out}@keyframes op-sb-out{to{opacity:0}}.op-sb-box{left:calc(50cqw - var(--sb-w) / 2);top:calc(100cqh - var(--sb-h));width:var(--sb-w);height:var(--sb-h);position:absolute}.op-sb-box>div{position:absolute;inset:0}.op-sb-shade{background:var(--sb-shade,url(/tpl/jouri/shade.webp)) center / 100% 100% no-repeat}.op-sb-lit{background:var(--sb-vine,url(/tpl/jouri/vine.webp)) 100% 0 / 82.037% 68.248% no-repeat, var(--sb-wall,url(/tpl/jouri/wall.webp)) center / 100% 100% no-repeat}.op-sb-lit.is-blade{animation:4.6s ease-in-out infinite op-sb-breathe;-webkit-mask:linear-gradient(116deg,#0000 37%,#000 43.5% 46%,#0000 52.5%);mask:linear-gradient(116deg,#0000 37%,#000 43.5% 46%,#0000 52.5%)}@keyframes op-sb-breathe{0%,to{opacity:.78}50%{opacity:1}}.op-sb-lit.is-beam{opacity:0;-webkit-mask:linear-gradient(116deg,#0000 16%,#000 31% 58%,#0000 76%);mask:linear-gradient(116deg,#0000 16%,#000 31% 58%,#0000 76%)}.op-sb-lit.is-full{opacity:0}.op-sb-box>.op-sb-dapple{background:var(--sb-dapple,url(/tpl/jouri/dapple.webp)) 0 0 / 190cqw auto;opacity:.1;animation:11s ease-in-out infinite alternate op-sb-drift;inset:-12%}@keyframes op-sb-drift{0%{transform:translate(0)rotate(0)}35%{transform:translate(1.6cqw,-.8cqw)rotate(.6deg)}70%{transform:translate(-1cqw,1.2cqw)rotate(-.4deg)}to{transform:translate(2cqw,.6cqw)rotate(.3deg)}}.op-sb-haze{background:linear-gradient(116deg, transparent 30%, var(--sb-light,#ffecc833) 44%, transparent 60%);animation:4.6s ease-in-out infinite op-sb-breathe}.op-sb.is-open .op-sb-lit.is-beam{opacity:1;transition:opacity 1.7s cubic-bezier(.45,0,.3,1) .1s}.op-sb.is-open .op-sb-lit.is-full{opacity:1;transition:opacity 1.9s cubic-bezier(.45,0,.3,1) .9s}.op-sb.is-open .op-sb-dapple{opacity:.26;transition:opacity 2.2s .4s}.op-sb.is-open .op-sb-haze{opacity:0;transition:opacity 2s 1.2s;animation:none}.op-sb-mono{font-family:var(--font-names,var(--font-display));color:var(--sb-ink,#c49a62);opacity:.7;pointer-events:none;justify-content:center;gap:.18em;margin:0;font-size:15cqw;line-height:1;display:flex;position:absolute;top:64cqh;left:0;right:0}.op-sb-mono span:last-child{translate:0 .28em}.op-sb.is-open .op-sb-mono{opacity:0;transition:opacity 1.3s .7s,transform 2s .7s;transform:translateY(-2cqw)}.op-sb-hint{text-align:center;font-family:var(--font-body);letter-spacing:.06em;color:var(--sb-hint,#efe3cf);margin:0;font-size:.95rem;animation:2.8s ease-in-out infinite op-sb-hint;position:absolute;bottom:7cqh;left:0;right:0}@keyframes op-sb-hint{0%,to{opacity:.5}50%{opacity:1}}.op-sb.is-open .op-sb-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-sb-box>.op-sb-dapple,.op-sb-lit.is-blade,.op-sb-haze,.op-sb-hint{animation:none}}
.op-mi{--ratio:var(--mist-ratio,2.1667);--art-h:max(100cqh, 100cqw * var(--ratio));--art-w:max(100cqw, var(--art-h) / var(--ratio));background:var(--mist-bg,var(--card-bg,#110f16));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container-type:size}.op-mi.is-open{pointer-events:none;animation:.5s 2.9s forwards op-mi-out}@keyframes op-mi-out{to{opacity:0}}.op-mi-scene{top:0;left:calc(50% - var(--art-w) / 2);width:var(--art-w);height:calc(var(--art-w) * var(--ratio));background:var(--mist-art,url(/tpl/violet/hero.webp)) center / 100% 100% no-repeat;transform-origin:50% 40cqh;position:absolute;transform:scale(.9);-webkit-mask:linear-gradient(#000 88%,#0000);mask:linear-gradient(#000 88%,#0000)}.op-mi.is-open .op-mi-scene{transition:transform 2.8s cubic-bezier(.5,0,.15,1);transform:none}.op-mi-glass{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.op-mi.is-open .op-mi-glass{opacity:0;transition:opacity 1.9s cubic-bezier(.4,0,.6,1) .35s}.op-mi-font{visibility:hidden;font-family:var(--font-names,var(--font-display,serif));position:absolute}.op-mi-hint{background:var(--mist-tag,#110f168c);color:var(--mist-ink,#eeecf2);font-family:var(--font-body);white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;transition:opacity .6s;animation:2.6s ease-in-out infinite op-mi-hint;position:absolute;bottom:max(28px,7cqh);left:50%;translate:-50%;box-shadow:0 6px 22px #0000004d,inset 0 0 0 1px #eeecf224}@keyframes op-mi-hint{50%{opacity:.6}}.op-mi.is-wiping .op-mi-hint,.op-mi.is-open .op-mi-hint{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.op-mi-hint{animation:none}.op-mi.is-open .op-mi-scene{transition-duration:1s}}
.op-foil{--px:50%;--py:50%;--gx:0px;--gy:0px;--R:120cqmax;background:var(--foil-paper,url(/tpl/noir/paper.webp) 0 0 / 256px 256px, #151412);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden;container-type:size}.op-foil.is-open{pointer-events:none;animation:.8s 3s forwards op-foil-out}@keyframes op-foil-out{to{opacity:0}}.op-foil-card{--ft:calc(100cqw * 520 / 1080);--fm:calc(100cqw * 570 / 1080);--fb:calc(100cqw * 548 / 1080);--m1:calc(50cqh - var(--fm) / 2);--m2:var(--m1);--rule:center calc(var(--ft) - 1px) / 100% calc(100cqh - var(--ft) - var(--fb) + 2px) no-repeat;--frame:var(--foil-frame,url(/tpl/noir/frame-top.webp) center top / 100% auto no-repeat, url(/tpl/noir/frame-bottom.webp) center bottom / 100% auto no-repeat, url(/tpl/noir/frame-mid.webp) center var(--m1) / 100% auto no-repeat, url(/tpl/noir/frame-mid.webp) center var(--m2) / 100% auto no-repeat, url(/tpl/noir/frame-rule.webp) var(--rule));--blind:var(--foil-blind,url(/tpl/noir/blind-top.webp) center top / 100% auto no-repeat, url(/tpl/noir/blind-bottom.webp) center bottom / 100% auto no-repeat, url(/tpl/noir/blind-mid.webp) center var(--m1) / 100% auto no-repeat, url(/tpl/noir/blind-mid.webp) center var(--m2) / 100% auto no-repeat, url(/tpl/noir/blind-rule.webp) var(--rule));position:absolute;inset:0}@container (max-aspect-ratio:49/100){.op-foil-card{--m1:calc(var(--ft) + (100cqh - var(--ft) - var(--fb) - 2 * var(--fm)) / 3);--m2:calc(100cqh - var(--fb) - var(--fm) - (100cqh - var(--ft) - var(--fb) - 2 * var(--fm)) / 3)}}.op-foil.is-open .op-foil-card{animation:.6s cubic-bezier(.3,0,.3,1) op-foil-give}@keyframes op-foil-give{0%{transform:none}22%{transform:scale(.988)}to{transform:none}}.op-foil-blind,.op-foil-gold,.op-foil-press,.op-foil-glint,.op-foil-edge,.op-foil-sheen{pointer-events:none;position:absolute;inset:0}.op-foil-blind{background:var(--blind)}.op-foil.is-open .op-foil-blind{animation:.6s 2.2s forwards op-foil-out}.op-foil-glint,.op-foil-edge,.op-foil-sheen{-webkit-mask:var(--frame);-webkit-mask:var(--frame);mask:var(--frame);overflow:hidden}.op-foil-glint>i{background:radial-gradient(closest-side,#e2cfa68c,#c3a67638 45%,#0000);border-radius:50%;width:70cqw;height:70cqw;margin:-35cqw 0 0 -35cqw;animation:11s ease-in-out infinite op-foil-drift;position:absolute;top:50%;left:50%}.op-foil.is-led .op-foil-glint>i{transform:translate(var(--gx), var(--gy));transition:transform .35s cubic-bezier(.22,1,.36,1);animation:none}@keyframes op-foil-drift{0%,to{transform:translate(-22cqw,-34cqh)}25%{transform:translate(20cqw,-10cqh)}50%{transform:translate(-16cqw,18cqh)}75%{transform:translate(22cqw,36cqh)}}.op-foil.is-open .op-foil-glint{animation:.5s forwards op-foil-out}.op-foil-press{background:radial-gradient(circle at var(--px) var(--py), var(--foil-light,#f6deb233), transparent 34cqw);opacity:0}.op-foil.is-open .op-foil-press{animation:1.6s ease-out op-foil-flash}@keyframes op-foil-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.op-foil-gold{background:var(--frame);clip-path:circle(0 at var(--px) var(--py))}.op-foil.is-open .op-foil-gold{animation:2.2s cubic-bezier(.3,.45,.35,1) .15s forwards op-foil-flood}@keyframes op-foil-flood{0%{clip-path:circle(0 at var(--px) var(--py))}to{clip-path:circle(var(--R) at var(--px) var(--py))}}.op-foil-edge>i{left:var(--px);top:var(--py);width:calc(var(--R) * 2);height:calc(var(--R) * 2);margin:calc(var(--R) * -1) 0 0 calc(var(--R) * -1);opacity:0;background:radial-gradient(closest-side,#0000 93%,#f4e9cff2 98.6%,#fff6e280 99.4%,#0000);border-radius:50%;position:absolute;transform:scale(0)}.op-foil.is-open .op-foil-edge>i{animation:2.2s cubic-bezier(.3,.45,.35,1) .15s forwards op-foil-ring,2.2s linear .15s forwards op-foil-ring-fade}@keyframes op-foil-ring{0%{transform:scale(.001)}to{transform:none}}@keyframes op-foil-ring-fade{0%{opacity:0}6%{opacity:1}60%{opacity:.9}to{opacity:0}}.op-foil-sheen>i{background:linear-gradient(90deg,#0000,#fff5debf 50%,#0000);width:46%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)rotate(14deg)}.op-foil.is-open .op-foil-sheen>i{animation:1.1s cubic-bezier(.45,0,.3,1) 2.05s forwards op-foil-sweep}@keyframes op-foil-sweep{to{transform:translate(240%)rotate(14deg)}}.op-foil-mono{font-family:var(--font-names,var(--font-display,serif));pointer-events:none;margin:0;font-size:min(24cqw,12cqh);line-height:1.2;display:grid;position:absolute;top:50%;left:0;right:0;translate:0 -55%}.op-foil-mono>span{grid-area:1/1;justify-content:center;align-items:baseline;gap:.1em;display:flex}.op-foil-mono span span:last-child{translate:0 .3em}.op-foil-mono-blind{color:#0e0d0ce6;text-shadow:0 -1px #0000008c,0 1.5px #fff0d61a}.op-foil-mono-gold{background:var(--foil-gold,linear-gradient(160deg, #a08661 10%, #e2cfa6 38%, #c3a676 55%, #f4e9cf 68%, #a08661 92%));color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text}.op-foil.is-open .op-foil-mono-gold{animation:.9s .9s forwards op-foil-in}.op-foil.is-open .op-foil-mono-blind{animation:.7s 1s forwards op-foil-out}@keyframes op-foil-in{to{opacity:1}}.op-foil.is-open .op-foil-mono{animation:.8s 2.4s forwards op-foil-melt}@keyframes op-foil-melt{to{opacity:0;transform:scale(1.04)}}.op-foil-hint{background:var(--foil-hint,#0d0c0ba6);color:var(--foil-ink,#e8dcc3);font-family:var(--font-body,serif);letter-spacing:.04em;white-space:nowrap;border:1px solid #c3a67659;border-radius:999px;margin:0;padding:9px 22px;font-size:.92rem;animation:2.8s ease-in-out infinite op-foil-hint;position:absolute;bottom:max(30px,7cqh);left:50%;translate:-50%}@keyframes op-foil-hint{50%{opacity:.55}}.op-foil.is-open .op-foil-hint{opacity:0;transition:opacity .4s;animation:none}@media (prefers-reduced-motion:reduce){.op-foil-glint>i,.op-foil-hint{animation:none}}