/* Afrah Atelier: six original vector/motion art directions. */
.theme-opera,.design-sample.opera{--stage-ink:#fff0cd;--stage-accent:#deb983;--stage-paper:#401321;--stage-glass:#401321aa;--atelier-bg:radial-gradient(ellipse at 50% 5%,#8e4552 0,#4b182a 40%,#210d16 100%)}
.theme-opalescent,.design-sample.opalescent{--stage-ink:#48576b;--stage-accent:#8d9baa;--stage-paper:#edf0f1;--stage-glass:#f5f4edcc;--atelier-bg:radial-gradient(ellipse at 25% 20%,#fffdf4,#dbe3e8 50%,#f3ece2)}
.theme-emerald,.design-sample.emerald{--stage-ink:#fff2cd;--stage-accent:#d4b778;--stage-paper:#0a3d36;--stage-glass:#103e36bf;--atelier-bg:radial-gradient(ellipse at 50% 10%,#388a73,#10483e 38%,#082d2a)}
.theme-constellation,.design-sample.constellation{--stage-ink:#f4e9ff;--stage-accent:#ccbbec;--stage-paper:#19172f;--stage-glass:#201b3aa6;--atelier-bg:radial-gradient(ellipse at 15% 15%,#56508999,transparent 45%),radial-gradient(ellipse at 90% 65%,#68486c88,transparent 45%),#141627}
.theme-petalia,.design-sample.petalia{--stage-ink:#774651;--stage-accent:#b37e81;--stage-paper:#f7e9e5;--stage-glass:#fff5eecc;--atelier-bg:radial-gradient(ellipse at 20% 5%,#fff7f1,#efd4d6 48%,#faeee8)}
.theme-champagne,.design-sample.champagne{--stage-ink:#684f2e;--stage-accent:#b28e50;--stage-paper:#f2e6ca;--stage-glass:#fff7e1c9;--atelier-bg:radial-gradient(ellipse at 70% 0,#fff9e4,#ddc594 60%,#f3e6c9)}
.atelier-card.motion-card{background:var(--atelier-bg);color:var(--stage-ink)}.atelier-card .card-art{background:var(--atelier-bg);overflow:hidden}.atelier-card .sample-border{background:transparent;z-index:2;border:1px solid var(--stage-accent);border-radius:110px 110px 3px 3px;box-shadow:inset 0 0 30px #00000006}.atelier-card .card-light{opacity:.45}.atelier-card .sample-names{font-family:'Cormorant Garamond',Georgia,serif}.atelier-card .card-film-mark{display:none}.atelier-card .sample-ornament{display:none}.atelier-card .sample-kicker{margin-top:55px}.atelier-card .atelier-drawing{opacity:.48}.atelier-card .sample-border .sample-names{margin:25px 0}.template-preview .atelier-card{border-radius:120px 120px 4px 4px!important}.template-preview .atelier-card .sample-border{border:0;min-height:230px}.template-preview .atelier-card .sample-kicker{margin-top:40px}.template-preview .atelier-card .sample-place{margin-top:15px}.collection-tag.atelier-tag{background:#efe9f5;color:#5f446f;border-color:#ccbdd6}
.atelier-experience .scene-art,.atelier-entrance .entrance-scenery{background:var(--atelier-bg);overflow:hidden}.atelier-experience .invitation-cover{background:var(--stage-paper);border-radius:250px 250px 5px 5px}.atelier-experience .scene-veil{background:linear-gradient(transparent 6%,var(--stage-glass) 32%,var(--stage-glass) 80%,transparent);opacity:.65}.atelier-experience .scene-ornament{display:none}.atelier-experience .scene-content{padding-top:185px}.atelier-experience .scene-content h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:84px;line-height:1.13;margin:45px auto 30px}.atelier-experience .scene-content h1 span{font-size:30px}.atelier-experience .scene-content .sample-kicker{letter-spacing:.15em}.atelier-experience .scene-content .guest-date{background:color-mix(in srgb,var(--stage-paper) 72%,transparent);border:1px solid color-mix(in srgb,var(--stage-accent) 35%,transparent);border-radius:3px}.atelier-experience .scene-content .invitation-message{max-width:510px}.atelier-experience .scene-content h1:lang(ar){font-family:Amiri,serif;font-size:73px;line-height:1.4}.atelier-experience .wedding-countdown{color:var(--stage-ink)}
.atelier-drawing{position:absolute;inset:0;width:100%;height:100%;color:var(--stage-accent);opacity:.75;pointer-events:none}.atelier-drawing path,.atelier-drawing ellipse{stroke-dasharray:2200;stroke-dashoffset:2200;animation:atelier-trace 3s ease forwards}.atelier-halo{position:absolute;width:90%;height:55%;left:5%;top:-20%;border-radius:50%;background:radial-gradient(ellipse,#fff3,transparent 68%);filter:blur(12px);transform-origin:center 100%;animation:atelier-light 9s ease-in-out infinite alternate}.atelier-gems{position:absolute;inset:0;overflow:hidden}.atelier-gems i{position:absolute;left:calc(var(--g)*12%);top:calc(10% + var(--g)*10%);width:4px;height:4px;border:1px solid var(--stage-accent);transform:rotate(45deg);animation:atelier-glint 4s ease-in-out infinite;animation-delay:calc(var(--g)*-.6s)}.atelier-gems i:nth-child(1){--g:1}.atelier-gems i:nth-child(2){--g:2}.atelier-gems i:nth-child(3){--g:3}.atelier-gems i:nth-child(4){--g:4}.atelier-gems i:nth-child(5){--g:5}.atelier-gems i:nth-child(6){--g:6}.atelier-gems i:nth-child(7){--g:7}.atelier-gems i:nth-child(8){--g:8}
.theme-opera .atelier-halo{background:conic-gradient(from 155deg at 50% 0,transparent,#ffe1a84d,transparent 65deg);width:160%;left:-30%;top:-10%;height:100%;filter:blur(10px)}.theme-opalescent .atelier-halo{background:conic-gradient(#f6d7d580,#d9eef180,#fff8e4aa,#e6daef80,#f6d7d580);filter:blur(25px);top:-12%;height:60%;animation:atelier-opalescent 15s linear infinite}.theme-emerald .atelier-drawing{filter:drop-shadow(0 0 12px #e4d19b44)}.theme-constellation .atelier-halo{background:radial-gradient(ellipse,#ad8fdf66,transparent 65%);animation:atelier-orbit 16s ease-in-out infinite alternate}.theme-petalia .atelier-drawing{opacity:.45}.theme-champagne .atelier-halo{background:linear-gradient(115deg,transparent 35%,#fff9e799 48%,transparent 62%);filter:none;animation:atelier-light 7s ease-in-out infinite alternate}
.atelier-experience.theme-opera .scene-particles i,.atelier-experience.theme-emerald .scene-particles i{background:#f0d799}.atelier-experience.theme-constellation .scene-particles i{border-radius:50%;background:#e9dfff}.atelier-experience.theme-petalia .scene-particles i{border-radius:70% 5% 70% 5%;background:#c28f9b;opacity:.5}.atelier-experience.theme-opalescent .scene-particles i{border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a9b7c6);box-shadow:0 0 8px #fff}
.atelier-entrance .entrance-scenery{z-index:0}.atelier-entrance .entrance-leaves{z-index:1}.atelier-entrance .entrance-copy{z-index:4}.atelier-entrance .entrance-leaf .floral-line{display:none}.atelier-entrance .entrance-leaf{background:var(--atelier-bg)}.atelier-entrance .entrance-copy h2{font-family:'Cormorant Garamond',Georgia,serif}.atelier-entrance .entrance-copy h2:lang(ar){font-family:Amiri,serif}.atelier-entrance.theme-opera .entrance-leaf{background:repeating-linear-gradient(90deg,#32101d 0,#64263a 12%,#36101e 24%,#8a4251 35%,#32101d 48%)}.atelier-entrance.theme-opera .entrance-leaves:after{background:#421221}.atelier-entrance.theme-emerald .entrance-leaf{background:repeating-linear-gradient(45deg,#d2b8750b 0,#d2b8750b 1px,transparent 2px,transparent 20px),#0c4136;box-shadow:inset 0 0 0 18px #0c4136,inset 0 0 0 20px #cdb67b}.atelier-entrance.theme-champagne .entrance-leaf{background:repeating-linear-gradient(112deg,#c8ae7c 0,#f9eccc 12%,#d5bd8a 24%,#f2e2ba 35%)}.atelier-entrance.theme-champagne .silk-ribbon i{background:linear-gradient(#a88c58,#ecd8ac 40%,#b39761)}.atelier-entrance.theme-champagne .silk-ribbon b{border-color:#c5a971}
.entrance-iris .entrance-leaves{display:none}.entrance-iris .entrance-scenery:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#f2e9ff22,transparent 25%),#18152be6;clip-path:circle(100% at 50% 50%);transition:clip-path 1.8s cubic-bezier(.2,.7,.2,1)}.entrance-iris.is-opening .entrance-scenery:after{clip-path:circle(0 at 50% 50%)}.entrance-iris .atelier-drawing{animation:atelier-orbit 15s ease-in-out infinite alternate}
.entrance-pages .entrance-leaf{border-radius:0;background:linear-gradient(105deg,#d9e0e4,#fffdf5 40%,#dce2e5);box-shadow:inset 0 0 0 22px #f1f1eb,inset 0 0 0 23px #a9b4bc;transform-origin:0 50%;transition:transform 1.8s ease,opacity 1.8s}.entrance-pages .leaf-right{transform-origin:100% 50%}.entrance-pages.is-opening .leaf-left{transform:rotateY(-130deg) translateX(-15%);opacity:0}.entrance-pages.is-opening .leaf-right{transform:rotateY(130deg) translateX(15%);opacity:0}
.entrance-fan .entrance-leaf{width:100%;height:100%;border-radius:50% 50% 0 0;left:0;right:auto;background:repeating-conic-gradient(from 210deg at 50% 100%,#c59b9e 0 8deg,#f5dfde 9deg 17deg,#fbedeb 18deg 25deg);transform-origin:50% 100%;box-shadow:inset 0 0 0 20px #f6e5e2aa;border:1px solid #b9898e}.entrance-fan .leaf-right{transform:rotate(180deg);transform-origin:50% 50%;opacity:.18}.entrance-fan.is-opening .leaf-left{transform:rotate(-105deg) scale(.4);opacity:0}.entrance-fan.is-opening .leaf-right{transform:rotate(285deg) scale(.4);opacity:0}.entrance-fan .entrance-leaf{transition:transform 1.8s cubic-bezier(.3,0,.2,1),opacity 1.6s}
@keyframes atelier-trace{to{stroke-dashoffset:0}}@keyframes atelier-light{from{transform:rotate(-12deg) translateX(-10%);opacity:.5}to{transform:rotate(12deg) translateX(10%);opacity:1}}@keyframes atelier-opalescent{to{transform:rotate(360deg)}}@keyframes atelier-orbit{from{transform:rotate(-7deg) scale(.95)}to{transform:rotate(7deg) scale(1.05)}}@keyframes atelier-glint{0%,100%{opacity:.12;transform:rotate(45deg) scale(.6)}50%{opacity:.85;transform:rotate(135deg) scale(1.3)}}
@media(max-width:760px){.atelier-experience .scene-content{padding-top:130px}.atelier-experience .scene-content h1{font-size:54px;line-height:1.2;margin-top:30px}.atelier-experience .scene-content h1:lang(ar){font-size:49px;line-height:1.5}.atelier-experience .invitation-cover{border-radius:165px 165px 4px 4px}.atelier-card .sample-border .sample-names{margin:20px 0}.template-preview .atelier-card .sample-kicker{margin-top:35px}.template-preview .atelier-card .sample-border{min-height:215px}.atelier-entrance .entrance-copy h2{font-size:49px}.atelier-entrance .entrance-copy h2:lang(ar){font-size:49px}.atelier-entrance.compact-opening .entrance-copy h2{font-size:34px}}
@media(max-height:560px){.atelier-entrance .entrance-copy h2,.atelier-entrance .entrance-copy h2:lang(ar){font-size:30px;line-height:1.25}}
.motion-paused .atelier-drawing path,.motion-paused .atelier-drawing ellipse,.afrah-reduced-motion .atelier-card .atelier-drawing path,.afrah-reduced-motion .atelier-card .atelier-drawing ellipse{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.atelier-card *,.atelier-experience *,.atelier-entrance *{animation:none!important;transition:none!important}.atelier-drawing path,.atelier-drawing ellipse{stroke-dashoffset:0}}

@media(min-width:761px) and (min-height:561px){.atelier-entrance .entrance-copy h2,.atelier-entrance .entrance-copy h2:lang(ar){font-size:68px;line-height:1.25}}

.atelier-entrance .entrance-copy h2{overflow:visible;max-height:none;padding:8px 14px;width:min(850px,90%)}.atelier-entrance.compact-opening .entrance-copy h2{max-height:45vh;overflow:auto;padding:12px 14px}