/* Weddingland hareketli bant: referans uygulama.
   Renkler: kakao #4a3b36, tozlu gul #d6aea6, acik tas #e3dcd0, ivory #f8f3ea, derin kakao #362b27 */

.wl-band{position:relative;height:340px;overflow:hidden;font-family:var(--serif)}
.wl-band [data-band-part="base"],.wl-band [data-band-part="panel"],.wl-band [data-band-part="sweep"]{position:absolute;inset:0}
.wl-band [data-band-part="sweep"]{background:linear-gradient(105deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 64%);pointer-events:none}
.wl-band [data-band-part="glow"]{position:absolute;left:30%;top:50%;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 62%);pointer-events:none}
.wl-txt{position:absolute;left:24px;right:158px;top:0;bottom:0;display:flex;align-items:center;font-size:38px;line-height:1.14;letter-spacing:-.01em}
.wl-ill{position:absolute;right:22px;top:50%;margin-top:-66px;width:126px;height:126px}
.wl-band .st{position:absolute}
.wl-band .st1{right:14px;top:84px;width:26px;height:26px}
.wl-band .st2{right:138px;bottom:96px;width:13px;height:13px}
.wl-band [data-band-part="cnt"]{position:absolute;left:24px;bottom:26px;font-family:'Jost',Inter,sans-serif;font-size:12px;letter-spacing:.22em}
@media (min-width:760px){
.wl-band{height:460px}
.wl-txt{left:80px;right:46%;font-size:78px;line-height:1.08}
.wl-ill{right:14%;width:270px;height:270px;margin-top:-135px}
.wl-band .st1{right:11%;top:64px;width:42px;height:42px}
.wl-band .st2{right:40%;bottom:104px;width:18px;height:18px}
.wl-band [data-band-part="cnt"]{left:80px;bottom:40px}
}

.wl-band{background:#4a3b36;color:#f8f3ea}
.wl-band .band-control{position:absolute;right:24px;bottom:19px;z-index:2;min-width:44px;min-height:44px;padding:8px;color:inherit;font:12px 'Jost',sans-serif;letter-spacing:.06em}
.wl-band .band-control:focus-visible{outline:2px solid currentColor}
.wl-txt{font-size:clamp(29px,8.8vw,38px)}
.wl-band[lang="en"] .wl-txt{font-size:clamp(26px,7.4vw,34px)}
@media(min-width:760px){.wl-txt{font-size:clamp(45px,5.42vw,78px)}.wl-band[lang="en"] .wl-txt{font-size:clamp(40px,4.5vw,66px)}.wl-band .band-control{right:80px;bottom:28px}}
@media(max-width:359px){.wl-txt{right:125px}.wl-ill{width:98px;height:98px;right:16px;margin-top:-49px}.wl-band .st2{right:110px}}