/* gbege.com holding page. Palette and rules: company/marketing-and-community/brand/README.md.
   Text pairs used (all WCAG AA, checked by scripts/verify.mjs): paper/night, paper/bush, danfo/bush, danfo/night,
   mist/bush, mist/night, ink/danfo. Flag green is a fill only, never under text. */
@font-face{font-family:"Figtree";src:url("/fonts/figtree-var.woff2") format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("/fonts/baloo2-800.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  --night:#08140e;--bush:#0f3a26;--ink:#0d2a1c;--flag:#008751;--end:#005c37;
  --danfo:#f5c518;--danfo-shade:#d9a60b;--danfo-light:#ffe27a;--danfo-deep:#8a6400;
  --paper:#fffaf2;--red:#b83227;
  --mist:#b9d3c3;            /* secondary text: a paper tint toward the brand green */
  --line:rgba(255,250,242,.24);
  --gut:clamp(16px,4.6vw,72px);
  --ground:clamp(76px,13vh,132px);
  --bar:clamp(68px,9vh,88px);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --sans:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --paint:"Baloo 2","Figtree",ui-rounded,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night);color:var(--paper);font-family:var(--sans);font-weight:500;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--night);overflow-x:clip;min-width:320px}
img,svg{display:block}
a{color:inherit}
p,h1,dl,dd{margin:0}
button{font:inherit;color:inherit}
::selection{background:var(--danfo);color:var(--ink)}
:focus-visible{outline:3px solid var(--danfo);outline-offset:4px;border-radius:8px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ------------------------------------------------------------------ top bar */
.bar{position:absolute;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;
  height:var(--bar);padding:env(safe-area-inset-top) max(var(--gut),env(safe-area-inset-right)) 0 max(var(--gut),env(safe-area-inset-left))}
.bar-id{display:flex;align-items:center;gap:14px;font-weight:750;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}
.bar-id img{width:44px;height:44px}
.bar-ctl{display:flex;align-items:center;gap:10px}
.meter{display:flex;gap:14px;margin-right:6px;font-weight:800;font-size:11px;letter-spacing:.22em;color:var(--mist)}
.meter span{display:inline-flex;align-items:center;gap:7px}
.meter span::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor;transition:background-color .3s,border-color .3s}
.is-running .meter-gen{color:var(--danfo)}
.is-running .meter-gen::before{background:var(--danfo);border-color:var(--danfo)}
.meter.is-trying .meter-gen::before{animation:led .16s steps(2) 3}
@keyframes led{50%{background:var(--danfo);border-color:var(--danfo)}}
.chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 17px 0 14px;border-radius:999px;border:1.5px solid var(--line);
  background:rgba(8,20,14,.55);font-weight:700;font-size:14px;letter-spacing:.01em;cursor:pointer;
  transition:border-color .25s,background-color .25s,color .25s,transform .25s var(--ease-out)}
.chip svg{width:18px;height:18px;flex:none}
.chip:hover{border-color:var(--danfo);color:var(--danfo)}
.chip:active{transform:scale(.96)}
.chip[hidden]{display:none}
#sound[aria-pressed="true"] .snd-off,#sound[aria-pressed="false"] .snd-on{display:none}
.chip-in{animation:chipIn .6s var(--ease-out) both}
@keyframes chipIn{from{opacity:0;transform:translateY(-8px)}}

/* ------------------------------------------------------------------ hero */
.hero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;background-color:var(--night);transition:background-color 1.4s var(--ease-io)}
.is-lit .hero{background-color:var(--bush)}
.sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.pool{position:absolute;inset:0;opacity:0;transition:opacity 2s ease;
  background:
    radial-gradient(60% 55% at var(--px,74%) 40%,rgba(255,226,122,.17),rgba(255,226,122,0) 70%),
    radial-gradient(120% 70% at 50% 100%,rgba(20,82,54,.85),rgba(20,82,54,0) 70%)}
.is-lit .pool{opacity:1;animation:breathe 5.3s ease-in-out 2.4s infinite}
@keyframes breathe{0%,100%{opacity:1}43%{opacity:.86}47%{opacity:.97}52%{opacity:.9}}
.city{position:absolute;left:-24px;right:-24px;width:calc(100% + 48px);bottom:calc(var(--ground) - 2px);overflow:visible;will-change:transform}
.city-far{height:58%}
.city-near{height:40%}
.city .b{transition:fill 1.6s var(--ease-io)}
.city-far .b{fill:#0b1d15}
.city-near .b{fill:#091811}
.is-lit .city-far .b{fill:#0c3121}
.is-lit .city-near .b{fill:#082418}
.city .w{fill:#0e231a;transition:fill .18s}
.is-lit .city .w{fill:#0e3423}
.is-lit .city .w.on.y{fill:var(--danfo-light)}
.is-lit .city .w.on.a{fill:var(--danfo)}
.is-lit .city .w.on.p{fill:#f3f7ee}
.is-lit .city .w.on.t{fill:#cfe7d6}
.is-lit .city .w.on.hush{fill:#0e3423}
.city-far .w.on{opacity:.7}
.wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wires .pole,.wires .wire{transition:fill 1.6s,stroke 1.6s}
.wires .pole{fill:#09170f}
.is-lit .wires .pole{fill:#06150d}
.wires .wire{fill:none;stroke:#0b1e15;stroke-width:1.6}
.is-lit .wires .wire{stroke:#06150d}
.wires .cable{fill:none;stroke:#05110b;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.wires .festoon{stroke:#05110b;stroke-width:2}
.wires .glass{fill:#13281d;stroke:#05110b;stroke-width:1.5}
.wires .halo,.wires .lit{opacity:0;transition:opacity .12s}
.wires .bulb.on .halo,.wires .bulb.on .lit{opacity:1}
.ground{position:absolute;left:0;right:0;bottom:0;height:var(--ground);background:#06100b;transition:background-color 1.6s var(--ease-io)}
.ground::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#0b2318;transition:background-color 1.6s}
.is-lit .ground{background:#071c12}
.is-lit .ground::before{background:var(--flag)}

/* ------------------------------------------------------------------ the power cut headline */
.cut{position:absolute;z-index:30;left:max(var(--gut),env(safe-area-inset-left));right:var(--gut);top:calc(var(--bar) + clamp(18px,8vh,96px));pointer-events:none}
.cut-line{font-weight:820;font-size:clamp(50px,9.4vw,152px);line-height:.86;letter-spacing:-.045em;color:var(--paper);white-space:nowrap}
.cut-line+.cut-line{margin-left:.5em}
.cut .word{display:inline-block;white-space:nowrap}
.cut .ch{display:inline-block;will-change:transform,opacity}
.cut-sub{margin-top:clamp(20px,3.4vh,34px);max-width:30ch;font-weight:600;font-size:clamp(16px,1.45vw,20px);line-height:1.45;color:var(--mist);transition:opacity .35s}
.cut-sub.swap{opacity:0}
.is-lit .cut{visibility:hidden;transition:visibility 0s 1.2s}
.is-lit .cut-sub{opacity:0}
html:not(.js) .cut{display:none}

/* ------------------------------------------------------------------ layout */
.layout{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;column-gap:clamp(16px,4vw,64px);
  min-height:100vh;min-height:100svh;padding:calc(var(--bar) + clamp(16px,6vh,72px)) max(var(--gut),env(safe-area-inset-right)) calc(var(--ground) + clamp(52px,8vh,84px)) max(var(--gut),env(safe-area-inset-left))}
.copy{align-self:center;max-width:780px;padding-bottom:clamp(0px,4vh,40px)}
.eyebrow{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--danfo)}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--danfo)}
.is-lit:not(.calm) .eyebrow-dot{animation:hum-dot 1.6s ease-in-out infinite}
@keyframes hum-dot{50%{transform:scale(.6);opacity:.6}}
.wm{margin:clamp(14px,2.4vh,26px) 0 0;line-height:0}
.wm-art{position:relative;display:block;width:min(100%,clamp(300px,50vw,760px));aspect-ratio:438/128;margin-left:-.6%}
.wm-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tag{margin-top:clamp(14px,2.6vh,30px);font-weight:820;font-size:clamp(34px,4.3vw,66px);line-height:1;letter-spacing:-.035em}
.tag-line{display:block;overflow:hidden;padding:.04em 0 .1em;margin-bottom:-.08em}
.tag-hl{color:var(--danfo)}
.tag-w{display:inline-block}
.def{margin-top:clamp(16px,2.4vh,26px);max-width:44ch;font-size:clamp(15px,1.12vw,17px);line-height:1.6;color:var(--mist)}
.def b{color:var(--paper);font-weight:800}
.def i{font-style:normal;font-weight:700;font-size:.8em;letter-spacing:.12em;text-transform:uppercase;margin:0 .35em}
.social{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:clamp(20px,3.2vh,34px)}
.social-handle{font-weight:600;font-size:15px;color:var(--mist)}
.social-handle b{color:var(--paper);font-weight:800}
.social ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.social a{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1.5px solid var(--line);color:var(--paper);
  background:rgba(8,20,14,.35);transition:background-color .25s,border-color .25s,color .25s,transform .45s var(--ease-out)}
.social a svg{width:21px;height:21px;transition:transform .45s var(--ease-out)}
.social a:hover{background:var(--danfo);border-color:var(--danfo);color:var(--ink)}
.social a:hover svg{transform:scale(1.08)}
.social a:focus-visible{outline-offset:3px;border-radius:50%}

/* lit-state entrances (the dark state hides them; delays only on the way in) */
.js .eyebrow,.js .def,.js .social{transition:opacity .8s var(--ease-out),transform 1s var(--ease-out)}
.js .tag-w{transition:transform 1s var(--ease-out),opacity .6s}
.is-dark .eyebrow,.is-dark .def,.is-dark .social{opacity:0;transform:translateY(18px);transition-duration:.35s;transition-delay:0s}
.is-dark .tag-w{transform:translateY(112%);transition-duration:.35s;transition-delay:0s}
.is-dark .wm-l{opacity:0;transition:opacity .35s}
.is-lit .eyebrow{transition-delay:.55s}
.is-lit .tag-line:first-child .tag-w:nth-child(1){transition-delay:1.05s}
.is-lit .tag-line:first-child .tag-w:nth-child(2){transition-delay:1.11s}
.is-lit .tag-line:first-child .tag-w:nth-child(3){transition-delay:1.17s}
.is-lit .tag-hl .tag-w:nth-child(1){transition-delay:1.27s}
.is-lit .tag-hl .tag-w:nth-child(2){transition-delay:1.33s}
.is-lit .def{transition-delay:1.45s}
.is-lit .social{transition-delay:1.6s}

/* ------------------------------------------------------------------ the gen */
.gen-stage{--gw:clamp(250px,33vw,500px);position:relative;justify-self:center;width:min(100%,var(--gw));aspect-ratio:1;
  margin-bottom:calc(var(--gw) * -.115 - clamp(52px,8vh,84px) + 8px);margin-right:clamp(0px,3vw,60px)}
.gen-glow{position:absolute;left:4%;right:6%;bottom:6%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,122,.2),rgba(255,226,122,0));opacity:0;transition:opacity 1.5s 1s}
.is-lit .gen-glow{opacity:1}
.gen-rock{position:absolute;inset:0;transform-origin:50% 88%;will-change:transform}
.gen-svg{width:100%;height:100%;overflow:visible}
.gen-svg .gen-lid,.gen-svg [class^="gen-puff"]{transform-box:fill-box}
.gen-svg .gen-lid{transform-origin:50% 0;transition:transform .5s var(--ease-out)}
.is-lit .gen-svg .gen-lid{transform:scaleY(.62)}
.gen-svg [class^="gen-puff"]{opacity:0;transform-origin:20% 90%}
.is-lit:not(.calm) .gen-rock.running{animation:hum .1s linear infinite}
@keyframes hum{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(.7px,-.9px,0)}50%{transform:translate3d(-.5px,.3px,0)}75%{transform:translate3d(.4px,-.6px,0)}100%{transform:translate3d(0,0,0)}}
.cord{position:absolute;left:0;top:0;z-index:35;width:68px;height:68px;margin:-34px 0 0 -34px;padding:0;border:0;border-radius:50%;background:transparent;
  cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}
.cord:active{cursor:grabbing}
.cord::before,.cord::after{content:"";position:absolute;inset:8px;border-radius:50%;pointer-events:none}
.cord::before{border:2px solid var(--danfo);opacity:0}
.is-dark:not(.calm) .cord:not(.held)::before{animation:ping 2.1s var(--ease-out) 1.8s infinite}
@keyframes ping{0%{opacity:.95;transform:scale(.55)}70%,100%{opacity:0;transform:scale(1.25)}}
.cord:focus-visible{outline:none}
.cord:focus-visible::after{border:3px solid var(--danfo);inset:4px}
.cord[hidden]{display:none}
.hint{position:absolute;z-index:30;right:93%;top:54%;display:flex;align-items:flex-start;gap:4px;width:max-content;pointer-events:none;color:var(--paper);
  font-family:var(--paint);font-weight:800;font-size:clamp(19px,1.7vw,25px);letter-spacing:.005em;transition:opacity .4s}
.hint svg{order:2;width:clamp(64px,6vw,96px);height:auto;margin-top:12px;color:var(--danfo)}
.hint span{order:1;transform:rotate(-4deg)}
.is-lit .hint,.hint.gone{opacity:0}
.onoma{position:absolute;z-index:30;left:0;right:0;top:14%;height:0;margin:0;pointer-events:none;font-family:var(--paint);font-weight:800;line-height:.9;color:var(--paper)}
.onoma .o{position:absolute;left:66%;bottom:0;display:block;white-space:nowrap;font-size:clamp(28px,3.4vw,54px);transform-origin:0 100%}
.onoma .o.big{left:auto;right:-4%;bottom:-.1em;font-size:clamp(52px,7vw,116px);color:var(--danfo);letter-spacing:.01em;transform-origin:100% 100%}
.onoma .o span{display:inline-block}

/* ------------------------------------------------------------------ fx, darkness, tape */
.fx{position:absolute;inset:0;z-index:20;width:100%;height:100%;pointer-events:none}
.dark{position:absolute;inset:0;z-index:25;pointer-events:none;overflow:hidden}
.torch{--ts:4000px;--tr:240px;position:absolute;left:0;top:0;width:var(--ts);height:var(--ts);margin:calc(var(--ts) / -2) 0 0 calc(var(--ts) / -2);
  transform:translate3d(72vw,62vh,0);will-change:transform;
  background:radial-gradient(circle closest-side,rgba(8,20,14,0) 0,rgba(8,20,14,.16) calc(var(--tr) * .42),rgba(8,20,14,.8) calc(var(--tr) * .82),rgba(8,20,14,.95) var(--tr))}
html:not(.is-dark) .dark{opacity:0;visibility:hidden;transition:opacity .9s,visibility 0s .9s}
.tape{position:absolute;z-index:22;left:-4%;right:-4%;bottom:calc(var(--ground) * .34);height:clamp(40px,5.2vh,50px);background:var(--danfo);color:var(--ink);
  transform:rotate(-1.4deg);display:flex;align-items:center;overflow:hidden;transition:transform 1s var(--ease-out),opacity .5s}
.tape::before,.tape::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--danfo-shade)}
.tape::before{top:3px}.tape::after{bottom:3px}
.is-dark .tape{opacity:0;transform:translateY(140%) rotate(-1.4deg);transition-duration:.4s}
.is-lit .tape{transition-delay:.9s,.9s}
.tape-run{display:flex;align-items:center;gap:22px;width:max-content;padding-left:22px;font-weight:850;font-size:clamp(13px,1.05vw,15px);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.tape-run i{width:9px;height:9px;background:var(--ink);transform:rotate(45deg);flex:none}
.is-lit:not(.calm) .tape-run{animation:run 38s linear infinite}
@keyframes run{to{transform:translate3d(-50%,0,0)}}

/* ------------------------------------------------------------------ footer */
.foot{position:relative;background:var(--night);border-top:1px solid rgba(255,250,242,.1);
  padding:clamp(40px,7vh,72px) max(var(--gut),env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(var(--gut),env(safe-area-inset-left))}
.foot-grid{display:grid;grid-template-columns:1fr auto;grid-template-areas:"big contact" "legal legal";gap:28px 48px;align-items:end}
.foot-big{grid-area:big;font-weight:850;font-size:clamp(44px,8.4vw,136px);line-height:.9;letter-spacing:-.05em}
.foot-big a{text-decoration:none;background:linear-gradient(var(--danfo),var(--danfo)) 0 100%/0 .07em no-repeat;transition:background-size .6s var(--ease-out),color .3s}
.foot-big a:hover{background-size:100% .07em;color:var(--danfo)}
.foot-contact{grid-area:contact;display:flex;gap:clamp(24px,4vw,56px)}
.foot-contact dt{font-weight:800;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}
.foot-contact dd{margin-top:8px}
.foot-contact a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:clamp(16px,1.3vw,19px);text-decoration:underline;text-decoration-color:rgba(245,197,24,.6);text-underline-offset:.28em;text-decoration-thickness:2px;transition:color .25s,text-decoration-color .25s}
.foot-contact a:hover{color:var(--danfo);text-decoration-color:var(--danfo)}
.foot-legal{grid-area:legal;padding-top:22px;border-top:1px solid rgba(255,250,242,.1);font-size:14px;color:var(--mist)}

/* ------------------------------------------------------------------ grain */
body::after{content:"";position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.07;background:url("/grain.svg") 0 0/220px 220px;mix-blend-mode:overlay}
html:not(.calm) body::after{animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate3d(0,0,0)}17%{transform:translate3d(-3%,2%,0)}33%{transform:translate3d(2%,-4%,0)}50%{transform:translate3d(-4%,-1%,0)}67%{transform:translate3d(3%,3%,0)}83%{transform:translate3d(-1%,4%,0)}}

/* ------------------------------------------------------------------ small screens */
@media (max-width:860px){
  .layout{grid-template-columns:1fr;align-items:start;row-gap:clamp(8px,3vh,28px);padding-top:calc(var(--bar) + 18px)}
  .copy{align-self:start;padding-bottom:0}
  .wm-art{width:100%}
  .gen-stage{--gw:min(78vw,380px);justify-self:center;margin-right:0;margin-top:0}
  .hint{right:auto;left:-6%;top:86%;flex-direction:row-reverse;align-items:center}
  .hint svg{transform:scale(-1,-1) rotate(70deg);width:46px;margin:0}
  .meter{display:none}
  /* in the dark the (invisible) copy leaves the flow, so the gen and its cord stand on the street in view */
  .is-dark .layout{grid-template-rows:clamp(170px,27vh,260px) 1fr}
  .is-dark .copy{position:absolute;top:0;left:0;right:0;visibility:hidden}
  .is-dark .gen-stage{grid-row:2;align-self:end}
  .foot-grid{grid-template-columns:1fr;grid-template-areas:"big" "contact" "legal"}
}
@media (max-width:420px){
  .bar-id span{display:none}
  .chip{padding:0 14px 0 12px}
  .social ul{gap:8px}
  .social a{width:46px;height:46px}
  .cut-line{font-size:clamp(46px,15.2vw,64px)}
  .cut-line+.cut-line{margin-left:0}
  .foot-contact{flex-direction:column;gap:18px}
}
@media (max-height:640px) and (min-width:861px){
  .cut-line{font-size:clamp(44px,7vw,110px)}
}

/* ------------------------------------------------------------------ reduced motion: lit state, fades only */
.calm *,.calm *::before,.calm *::after{animation-duration:.001s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
.calm .tag-w,.calm .eyebrow,.calm .def,.calm .social,.calm .tape,.calm .city{transform:none!important}
.calm .layout{animation:calmIn 1.1s ease both!important;animation-duration:1.1s!important}
@keyframes calmIn{from{opacity:0}}
@media (prefers-reduced-motion:reduce){html:not(.js) *{animation:none!important;transition:none!important}}

/* ------------------------------------------------------------------ 404 */
.is-404 body{min-height:100svh;display:flex;flex-direction:column;background:var(--night)}
.lost{flex:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(48px,10vh,120px) var(--gut)}
.lost-gen{position:relative;width:min(100%,420px);justify-self:end}
.lost-gen .gen-svg{width:100%;height:auto}
.is-asleep .gen-lid{transform:scaleY(1.92)}
.is-asleep .gen-cord,.is-asleep [class^="gen-puff"]{display:none}
.lost-z{position:absolute;left:84%;top:16%;font-family:var(--paint);font-weight:800;font-size:clamp(24px,3vw,40px);color:var(--mist);animation:z 3.6s ease-in infinite;opacity:0}
.lost-z:nth-of-type(2){animation-delay:1.2s}.lost-z:nth-of-type(3){animation-delay:2.4s}
@keyframes z{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(36px,-90px) scale(1.3)}}
.lost-code{font-weight:900;font-size:clamp(84px,15vw,220px);line-height:.8;letter-spacing:-.06em;color:var(--danfo)}
.lost-title{margin-top:clamp(16px,3vh,28px);font-weight:820;font-size:clamp(34px,5.2vw,76px);line-height:.98;letter-spacing:-.035em}
.lost-sub{margin-top:16px;font-size:clamp(16px,1.4vw,19px);color:var(--mist)}
.lost-home{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:28px;padding:0 22px;border-radius:999px;background:var(--danfo);color:var(--ink);font-weight:800;text-decoration:none;transition:transform .3s var(--ease-out)}
.lost-home:hover{transform:translateY(-2px)}
.foot-404{padding-top:22px}
.foot-404 .foot-legal{border:0;padding:0}
@media (max-width:760px){.lost{grid-template-columns:1fr}.lost-gen{justify-self:center;width:min(70vw,300px)}}
@media (prefers-reduced-motion:reduce){.lost-z{animation:none;opacity:.8}.lost-z:nth-of-type(1){transform:translate(0,0)}.lost-z:nth-of-type(2){transform:translate(18px,-34px)}.lost-z:nth-of-type(3){transform:translate(36px,-68px)}}