/* founder-fx.css (13.10): the execution layer of svi-ai.com/<lang>/founder. The page, its blocks, cards and words stay as
   they were; this file only fixes rhythm and type, and adds light, depth and motion. Rules of the layer:
   - only transform and opacity animate (smooth on iPhone Safari), nothing fixed over the whole screen;
   - everything hidden for an entrance is hidden only under html.fx (set by the head script; never with
     prefers-reduced-motion and never without JS), so the page is complete without this layer;
   - source: Core/server/site/next_site/v6/founder_polish/ (founder_polish.py patches the 7 pages). */

/* ---------- 1. rhythm and type (fixes, no motion) ---------- */
/* the site-wide section{padding:7rem 2rem} left 110-220 px holes between blocks and narrowed the grid on phones */
.f4 > section.f4-grid, .f4 > section.f4-press, .f4 > section.f4-art, .f4 > section.f4-gal-wrap { padding: 0; }
.f4 > section.f4-gal-wrap { margin: 3.4rem 0 0; }
.f4-gal-photo picture { display: block; width: 100%; height: 100%; }
.f4 > section.f4-grid { margin-bottom: 1.4rem; }
.f4 > section.f4-press { margin: 3.4rem auto 0; }
.f4 > section.f4-press + div { margin-top: 3.4rem; }
.f4 > section.f4-art { margin-bottom: 3rem; }
@media (max-width: 600px) {
  .f4 { padding-left: 1rem; padding-right: 1rem; }
  .f4 > section.f4-press { margin-top: 2.6rem; }
  .f4 > section.f4-press + div { margin-top: 2.6rem; }
}
/* the giant quote mark sat on the stats labels */
.f4-pull::before { top: .2rem; left: -2.4rem; font-size: 11rem; }
.f4-pull p, .f4-pull .att { position: relative; }
@media (max-width: 760px) { .f4-pull { padding-top: 2.6rem; } .f4-pull::before { top: .4rem; left: -.3rem; font-size: 7rem; } }
/* captions asked for fonts the page never loaded (fell back to Courier); JetBrains Mono is now loaded, Inter Tight is not */
.f4-press-t > span { font-family: 'Inter', sans-serif; }
/* while JetBrains Mono loads, a local mono with its metrics stands in, so the swap does not move the first screen (CLS) */
@font-face { font-family: 'JBM Fallback'; src: local('Courier New'), local('CourierNewPSMT'), local('Courier'); size-adjust: 100%; ascent-override: 102%; descent-override: 30%; line-gap-override: 0%; }
.f4-gal-eb, .f4-gal-toggle, .f4-h .ct, .f4-id-no, .f4-id-role, .f4-id-status .clr, .f4-meta-row, .f4-pill, .f4-press-eb, .f4-press-t > small,
.f4-pull .att, .f4-time-tag, .f4-art-eyebrow { font-family: 'JetBrains Mono', 'JBM Fallback', monospace; }
.f4-stat-n { font-variant-numeric: tabular-nums; }
/* light theme: the outline of the secondary buttons and icons almost vanished */
body.light .f4-btn.sec, body.light .f4-soc a.f4-ic { border-color: rgba(15,23,42,.16); }
body.light .f4-btn.sec:hover, body.light .f4-soc a.f4-ic:hover { border-color: var(--cyan); }

/* ---------- 2. photos: responsive, lazy, blur-up ---------- */
.f4-circle picture, .f4-press-pic-link picture, .fx-bio picture { display: block; width: 100%; height: 100%; }
.f4-circle { position: relative; background: #0a0e1a var(--lq, none) center / cover no-repeat; }
.fx-pic { position: relative; display: block; overflow: hidden; background: #0a0e1a; }
.fx-pic::before { content: ''; position: absolute; inset: -10%; background: var(--lq, none) center / cover no-repeat; filter: blur(16px); transform: scale(1.06); transition: opacity .6s ease; pointer-events: none; }
.fx-pic.is-loaded::before { opacity: 0; }
.fx-pic img { position: relative; }
html.fx .fx-pic img { opacity: 0; transition: opacity .7s ease, scale .7s cubic-bezier(.2,.7,.2,1); }
html.fx .fx-pic.is-loaded img { opacity: 1; }
.fx-bio { aspect-ratio: 1 / 1; border-radius: 10px; border: 1px solid var(--glass-border); }
.fx-bio .f4-bio-photo { border: 0; border-radius: 0; height: 100%; }
@media (max-width: 760px) { .fx-bio { max-width: 420px; width: 100%; margin: 0 auto; aspect-ratio: 4 / 3; } }

/* parallax inside the photo frames: the picture is a bit larger than its frame and slides with the scroll (JS sets --py) */
.f4-press-pic-link img, .fx-bio img { scale: 1.12; translate: 0 var(--py, 0px); transform: none !important; transition: opacity .7s ease, scale .7s cubic-bezier(.2,.7,.2,1); }
.f4-press-pic:hover .f4-press-pic-link img { scale: 1.17; }
.fx-vis img { will-change: translate; }
@supports (animation-timeline: view()) {
  @keyframes fxPar { from { translate: 0 -4.5%; } to { translate: 0 4.5%; } }
  html.fx .f4-press-pic-link img, html.fx .fx-bio img { animation: fxPar linear both; animation-timeline: view(); will-change: auto; }
}
.f4-id.fx-off .fx-ring, .f4-id.fx-off .fx-orbit, .f4-id.fx-off .fx-glow2, .f4-id.fx-off .f4-id-status .av::before { animation-play-state: paused; }
.fx-bio:hover img { scale: 1.18; }

/* ---------- 3. first screen: light, grid, ring (the v7 look of the main page, inside the card only) ---------- */
.f4-id { isolation: isolate; }
.fx-hero { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }
.fx-hero i { position: absolute; display: block; }
.fx-grid { inset: -44px; background-image: linear-gradient(rgba(0,212,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(0,212,255,.07) 1px, transparent 1px); background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 70% 90% at 22% 40%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse 70% 90% at 22% 40%, #000 0%, transparent 70%); }
.fx-glow { width: 640px; height: 640px; left: -170px; top: -230px; border-radius: 50%; background: radial-gradient(circle, rgba(0,212,255,.20), rgba(0,212,255,.06) 38%, transparent 66%); transform: translate3d(var(--gx, 0px), var(--gy, 0px), 0); transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.fx-glow2 { width: 560px; height: 560px; right: -200px; bottom: -300px; border-radius: 50%; background: radial-gradient(circle, rgba(139,92,246,.18), transparent 64%); }
.fx-sweep { inset: 0; background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.045) 50%, transparent 62%); transform: translate3d(-100%, 0, 0); }
body.light .fx-grid { background-image: linear-gradient(rgba(0,120,160,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,120,160,.08) 1px, transparent 1px); }
body.light .fx-glow { background: radial-gradient(circle, rgba(0,180,230,.16), rgba(0,180,230,.05) 38%, transparent 66%); }
body.light .fx-glow2 { background: radial-gradient(circle, rgba(139,92,246,.12), transparent 64%); }
.f4-id > *:not(.fx-hero) { position: relative; z-index: 1; }

.fx-portrait { position: relative; width: 220px; height: 220px; margin: 0 auto; transform: translate3d(var(--px, 0px), var(--py2, 0px), 0); transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.fx-portrait .f4-circle { margin: 0; }
.fx-ring, .fx-orbit { position: absolute; border-radius: 50%; pointer-events: none; }
.fx-ring { inset: -9px; background: conic-gradient(from 0deg, transparent 0 55%, rgba(0,212,255,.0) 58%, rgba(0,212,255,.95) 80%, rgba(167,139,250,.95) 92%, transparent 100%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px)); }
.fx-orbit { inset: -26px; border: 1px dashed rgba(0,212,255,.22); }
.fx-orbit::after { content: ''; position: absolute; top: -4px; left: 50%; width: 7px; height: 7px; margin-left: -3.5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
body.light .fx-orbit { border-color: rgba(0,120,160,.25); }

/* ---------- 4. cards: light under the pointer, depth on hover, press on tap ---------- */
.fx-spot { background-image: radial-gradient(520px circle at var(--mx, -999px) var(--my, -999px), rgba(0,212,255,.065), transparent 42%); }
body.light .fx-spot { background-image: radial-gradient(520px circle at var(--mx, -999px) var(--my, -999px), rgba(0,150,200,.06), transparent 42%); }
.f4-box, .f4-bio { transition: border-color .3s ease; }
.f4-box:hover, .f4-bio:hover { border-color: rgba(0,212,255,.28); }
.f4-press-pic { transform-style: preserve-3d; }
.f4-press-pic.is-hover { will-change: transform; }
.f4-press-pic::after { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit;
  background: radial-gradient(380px circle at var(--gx, 50%) var(--gy, 0%), rgba(255,255,255,.13), transparent 46%); opacity: 0; transition: opacity .35s ease; }
.f4-press-pic.is-hover::after { opacity: 1; }
.f4-pill, .f4-edu-row, .f4-time-tag { transition: transform .25s ease, border-color .25s ease, background-color .25s ease; }
@media (hover: hover) and (pointer: fine) {
  .f4-pill:hover { transform: translate3d(0, -2px, 0); border-color: rgba(0,212,255,.55); }
  .f4-pill.special:hover { border-color: rgba(167,139,250,.6); }
  .f4-edu-row:hover { transform: translate3d(4px, 0, 0); }
  .f4-art a:hover .f4-art-ico { transform: rotate(-8deg) scale(1.08); }
}
.f4-art-ico { transition: transform .35s cubic-bezier(.3,1.5,.5,1); }
@media (hover: none) {
  .f4-press-pic:active, .f4-art a:active, .f4-btn:active, .f4-soc a.f4-ic:active { transform: scale(.975) !important; transition: transform .12s ease !important; }
}
.f4-btn.pri { position: relative; overflow: hidden; }
.f4-btn.pri::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%); transform: translate3d(-120%, 0, 0); transition: transform .7s ease; pointer-events: none; }
.f4-btn.pri:hover::after { transform: translate3d(120%, 0, 0); }

/* ---------- 5. entrances (only under html.fx) ---------- */
html.fx .fx-r { opacity: 0; transform: translate3d(0, 28px, 0); }
html.fx .fx-r.is-in { opacity: 1; transform: none; transition: opacity .9s cubic-bezier(.2,.7,.2,1) var(--d, 0s), transform .9s cubic-bezier(.2,.7,.2,1) var(--d, 0s); }
html.fx .fx-r.fx-done { transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .25s, box-shadow .25s; }
html.fx .fx-zoom.fx-r:not(.is-in) { transform: translate3d(0, 36px, 0) scale(.96); }

/* first screen plays on load */
@keyframes fxUp { from { opacity: 0; transform: translate3d(0, 18px, 0); } to { opacity: 1; transform: none; } }
@keyframes fxPop { from { transform: scale(.86); } to { transform: none; } }
@keyframes fxFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes fxSpin { to { transform: rotate(360deg); } }
@keyframes fxSweep { 0% { transform: translate3d(-100%, 0, 0); } 100% { transform: translate3d(100%, 0, 0); } }
@keyframes fxFloat { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(60px, 40px, 0); } }
html.fx .f4-id { animation: fxFade .7s ease both; }
html.fx .fx-portrait .f4-circle { animation: fxPop 1s cubic-bezier(.2,.8,.2,1) both; }
html.fx .fx-ring { animation: fxFade 1.2s ease .3s both, fxSpin 7s linear infinite; }
html.fx .fx-orbit { animation: fxFade 1.4s ease .5s both, fxSpin 22s linear infinite reverse; }
html.fx .fx-sweep { animation: fxSweep 2.4s cubic-bezier(.4,0,.2,1) .5s both; }
html.fx .fx-glow2 { animation: fxFloat 14s ease-in-out infinite; }
html.fx .f4-id-mid > *, html.fx .f4-id-status > *, html.fx .f4-id-cta-row { animation: fxUp .8s cubic-bezier(.2,.7,.2,1) both; }
html.fx .f4-id-mid > :nth-child(1) { animation-delay: .12s; }
html.fx .f4-id-mid > :nth-child(2) { animation-delay: .2s; }
html.fx .f4-id-mid > :nth-child(3) { animation-delay: .28s; }
html.fx .f4-id-mid > :nth-child(4) { animation-delay: .36s; }
html.fx .f4-id-status > :nth-child(1) { animation-delay: .3s; }
html.fx .f4-id-status > :nth-child(2) { animation-delay: .36s; }
html.fx .f4-id-status > :nth-child(3) { animation-delay: .42s; }
html.fx .f4-id-status > :nth-child(4) { animation-delay: .48s; }
html.fx .f4-id-cta-row { animation-delay: .45s; }

/* timeline: the line draws itself, dots pop, rows slide in one after another */
.f4-time-row:nth-child(1) { --i: 0; } .f4-time-row:nth-child(2) { --i: 1; } .f4-time-row:nth-child(3) { --i: 2; } .f4-time-row:nth-child(4) { --i: 3; }
html.fx .f4-time::before { transform: scaleY(0); transform-origin: top; }
html.fx .f4-time.is-in::before { transform: none; transition: transform 1.5s cubic-bezier(.2,.7,.2,1) .15s; }
html.fx .f4-time-row { opacity: 0; transform: translate3d(-16px, 0, 0); }
html.fx .f4-time.is-in .f4-time-row { opacity: 1; transform: none; transition: opacity .7s ease calc(.3s + var(--i) * .2s), transform .7s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .2s); }
html.fx .f4-time-row::before { transform: scale(0); }
html.fx .f4-time.is-in .f4-time-row::before { transform: none; transition: transform .55s cubic-bezier(.3,1.7,.5,1) calc(.4s + var(--i) * .2s); }
.f4-time-row.gold::before { box-shadow: 0 0 0 4px rgba(252,211,77,.12); }

/* stack pills and education rows: a short cascade */
html.fx .f4-stk .f4-pill, html.fx .f4-edu-row { opacity: 0; transform: translate3d(0, 10px, 0); }
html.fx .fx-cascade.is-in .f4-pill, html.fx .fx-cascade.is-in .f4-edu-row { opacity: 1; transform: none; transition: opacity .5s ease calc(.1s + var(--k, 0) * .045s), transform .5s cubic-bezier(.2,.7,.2,1) calc(.1s + var(--k, 0) * .045s), border-color .25s, background-color .25s; }
html.fx .fx-cascade.is-in .f4-edu-row { transition-delay: calc(.55s + var(--k, 0) * .12s); }

/* ---------- 6. less motion: nothing moves, everything is in place ---------- */
@media (prefers-reduced-motion: reduce) {
  .fx-ring, .fx-orbit, .fx-sweep, .fx-glow, .fx-glow2, .fx-portrait, .f4-btn.pri::after { animation: none !important; transition: none !important; }
  .fx-sweep { display: none; }
  .f4-press-pic-link img, .fx-bio img { translate: none; scale: 1.04; transition: none; animation: none !important; }
  .f4-press-pic:hover .f4-press-pic-link img, .fx-bio:hover img { scale: 1.04; }
}

/* blur-up placeholders (generated by founder_polish.py from make_images.py) */
[data-lq="alex-portrait"]{--lq:url(data:image/webp;base64,UklGRtAAAABXRUJQVlA4IMQAAABwBQCdASoUABsAPu1iq1AppSOisBgIATAdiWUAs4A0b+/2BGcoCtu9seyDyVkL1YZ3+OIAAP7ozhvhpuyS9X9p9JyaWyJ7MUJeUyYboqj9LTUVPAVyL+I5dAUBNVBtYhIS7Etb4yEz+yI2yF9iKaE6pyrfB7nnr1x0MudRNe0xcOdpxb2+Ut5aUGmKezf5Q2GOjY08wI846jWt+2q+PDV5YFTnsgenw3OQQ86Oxi59zoGa4Bz9YAOT+WFo5io2MmcPQqAA)}
[data-lq="alex-lamborghini"]{--lq:url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAACwBACdASoUABQAPu1ur1IppiQiqAgBMB2JQBj8gS1qtzZ3+5E0M68JvXanTD7gAM4vjqMdgDsoLiPe/oZPR8u8AxVivAIXc4OFzQpWKd5CNi0cmT+WOUxTQQpBJE2GIR4vjGQMALkpimXRCPiwqOMnd8GfGIejHq5ZDJBUQDNfe+IWHJ7oBdIAQmZF+obrs/v7BxT3fJidWctEZ7vaB/bQZ1U2mqAiuyAbOgAA)}
[data-lq="alex-full-height"]{--lq:url(data:image/webp;base64,UklGRpIAAABXRUJQVlA4IIYAAABQBQCdASoUABsAPu1mrE+ppSQiMBgIATAdiUAXYAIuAptWZr3gPrNOfSMPMDUTJtrPmoAA/qwB1mTDFCW1O/7WYW3HrpGMeX3HS0mJCfRg5fIHytNZvM/J60Iv2YGwfcGJODG2gDJEftF6w5pOvsdr7upY5imYn7awZo+T2TQ/VZ4GrEAAAA==)}
[data-lq="alex-headshot-standard"]{--lq:url(data:image/webp;base64,UklGRtIAAABXRUJQVlA4IMYAAABQBQCdASoUABsAPu1iqk+ppSOiMBgIATAdiWUAs4A0b+/2BGcoCuyRHLrDcJfTVYfl8gAA/ujOG+Gm7JL1f2n0nJpbInsxQR45RrGBmGwBK+N7DnG+I5dAUBNVBtYhIUUHbXyGzZpZl52pdvC9FcbaX/LONYqBnxq1tV0dSs6IEqhyPtqA2zXXTFPZv8obDHRshjjpmTLCxGv4+MQ8VSTWV0BGIB0IN59D/gnBFHYxbw18m1pkddwQvy+7mIUsPGLngWMPAAA=)}
[data-lq="alex-beach-profile"]{--lq:url(data:image/webp;base64,UklGRooAAABXRUJQVlA4IH4AAAAwBACdASoUAA0APu1iqk2ppaQiMAgBMB2JbACxC8ADAxDczO9UEoSWbSAA/t60tupBjdi1HY+cuYi8zIogdmqiegnxtGXIkTHneJLE5Xooed5j2jlHWcadvv5D6iRsOmdEaWyPawRgX1TtN8Fo7cTOK3jGzf96GlRafS4hgAA=)}
[data-lq="alex-portrait-stance"]{--lq:url(data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAABwBQCdASoUABsAPu1kqk2ppaQiMAgBMB2JZwDG9CINDe252LP3YKo75Uy4mPYzagk3H1gAAP7ypkv6O+pe8opME2sUjK7euUsis4Tjj0anPnyFe0akUqlwv8VBvVoTAqC2Ei9O9WJ6FseNrGrg9idTtj40OSOphx+3JfEpptK46wWyf005ZK/127to7t7RHvvJJ1QXWnrWFq8yPceygFlqQXS7AAAA)}
[data-lq="alex-rooftop-pool"]{--lq:url(data:image/webp;base64,UklGRhQBAABXRUJQVlA4IAgBAACwBQCdASoUABsAPu1irVAppSQisBgIATAdiWIAxwkMxUEhlimub+dw7czbz8xVAthNYXKY4AAA/slx0s/TPQve3ymVWvdb053k3Vi2XQAv3SaxdQ0JSXWMpqXzCDCukyeRlsakJeqORMDSInGsyHfqMICxEgZJRu9DXubu7gIk1Zo0wYb8kiK4MNy0FXPxLSb/aoKDFRmbWXgKNchBYzfWEuzh8wmWVs7na19w3vwBTc//pfqJXXYI0eWHnWdVfOI1miVU/kLOt2jAp5Yp+W6jNhJDDZdn1M+4NV2kXMKUcOwO1ZB2G5+F7TPtcCyF8us8KJcHQl3JdkVCWEUKgmtc8yMW4lCHgAA=)}
[data-lq="alex-professional-portrait"]{--lq:url(data:image/webp;base64,UklGRsoAAABXRUJQVlA4IL4AAACwBQCdASoUABsAPuVgpE2pJaMiMAwBIByJYwCdMoAlwAz9c00JOxeQ6/W9zk4t/V1godss6nAA/prsOWZWPpRKavHIzg6B0RsaE9yvsh0wiM8gSdvcWpdOAKDeEMGE6osiH61+5VQTaouOHnaIqYpmlFbXsW6y8O2w/Qtj55w6eRioF364m65I1xIOcrHFRyYLc0hkaqAcPiXEsfPkvkq7vOS1JPjM2tCNcgIchf/MMHIF6dUYA5z9JF/IAAAA)}
[data-lq="alex-restaurant-formal"]{--lq:url(data:image/webp;base64,UklGRhABAABXRUJQVlA4IAQBAABQBgCdASoUABsAPu1osFAppaUiqAqpMB2JZgCdMyIpAgwJUD3wihSzWBLUNhtDQV1Xrabt2paoX4mrgADiWWOW8/A6FnSVTzNq7UxHfZJbnXYQZ6d5j1hU30go/ftUPDpdHNJ3OWCqmZ5rwNqCEizdBfFW0ulFc8tCU1F0/kLwt9cuR4Xrr8OonVspljuWhBvsrmJ2OyzkQrGImicSAR2qzBU/31JYz4rzZpBNuyAKvAmHrxhpW0xcC50bcik3c3v7c4rOFxyr8a4s54RD2IkMBFOEeyc+TKjtKgdmHKB8h68tjLRyN1grZ9ohwkX89DCwbT/CNO4cHdbX/mgTkOKThwAAAA==)}
[data-lq="alex-beach-formal"]{--lq:url(data:image/webp;base64,UklGRrYAAABXRUJQVlA4IKoAAACQBQCdASoUABkAPuVipk2pJaOiMAwBIByJYgCxHt1uoCWC4GL5dBi8xap0opKIkNttnw6swAD8Ut2H9kGeDiii20ZOiBkv83hrLZxc/2nFUexbqx67iAKgUk161umYM78suL8gPiIiHadmbkwz5MVZ4B/dAda5RoEgRNjwBYt4kE9HxTth8bZZp0Un/B889oLT2tXUQqrGtcex2uqAu2plLdIEpJ6b55mAAA==)}
[data-lq="alex-suit-corridor"]{--lq:url(data:image/webp;base64,UklGRrYAAABXRUJQVlA4IKoAAADQBACdASoUABsAPu1sq1EppaOiqAqpMB2JQBOgAMrDw02rws4hj+TRUh6SmK6agAD+rAYBhW8Wkdwz2QQYPYjp+TWCoAOJB9Sv00rFVYkzNuVXXkRo62ZEOXswTT1xt9TqC6DC+ARYQygJ9I4U1kx1JMoyxnwbHbZRD+8uzfRSV9nT75TmK8mzjXBSNNtU1+NNFxKQHkSUFfntNFwoOp57pVDWCT/IrlrAAA==)}
[data-lq="alex-younger-years"]{--lq:url(data:image/webp;base64,UklGRuQAAABXRUJQVlA4INgAAACwBQCdASoUABsAPu1srVEppaQiqAqpMB2JYgCsM2c0bBS+k4+/QJurQmyu17/Ii23vJomufkAA/iJf2C2hEkiRs0EbH+jYa8PnzRbAb9+p1/t3gwvM77vzZj+w0dj6HuWGBAiBz0N3MyLa+V69TlXQhsXEPXZh5CXLckeHkPCpnijOk86jngZwKxxLxjU46BChfRMNtjeZpUnTw5LFg637fqLZxA4BksuPFGp4D7mzwvvhJPP20zdvaOqJyzJL2DBHRb7tFtcpcadMm9DSRe6n6OzHBdwAAAA=)}
[data-lq="alex-chinese-dragon"]{--lq:url(data:image/webp;base64,UklGRtwAAABXRUJQVlA4INAAAADwBQCdASoUABsAPu1mqk8ppaOiKA1RMB2JbAC31YBi/4tl44HTjHsNEiKPA3di/e0Gh2wnXZemYgD+8q1Xr5Bjuxf+xAoI9+OVpHcvVzsVhJMJtvBQA2uNPKzYVLJ8ho66H8MOoD3RBbGm7LWiSlvbhtIdTB181MOEm20BhU6vb4nrK0Ok+oG6otDlfE8E084mpfo1rCyrzGBiGbF9MrrL58py/i9XlBI5PdTZShRv27c0V6HxLn2VVbJR2P81BQi8y1cZWSC0JK84K+BdsAAA)}