/* Per-design composition layer. Higher tiers deliberately use different geometry. */
.opening-verse{padding:80px 30px;background:#f6f0e4;color:#4d5141;text-align:center;position:relative}.opening-verse .eyebrow{font-size:8px;letter-spacing:2px}.verse-arabic{font:28px/2.15 'Traditional Arabic','Times New Roman',serif;margin:32px 0}.verse-meaning{font-size:12px;line-height:2;max-width:440px;margin:25px auto}.verse-reference{display:block;font:italic 18px Georgia;margin-top:25px}.composed .photo-hero{height:auto!important;max-height:none!important;min-height:0!important;padding:0!important;background:none!important;overflow:hidden}.composed .photo-hero:after{display:none!important}.composition-stage{margin:0;position:relative;height:max(760px,100svh);overflow:hidden;background:#ece8df;color:#28392e;isolation:isolate}.composition-stage img{position:absolute;object-fit:cover;max-width:none}.composition-title{position:absolute;z-index:3}.composition-title small{font:9px/1.5 Arial;letter-spacing:3px}.composition-names{margin:15px 0!important;max-width:100%;font:48px/1.05 Georgia!important;letter-spacing:-2px!important;color:inherit!important;overflow-wrap:anywhere}.composition-names>span{display:block}.composition-names em{font:italic 32px Georgia!important;color:inherit!important}.composition-title p{font:11px/1.8 Arial!important;color:inherit!important;margin-top:20px}.composition-caption{position:absolute;z-index:4;font:8px/1.5 Arial;letter-spacing:3px}.composed .composition-stage .composition-lead{filter:none;transform:none;border:0;box-shadow:none;border-radius:0}.composed .couple{display:block!important;background:transparent!important}.composed .couple>span{display:none!important}.composed .couple>.composition-profile{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:hidden}.profile-photo{display:block;width:100%;height:420px;object-fit:cover;margin:0 0 28px}.profile-role{display:block;font:8px Arial;letter-spacing:3px;margin:22px 0 40px}.composed .composition-profile h3{font-size:30px!important}.composed .composition-profile p{font-size:12px!important;line-height:1.9}.composed .editorial-portrait{max-width:100%}.composed .story>article{position:relative}.composition-story-index{font:italic 50px Georgia;opacity:.25;display:block}.composition-profile,.opening-verse{scroll-margin-top:24px}.composed .gallery-button{position:relative}.composed .gallery-button:after{content:attr(data-photo-number);position:absolute;bottom:12px;left:15px;color:white;text-shadow:0 1px 8px #000;font:italic 20px Georgia}
/* Floral: central oval portrait, names above, intimate paired profiles. */
.invitation:not(.atlas).composed.compose-floral .composition-stage{background:#dfeaf0;color:#36556d}.invitation:not(.atlas).composed.compose-floral .composition-lead{inset:240px 15% 100px;width:70%;height:calc(100% - 340px);border-radius:180px!important;outline:1px solid #8ca6b7;outline-offset:8px}.invitation:not(.atlas).composed.compose-floral .composition-title{top:45px;left:24px;right:24px;text-align:center}.invitation:not(.atlas).composed.compose-floral .composition-names>span{display:inline}.invitation:not(.atlas).composed.compose-floral .composition-names{font-size:44px!important}.invitation:not(.atlas).composed.compose-floral .composition-caption{bottom:42px;width:100%;text-align:center}.invitation:not(.atlas).composed.compose-floral .couple{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.invitation:not(.atlas).composed.compose-floral .profile-photo{height:260px;border-radius:150px 150px 0 0}.invitation:not(.atlas).composed.compose-floral .composition-profile h3{font-size:23px!important}.invitation:not(.atlas).composed.compose-floral .gallery{display:grid!important;grid-template-columns:1fr 1fr!important}.invitation:not(.atlas).composed.compose-floral .gallery-button:first-child{grid-column:1/-1;width:90%!important;margin:auto}
/* Sage: left-aligned field journal, overlapping square photographs. */
.invitation:not(.atlas).composed.compose-sage .composition-stage{background:#e3e7d8;color:#354532}.invitation:not(.atlas).composed.compose-sage .composition-title{top:50px;left:32px;right:30px}.invitation:not(.atlas).composed.compose-sage .composition-names{font:italic 64px/.95 Georgia!important}.invitation:not(.atlas).composed.compose-sage .composition-names em{display:inline}.invitation:not(.atlas).composed.compose-sage .composition-lead{left:5%;top:350px;width:75%;height:340px}.invitation:not(.atlas).composed.compose-sage .composition-secondary{width:42%;height:220px;right:-4%;top:490px;transform:rotate(8deg);border:8px solid #fff9ec}.invitation:not(.atlas).composed.compose-sage .composition-caption{left:30px;bottom:22px}.invitation:not(.atlas).composed.compose-sage .intro{text-align:left!important}.invitation:not(.atlas).composed.compose-sage .profile-photo{width:70%;height:340px}.invitation:not(.atlas).composed.compose-sage .profile-groom{margin-left:20%!important}.invitation:not(.atlas).composed.compose-sage .composition-profile h3{font:italic 34px Georgia!important}.invitation:not(.atlas).composed.compose-sage .editorial-portrait{display:none}.invitation:not(.atlas).composed.compose-sage .story{border-left:1px solid #9aa48b;padding-left:25px}.invitation:not(.atlas).composed.compose-sage .gallery-button{width:76%!important;align-self:flex-start}.invitation:not(.atlas).composed.compose-sage .gallery-button:nth-child(even){align-self:flex-end}
/* Olive: bold editorial cover, long vertical profiles and a photographic contact sheet. */
.invitation:not(.atlas).composed.compose-olive .composition-stage{background:#e5e0cc;color:#38452e}.invitation:not(.atlas).composed.compose-olive .composition-lead{inset:0 0 0 30%;width:70%;height:100%}.invitation:not(.atlas).composed.compose-olive .composition-title{top:75px;left:25px;right:20px;text-shadow:0 1px 12px #f6f0d9}.invitation:not(.atlas).composed.compose-olive .composition-names{font:700 72px/.95 Georgia!important}.invitation:not(.atlas).composed.compose-olive .composition-names em{display:block}.invitation:not(.atlas).composed.compose-olive .composition-caption{left:20px;bottom:60px;writing-mode:vertical-rl}.invitation:not(.atlas).composed.compose-olive .intro{text-align:left!important}.invitation:not(.atlas).composed.compose-olive .composition-profile{margin-bottom:70px!important}.invitation:not(.atlas).composed.compose-olive .profile-photo{height:560px;margin:0 -26px 30px;width:calc(100% + 52px)}.invitation:not(.atlas).composed.compose-olive .profile-groom{text-align:right}.invitation:not(.atlas).composed.compose-olive .gallery{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:5px!important}.invitation:not(.atlas).composed.compose-olive .gallery-button{width:100%!important;border-radius:0!important;transform:none!important}.invitation:not(.atlas).composed.compose-olive .gallery-button:nth-child(3){grid-column:1/-1}.invitation:not(.atlas).composed.compose-olive .events>article{margin-left:30px!important;text-align:left!important}.invitation:not(.atlas).composed.compose-olive .events>article:nth-child(even){margin-left:0!important;margin-right:30px!important}
/* Terracotta: three-photo scrapbook; handwritten names on an open paper patch. */
.invitation:not(.atlas).composed.compose-terracotta .composition-stage{background:#b87858;color:#fff2dc}.invitation:not(.atlas).composed.compose-terracotta .composition-lead{width:64%;height:350px;top:70px;left:4%;transform:rotate(-8deg)!important;border:9px solid #f6e9d0!important}.invitation:not(.atlas).composed.compose-terracotta .composition-secondary{width:38%;height:270px;top:240px;right:1%;transform:rotate(9deg);border:8px solid #fff2db}.invitation:not(.atlas).composed.compose-terracotta .composition-third{width:33%;height:190px;top:520px;right:6%;transform:rotate(-6deg);border:8px solid #fff2db}.invitation:not(.atlas).composed.compose-terracotta .composition-title{left:25px;right:40%;top:480px}.invitation:not(.atlas).composed.compose-terracotta .composition-names{font:italic 40px/1 Georgia!important}.invitation:not(.atlas).composed.compose-terracotta .composition-names em{display:block;font-size:24px!important}.invitation:not(.atlas).composed.compose-terracotta .composition-caption{top:30px;left:28px}.invitation:not(.atlas).composed.compose-terracotta .intro{text-align:left!important}.invitation:not(.atlas).composed.compose-terracotta .profile-photo{width:78%;height:340px;transform:rotate(-4deg);border:8px solid #fff3dc}.invitation:not(.atlas).composed.compose-terracotta .profile-groom{margin-left:15%!important;transform:rotate(3deg)}.invitation:not(.atlas).composed.compose-terracotta .editorial-portrait{display:none}.invitation:not(.atlas).composed.compose-terracotta .story>article{background:#fff4df;padding:28px!important;margin:35px 0!important;box-shadow:4px 7px 0 #bd8c6860;transform:rotate(-2deg)}.invitation:not(.atlas).composed.compose-terracotta .story>article:nth-child(even){transform:rotate(2deg)}
/* Ocean: panoramic bands around a centred postcard, round profile crops. */
.invitation:not(.atlas).composed.compose-ocean .composition-stage{background:#e7f1ed;color:#326078}.invitation:not(.atlas).composed.compose-ocean .composition-lead{left:0;top:0;width:100%;height:320px}.invitation:not(.atlas).composed.compose-ocean .composition-secondary{bottom:0;left:0;width:100%;height:270px;object-position:center 40%}.invitation:not(.atlas).composed.compose-ocean .composition-title{top:275px;left:8%;right:8%;padding:25px 20px 38px;text-align:center;background:#fffdf2;box-shadow:10px 10px 0 #99bdc344;transform:rotate(-3deg)}.invitation:not(.atlas).composed.compose-ocean .composition-names{font:italic 42px/1.1 Georgia!important}.invitation:not(.atlas).composed.compose-ocean .composition-names>span{display:inline}.invitation:not(.atlas).composed.compose-ocean .composition-caption{bottom:25px;left:25px;color:white;text-shadow:0 1px 8px #000}.invitation:not(.atlas).composed.compose-ocean .profile-photo{width:240px;height:240px;border-radius:50%;margin:20px auto}.invitation:not(.atlas).composed.compose-ocean .composition-profile{text-align:center;margin-bottom:65px!important}.invitation:not(.atlas).composed.compose-ocean .editorial-portrait{display:none}.invitation:not(.atlas).composed.compose-ocean .events>article{border-radius:0!important;box-shadow:7px 7px 0 #81a8b54a!important;transform:rotate(-2deg)}.invitation:not(.atlas).composed.compose-ocean .events>article:nth-child(2){transform:rotate(2deg)}.invitation:not(.atlas).composed.compose-ocean .gallery-button{width:100%!important}.invitation:not(.atlas).composed.compose-ocean .gallery-button img{aspect-ratio:16/10!important}
/* Elegant: a wedding magazine with an asymmetric masthead and inset close-up. */
.invitation:not(.atlas).composed.compose-elegant .composition-stage{background:#f3ead7;color:#44352b}.invitation:not(.atlas).composed.compose-elegant .composition-title{top:50px;left:24px;right:25px}.invitation:not(.atlas).composed.compose-elegant .composition-names{font:72px/.9 Georgia!important}.invitation:not(.atlas).composed.compose-elegant .composition-names em{display:inline;font-size:36px!important}.invitation:not(.atlas).composed.compose-elegant .composition-lead{top:260px;left:18%;width:82%;height:calc(100% - 310px);border-radius:0!important}.invitation:not(.atlas).composed.compose-elegant .composition-secondary{width:35%;height:190px;bottom:95px;left:3%;border:6px solid #f6ebd5}.invitation:not(.atlas).composed.compose-elegant .composition-caption{bottom:25px;right:25px}.invitation:not(.atlas).composed.compose-elegant .intro{text-align:left!important}.invitation:not(.atlas).composed.compose-elegant .intro>.editorial-portrait{margin:0 -26px 50px!important;border:0!important;padding:0!important;border-radius:0!important}.invitation:not(.atlas).composed.compose-elegant .intro>.editorial-portrait img{border-radius:0!important;height:400px!important}.invitation:not(.atlas).composed.compose-elegant .couple{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}.invitation:not(.atlas).composed.compose-elegant .profile-photo{height:260px}.invitation:not(.atlas).composed.compose-elegant .composition-profile h3{font-size:25px!important}.invitation:not(.atlas).composed.compose-elegant .profile-groom{padding-top:100px!important}.invitation:not(.atlas).composed.compose-elegant .gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.invitation:not(.atlas).composed.compose-elegant .gallery-button{width:100%!important;border-radius:0!important}.invitation:not(.atlas).composed.compose-elegant .gallery-button:nth-child(2){margin-top:90px}.invitation:not(.atlas).composed.compose-elegant .gallery-button:nth-child(3){grid-column:1/-1;width:80%!important;margin:auto}.invitation:not(.atlas).composed.compose-elegant .story>article{padding-left:65px!important}.invitation:not(.atlas).composed.compose-elegant .composition-story-index{position:absolute;left:0;top:25px}
/* Akad: quiet symmetry, devotional opening and paired framed profiles. */
.invitation:not(.atlas).composed.compose-akad .composition-stage{background:#133f35;color:#f4e8ca}.invitation:not(.atlas).composed.compose-akad .composition-title{left:30px;right:30px;top:40px;text-align:center}.invitation:not(.atlas).composed.compose-akad .composition-names{font:40px/1.15 Georgia!important}.invitation:not(.atlas).composed.compose-akad .composition-names>span{display:inline}.invitation:not(.atlas).composed.compose-akad .composition-lead{left:18%;top:230px;width:64%;height:410px;border-radius:48% 48% 0 0!important;outline:1px solid #c4ab70;outline-offset:12px}.invitation:not(.atlas).composed.compose-akad .composition-caption{bottom:50px;width:100%;text-align:center}.invitation:not(.atlas).composed.compose-akad .opening-verse{background:#133f35;color:#f4e8ca;border-bottom:1px solid #bca065}.invitation:not(.atlas).composed.compose-akad .couple{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}.invitation:not(.atlas).composed.compose-akad .profile-photo{height:230px;border-radius:120px 120px 0 0;border:1px solid #ba9e6e;padding:5px}.invitation:not(.atlas).composed.compose-akad .composition-profile h3{font-size:23px!important}.invitation:not(.atlas).composed.compose-akad .editorial-portrait{display:none}.invitation:not(.atlas).composed.compose-akad .story{border-left:1px solid #c3a973;padding-left:25px}.invitation:not(.atlas).composed.compose-akad .gallery-button{border-radius:130px 130px 0 0!important}
/* Garden: a floral collage around a small invitation note, staggered profiles. */
.invitation:not(.atlas).composed.compose-garden .composition-stage{background:#f2e4df;color:#8b5f61}.invitation:not(.atlas).composed.compose-garden .composition-stage:before{content:'';position:absolute;inset:0;background:var(--collection-art) center/cover;opacity:.4}.invitation:not(.atlas).composed.compose-garden .composition-lead{left:-8%;top:25px;width:65%;height:350px;transform:rotate(-8deg)!important;border:8px solid #fff7ec!important}.invitation:not(.atlas).composed.compose-garden .composition-secondary{right:-10%;top:330px;width:65%;height:360px;transform:rotate(8deg);border:8px solid #fff7ec}.invitation:not(.atlas).composed.compose-garden .composition-third{left:4%;bottom:30px;width:38%;height:220px;border:8px solid #fff7ec;transform:rotate(-3deg)}.invitation:not(.atlas).composed.compose-garden .composition-title{top:205px;right:4%;width:60%;text-align:center;background:#fff5e9ed;padding:30px 12px;transform:rotate(3deg)}.invitation:not(.atlas).composed.compose-garden .composition-names{font:italic 39px/1.1 Georgia!important}.invitation:not(.atlas).composed.compose-garden .composition-caption{bottom:30px;right:15px;writing-mode:vertical-rl}.invitation:not(.atlas).composed.compose-garden .profile-photo{width:75%;height:360px;border-radius:180px}.invitation:not(.atlas).composed.compose-garden .profile-groom{margin-left:20%!important;text-align:right}.invitation:not(.atlas).composed.compose-garden .intro>.editorial-portrait{display:none}.invitation:not(.atlas).composed.compose-garden .gallery{display:flex!important;flex-direction:column!important;gap:35px!important}.invitation:not(.atlas).composed.compose-garden .gallery-button{width:75%!important;align-self:flex-start;border-radius:150px!important;transform:rotate(-5deg)}.invitation:not(.atlas).composed.compose-garden .gallery-button:nth-child(even){align-self:flex-end;transform:rotate(5deg)}.invitation:not(.atlas).composed.compose-garden .story>article{margin-left:15%!important;text-align:left}.invitation:not(.atlas).composed.compose-garden .story>article:nth-child(even){margin-left:0!important;margin-right:15%!important;text-align:right}
/* Jawa: traditional title plate followed by separate portrait chapters. */
.invitation:not(.atlas).composed.compose-jawa .composition-stage{background:#36271d;color:#ead1a0}.invitation:not(.atlas).composed.compose-jawa .composition-lead{left:0;top:0;width:100%;height:78%;filter:sepia(.18)!important}.invitation:not(.atlas).composed.compose-jawa .composition-title{bottom:55px;left:8%;right:8%;padding:30px 20px;text-align:center;background:#38291ef2;border:1px solid #bd9a5f;box-shadow:0 0 0 7px #38291e88}.invitation:not(.atlas).composed.compose-jawa .composition-names{font:42px/1.1 Georgia!important}.invitation:not(.atlas).composed.compose-jawa .composition-names>span{display:inline}.invitation:not(.atlas).composed.compose-jawa .composition-caption{top:30px;left:30px;color:#fff6df}.invitation:not(.atlas).composed.compose-jawa .composition-profile{margin:40px 0 70px!important;text-align:center}.invitation:not(.atlas).composed.compose-jawa .profile-photo{width:90%;height:490px;margin:0 auto 30px;border:1px solid #bc9654;padding:8px;clip-path:polygon(0 8%,50% 0,100% 8%,100% 100%,0 100%)}.invitation:not(.atlas).composed.compose-jawa .events>article:nth-child(odd){margin-right:30px!important}.invitation:not(.atlas).composed.compose-jawa .events>article:nth-child(even){margin-left:30px!important}.invitation:not(.atlas).composed.compose-jawa .story>article{border-bottom:1px solid #b6925b;padding-bottom:35px!important}.invitation:not(.atlas).composed.compose-jawa .gallery-button{border-radius:0!important;width:100%!important}
/* Noir: immersive cinematic portrait chapters, sparse titles in opposing corners. */
.invitation:not(.atlas).composed.compose-noir .composition-stage{background:#171818;color:#f6f3e9}.invitation:not(.atlas).composed.compose-noir .composition-lead{inset:0;width:100%;height:100%;filter:grayscale(1)!important}.invitation:not(.atlas).composed.compose-noir .composition-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 45%,#000b)}.invitation:not(.atlas).composed.compose-noir .composition-title{left:25px;right:25px;bottom:110px}.invitation:not(.atlas).composed.compose-noir .composition-names{font:800 65px/.9 Arial!important;text-transform:uppercase;letter-spacing:-4px!important}.invitation:not(.atlas).composed.compose-noir .composition-names em{display:inline;font-size:34px!important}.invitation:not(.atlas).composed.compose-noir .composition-caption{top:30px;right:25px}.invitation:not(.atlas).composed.compose-noir .intro{padding:0!important;background:#171818!important}.invitation:not(.atlas).composed.compose-noir .intro>h2,.invitation:not(.atlas).composed.compose-noir .intro>p,.invitation:not(.atlas).composed.compose-noir .intro>.eyebrow{margin-left:30px!important;margin-right:30px!important}.invitation:not(.atlas).composed.compose-noir .intro>h2{padding-top:60px;font:700 42px/1 Arial!important;color:#f6f3e9!important}.invitation:not(.atlas).composed.compose-noir .intro>p{color:#ddd!important}.invitation:not(.atlas).composed.compose-noir .composition-profile{position:relative;min-height:760px!important;margin:0!important;color:white!important}.invitation:not(.atlas).composed.compose-noir .profile-photo{position:absolute;inset:0;width:100%;height:100%;filter:grayscale(1) brightness(.65);margin:0}.invitation:not(.atlas).composed.compose-noir .composition-profile h3,.invitation:not(.atlas).composed.compose-noir .composition-profile p,.invitation:not(.atlas).composed.compose-noir .profile-role{position:relative;z-index:2;text-align:left;margin-left:25px;margin-right:25px;color:white!important}.invitation:not(.atlas).composed.compose-noir .composition-profile h3{padding-top:540px;font:700 38px/1 Arial!important}.invitation:not(.atlas).composed.compose-noir .profile-groom h3,.invitation:not(.atlas).composed.compose-noir .profile-groom p,.invitation:not(.atlas).composed.compose-noir .profile-groom .profile-role{text-align:right}.invitation:not(.atlas).composed.compose-noir .intro>blockquote{display:none}.invitation:not(.atlas).composed.compose-noir .opening-verse{background:#171818;color:#e4dfcf}.invitation:not(.atlas).composed.compose-noir .gallery{display:block!important}.invitation:not(.atlas).composed.compose-noir .gallery-button{width:100%!important;margin:0 0 5px!important}.invitation:not(.atlas).composed.compose-noir .gallery-button img{height:650px;aspect-ratio:auto!important;filter:grayscale(1)}.invitation:not(.atlas).composed.compose-noir .story>article{padding:45px 0!important;border-bottom:1px solid #4b4b46}.invitation:not(.atlas).composed.compose-noir .story>article:nth-child(even){text-align:right}.invitation:not(.atlas).composed.compose-noir .story h3{font:700 32px/1.1 Arial!important}
/* Covers also differ in alignment, rather than repeating the same centred title. */
.invitation:not(.atlas).composed.compose-elegant .invite-cover h1{align-items:flex-start!important;align-self:flex-start;text-align:left!important;margin-left:22px!important;font-size:65px!important}.invitation:not(.atlas).composed.compose-elegant .invite-cover>.eyebrow{align-self:flex-start;margin-left:22px}.invitation:not(.atlas).composed.compose-sage .invite-cover h1{align-items:flex-start!important;align-self:flex-start;text-align:left!important}.invitation:not(.atlas).composed.compose-olive .invite-cover h1{font-style:normal!important;font-weight:bold!important;align-items:flex-end!important;align-self:flex-end;text-align:right!important}.invitation:not(.atlas).composed.compose-terracotta .invite-cover h1{transform:rotate(-6deg);border-bottom:1px solid #a86b45;padding-bottom:15px}.invitation:not(.atlas).composed.compose-ocean .invite-cover h1{flex-direction:row!important;gap:9px;font-size:42px!important;transform:rotate(-3deg)}.invitation:not(.atlas).composed.compose-noir .invite-cover h1{font:800 60px/.95 Arial!important;text-transform:uppercase;align-items:flex-start!important;align-self:flex-start;text-align:left!important}.invitation:not(.atlas).composed.compose-garden .invite-cover h1{transform:rotate(4deg);font-size:55px!important}.invitation:not(.atlas).composed.compose-jawa .invite-cover h1{font-size:49px!important;letter-spacing:1px!important}
@media(prefers-reduced-motion:no-preference){.composed .composition-profile{opacity:0;transform:translateY(55px);transition:opacity 1.5s,transform 1.8s cubic-bezier(.2,.6,.2,1)}.composed .composition-visible{opacity:1;transform:none}.invitation:not(.atlas).composed.compose-noir .composition-profile{transform:none;transition:opacity 2s}.invitation:not(.atlas).composed.compose-garden .composition-profile{transform:translateX(-35px) rotate(-2deg)}.invitation:not(.atlas).composed.compose-garden .profile-groom{transform:translateX(35px) rotate(2deg)}.invitation:not(.atlas).composed.compose-garden .composition-visible{transform:none}.invitation:not(.atlas).composed.compose-elegant .composition-profile{transform:scale(.94);transition:opacity 1.5s,transform 2s}.invitation:not(.atlas).composed.compose-elegant .composition-visible{transform:none}}
.music-picker{grid-column:1/-1;background:#eff3ed;border:1px solid #ccd8cd;border-radius:18px;padding:24px}.music-picker h3{margin:0 0 12px}.music-picker p{font-size:13px;line-height:1.8}.music-picker select{width:100%;min-height:48px;margin:12px 0}.music-picker button{margin:8px 12px 8px 0}.music-toggle{z-index:90!important;bottom:104px!important;right:20px!important;min-width:48px;min-height:48px}
@media(max-width:380px){.composition-names{font-size:40px!important}.invitation:not(.atlas).composed.compose-olive .composition-names{font-size:62px!important}.invitation:not(.atlas).composed.compose-noir .composition-names{font-size:55px!important}.composition-title small{font-size:8px;letter-spacing:2px}.invitation:not(.atlas).composed.compose-elegant .composition-names{font-size:62px!important}}

.invitation:not(.atlas).composed .composition-stage .composition-names em{color:inherit!important}.invitation:not(.atlas).composed .composition-stage .composition-title small,.invitation:not(.atlas).composed .composition-stage .composition-title p{color:inherit!important}

.invitation:not(.atlas).composed .photo-hero>.composition-stage{display:block!important;position:relative!important;inset:auto!important;margin:0!important;width:100%!important;min-width:100%!important;max-width:none!important;padding:0!important;float:none!important}.invitation:not(.atlas).composed .composition-names .name-and{margin:0 .12em}

.invitation:not(.atlas).composed.compose-olive .composition-lead{top:330px;height:calc(100% - 330px)}.invitation:not(.atlas).composed.compose-olive .composition-title{top:40px;right:25px;background:#e5e0cce8;padding:20px 0}.invitation:not(.atlas).composed.compose-olive .composition-names{font-size:58px!important}.invitation:not(.atlas).composed .composition-names .name-and{margin:0 .2em!important}.verse-meaning-label{display:block;font-size:8px;letter-spacing:2px;margin-top:30px}.verse-meaning{margin-top:12px}

.invitation:not(.atlas).composed .photo-hero{padding:0!important;height:auto!important;min-height:0!important;max-height:none!important;background:none!important}.invitation:not(.atlas).composed .photo-hero:before{display:none!important}.invitation:not(.atlas).composed.compose-ocean .composition-lead{object-position:50% 15%!important}.invitation:not(.atlas).composed.compose-terracotta .composition-title{top:430px}.invitation:not(.atlas).composed.compose-elegant .composition-names{font-size:60px!important}.invitation:not(.atlas).composed.compose-elegant .composition-lead{top:330px;height:calc(100% - 380px)}.invitation:not(.atlas).composed.compose-elegant .composition-title p{background:#f3ead7;padding:8px 0}.invitation:not(.atlas).composed .composition-names .name-and{padding:0 .1em}
.invitation:not(.atlas).composed.compose-akad .composition-names>span{display:block!important;overflow-wrap:normal!important;word-break:normal!important}.invitation:not(.atlas).composed.compose-akad .composition-names em{display:block;font-size:28px;line-height:1.2}.invitation:not(.atlas).composed.compose-akad .composition-title{top:65px!important}.invitation:not(.atlas).composed.compose-akad .composition-lead{top:340px!important;height:370px!important}

.invitation:not(.atlas) .opening-verse :is(.verse-arabic,.verse-meaning){color:inherit!important}