/* film: the special section (data-sec="special"), three variants.
   a: the couple's trailer, b: the critics' reviews on the poster, c: the lost scene (a ten second game).
   Rule: each variant fits one phone screen (390x664). Heights below follow 100svh. */
[data-sec="special"][hidden]{display:none!important}
.spf{position:relative;padding-block:50px 60px}
.spf-in{display:flex;flex-direction:column;align-items:center;width:100%}
.spf-hd{display:flex;flex-direction:column;align-items:center;gap:9px}
.spf-h{font:var(--dw) clamp(32px,9vw,46px)/1.1 var(--f-disp);color:var(--ink)}
html:lang(ar) .spf-h{line-height:1.3}
.spf-h .lm{display:inline-block;overflow:hidden;padding-block:.12em;margin-block:-.12em;vertical-align:top}
.spf-h .li{display:block}
.spf-l{font-size:16px;line-height:1.5;color:var(--mute);max-width:32ch}
.spf-gold{background:linear-gradient(100deg,#b4843a 0%,#ecc879 30%,#fff6dc 45%,#ecc879 60%,#b4843a 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.spf-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 18px;border-radius:99px;font:600 15px/1 var(--f-body);color:#1a1206;background:linear-gradient(180deg,#f3d58c,#c9963c);box-shadow:0 12px 26px -12px rgba(212,166,74,.7),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(90,55,10,.35)}
.spf-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spf-btn:active{transform:scale(.95)}

/* ================= A: the trailer ================= */
.spf-th{position:relative;margin-top:12px;width:min(100%,calc((100svh - 300px) * .8));padding-top:30px}
.spf-scr{position:relative;width:100%;aspect-ratio:4/5;background:radial-gradient(60% 50% at 50% 45%,#3a3128,#0d0b09 75%,#030303);overflow:hidden;border-radius:3px;box-shadow:0 0 0 5px #0a0807,0 0 0 6px rgba(255,255,255,.06),0 40px 80px -30px rgba(var(--warm),.3)}
.spf-sin{position:absolute;inset:0;will-change:transform}
.spf-sc{position:absolute;inset:0;opacity:0;overflow:hidden}
.spf-sc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.spf-sc i{position:absolute;inset:0;background:radial-gradient(85% 75% at 50% 50%,transparent 55%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.25),transparent 25%,transparent 75%,rgba(0,0,0,.35))}
.spf-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 26px 0;opacity:0;background:radial-gradient(70% 50% at 50% 50%,#1b1712,#030303 80%)}
.spf-orn{width:110px;height:9px;background:radial-gradient(circle,#d4a64a 0 2px,transparent 2.5px) 50% 50%/9px 9px no-repeat,linear-gradient(90deg,transparent,#d4a64a 30%,transparent 46%,transparent 54%,#d4a64a 70%,transparent) 0 50%/100% 1px no-repeat;opacity:.85}
.spf-card p{font:var(--dw) clamp(25px,7.2vw,36px)/1.28 var(--f-disp);color:#f6eedc;max-width:12ch}
.spf-card p .lm{display:inline-block;overflow:hidden;padding-block:.12em;margin-block:-.12em;vertical-align:top}
.spf-card p .li{display:block}
.spf-ttl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px 0;opacity:0;background:radial-gradient(70% 55% at 50% 48%,#211a12,#030303 78%)}
.spf-ttl .lab{color:#e8c98a}
.spf-nm{margin-top:12px;display:flex;flex-direction:column;align-items:center;font:900 clamp(48px,14vw,80px)/1 var(--f-disp)}
html:lang(ar) .spf-nm{line-height:1.25}
.spf-nm .nl{display:block;overflow:hidden;padding-block:.08em}
.spf-nm .nl>span{display:block;padding-inline:.06em}
.spf-nm .nl.a{font-size:.42em}
.spf-nm .nl.a>span{font-family:var(--f-amp);font-style:italic;font-weight:400}
.spf-meta{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px}
.spf-meta b{font:500 21px/1 var(--f-lat);letter-spacing:.08em;color:#f6eedc}
.spf-meta span{font:400 16px/1.4 var(--f-body);color:rgba(246,238,220,.82)}
.spf-meta i{margin-top:8px;font:normal 400 13px/1.3 var(--f-body);color:rgba(232,201,138,.78)}
.spf-flk{position:absolute;inset:0;background:rgba(255,248,230,.05);animation:spfFlick 1.7s steps(1) infinite;pointer-events:none}
@keyframes spfFlick{0%{opacity:.9}13%{opacity:.6}21%{opacity:1}48%{opacity:.7}55%{opacity:.95}78%{opacity:.65}86%{opacity:1}}
.spf-leak{position:absolute;inset:-20%;opacity:0;pointer-events:none;background:radial-gradient(40% 50% at 30% 50%,rgba(255,170,90,.75),transparent 70%),radial-gradient(30% 40% at 70% 40%,rgba(255,120,60,.45),transparent 70%);will-change:transform,opacity}
.spf-flash{position:absolute;inset:0;background:#fffaf0;opacity:0;pointer-events:none}
.spf-lbx{position:absolute;left:0;right:0;height:8%;background:#000;z-index:5;transform:scaleY(0)}
.spf-lbx.t{top:0;transform-origin:50% 0}.spf-lbx.b{bottom:0;transform-origin:50% 100%}
.spf-cur{position:absolute;top:30px;bottom:0;width:52%;z-index:6;background:#2a0a0c url(/assets/wave/film/velvet.webp) center/cover;filter:var(--cur);will-change:transform;transform-origin:50% 0}
.spf-cur.l{left:-1%;box-shadow:inset -22px 0 30px rgba(0,0,0,.6)}
.spf-cur.r{right:-1%;box-shadow:inset 22px 0 30px rgba(0,0,0,.6);background-position:30% 50%}
.spf-val{position:absolute;left:-3%;top:0;width:106%;height:auto;z-index:7;filter:var(--cur);pointer-events:none}
.spf-play{position:absolute;left:50%;top:56%;z-index:8;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2a2420,#0b0908 70%);box-shadow:0 0 0 2px rgba(232,201,138,.85),0 0 0 9px rgba(0,0,0,.35),0 20px 40px rgba(0,0,0,.6),0 0 60px rgba(var(--warm),.35)}
.spf-play svg{width:32px;height:32px;fill:#f0cd7a;margin-left:5px}
.spf-play::after{content:'';position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 2px rgba(232,201,138,.8);animation:spfRing 2.4s var(--ex) infinite}
@keyframes spfRing{0%{opacity:.9;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.5)}}
.spf-play b{position:absolute;top:100%;margin-top:14px;white-space:nowrap;font:600 15px/1 var(--f-body);color:#f6eedc;background:rgba(0,0,0,.6);padding:8px 14px;border-radius:99px}
.spf-strip{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;width:100%}
.spf-fr{position:relative;width:min(22vw,92px);aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:#1c1610;opacity:.5;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:opacity .5s var(--ex),box-shadow .5s var(--ex),transform .5s var(--ex)}
.spf-fr img{width:100%;height:100%;object-fit:cover}
.spf-fr.on{opacity:1;box-shadow:0 0 0 2px rgba(var(--warm),.9),0 0 22px rgba(var(--warm),.45);transform:translateY(-3px)}
.spf-fr i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#d4a64a;transform-origin:100% 50%;transform:scaleX(0)}
.spf-again{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 45%,transparent);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.spf-again.on{opacity:1;visibility:visible;transition-delay:0s}
.spf-again svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ================= B: the critics ================= */
.spf-case{position:relative;margin-top:12px;height:clamp(240px,calc(100svh - 376px),460px);aspect-ratio:27/40;max-width:100%;padding:12px;border-radius:14px;background:linear-gradient(180deg,#2b2520,#100d0b);box-shadow:0 34px 60px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(232,201,138,.18)}
.spf-case .bulbs{inset:3px;border-radius:12px;padding:8px}
.spf-case.hot .bulbs.b1,.spf-case.hot .bulbs.b2{animation-duration:.22s}
.spf-po{position:relative;width:100%;height:100%;border-radius:2px;overflow:hidden;background:#060606;color:#f6eedc;box-shadow:0 0 0 1px rgba(0,0,0,.8);container-type:inline-size}
.spf-ph{position:absolute;left:0;right:0;top:30%;height:48%}
.spf-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.spf-ph::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#060606 0,rgba(6,6,6,0) 24%,rgba(6,6,6,0) 60%,#060606 100%)}
.spf-q{position:absolute;left:0;right:0;top:0;height:32%;display:flex;align-items:center;justify-content:center;padding:6px 4px}
.spf-lr{position:relative;flex:none;width:18%;height:90%}
.spf-lr svg{width:100%;height:100%;overflow:visible}
.spf-lr.r svg{transform:scaleX(-1)}
.spf-qt{position:relative;flex:1;min-width:0;height:100%}
.spf-qv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.spf-qv .st{display:flex;gap:2px;direction:ltr}
.spf-qv .st svg{width:clamp(13px,6cqw,18px);height:clamp(13px,6cqw,18px)}
.spf-qv .tx{font:700 clamp(15px,7.4cqw,22px)/1.18 var(--f-disp);color:#fbf3e2;max-width:13ch;overflow-wrap:anywhere}
.spf-qv .by{font:500 clamp(11px,4.6cqw,13px)/1.2 var(--f-body);color:rgba(246,238,220,.7)}
.spf-bt{position:absolute;left:0;right:0;bottom:0;height:24%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 10px 12px}
.spf-pn{font:900 clamp(24px,13cqw,46px)/1.05 var(--f-disp);color:#fbf3e2;text-shadow:0 2px 20px rgba(0,0,0,.8);white-space:nowrap}
.spf-pn .amp{font-size:.62em}
.spf-pt{margin-top:5px;font:500 clamp(11px,4.8cqw,14px)/1.3 var(--f-body);color:rgba(246,238,220,.82)}
.spf-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.03) 22%,transparent 23%,transparent 70%,rgba(255,255,255,.04) 71%,transparent 85%)}
.spf-pfl{position:absolute;inset:-30px;z-index:9;pointer-events:none;background:radial-gradient(60% 50% at 50% 40%,#fff,rgba(255,250,235,.7) 60%,rgba(255,250,235,0));opacity:0}
.spf-rv{margin-top:12px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}
.spf-rq{font:600 16px/1.35 var(--f-body);color:var(--ink)}
.spf-stars{display:flex;justify-content:center;gap:2px;margin-top:4px;direction:ltr}
.spf-stars button{width:44px;height:42px;display:grid;place-items:center;border-radius:50%;transition:transform .35s var(--ex)}
.spf-stars button:active{transform:scale(.86)}
.spf-stars svg{width:30px;height:30px;overflow:visible}
.spf-stars .o{fill:none;stroke:color-mix(in srgb,var(--ink) 45%,transparent);stroke-width:1.2}
.spf-stars .f{opacity:0}
.spf-stars button.on .f{opacity:1}
.spf-stars button.on .o{stroke:#c9963c}
.spf-row{display:flex;gap:8px;margin-top:6px;width:100%}
.spf-row input{flex:1;min-width:0;height:50px;padding:0 16px;border-radius:99px;border:1.5px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);font:500 17px/1 var(--f-body);text-align:start;outline:none;transition:border-color .3s}
.spf-row input::placeholder{color:color-mix(in srgb,var(--ink) 55%,transparent)}
.spf-row input:focus{border-color:#c9963c}
.spf-row.err input{border-color:#d0603a}
.spf-row .spf-btn{height:50px;flex:none}
.spf-ok{margin-top:8px;min-height:1.35em;font:500 14px/1.35 var(--f-body);color:var(--mute);max-width:34ch}
.spf-ok.done{font-weight:700;color:#e8c98a}
html[data-palette="c"] .spf-ok.done{color:var(--pAcc)}

/* ================= C: the lost scene =================
   a screen above a light table. The picture burns, the strip snaps, the guest drags the loose end
   back to the cut, tape seals it and the scene runs. Light is baked: the table glows through the
   film base and the sprocket holes, the strip lays a soft shadow on the opal glass */
.spc{position:relative;margin-top:14px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none}
.spc-scr{position:relative;width:min(100%,calc((100svh - 420px) * 1.6));min-width:min(100%,260px);aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#0a0908;
  box-shadow:0 0 0 1px rgba(255,240,210,.1),0 0 0 6px #050404,0 30px 60px -26px rgba(0,0,0,.95),0 0 80px -18px rgba(var(--beam),.32)}
.spc-pic{position:absolute;inset:0;will-change:transform}
.spc-pic img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:50% 38%;will-change:transform}
.spc-pic.none{background:radial-gradient(70% 70% at 50% 45%,#3b2f22,#0c0a08)}
.spc-vg{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(255,226,170,.08),transparent 40%)}
.spc-blank{position:absolute;inset:0;opacity:0;visibility:hidden;background:linear-gradient(90deg,transparent 23%,rgba(60,40,20,.13) 23%,rgba(60,40,20,.13) calc(23% + 1px),transparent calc(23% + 1px),transparent 71%,rgba(60,40,20,.09) 71%,rgba(60,40,20,.09) calc(71% + 1px),transparent calc(71% + 1px)),radial-gradient(80% 70% at 50% 50%,#f4ead6,#cbbda2 70%,#7d705c)}
.spc-blank::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 50%,rgba(255,250,236,.5),transparent 70%);animation:spcBlank .42s steps(2) infinite}
.spc-blank::after{content:'';position:absolute;inset:0;background:radial-gradient(4px 3px at 22% 30%,rgba(40,25,10,.55),transparent),radial-gradient(3px 6px at 71% 64%,rgba(40,25,10,.45),transparent),radial-gradient(2px 2px at 46% 78%,rgba(40,25,10,.6),transparent),radial-gradient(5px 2px at 83% 18%,rgba(40,25,10,.4),transparent)}
@keyframes spcBlank{0%{opacity:1}50%{opacity:.35}}
.spc-burn{position:absolute;left:50%;top:46%;width:30%;aspect-ratio:1;margin:-15% 0 0 -15%;border-radius:47% 53% 41% 59%/55% 44% 56% 45%;opacity:0;visibility:hidden;will-change:transform;
  background:radial-gradient(closest-side,#fffdf3 0 30%,#fff0c8 40%,#ffbe5c 47%,#d5641c 53%,#5a1c06 60%,rgba(28,10,2,.92) 67%,rgba(28,10,2,.35) 74%,rgba(28,10,2,0) 82%)}
.spc-burn.b2{left:36%;top:38%;border-radius:58% 42% 52% 48%/44% 57% 43% 56%}
.spc-burn.b3{left:61%;top:58%;border-radius:44% 56% 61% 39%/52% 41% 59% 48%}
.spc-fl{position:absolute;inset:0;background:#fffaf0;opacity:0;visibility:hidden}
.spc-lbx{position:absolute;left:0;right:0;height:9%;background:#000;transform:scaleY(0);z-index:2}
.spc-lbx.t{top:0;transform-origin:50% 0}.spc-lbx.b{bottom:0;transform-origin:50% 100%}
.spc-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 14px 18px;opacity:0;visibility:hidden;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 45%,rgba(0,0,0,.86))}
.spc-cap .fn{font:900 clamp(30px,9vw,46px)/1.05 var(--f-disp);white-space:nowrap;max-width:100%}
html:lang(ar) .spc-cap .fn{line-height:1.3}
.spc-cap .fn .amp{font-size:.62em;font-family:var(--f-amp);font-style:italic;font-weight:400}
.spc-cap .fd{font:500 16px/1 var(--f-lat);letter-spacing:.12em;color:#f6eedc}
.spc-cap .fl{font:600 15px/1.35 var(--f-body);color:rgba(246,238,220,.9)}
.spc-stamp{position:absolute;top:13%;left:5%;z-index:4;padding:5px 8px 4px;border:2px solid #e9c779;border-radius:4px;box-shadow:inset 0 0 0 2px rgba(10,8,6,.6),inset 0 0 0 3.5px rgba(233,199,121,.55);font:600 12px/1 var(--f-lat);letter-spacing:.22em;color:#f3d58c;background:rgba(10,8,6,.45);opacity:0;visibility:hidden}

/* the light table: opal glass in a blackened frame, it lights the strip from below */
.spc-tbl{position:relative;margin-top:8px;width:100%;height:118px;border-radius:14px;overflow:hidden;direction:ltr;
  background:radial-gradient(70% 90% at 50% 45%,#fff9ec,#f6e7c8 45%,#d9bf93 80%,#a68e66);
  box-shadow:inset 0 0 0 5px #15110d,inset 0 0 0 6px rgba(255,240,210,.2),inset 0 0 26px 8px rgba(60,38,14,.55),0 22px 44px -22px rgba(0,0,0,.9),0 0 60px -14px rgba(255,214,150,.5)}
.spc-glass{position:absolute;inset:6px;border-radius:9px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 30%,transparent 62%,rgba(255,255,255,.18) 74%,transparent 80%);z-index:3}
.spc-run{position:absolute;left:50%;top:50%;width:0;height:76px;margin-top:-38px;will-change:transform}
.spc-h{position:absolute;top:0;height:100%;padding:12px 0;background:rgba(36,22,10,.93);
  box-shadow:0 7px 9px -3px rgba(70,44,14,.45)}
.spc-h::before,.spc-h::after{content:'';position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,transparent 0 5px,#fff4dc 5px 11px,transparent 11px 16px)}
.spc-h::before{top:3px}.spc-h::after{bottom:3px}
.spc-h.a{right:0}
.spc-h.b{left:-9px;transform-origin:100% 50%;cursor:grab;touch-action:none;will-change:transform}
.spc.drag .spc-h.b{cursor:grabbing;box-shadow:0 16px 18px -6px rgba(70,44,14,.5)}
.spc-fr{display:flex;gap:8px;height:100%;padding-inline:4px}
.spc-h.b .spc-fr{padding-inline-start:13px}
.spc-f{flex:none;width:66px;height:100%;border-radius:2px;background:#6b5536 center 35%/cover no-repeat;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,236,200,.18);position:relative}
.spc-f::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,232,190,.22),rgba(255,232,190,0) 50%,rgba(60,30,0,.18))}
.spc-f b{font:700 22px/1 var(--f-disp);color:#f3d58c}
.spc-tape{position:absolute;left:-18px;top:-4px;width:27px;height:84px;border-radius:2px;opacity:0;visibility:hidden;z-index:2;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.42) 30%,rgba(255,255,255,.12) 55%,rgba(255,255,255,.3)),repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.08) 3px 4px);
  box-shadow:0 0 0 1px rgba(255,255,255,.25),0 2px 4px rgba(60,38,14,.25)}
.spc-cut{position:absolute;left:50%;top:14px;bottom:14px;width:0;border-left:2px dashed rgba(120,72,20,.6);margin-left:-5px;opacity:0;visibility:hidden;z-index:1}
.spc-cut::after{content:'';position:absolute;left:-9px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;box-shadow:0 0 0 2px rgba(150,90,24,.75);animation:spcRing 1.6s var(--ex) infinite}
@keyframes spcRing{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
.spc-hand{position:absolute;left:-20px;top:-2px;z-index:6;width:50px;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}
.spc-hand img{display:block;width:100%;height:auto}
.spc-ft{position:relative;margin-top:10px;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center}
.spc-hint{font:700 19px/1.3 var(--f-body);color:var(--ink);text-align:center;transition:opacity .4s}
.spc-again{position:absolute;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s var(--ex),transform .5s var(--ex),visibility 0s .5s}
.spc-again.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ex),transform .5s var(--ex)}
.spc:not(.torn) .spc-hint{opacity:0}
.spc.torn .spc-hint{opacity:1}
.spc.torn .spc-cut{opacity:1;visibility:visible}
.spc.done .spc-hint{opacity:0}
.spf:not(.vis) .spc-blank::before,.spf:not(.vis) .spc-cut::after{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.spc-blank::before,.spc-cut::after{animation:none}}

@media (min-width:700px){
  .spf{padding-block:40px 64px}
  .spf-th{width:min(100%,calc((100svh - 330px) * .8),520px)}
}
.spf-hd{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.spf-beam,.spf-play::after,.spf-flk,.spf-fall .spf-cell .ring{animation:none}}
.spf:not(.vis) .spf-play::after,.spf:not(.vis) .spf-flk,.spf:not(.vis) .spf-beam{animation-play-state:paused}

/* game on: the light ring around the thing to touch, and the academy leader */
.spf-ping{position:absolute;z-index:9;pointer-events:none;border:2px solid #f0cd7a;box-shadow:0 0 0 5px rgba(240,205,122,.2),0 0 28px -4px rgba(255,214,140,.6);will-change:transform,opacity}
.spf-ld{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;background:radial-gradient(60% 50% at 50% 50%,#3a3128,#0d0b09 80%)}
.spf-ld svg{width:min(52%,190px);height:auto;overflow:visible}
.spf-ld .sw{fill:none;stroke:rgba(255,244,220,.22);stroke-width:40;transform:rotate(-90deg)}
.spf-ld .rg{fill:none;stroke:rgba(255,244,220,.75);stroke-width:1.4}
.spf-ld .cx{stroke:rgba(255,244,220,.4);stroke-width:.8}
.spf-ld text{fill:#fff6e2;font:700 38px/1 Georgia,'Times New Roman',serif;text-anchor:middle;dominant-baseline:middle}