.salaam-hero{--bubble-room:clamp(70px, 7vw, 96px);height:clamp(620px,100svh - 77px,1080px)}@media (min-width:1100px){.salaam-hero{--bubble-room:30px}}@media not (min-width:760px){.salaam-hero{--bubble-room:64px;height:max(520px, calc(100svh - 65px - var(--tabbar-h)))}}.salaam-stage{flex:1 1 0;justify-content:center;align-items:flex-end;width:100%;min-height:0;margin-top:8px;display:flex;container-type:size}.salaam-fit{width:min(900px, 100cqw, (100cqh - var(--bubble-room) - 6px) * 1.494);flex:none}@media not (min-width:760px){.salaam-fit{width:min(108cqw, (100cqh - var(--bubble-room) - 6px) * 1.494)}}.salaam-title{line-height:1.05}.salaam-name{z-index:0;white-space:nowrap;position:relative}.salaam-name:after{content:"";z-index:-1;background:var(--c);opacity:.85;transform-origin:0;height:.3em;animation:salaam-draw .6s cubic-bezier(.3, .8, .3, 1) var(--dl,.5s) both;position:absolute;bottom:.04em;left:-3%;right:-3%;transform:rotate(-1.2deg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M4 11C40 5 92 3 194 6c4 1 5 6 1 8-70 3-130 5-189 4-5 0-6-6-2-7Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M4 11C40 5 92 3 194 6c4 1 5 6 1 8-70 3-130 5-189 4-5 0-6-6-2-7Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@keyframes salaam-draw{0%{scale:0 1}to{scale:1}}.salaam{flex-direction:column;align-items:center;display:flex;position:relative}.salaam-fly{transform-origin:50% 60%;width:100%;animation:2.6s cubic-bezier(.25,.7,.3,1) .5s both salaam-fly}@keyframes salaam-fly{0%{opacity:0;filter:blur(3px)saturate(.6);transform:translate(42%,-58%)scale(.08)rotate(8deg)}12%{opacity:1}45%{filter:blur(1px)saturate(.85);transform:translate(-14%,-30%)scale(.38)rotate(-5deg)}78%{filter:none;transform:translate(1%,2%)scale(1.04)rotate(1deg)}90%{transform:translateY(-1%)scale(.99)rotate(0)}to{opacity:1;filter:none;transform:none}}.salaam:not([data-landed]) :is(.salaam-bubble,.salaam-halo,.salaam-twinkles,.salaam-hint){opacity:0}.salaam-hint{transition:opacity .5s .6s}.salaam-art{width:100%;margin-top:var(--bubble-room);animation:6s ease-in-out infinite salaam-bob;position:relative}@media not (min-width:640px){.salaam-bubble{margin-bottom:11px;padding:7px 13px 8px}}.salaam-base,.salaam-lean{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.salaam-base{z-index:1;position:relative}.salaam-lean{z-index:2;pointer-events:none;opacity:0;transition:opacity .25s,transform .55s cubic-bezier(.2,.9,.3,1.25),filter .4s;position:absolute;inset:0;transform:scale(1)}.salaam-lean.is-on{opacity:1;filter:brightness(1.05)saturate(1.06);transform:scale(1.055)translateY(-1.2%)}.salaam-halo{z-index:0;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle, #fff6d2 0 20%, color-mix(in srgb, var(--color-gold) 62%, transparent) 40%, color-mix(in srgb, var(--color-gold) 18%, transparent) 56%, transparent 70%);border-radius:50%;width:42%;transition:left .55s cubic-bezier(.4,0,.2,1),top .55s cubic-bezier(.4,0,.2,1);animation:3.6s ease-in-out infinite salaam-breathe;position:absolute;translate:-50% -50%}.salaam-twinkles{z-index:3;pointer-events:none;justify-content:space-between;width:22%;display:flex;position:absolute;translate:-50%}.salaam-twinkles i{aspect-ratio:1;opacity:0;background:radial-gradient(circle, #fff 0 16%, transparent 20%), conic-gradient(from 45deg, transparent 0 10%, #ffe48a 10% 15%, transparent 15% 35%, #ffe48a 35% 40%, transparent 40% 60%, #ffe48a 60% 65%, transparent 65% 85%, #ffe48a 85% 90%, transparent 90%);border-radius:50%;width:clamp(14px,2.4vw,24px);animation:1.1s ease-out both salaam-twinkle}.salaam-twinkles i:nth-child(2){margin-top:6%;animation-delay:.12s}.salaam-twinkles i:nth-child(3){animation-delay:.24s}.salaam-bubble{z-index:4;--tail:var(--bt);left:var(--bx);bottom:var(--by);translate:calc(-1 * var(--tail,50%)) 0;color:#23305a;white-space:nowrap;text-align:center;pointer-events:none;opacity:0;transform-origin:var(--tail,50%) 100%;background:#fff;border-radius:18px;margin:0 0 14px;padding:9px 16px 10px;font-size:clamp(14px,1.6vw,18px);font-weight:800;line-height:1.25;transition:opacity .25s,transform .4s cubic-bezier(.2,.9,.3,1.5);position:absolute;transform:scale(.7);box-shadow:0 10px 24px -10px #23305a66}.salaam-bubble span{letter-spacing:.12em;text-transform:uppercase;font-size:.72em;display:block}.salaam-bubble:after{content:"";left:var(--tail,50%);background:#fff;border-radius:0 0 4px;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-7px;transform:rotate(45deg)}@media (min-width:1100px){.salaam-bubble{--tail:var(--btw);left:var(--bxw);bottom:var(--byw)}}.salaam-bubble.is-on{opacity:1;transform:scale(1)}.salaam-hit{z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:28px;width:33.3%;height:66%;padding:0;position:absolute;top:0}.salaam-hit[data-n="0"]{left:0}.salaam-hit[data-n="1"]{left:33.3%}.salaam-hit[data-n="2"]{left:66.6%}.salaam-hit:focus-visible{outline-offset:-10px;outline:3px dashed #fffffff2}.salaam-hint{z-index:6;background:color-mix(in srgb, var(--color-ink) 8%, transparent);color:var(--color-ink-2);white-space:nowrap;border-radius:99px;margin:0;padding:6px 14px;font-size:14px;font-weight:800;position:absolute;bottom:18%;left:50%;translate:-50%}@keyframes salaam-bob{50%{transform:translateY(-8px)}}@keyframes salaam-breathe{50%{scale:1.06}}@keyframes salaam-twinkle{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1.1)rotate(40deg)}to{opacity:0;transform:scale(.6)rotate(90deg)translateY(-12px)}}@media (prefers-reduced-motion:reduce){.salaam-name:after,.salaam-fly,.salaam-art,.salaam-halo,.salaam-twinkles i{animation:none}.salaam-lean.is-on{transform:none}.salaam-lean,.salaam-halo,.salaam-bubble{transition:none}}