/* ═══════════════════════════════════════════════════════════════
   EVOLVIQ · the world, written from nothing · 20 September 2026
   The page is her globe. Outside the glass, then through it into the
   cloud, then the city rising. Her four colours: ice white, silver,
   magenta light, the gold of a lit window. Nothing grey is dead here —
   the silver is glass, and it is lit.
   ═══════════════════════════════════════════════════════════════ */
html{scroll-behavior:smooth}
body.ev{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.ev .gk-bar,body.ev .gk-foot,body.ev .skip-link{display:none}
.ev-main{display:block}
.ev-l{opacity:0;transform:translateY(18px);filter:blur(6px);
 transition:opacity 1.2s cubic-bezier(.3,0,.2,1),transform 1.6s cubic-bezier(.22,.8,.28,1),filter 1.2s ease;
 transition-delay:calc(var(--d,0) * 1ms)}
.on .ev-l,.ev-l.on{opacity:1;transform:none;filter:blur(0)}

/* the mark, quiet, always there */
.ev-top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 20px 0;pointer-events:none}
.ev-top__name{pointer-events:auto;font-family:var(--name);font-weight:500;font-size:15px;letter-spacing:.34em;text-decoration:none;color:var(--silver);
 text-shadow:0 1px 0 #fff;transition:color .6s}
.ev-top__name em{font-style:normal;color:var(--signal)}
.ev-name em,.ev-close__name em{font-style:normal;color:var(--signal)}

/* ── OUTSIDE THE GLASS ── */
.ev-glass{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;justify-items:center;
 padding:clamp(70px,10vh,110px) 20px clamp(40px,6vh,70px);overflow:hidden;
 background:radial-gradient(60% 40% at 50% 62%,rgba(255,63,216,.14),rgba(255,63,216,0) 70%),var(--ground)}
.ev-glass__stage{position:relative;width:min(72vw,520px);display:grid;place-items:center;align-self:center}
.ev-glass__halo{position:absolute;left:50%;top:64%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
 background:radial-gradient(closest-side,rgba(var(--glow),.42),rgba(255,63,216,.16) 45%,rgba(var(--glow),0) 72%);
 filter:blur(10px);animation:ev-halo 6s ease-in-out infinite}
@keyframes ev-halo{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
.ev-glass__globe{position:relative;width:100%;height:auto;display:block;
 filter:drop-shadow(0 30px 50px rgba(var(--glow),.22));
 animation:ev-float 9s ease-in-out infinite;transform-origin:50% 60%;will-change:transform}
@keyframes ev-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.ev-glass__words{text-align:center;position:relative;z-index:2}
.ev-name{margin:0;font-family:var(--name);font-weight:400;font-size:clamp(34px,9vw,84px);letter-spacing:.2em;line-height:1;color:var(--ink);padding-left:.2em}
.ev-name .ev-l:nth-child(2){--d:300}
.ev-line{margin:clamp(14px,2.4vh,24px) 0 0;font-family:var(--head);font-style:italic;font-size:clamp(20px,4.6vw,32px);color:var(--ink);--d:700}
.ev-descend{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;width:1px;height:44px;overflow:hidden;opacity:.55}
.ev-descend span{display:block;width:1px;height:100%;background:linear-gradient(var(--signal),rgba(194,29,190,0));animation:ev-descend 2.6s ease-in-out infinite}
@keyframes ev-descend{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
/* as she scrolls, we pass through the glass: the world grows until its sky fills the screen */
.ev-glass.is-passing .ev-glass__globe{animation:none;transform:scale(var(--z,1)) translateY(calc(var(--z,1) * -6px))}
.ev-glass.is-passing .ev-glass__halo{opacity:0}
.ev-glass.is-passing .ev-glass__words,.ev-glass.is-passing .ev-descend{opacity:var(--w,1)}
.ev-glass__stage{z-index:1}

/* ── INSIDE THE CLOUD ── */
.ev-cloud{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:clamp(80px,12vh,140px) 20px;text-align:center;
 background:var(--silver-lit)}
.ev-cloud__sky{position:absolute;inset:-12%;background-size:cover;background-position:center 40%;filter:blur(22px) saturate(1.05) brightness(1.06);transform:scale(1.08);opacity:.9}
.ev-cloud__veil{position:absolute;inset:0;background:
 radial-gradient(60% 50% at 50% 50%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),
 linear-gradient(rgba(248,247,251,1),rgba(248,247,251,0) 18%,rgba(248,247,251,0) 82%,rgba(248,247,251,1))}
.ev-cloud__words{position:relative;z-index:2;max-width:26ch}
.ev-breath{margin:0 0 .35em;font-family:var(--head);font-weight:400;font-size:clamp(24px,5.6vw,46px);line-height:1.2;color:var(--ink);text-wrap:balance}
.ev-breath:nth-child(1) .ev-l{--d:0}.ev-breath:nth-child(2) .ev-l{--d:700}.ev-breath:nth-child(3) .ev-l{--d:1400}.ev-breath:nth-child(4) .ev-l{--d:2300}
.ev-breath--held{font-style:italic;color:var(--signal-deep);margin-top:.5em}

/* ── THE CITY RISES ── three spires of glass, each window a person, lit as they arrive */
.ev-city{position:relative;padding:clamp(90px,14vh,160px) 20px clamp(60px,10vh,120px);text-align:center;overflow:hidden;
 background:linear-gradient(var(--ground),#FBF7FD 60%,var(--ground))}
.ev-eyebrow{margin:0 auto clamp(40px,7vh,80px);max-width:26ch;line-height:1.9;font-family:var(--name);font-size:clamp(11px,2.6vw,14px);letter-spacing:.32em;text-transform:uppercase;color:var(--signal);padding-left:.42em}
.ev-towers{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(6px,4vw,64px);height:clamp(320px,54vh,540px);max-width:960px;margin:0 auto;
 background:radial-gradient(50% 40% at 50% 100%,rgba(255,63,216,.12),rgba(255,63,216,0) 70%)}
.ev-tower{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;z-index:1}
.ev-tower__spire{position:relative;width:clamp(50px,15vw,110px);height:calc(var(--h) * 1%);
 background:linear-gradient(90deg,var(--silver) 0%,#FFFFFF 22%,var(--silver-lit) 50%,#FFFFFF 78%,var(--silver) 100%);
 clip-path:polygon(50% 0,68% 14%,68% 100%,32% 100%,32% 14%);
 display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;align-content:end;justify-items:center;gap:clamp(8px,2vh,16px) 0;padding:0 0 clamp(22px,5vh,40px);
 transform:translateY(110%);opacity:0;transition:transform 2.2s cubic-bezier(.16,.84,.24,1) calc(var(--i) * .35s),opacity 1.4s ease calc(var(--i) * .35s);
 filter:drop-shadow(0 20px 30px rgba(42,22,56,.10)) drop-shadow(0 0 1px rgba(194,29,190,.35))}
.ev-city.on .ev-tower__spire{transform:none;opacity:1}
.ev-tower__light{display:block;width:clamp(6px,1.4vw,10px);height:clamp(9px,2vw,14px);border-radius:1px;background:#DCD9E3;
 transition:background .9s ease calc(1.4s + var(--i) * .35s + var(--w) * .18s),box-shadow .9s ease calc(1.4s + var(--i) * .35s + var(--w) * .18s)}
.ev-city.on .ev-tower__light{background:var(--gold-lit);box-shadow:0 0 12px 3px rgba(255,217,160,.9),0 0 2px 1px rgba(255,255,255,.9)}
.ev-tower__name{position:relative;z-index:3;margin-top:clamp(14px,2.4vh,22px);font-family:var(--name);font-size:clamp(9px,2.1vw,13px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding-left:.18em;max-width:9ch;line-height:1.5;text-wrap:balance;
 opacity:0;transition:opacity 1.2s ease calc(1.8s + var(--i) * .35s)}
.ev-city.on .ev-tower__name{opacity:1}
.ev-towers__cloud{position:absolute;left:-10%;right:-10%;bottom:-8%;height:22%;z-index:2;pointer-events:none;
 background:radial-gradient(40% 70% at 20% 80%,#FFFFFF,rgba(255,255,255,0) 70%),radial-gradient(40% 70% at 50% 90%,#FFFFFF,rgba(255,255,255,0) 70%),
 radial-gradient(40% 70% at 80% 80%,#FFFFFF,rgba(255,255,255,0) 70%),linear-gradient(rgba(255,255,255,0),#FFFFFF 70%);filter:blur(6px)}
.ev-city__line{margin:clamp(40px,7vh,80px) auto 0;max-width:34ch;font-family:var(--head);font-style:italic;font-size:clamp(20px,4.6vw,32px);line-height:1.3;color:var(--ink);--d:2600}

/* ── HER LINE ── */
.ev-surface{min-height:80vh;min-height:80svh;display:grid;place-content:center;text-align:center;padding:clamp(60px,10vh,120px) 20px}
.ev-big{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(28px,6.4vw,64px);line-height:1.12;max-width:18ch;color:var(--ink);text-wrap:balance}
.ev-big .ev-l{display:block}.ev-big .ev-l:nth-child(2){--d:600}
.ev-notclose{margin:clamp(18px,3vh,30px) 0 0;font-family:var(--name);font-size:clamp(12px,2.8vw,16px);letter-spacing:.4em;text-transform:uppercase;color:var(--signal);padding-left:.4em;--d:1500}

/* ── THE LAST WORD ── the light beneath the world, and the name */
.ev-close{position:relative;min-height:70vh;min-height:70svh;display:grid;place-content:center;text-align:center;padding:clamp(60px,10vh,120px) 20px;overflow:hidden}
.ev-close__halo{position:absolute;left:50%;top:60%;width:min(120vw,900px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
 background:radial-gradient(closest-side,rgba(255,63,216,.22),rgba(var(--glow),.08) 45%,rgba(var(--glow),0) 72%);filter:blur(12px)}
.ev-close__line{position:relative;margin:0;font-family:var(--head);font-style:italic;font-size:clamp(26px,6vw,52px);color:var(--ink)}
.ev-close__name{position:relative;margin:clamp(24px,4vh,40px) 0 0;font-family:var(--name);font-size:clamp(18px,4vw,28px);letter-spacing:.3em;color:var(--silver);padding-left:.3em;--d:600}
.ev-close__name em{color:var(--signal)}

.ev-foot{text-align:center;padding:24px 20px max(40px,env(safe-area-inset-bottom));font-family:var(--body);font-size:12px;letter-spacing:.08em;color:var(--ink);opacity:.6}
.ev-foot p{margin:0 0 4px}

@media(prefers-reduced-motion:reduce){
  .ev-l,.ev-tower__spire,.ev-tower__name,.ev-tower__light{opacity:1;transform:none;filter:none;transition:none}
  .ev-glass__globe,.ev-glass__halo,.ev-descend span{animation:none}
  .ev-city .ev-tower__light{background:var(--gold-lit)}}

/* ── ON ARRIVAL, WHAT THIS IS ── */
.ev-kicker{margin:0 0 clamp(14px,2.4vh,24px);font-family:var(--name);font-size:clamp(10px,2.4vw,13px);letter-spacing:.34em;text-transform:uppercase;color:var(--signal);padding-left:.34em}

/* ── AT ITS CORE ── */
.ev-core{min-height:70vh;min-height:70svh;display:grid;place-content:center;text-align:center;padding:clamp(60px,10vh,120px) 20px}
.ev-core__line{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(30px,7vw,72px);line-height:1.1;color:var(--ink);text-wrap:balance}
.ev-core__line .ev-l{display:block}.ev-core__line .ev-l:nth-child(2){--d:700;font-style:italic;color:var(--signal-deep)}
.ev-core__under{margin:clamp(22px,3.6vh,36px) auto 0;max-width:32ch;font-family:var(--body);font-weight:300;font-size:clamp(16px,3.6vw,20px);line-height:1.6;color:var(--ink);opacity:.8;--d:1500}

/* ── HER TABLE ── */
.ev-her{position:relative;min-height:80vh;min-height:80svh;display:grid;place-content:center;text-align:center;padding:clamp(70px,12vh,140px) 20px;overflow:hidden}
.ev-her__halo{position:absolute;left:50%;top:50%;width:min(110vw,820px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
 background:radial-gradient(closest-side,rgba(255,63,216,.16),rgba(var(--glow),.05) 48%,rgba(var(--glow),0) 72%);filter:blur(14px)}
.ev-eyebrow--quiet{margin-bottom:clamp(20px,3.4vh,34px);color:var(--signal);letter-spacing:.3em;max-width:30ch}
.ev-her__name{position:relative;margin:0;font-family:var(--head);font-weight:400;font-size:clamp(40px,9.4vw,96px);line-height:1;color:var(--ink);--d:500}
.ev-her__line{position:relative;margin:clamp(22px,3.6vh,36px) auto 0;max-width:36ch;font-family:var(--body);font-weight:300;font-size:clamp(16px,3.6vw,21px);line-height:1.6;color:var(--ink);--d:1100}
.ev-her__go{position:relative;margin:clamp(30px,5vh,50px) 0 0;--d:1700}
.ev-word{font-family:var(--name);font-size:clamp(12px,2.8vw,16px);letter-spacing:.3em;text-transform:uppercase;color:var(--signal);text-decoration:none;padding:0 0 .55em .3em;border-bottom:1px solid currentColor;transition:color .4s,border-color .4s}
.ev-word:hover,.ev-word:focus-visible{color:var(--signal-deep);outline:none}

/* ═══════════ THE REST OF THE WORLD · the bar's roads, the pages, the way in ═══════════ */
.ev-top{flex-direction:column;align-items:center;gap:10px}
.ev-top__roads{pointer-events:auto;display:flex;gap:clamp(12px,3.4vw,28px);flex-wrap:nowrap;max-width:100%;overflow:hidden}
.ev-top__road{font-family:var(--name);font-size:clamp(9px,2.3vw,11px);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--ink);opacity:.62;white-space:nowrap;padding-bottom:.35em;border-bottom:1px solid transparent;transition:opacity .4s,border-color .4s}
.ev-top__road:hover,.ev-top__road:focus-visible,.ev-top__road.is-here{opacity:1;border-color:var(--signal);outline:none}
.ev-foot a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(42,22,56,.25)}

.ev-page{position:relative;display:grid;place-content:center;text-align:center;padding:clamp(70px,12vh,140px) 20px}
.ev-page--cover{min-height:88vh;min-height:88svh;padding-top:clamp(130px,20vh,220px)}
.ev-page--short{min-height:52vh;min-height:52svh}
.ev-page__line{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(34px,7.6vw,84px);line-height:1.08;color:var(--ink);max-width:16ch;text-wrap:balance}
.ev-page__line em{font-style:italic;color:var(--signal-deep)}
.ev-page__under{margin:clamp(18px,3vh,30px) auto 0;max-width:34ch;font-family:var(--body);font-weight:300;font-size:clamp(16px,3.6vw,20px);line-height:1.6;color:var(--ink);opacity:.8;--d:600}

/* three movements */
.ev-move{min-height:70vh;min-height:70svh}
.ev-move__n{margin:0 0 clamp(14px,2.4vh,24px);font-family:var(--name);font-size:clamp(10px,2.4vw,13px);letter-spacing:.42em;text-transform:uppercase;color:var(--signal);padding-left:.42em}
.ev-move__head{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(30px,6.4vw,66px);line-height:1.1;color:var(--ink);--d:300;text-wrap:balance}
.ev-move__body{margin:clamp(20px,3.4vh,34px) auto 0;max-width:38ch;font-family:var(--body);font-weight:300;font-size:clamp(16px,3.6vw,21px);line-height:1.65;color:var(--ink);--d:800}

/* her line, quoted */
.ev-quote{min-height:56vh;min-height:56svh;background:linear-gradient(var(--ground),#FBF7FD 50%,var(--ground))}
.ev-quote__line{margin:0;max-width:30ch;font-family:var(--head);font-style:italic;font-weight:400;font-size:clamp(22px,5vw,40px);line-height:1.3;color:var(--signal-deep);text-wrap:balance}
.ev-quote--long .ev-quote__line{max-width:36ch;font-size:clamp(20px,4.4vw,34px)}
.ev-quote__who{margin:clamp(18px,3vh,28px) 0 0;font-family:var(--name);font-size:clamp(10px,2.4vw,13px);letter-spacing:.34em;text-transform:uppercase;color:var(--ink);opacity:.7;padding-left:.34em;--d:700}

/* the four, each with a small lit spire */
.ev-who{min-height:64vh;min-height:64svh}
.ev-who__spire{display:flex;justify-content:center;align-items:flex-end;gap:10px;height:clamp(60px,10vh,110px);margin:0 auto clamp(22px,4vh,40px)}
.ev-who__spire i{display:block;width:clamp(9px,2vw,16px);background:linear-gradient(90deg,var(--silver),#fff 30%,var(--silver-lit) 60%,var(--silver));clip-path:polygon(50% 0,80% 22%,80% 100%,20% 100%,20% 22%);filter:drop-shadow(0 0 1px rgba(194,29,190,.35));opacity:0;transform:translateY(60%);transition:transform 1.6s cubic-bezier(.16,.84,.24,1),opacity 1s ease}
.ev-who__spire i:nth-child(1){height:55%}.ev-who__spire i:nth-child(2){height:100%;transition-delay:.15s}.ev-who__spire i:nth-child(3){height:72%;transition-delay:.3s}
.ev-who.on .ev-who__spire i{opacity:1;transform:none}
.ev-who__head{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(30px,6.4vw,66px);line-height:1.1;color:var(--ink);--d:300}
.ev-who__body{margin:clamp(20px,3.4vh,34px) auto 0;max-width:40ch;font-family:var(--body);font-weight:300;font-size:clamp(16px,3.6vw,21px);line-height:1.65;color:var(--ink);--d:800}

.ev-page--go{min-height:40vh;min-height:40svh}
.ev-paige .ev-her__halo{top:45%}
.ev-prose{max-width:60ch;margin:0 auto;text-align:left;padding-top:0}
.ev-prose p{font-family:var(--body);font-weight:300;font-size:clamp(16px,3.4vw,18px);line-height:1.7;color:var(--ink);margin:0 0 1.2em}
.ev-prose a{color:var(--signal-deep);text-decoration:none;border-bottom:1px solid currentColor}

/* THE WAY IN — one thing at a time */
.ev-begin{min-height:92vh;min-height:92svh;overflow:hidden}
.ev-begin__step{display:none;position:relative;max-width:640px;margin:0 auto}
.ev-begin__step.is-on{display:block}
.ev-begin .ev-page__line{margin-left:auto;margin-right:auto;font-size:clamp(30px,6.6vw,66px)}
.ev-begin__choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(24px,4vh,40px) 0 0;--d:400}
.ev-choice{font-family:var(--head);font-size:clamp(20px,4.4vw,28px);color:var(--ink);background:linear-gradient(180deg,#fff,var(--silver-lit));border:1px solid rgba(201,198,210,.8);border-radius:999px;padding:.45em 1.1em;cursor:pointer;box-shadow:0 8px 24px rgba(42,22,56,.06);transition:transform .3s,box-shadow .3s,border-color .3s}
.ev-choice:hover,.ev-choice:focus-visible{transform:translateY(-2px);border-color:var(--signal);box-shadow:0 12px 30px rgba(194,29,190,.16);outline:none}
.ev-begin__own{margin:clamp(24px,4vh,36px) 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;--d:800}
.ev-begin__own label,.ev-begin__field{display:block;text-align:left;width:100%;max-width:520px;margin:clamp(20px,3.4vh,30px) auto 0}
.ev-begin__own label{max-width:360px;margin:0}
.ev-begin__own span,.ev-begin__field span{display:block;font-family:var(--name);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--signal);margin-bottom:8px}
.ev-begin input,.ev-begin textarea{width:100%;box-sizing:border-box;font-family:var(--head);font-size:clamp(20px,4.4vw,26px);color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(42,22,56,.35);padding:.35em 0;outline:none;transition:border-color .3s}
.ev-begin textarea{line-height:1.4;resize:vertical}
.ev-begin input:focus,.ev-begin textarea:focus{border-color:var(--signal)}
.ev-begin__field--quiet{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ev-begin__echo{margin:0 0 14px;font-family:var(--name);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--signal)}
.ev-begin__row{display:flex;justify-content:center;gap:28px;margin:clamp(26px,4vh,40px) 0 0}
.ev-word--back{color:var(--ink);opacity:.6;border-color:rgba(42,22,56,.3)}
.ev-word--go{cursor:pointer;background:none;font-family:var(--name)}
button.ev-word{background:none;cursor:pointer}
.ev-begin__said{margin:18px auto 0;max-width:40ch;font-family:var(--body);font-size:15px;line-height:1.55;color:var(--signal-deep);min-height:1.5em}
.ev-begin__or{margin:clamp(40px,7vh,70px) auto 0;font-family:var(--body);font-weight:300;font-size:14px;color:var(--ink);opacity:.7;--d:1200}
.ev-begin__or a{color:var(--signal-deep);text-decoration:none;border-bottom:1px solid currentColor}
@media (prefers-reduced-motion:reduce){.ev-who__spire i{opacity:1;transform:none;transition:none}}
/* second look on a phone */
.ev-page{grid-template-columns:minmax(0,1fr);justify-items:center;box-sizing:border-box;width:100%}
.ev-begin__step{width:100%;max-width:640px;box-sizing:border-box}
.ev-begin__field{margin-left:auto;margin-right:auto}
.ev-begin textarea{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(239,238,244,.7));border-radius:14px 14px 0 0;padding:.6em .7em}
button.ev-word,.ev-word--go,.ev-word--back{border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 .55em .3em;appearance:none;-webkit-appearance:none}
.ev-top__roads{gap:clamp(10px,2.6vw,28px)}
.ev-top__road{font-size:clamp(8.5px,2.15vw,11px);letter-spacing:.16em}
/* a halo wider than the screen made the section scrollable; a focus dragged it 19px left. clip, never scroll. */
.ev-begin,.ev-her,.ev-paige,.ev-glass,.ev-close{overflow:clip}

/* ═══════════ INSIDE THE GLASS · the city ═══════════ */
.ev-world{position:relative}
.ev-world__sky{position:sticky;top:0;height:100vh;height:100svh;z-index:0;overflow:hidden}
.ev-world__sky canvas{display:block;width:100%;height:100%}
.ev-st{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);place-content:center;justify-items:center;text-align:center;padding:clamp(80px,12vh,140px) 20px;box-sizing:border-box;pointer-events:none}
.ev-st a,.ev-st button,.ev-st input,.ev-st textarea,.ev-st label{pointer-events:auto}
.ev-st:first-of-type{margin-top:-100vh;margin-top:-100svh}
.ev-st .ev-l{transition-delay:calc(var(--d,0) * 1ms)}
.ev-st--cloud .ev-breath{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(26px,6vw,54px);line-height:1.18;color:var(--ink);text-shadow:0 0 24px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.9)}
.ev-st--cloud .ev-breath .ev-l{display:inline-block}
.ev-st--cloud .ev-breath:nth-child(2) .ev-l{--d:500}.ev-st--cloud .ev-breath:nth-child(3) .ev-l{--d:1000}.ev-st--cloud .ev-breath:nth-child(4) .ev-l{--d:1600}
.ev-st__line{margin:clamp(14px,2.4vh,24px) auto 0;max-width:16ch;font-family:var(--head);font-weight:400;font-size:clamp(32px,7.2vw,78px);line-height:1.08;color:var(--ink);text-wrap:balance;text-shadow:0 0 30px rgba(248,247,251,.95),0 0 10px rgba(248,247,251,.9)}
.ev-st__line em{font-style:italic;color:var(--signal-deep)}
.ev-st .ev-eyebrow{margin-bottom:0;text-shadow:0 0 12px rgba(248,247,251,.95)}
.ev-st__name{margin:clamp(14px,2.4vh,24px) 0 0;font-family:var(--head);font-weight:400;font-size:clamp(40px,9.4vw,96px);line-height:1;color:var(--ink);--d:400;text-shadow:0 0 30px rgba(248,247,251,.95)}
.ev-quote__line--small{max-width:34ch;font-size:clamp(18px,4vw,28px);margin-top:clamp(18px,3vh,28px);--d:900}
.ev-st .ev-quote__line,.ev-st .ev-quote__who{text-shadow:0 0 20px rgba(248,247,251,.95),0 0 6px rgba(248,247,251,.9)}

/* a district: its name stands beside its tower, on the side the tower is */
.ev-st--district{justify-items:start}
.ev-st--right{justify-items:end}
.ev-district{max-width:min(88vw,520px);text-align:left;padding:clamp(18px,3vh,28px) clamp(18px,3vw,30px);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(239,238,244,.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-top:1px solid rgba(194,29,190,.35);box-shadow:0 30px 60px rgba(42,22,56,.08),inset 0 1px 0 #fff;border-radius:6px}
.ev-st--right .ev-district{text-align:right}
.ev-district__name{margin:0;font-family:var(--head);font-weight:400;font-size:clamp(30px,6.4vw,64px);line-height:1.05;color:var(--ink)}
.ev-district__line{margin:clamp(12px,2vh,18px) 0 0;font-family:var(--body);font-weight:300;font-size:clamp(15px,3.4vw,19px);line-height:1.6;color:var(--ink);--d:500}

/* the road in */
.ev-road{list-style:none;margin:clamp(24px,4vh,40px) 0 0;padding:0;display:grid;gap:clamp(22px,3.6vh,36px);max-width:34ch;text-align:left}
.ev-road li{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;text-shadow:0 0 16px rgba(248,247,251,.95)}
.ev-road__n{font-family:var(--name);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--signal);padding-top:.5em}
.ev-road__w{font-family:var(--head);font-size:clamp(26px,5.6vw,44px);line-height:1.1;color:var(--ink)}
.ev-road__s{grid-column:2;font-family:var(--body);font-weight:300;font-size:clamp(14px,3.2vw,17px);line-height:1.55;color:var(--ink);opacity:.8}

/* the door */
.ev-st--door{min-height:110vh;min-height:110svh}
.ev-door{width:100%;max-width:660px;padding:clamp(24px,4vh,40px) clamp(18px,3vw,36px);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(239,238,244,.62));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);border-top:1px solid rgba(194,29,190,.4);border-radius:8px;box-shadow:0 40px 80px rgba(42,22,56,.10),0 0 60px rgba(255,63,216,.12),inset 0 1px 0 #fff;box-sizing:border-box}
.ev-door .ev-begin__step{max-width:100%}
.ev-door .ev-st__line{font-size:clamp(28px,6vw,54px)}
.ev-door .ev-begin__or{margin-top:clamp(22px,3.6vh,34px)}
.ev-door--road .ev-road{margin-left:auto;margin-right:auto}
.ev-door--paige .ev-st__name{font-size:clamp(34px,8vw,72px)}
.ev-door--paige .ev-quote__line--small{margin-left:auto;margin-right:auto}
.ev-st .ev-eyebrow{max-width:22ch;margin-left:auto;margin-right:auto}
.ev-kicker--her{font-family:var(--head);text-transform:none;letter-spacing:.02em;font-size:clamp(24px,5.4vw,40px);color:var(--ink);margin:6px 0 10px;padding-left:0}
.ev-line--under{margin-top:14px;font-family:var(--body);font-weight:300;font-style:normal;font-size:clamp(14px,3.2vw,17px);line-height:1.55;max-width:38ch;opacity:.8;--d:900}
/* the mailbox wall — plain rows, nothing on them */
.ev-mailwall{display:grid;gap:18px;justify-items:stretch;max-width:640px;margin:0 auto;padding-top:0}
.ev-mailrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 0;border-bottom:1px solid rgba(42,22,56,.15);text-align:left}
.ev-mailrow.is-now{border-bottom-color:var(--signal)}
.ev-mailrow .ev-begin__or{font-size:clamp(15px,3.6vw,18px)}

/* ── THE ROOM WHERE SOMEBODY REACHES THEIR OWN MONEY — 8 October 2026 ─────
 * `/your-payments/` is the shared road's screen (a rewrite rule, not a page),
 * where a person changes their card, reads what they pay, or stops. The shared
 * markup arrives bare — a raw grey browser button and a square field — so every
 * world dresses it or nobody does. Measured on LocaLilly, where the heading
 * came through black on her deep purple ground and was close to unreadable.
 * Her law: the back end is a room too, dressed in that world's colours.
 *
 * Written against the token names every one of her worlds shares, so this same
 * block wears each world's own ink and signal. ONE SOLID PRESS, never a
 * gradient — hers, 4 October 2026. The field's width and padding come inline
 * from the shared road, so those two say so. */
main.lam-your-payments {
  max-width: 34rem; min-height: 56svh; margin: 0 auto;
  padding: clamp(1.8rem,6vw,3.4rem) 1.1rem clamp(3rem,8vw,4.5rem);
  background: var(--ground, #fff); color: var(--ink, #2A1638);
}
main.lam-your-payments h1 {
  font-family: var(--name, var(--head, Georgia, serif));
  font-size: clamp(1.9rem,6.6vw,2.7rem); line-height: 1.1; letter-spacing: -.01em;
  color: var(--signal, #C21DBE); margin: 0 0 .7rem; text-wrap: balance;
}
main.lam-your-payments p {
  font-family: var(--body, system-ui, sans-serif);
  font-size: clamp(1rem,3.4vw,1.1rem); line-height: 1.62;
  color: var(--ink, #2A1638); opacity: .82; margin: 0 0 1.6rem; text-wrap: pretty;
}
main.lam-your-payments label {
  font-family: var(--body, system-ui, sans-serif); font-size: .95rem;
  color: var(--ink, #2A1638); opacity: .72;
}
main.lam-your-payments input[type="email"],
main.lam-your-payments input[type="text"] {
  width: 100% !important; max-width: 26rem; padding: .95rem 1.05rem !important;
  border: 1px solid rgba(var(--glow, 194,29,190), .28); border-radius: 14px;
  background: #fff; font-family: var(--body, system-ui, sans-serif); font-size: 1.05rem;
  color: var(--ink, #2A1638); transition: border-color .2s ease, box-shadow .2s ease;
}
main.lam-your-payments input[type="email"]:focus-visible,
main.lam-your-payments input[type="text"]:focus-visible {
  outline: 0; border-color: var(--signal, #C21DBE);
  box-shadow: 0 0 0 3px rgba(var(--glow, 194,29,190), .2);
}
main.lam-your-payments button, main.lam-your-payments .card__open {
  display: inline-block; margin-top: .3rem; padding: .95rem 1.7rem;
  border: 0; border-radius: 999px; cursor: pointer;
  background: var(--signal, #C21DBE); color: var(--on-signal, #fff);
  font-family: var(--body, system-ui, sans-serif); font-size: 1.02rem; font-weight: 600;
  box-shadow: 0 10px 24px rgba(var(--glow, 194,29,190), .26);
  transition: transform .18s ease, background .18s ease;
}
main.lam-your-payments button:hover, main.lam-your-payments .card__open:hover {
  background: var(--signal-deep, #8E128C); transform: translateY(-2px);
}