/* Fire Serpent — preloader ("the calendar stone"). Markup: js/preloader.js.
   Everything that moves is transform or opacity (the groove arc's dash offset
   is the one exception, on its own layer). Glows are radial gradients and
   wide low-opacity strokes: no filter, no backdrop-filter. */

.preloader{
  --S:min(76vh,46vw);
  --gold:#ffd24f;--gold-hi:#fff5cf;--gold-lo:#e0861c;--jade:#2fd08a;
  --cream:#e9e2d6;--bg:#0b0a09;
  position:fixed;inset:0;z-index:200;overflow:hidden;
  background:var(--bg);color:var(--cream);
  font-family:Archivo,Arial,sans-serif;
  pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;
  /* Failsafe: if js/preloader.js never runs, get out of the way. */
  animation:plFailsafe .6s ease 14s forwards;
}
.preloader.pl-js{animation:none}
@keyframes plFailsafe{to{opacity:0;visibility:hidden}}
.preloader *,.preloader *::before,.preloader *::after{box-sizing:border-box}
.preloader svg{fill:initial;stroke:initial;stroke-width:initial;width:auto;height:auto}
.pl-defs{position:absolute;width:0;height:0;overflow:hidden}
.pl-reset,.pl-reset *,.pl-reset *::before,.pl-reset *::after{transition:none!important}

/* Hold the station copy until the reveal, so it makes its entrance then. */
@media (prefers-reduced-motion:no-preference){
  html.pl-hold .station .copy-line{opacity:0!important;translate:0 18px!important;transition:none!important}
}
html.pl-active .masthead,html.pl-active .chapter-rail,html.pl-active .sequence-controls{opacity:0}
.masthead,.chapter-rail,.sequence-controls{transition:opacity .8s ease .15s}
html.pl-demo body>:not(.preloader){display:none!important}

/* ---------- atmosphere ---------------------------------------------------- */
.pl-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 55% at 50% 50%,#1b1510 0,rgba(11,10,9,0) 70%),
  radial-gradient(ellipse 90% 45% at 50% 108%,rgba(24,120,78,.2),rgba(11,10,9,0) 70%),
  radial-gradient(ellipse 70% 40% at 50% -8%,rgba(232,117,63,.1),rgba(11,10,9,0) 70%)}
.pl-bloom{position:absolute;inset:-10%;opacity:.12;will-change:opacity;background:
  radial-gradient(circle at 50% 50%,rgba(255,206,92,.34) 0,rgba(240,140,40,.16) calc(var(--S)*.42),rgba(232,117,63,.05) calc(var(--S)*.75),rgba(11,10,9,0) calc(var(--S)*1.05))}
.pl-embers{position:absolute;inset:0;opacity:.3;will-change:opacity;pointer-events:none}
.pl-embers i{position:absolute;left:var(--x);bottom:-3%;width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle,#fff6d2 0,#ffc445 35%,rgba(232,117,63,0) 72%);
  opacity:0;animation:plEmber var(--d) linear var(--delay) infinite;will-change:transform,opacity}
@keyframes plEmber{
  0%{transform:translate3d(0,0,0) scale(1);opacity:0}
  12%{opacity:var(--o)}
  55%{transform:translate3d(calc(var(--dx)*-.6),-55vh,0) scale(.85);opacity:var(--o)}
  100%{transform:translate3d(var(--dx),-108vh,0) scale(.35);opacity:0}}

/* ---------- chrome ---------------------------------------------------------- */
.pl-chrome{position:absolute;inset:0;pointer-events:none;font-size:clamp(10px,1.05vmin,16px);letter-spacing:.16em;color:rgba(233,226,214,.62)}
.pl-c{position:absolute;display:flex;align-items:center;gap:.2em}
.pl-c.tl{top:4.2vmin;left:4.6vmin;color:var(--cream);font-size:1.7em;letter-spacing:-.01em}
.pl-c.tr{top:4.2vmin;right:4.6vmin;margin-top:.55em}
.pl-c.bl{bottom:4.2vmin;left:4.6vmin}
.pl-c.br{bottom:4.2vmin;right:4.6vmin}

/* ---------- layout ---------------------------------------------------------- */
.pl-layout{position:absolute;inset:0;display:grid;grid-template-columns:1fr var(--S) 1fr;grid-template-rows:1fr;grid-template-areas:"count stage read";align-items:center}
.pl-axis{position:absolute;inset:0;pointer-events:none}
.pl-axis::before,.pl-axis::after{content:'';position:absolute;top:50%;height:1px;width:min(6vw,calc((100vw - var(--S)) / 2 * .22))}
.pl-axis::before{right:calc(50% + var(--S) / 2 - 1px);background:linear-gradient(90deg,rgba(255,210,79,0),rgba(255,210,79,.45))}
.pl-axis::after{left:calc(50% + var(--S) / 2 - 1px);background:linear-gradient(270deg,rgba(255,210,79,0),rgba(255,210,79,.45))}
.pl-count,.pl-read{position:relative;display:flex;flex-direction:column;gap:1.4vmin;transition:opacity .45s ease,transform .6s cubic-bezier(.4,0,.2,1)}
.pl-count{grid-area:count;justify-self:center;align-items:flex-start;padding-left:2vw}
.pl-read{grid-area:read;justify-self:center;align-items:flex-end;text-align:right;padding-right:2vw}
.pl-kicker{font-size:clamp(10px,1.2vmin,18px);letter-spacing:.24em;color:rgba(233,226,214,.72);white-space:nowrap}
.pl-kicker b{font-weight:400;color:var(--gold)}
.pl-numwrap{display:flex;align-items:flex-start;line-height:1;margin:-.08em 0 -.1em}
.pl-num,.pl-numwrap i{font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;font-style:normal;
  background:linear-gradient(180deg,var(--gold-hi) 8%,var(--gold) 45%,var(--gold-lo) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pl-num{font-size:clamp(64px,19vh,300px);min-width:2.1ch;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pl-numwrap i{font-size:clamp(24px,6.5vh,100px);margin:.16em 0 0 .08em;line-height:1}
.pl-read{background:none}
.pl-day{display:block;font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(34px,8.2vh,128px);line-height:1;letter-spacing:.02em;color:var(--cream)}
.pl-day.tick{animation:plTick .38s cubic-bezier(.2,.75,.3,1)}
@keyframes plTick{from{opacity:.45;transform:translate3d(0,.14em,0)}to{opacity:1;transform:none}}
.pl-sub{font-size:clamp(9px,1vmin,15px);letter-spacing:.3em;color:rgba(47,208,138,.85)}

/* ---------- the stone ------------------------------------------------------- */
.pl-stage{grid-area:stage;position:relative;width:var(--S);height:var(--S)}
.pl-halo{position:absolute;inset:-16%;border-radius:50%;opacity:.2;will-change:opacity;
  background:radial-gradient(circle,rgba(255,214,110,.5) 0,rgba(255,170,60,.22) 30%,rgba(232,117,63,.08) 50%,rgba(232,117,63,0) 64%)}
.pl-side{position:absolute;inset:0;will-change:transform;
  transition:transform 1.5s cubic-bezier(.55,0,.15,1),opacity 1.1s ease-in .2s}
.pl-stone{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.pl-side.l .pl-stone{clip-path:inset(0 calc(50% - 1px) 0 0)}
.pl-side.r .pl-stone{clip-path:inset(0 0 0 calc(50% - 1px))}
.pl-beads,.pl-arc{position:absolute;inset:0;width:100%!important;height:100%!important;will-change:opacity}
.pl-beads{opacity:0}
.pl-arc{will-change:transform;transition:opacity .35s ease}

/* A glyph sits on the ring at angle --r: rotate about the centre, then push out. */
.pl-glyph{position:absolute;left:45%;top:45%;width:10%;height:10%;transform:rotate(var(--r)) translateY(-372%)}
.pl-glyph svg{position:absolute;inset:0;width:100%!important;height:100%!important;overflow:visible;opacity:0;transform:scale(.9);
  transition:opacity .5s ease,transform .7s cubic-bezier(.2,.9,.3,1.3)}
.pl-glyph.on svg{opacity:1;transform:none}
.pl-gh{position:absolute;inset:-60%;border-radius:50%;opacity:0;transform:scale(.5);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.3,1)}
.pl-gh::before{content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle,rgba(255,221,120,.62) 0,rgba(255,170,50,.26) 30%,rgba(255,150,40,0) 62%)}
.pl-glyph.on .pl-gh{opacity:1;transform:none}
.pl-glyph.on .pl-gh::before{animation:plBreathe 2.6s ease-in-out calc(var(--k) * -.37s) infinite alternate}
@keyframes plBreathe{from{opacity:.55}to{opacity:1}}
.pl-gf{position:absolute;inset:-25%;border-radius:50%;opacity:0;
  background:radial-gradient(circle,rgba(255,255,240,.95) 0,rgba(255,220,120,.5) 25%,rgba(255,200,90,0) 60%)}
.pl-glyph.on .pl-gf{animation:plFlare .8s ease-out}
@keyframes plFlare{0%{opacity:0;transform:scale(.3)}20%{opacity:1}100%{opacity:0;transform:scale(1.8)}}

/* The spark riding the head of the gold in the groove. */
.pl-tip{position:absolute;left:47%;top:47%;width:6%;height:6%;opacity:0;will-change:transform}
.pl-tip i{position:absolute;inset:0;border-radius:50%;transform:translateY(-450%) scale(1.6);
  background:radial-gradient(circle,#fff 0,#fff1bf 18%,rgba(255,190,70,.55) 40%,rgba(255,150,40,0) 70%);
  animation:plSpark .5s ease-in-out infinite alternate}
@keyframes plSpark{from{opacity:.75}to{opacity:1}}

/* ---------- the emblem ------------------------------------------------------ */
.pl-core{position:absolute;left:27%;top:27%;width:46%;height:46%;will-change:transform;
  transition:transform 1.6s cubic-bezier(.3,0,.2,1),opacity .8s ease}
.pl-core>svg,.pl-fill-in>svg{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.pl-core-glow{position:absolute;inset:-22%;border-radius:50%;opacity:0;transform:scale(.8);
  background:radial-gradient(circle,rgba(255,236,170,.75) 0,rgba(255,196,80,.35) 32%,rgba(46,200,130,.12) 52%,rgba(46,200,130,0) 66%);
  transition:opacity .6s ease,transform 1s cubic-bezier(.2,.8,.3,1)}
.pl-fill{position:absolute;inset:0;overflow:hidden;will-change:transform;transform:translate3d(0,100%,0)}
.pl-fill-in{position:absolute;inset:0;will-change:transform;transform:translate3d(0,-100%,0)}
/* The molten surface line at the top of the flood. */
.pl-surface{position:absolute;inset:0;pointer-events:none;opacity:0;will-change:transform}
.pl-surface i{position:absolute;left:14%;right:14%;top:-3%;height:6%;border-radius:50%;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,252,230,.95) 0,rgba(255,214,100,.55) 22%,rgba(255,170,50,0) 68%);
  animation:plShimmer 1.3s ease-in-out infinite alternate}
@keyframes plShimmer{from{transform:scaleX(.82);opacity:.7}to{transform:scaleX(1.05);opacity:1}}
.pl-eye{position:absolute;top:31%;width:22%;height:22%;margin:-11% 0 0 -11%;border-radius:50%;opacity:0;transform:scale(.2);
  background:radial-gradient(circle,#fff 0,#fff3c2 12%,rgba(255,196,64,.85) 26%,rgba(255,110,30,.35) 46%,rgba(255,110,30,0) 70%)}
.pl-eye.l{left:37.75%}
.pl-eye.r{left:62.25%}

.pl-flash{position:absolute;left:50%;top:50%;width:150%;height:150%;margin:-75% 0 0 -75%;border-radius:50%;opacity:0;transform:scale(.15);pointer-events:none;
  background:radial-gradient(circle,#fffdf2 0,rgba(255,236,170,.95) 14%,rgba(255,190,70,.55) 34%,rgba(232,117,63,.18) 52%,rgba(232,117,63,0) 68%)}
.pl-wash{position:absolute;inset:0;opacity:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,226,150,.55) 0,rgba(255,170,60,.22) 40%,rgba(11,10,9,0) 80%)}
.pl-veil{position:absolute;inset:0;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .6s ease}

/* ---------- demo end card --------------------------------------------------- */
.pl-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vmin;text-align:center;pointer-events:none;opacity:0}
.pl-t-kick{display:flex;align-items:center;gap:1em;font-size:clamp(11px,1.5vmin,22px);letter-spacing:.3em;color:var(--cream)}
.pl-t-kick i{width:.5em;height:.5em;border-radius:50%;background:#e8753f}
.pl-t-main{font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;line-height:.92;letter-spacing:.01em;
  font-size:min(16vw,24vh);white-space:nowrap;
  background:linear-gradient(180deg,#fff6d8 5%,#ffd24f 40%,#f0932a 72%,#e8753f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  transform:scale(1.12);opacity:0}
.pl-t-sub{font-size:clamp(11px,1.5vmin,22px);letter-spacing:.22em;color:rgba(233,226,214,.8)}
.pl-t-kick,.pl-t-sub{opacity:0;transform:translate3d(0,1.2vmin,0)}

/* ---------- sequence: complete -> flash + open -> leave / title ------------- */
.is-complete .pl-core-glow{opacity:1;transform:scale(1.15)}
.is-complete .pl-eye{animation:plIgnite .9s cubic-bezier(.2,.8,.3,1) forwards}
.is-complete .pl-eye.r{animation-delay:.06s}
@keyframes plIgnite{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
.is-complete .pl-glyph .pl-gh::before{animation:plFlare2 .6s ease-out calc(var(--k) * .018s) both}
@keyframes plFlare2{0%{opacity:1}40%{opacity:1;transform:scale(1.45)}100%{opacity:1;transform:scale(1)}}
.is-complete .pl-num{animation:plPop .5s cubic-bezier(.2,.9,.3,1.4)}
@keyframes plPop{from{transform:scale(1.08)}to{transform:none}}

.is-flash .pl-flash{animation:plFlash 1.2s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes plFlash{0%{opacity:0;transform:scale(.15)}18%{opacity:1}100%{opacity:0;transform:scale(1.7)}}
.is-flash .pl-wash{animation:plWash 1.3s ease-out forwards}
@keyframes plWash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}

.is-open .pl-side.l{transform:translate3d(-58%,0,0) rotate(-16deg);opacity:0}
.is-open .pl-side.r{transform:translate3d(58%,0,0) rotate(16deg);opacity:0}
.is-open .pl-arc,.is-open .pl-beads,.is-open .pl-tip{opacity:0!important;transition:opacity .25s ease}
.is-open .pl-count{opacity:0;transform:translate3d(-3vmin,0,0)}
.is-open .pl-read{opacity:0;transform:translate3d(3vmin,0,0)}
.is-open .pl-axis{opacity:0;transition:opacity .4s ease}
.is-open .pl-core{transform:scale(1.18)}

/* At 100% a click or tap cuts the exit short (js/preloader.js skip()). */
.preloader.pl-skippable{cursor:pointer}
.preloader.is-leaving{opacity:0;pointer-events:none;transition:opacity var(--pl-fade,1s) cubic-bezier(.4,0,.6,1)}
.is-leaving .pl-core{transform:scale(1.7);opacity:0}
.is-leaving .pl-chrome{opacity:0;transition:opacity .4s ease}

.is-titled .pl-core{transform:scale(1.6);opacity:.07;transition:transform 3s cubic-bezier(.2,.6,.3,1),opacity 1s ease}
.is-titled .pl-title{opacity:1}
.is-titled .pl-t-main{opacity:1;transform:none;transition:opacity .7s ease,transform 1.6s cubic-bezier(.2,.8,.2,1)}
.is-titled .pl-t-kick,.is-titled .pl-t-sub{opacity:1;transform:none;transition:opacity .6s ease .35s,transform .9s cubic-bezier(.2,.8,.2,1) .35s}
.is-titled .pl-t-sub{transition-delay:.55s}
.is-veiled .pl-veil{opacity:1}

/* ---------- portrait (phone, 1080 x 1920) ----------------------------------- */
@media (max-aspect-ratio:1/1){
  .preloader{--S:min(90vw,56vh)}
  .pl-layout{grid-template-columns:1fr;grid-template-rows:1fr var(--S) 1fr;grid-template-areas:"read" "stage" "count";justify-items:center}
  .pl-axis{display:none}
  .pl-read{align-self:end;align-items:center;text-align:center;padding:0 0 4.5vh;gap:1vh}
  .pl-count{align-self:start;align-items:center;padding:3vh 0 0;gap:1vh}
  .pl-count .pl-kicker{order:2}
  .pl-num{font-size:min(12.5vh,26vw);min-width:0}
  .pl-numwrap i{font-size:min(5vh,10vw)}
  .pl-day{font-size:min(7vh,15vw);padding:0}
  .pl-kicker{font-size:clamp(10px,1.35vh,22px)}
  .pl-sub{font-size:clamp(9px,1.05vh,17px)}
  .pl-chrome{font-size:clamp(9px,1.05vh,17px)}
  .pl-c.tl,.pl-c.tr{top:3.2vh}
  .pl-c.bl,.pl-c.br{bottom:3.2vh}
  .pl-c.tl{left:5vw}.pl-c.bl{left:5vw}.pl-c.tr,.pl-c.br{right:5vw}
  .pl-t-main{font-size:17vw}
  .pl-t-kick,.pl-t-sub{font-size:clamp(10px,1.3vh,22px)}
  .pl-t-sub{max-width:80vw;line-height:1.7}
  .is-open .pl-count{transform:translate3d(0,3vmin,0)}
  .is-open .pl-read{transform:translate3d(0,-3vmin,0)}
}
/* Phones: the corners give their room to the counter. */
@media (max-width:600px) and (max-aspect-ratio:1/1){
  .preloader{--S:min(88vw,50vh)}
  .pl-c.tr,.pl-c.bl,.pl-c.br{display:none}
  .pl-c.tl{font-size:15px}
  .pl-num{font-size:min(12vh,26vw)}
  .pl-numwrap i{font-size:min(4.2vh,9vw)}
  .pl-day{font-size:min(6.4vh,13vw)}
  .pl-read{padding-bottom:3.5vh}
  .pl-count{padding-top:2.5vh}
}

/* ---------- reduced motion: a static fill and a plain fade ----------------- */
@media (prefers-reduced-motion:reduce){
  .pl-embers,.pl-tip,.pl-surface,.pl-flash,.pl-wash,.pl-gf{display:none}
  .preloader *,.preloader *::before{animation:none!important}
  .pl-glyph svg,.pl-gh{transform:none;transition:opacity .2s linear}
  .pl-side,.pl-core,.pl-count,.pl-read{transition:opacity .3s linear;transform:none!important}
  .is-complete .pl-eye{opacity:1;transform:none}
  .preloader.is-leaving{transition:opacity var(--pl-fade,.4s) linear}
  .is-leaving .pl-core{transform:none}
  .is-titled .pl-t-main,.is-titled .pl-t-kick,.is-titled .pl-t-sub{transform:none;transition:opacity .3s linear}
  .pl-t-main,.pl-t-kick,.pl-t-sub{transform:none}
  .masthead,.chapter-rail,.sequence-controls{transition:opacity .3s linear}
}

/* ============================================================================
   Variant B — the door (js/preloader.js variantB). The door itself is one
   WebGL canvas; everything here is the quiet type around it. Opacities are
   written by the script from its clock, so a manual-clock recording is exact.
   ========================================================================== */
.preloader.pl-b{background:#060707}
.plb-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0}
.plb-hud{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:1;isolation:isolate;
  font-size:clamp(10px,1.05vmin,15px);letter-spacing:.2em;color:rgba(233,226,214,.55)}
/* First paint, before js/preloader.js has run (slow link): the static shell in
   index.html shows the counter at 0 over the dark ground. */
.preloader:not(.pl-js) .plb-hud{opacity:1}
.plb-brand{position:absolute;top:4.2vmin;left:4.6vmin;display:flex;gap:.15em;color:rgba(233,226,214,.86);font-size:1.6em;letter-spacing:-.01em}
.plb-brand b{font-weight:400}
.plb-meta{position:absolute;top:4.2vmin;right:4.6vmin;margin-top:.55em}
.plb-hud::after{content:'';position:absolute;left:0;right:0;bottom:0;height:22vmin;z-index:-1;
  background:radial-gradient(ellipse 40% 100% at 50% 100%,rgba(4,5,5,.72),rgba(4,5,5,0) 75%)}
.plb-count{position:absolute;left:50%;bottom:4.4vmin;transform:translateX(-50%);display:flex;align-items:baseline;gap:1.1em;white-space:nowrap}
.plb-kicker{color:rgba(233,226,214,.5)}
.plb-num{display:flex;align-items:baseline;min-width:3.4em;font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;letter-spacing:.02em;color:#e9dcc2}
.plb-num b{font-weight:700;font-size:2.1em;line-height:1;font-variant-numeric:tabular-nums;min-width:1.35em;text-align:right}
.plb-num i{font-style:normal;font-size:1.05em;margin-left:.12em;color:rgba(233,210,160,.7)}
.plb-veil{position:absolute;inset:0;background:#060707;opacity:0;pointer-events:none}
.plb-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vmin;text-align:center;pointer-events:none;opacity:0;--k:0}
.plb-t-kick{display:flex;align-items:center;gap:1em;font-size:clamp(11px,1.5vmin,22px);letter-spacing:.3em;color:#e9e2d6;transform:translate3d(0,calc((1 - var(--k)) * 1.2vmin),0)}
.plb-t-kick i{width:.5em;height:.5em;border-radius:50%;background:#e8753f}
.plb-t-main{font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;line-height:.92;letter-spacing:.01em;font-size:min(16vw,24vh);white-space:nowrap;
  background:linear-gradient(180deg,#f6ecd6 5%,#e9c77a 45%,#c98a38 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  transform:scale(calc(1.06 - var(--k) * .06))}
.plb-t-sub{font-size:clamp(11px,1.5vmin,22px);letter-spacing:.22em;color:rgba(233,226,214,.8);transform:translate3d(0,calc((1 - var(--k)) * 1.2vmin),0)}
@media (max-aspect-ratio:1/1){
  .plb-hud{font-size:clamp(9px,1.05vh,15px)}
  .plb-brand,.plb-meta{top:3.2vh}
  .plb-brand{left:5vw}.plb-meta{right:5vw}
  .plb-count{bottom:5vh;flex-direction:column;align-items:center;gap:.8em}
  .plb-hud::after{height:22vh;background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(4,5,5,.78),rgba(4,5,5,0) 75%)}
  .plb-num b{font-size:2.6em}
  .plb-t-main{font-size:17vw}
  .plb-t-sub{max-width:80vw;line-height:1.7;text-wrap:balance}
}
@media (max-width:600px) and (max-aspect-ratio:1/1){
  .plb-meta{display:none}
  .plb-brand{font-size:15px}
  .plb-hud{font-size:10px}
}