/* pottscale · Startseiten-Hero „Weg einer Anfrage“ (Kevin 10.11.2026, ersetzt das Wachstums-Video)
   Sechs Szenen: Instagram-Feed mit Anzeige (echt, Easy Immo) → Google-Anzeige (echter Text, Patriot) → Google Maps (echt, Knappstein)
   → Gemini (echt, Knappstein) → Landingpage (Beispiel) → Dashboard (Beispielansicht). Ohne Skript steht Szene 3.
   Das Handy steht mittig in der Gruppe (Kevin 10.11.2026: links wirkte es, als fehle rechts etwas); die Karten liegen
   abwechselnd links (Gemini), mittig oben (Benachrichtigung) und rechts (Dashboard) über dem Handy.
   Alles in der Seite gebaut statt als Videodatei: Screenshots und Schrift bleiben scharf, Texte bleiben änderbar.
   Maßeinheit --hw: am Desktop die Hero-Einheit --u (an die Bildschirmhöhe gekoppelt), im Hochformat an die Breite.
   Ablauf steuert hero-weg.js über data-szene und Zustandsklassen; ohne Skript und bei reduzierter Bewegung steht Szene 1 fertig da. */

.hv-plate::after{background:linear-gradient(to bottom,rgba(3,35,45,0) 88%,#03232D 100%)}
.hw{--hw:var(--u);position:absolute;z-index:1;top:calc(128 * var(--u));bottom:calc(48 * var(--u));left:calc(var(--links) + max(750 * var(--h),590px) + 32px);right:40px;pointer-events:none;color:#0f1a1d}
/* hero-weg.js setzt am Desktop --hw-x (Abstand zur Bühnenkante) und --hw (Maßstab) nach dem gemessenen Text,
   damit die Gruppe nie den Text berührt und nie aus dem Bild ragt. Ohne Skript gelten die Werte hier. */
.hw-gruppe{position:absolute;left:var(--hw-x,0px);top:0;width:calc(618 * var(--hw));height:calc(690 * var(--hw))}
.hw-cap{left:var(--hw-x,0px)!important}
.hw.hw-aus{display:none}
.hw-gruppe::before{content:"";position:absolute;left:0;top:calc(80 * var(--hw));width:calc(618 * var(--hw));height:calc(560 * var(--hw));border-radius:50%;background:radial-gradient(closest-side,rgba(61,191,176,.28),rgba(61,191,176,0));filter:blur(calc(20 * var(--hw)))}

/* Handy */
.hw-phone{position:absolute;left:calc(150 * var(--hw));top:0;width:calc(318 * var(--hw));height:calc(690 * var(--hw));padding:calc(9 * var(--hw));border-radius:calc(52 * var(--hw));background:linear-gradient(150deg,#3b464b 0%,#14191c 18%,#0a0d0f 60%,#262e32 100%);box-shadow:0 calc(40 * var(--hw)) calc(80 * var(--hw)) calc(-30 * var(--hw)) rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.12)}
.hw-screen{position:relative;height:100%;border-radius:calc(43 * var(--hw));overflow:hidden;background:#fff;font-family:var(--body);-webkit-font-smoothing:antialiased}
.hw-status{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;height:calc(46 * var(--hw));padding:0 calc(26 * var(--hw)) 0 calc(30 * var(--hw));font:600 calc(14 * var(--hw)) var(--body);color:#0f1a1d;background:#fff;transition:background .5s,color .5s}
.hw-insel{position:absolute;left:50%;top:calc(11 * var(--hw));width:calc(90 * var(--hw));height:calc(26 * var(--hw));border-radius:calc(14 * var(--hw));background:#000;transform:translateX(-50%)}
.hw-sym{display:flex;gap:calc(4 * var(--hw));align-items:flex-end}
.hw-sym i{display:block;width:calc(3 * var(--hw));border-radius:1px;background:#0f1a1d}
.hw-sym i:nth-child(1){height:calc(5 * var(--hw))}.hw-sym i:nth-child(2){height:calc(8 * var(--hw))}.hw-sym i:nth-child(3){height:calc(11 * var(--hw))}
.hw-sym b{display:block;width:calc(22 * var(--hw));height:calc(11 * var(--hw));margin-left:calc(5 * var(--hw));border-radius:calc(3 * var(--hw));border:1.5px solid #0f1a1d}

.hw-app{position:absolute;inset:calc(46 * var(--hw)) 0 0;transition:opacity .5s var(--ease),transform .6s var(--ease)}
/* Google mit Maps-Ergebnis */
.hw-google{padding:calc(10 * var(--hw)) calc(14 * var(--hw)) 0}
.hw-suche{display:flex;align-items:center;gap:calc(10 * var(--hw));height:calc(46 * var(--hw));padding:0 calc(16 * var(--hw));border-radius:999px;background:#fff;box-shadow:0 1px calc(6 * var(--hw)) rgba(32,33,36,.28)}
.hw-suche svg{flex:none;width:calc(20 * var(--hw));height:calc(20 * var(--hw))}
.hw-tipp{font:400 calc(16 * var(--hw)) var(--body);color:#202124;white-space:nowrap}
.hw-cursor{width:1.5px;height:calc(20 * var(--hw));background:#1a73e8;margin-left:calc(-8 * var(--hw))}
.hw-treffer{position:relative;margin-top:calc(14 * var(--hw))}
.hw-maps{position:relative;transition:opacity .6s var(--ease),transform .7s var(--ease)}
.hw-maps img{display:block;width:100%;height:auto}
.hw-ring{position:absolute;left:2%;right:0;top:53.6%;height:16.8%;border-radius:calc(16 * var(--hw));box-shadow:0 0 0 0 rgba(30,157,146,.55)}
/* Instagram-Feed (Meta): die Anzeige von Easy Immo Invest taucht zwischen unscharfen Beiträgen auf */
.hw-feed{background:#fff;overflow:hidden;opacity:0}
.hw-feed-kopf{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:calc(42 * var(--hw));padding:0 calc(16 * var(--hw));background:#fff;border-bottom:1px solid #efefef}
.hw-feed-kopf b{font:700 calc(17 * var(--hw)) var(--body);color:#000}
.hw-feed-kopf span{display:flex;gap:calc(14 * var(--hw))}
.hw-feed-kopf span i{width:calc(20 * var(--hw));height:calc(20 * var(--hw));border-radius:calc(6 * var(--hw));border:2px solid #111}
.hw-feed-spur{transition:transform 1.5s cubic-bezier(.65,0,.25,1)}
.hw-post-kopf{display:flex;align-items:center;gap:calc(9 * var(--hw));height:calc(46 * var(--hw));padding:0 calc(12 * var(--hw))}
.hw-post-kopf img,.hw-post-kopf>i{flex:none;width:calc(30 * var(--hw));height:calc(30 * var(--hw));border-radius:50%;object-fit:cover}
.hw-post-kopf span{flex:1;display:grid;line-height:1.2}
.hw-post-kopf b{font:600 calc(13 * var(--hw)) var(--body);color:#000}
.hw-post-kopf small{font-size:calc(11.5 * var(--hw));color:#262626}
.hw-post-kopf em{font-style:normal;font-weight:700;color:#000;font-size:calc(14 * var(--hw))}
.hw-platz{padding-bottom:calc(12 * var(--hw))}
.hw-platz .hw-post-kopf>i{background:#e4e8ea}
.hw-platz .hw-post-kopf span{display:block;height:calc(10 * var(--hw));max-width:40%;border-radius:5px;background:#eef1f3}
.hw-platz-bild{aspect-ratio:4/5;background:linear-gradient(140deg,#c9d3cf,#9fb1ad 45%,#d9ddd6);filter:blur(6px);opacity:.75}
.hw-platz-zeilen{display:grid;gap:calc(8 * var(--hw));padding:calc(12 * var(--hw)) calc(12 * var(--hw)) 0}
.hw-platz-zeilen span{height:calc(9 * var(--hw));border-radius:5px;background:#eef1f3}.hw-platz-zeilen span+span{width:62%}
.hw-post-bild{display:block;width:100%;height:auto}
.hw-cta-leiste{display:flex;align-items:center;justify-content:space-between;height:calc(40 * var(--hw));padding:0 calc(12 * var(--hw));background:#efefef;font:600 calc(13 * var(--hw)) var(--body);color:#000;transition:background .5s,color .5s}
.hw-cta-leiste i{font-style:normal;font-size:calc(18 * var(--hw))}
.hw-aktionen{display:flex;gap:calc(14 * var(--hw));padding:calc(10 * var(--hw)) calc(12 * var(--hw)) calc(4 * var(--hw))}
.hw-aktionen svg{width:calc(23 * var(--hw));height:calc(23 * var(--hw));fill:none;stroke:#111;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.hw-aktionen .hw-merken{margin-left:auto}
.hw-post-text{margin:0;padding:calc(4 * var(--hw)) calc(12 * var(--hw)) 0;font-size:calc(12.5 * var(--hw));line-height:1.4;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hw-post-text b{font-weight:600}
.hw-post-text span{color:#737373}
/* Google-Anzeige (Text aus dem Konto von Patriot Military Automobiles) */
.hw-serp{position:absolute;left:0;right:0;top:0;z-index:1;opacity:0;transform:translateY(calc(24 * var(--hw)));transition:opacity .6s var(--ease),transform .7s var(--ease)}
.hw-anzeige{position:relative;padding:calc(14 * var(--hw)) calc(14 * var(--hw)) calc(13 * var(--hw));border-radius:calc(16 * var(--hw));background:#fff;box-shadow:0 1px calc(6 * var(--hw)) rgba(32,33,36,.2)}
.hw-gesponsert{display:block;font:700 calc(12.5 * var(--hw)) var(--body);color:#202124}
.hw-seite{display:flex;align-items:center;gap:calc(10 * var(--hw));margin-top:calc(9 * var(--hw))}
.hw-favicon{flex:none;display:grid;place-items:center;width:calc(30 * var(--hw));height:calc(30 * var(--hw));border-radius:50%;background:#14202a;overflow:hidden}
.hw-favicon img{width:86%;height:auto}
.hw-seite b{display:block;font:500 calc(13.5 * var(--hw)) var(--body);color:#202124}
.hw-seite small{display:block;font-size:calc(11.5 * var(--hw));color:#4d5156}
.hw-titel{display:block;margin-top:calc(10 * var(--hw));font:400 calc(18 * var(--hw))/1.3 var(--body);color:#1a0dab}
.hw-anzeige p{margin:calc(6 * var(--hw)) 0 0;font-size:calc(13 * var(--hw));line-height:1.45;color:#4d5156}
.hw-links{display:flex;flex-wrap:wrap;gap:calc(7 * var(--hw));margin-top:calc(11 * var(--hw))}
.hw-links span{padding:calc(6 * var(--hw)) calc(11 * var(--hw));border-radius:999px;border:1px solid #dadce0;font-size:calc(11.5 * var(--hw));color:#1a0dab}
.hw .hw-ring-anzeige{left:calc(-3 * var(--hw));right:calc(-3 * var(--hw));top:calc(-3 * var(--hw));height:auto;bottom:calc(-3 * var(--hw));border-radius:calc(18 * var(--hw))}
.hw-leer{display:grid;gap:calc(11 * var(--hw));margin:calc(20 * var(--hw)) calc(6 * var(--hw)) 0}
.hw-leer i{display:block;height:calc(10 * var(--hw));border-radius:calc(5 * var(--hw));background:#eef1f3}
.hw-leer i:nth-child(1){width:48%}.hw-leer i:nth-child(2){width:94%}.hw-leer i:nth-child(3){width:82%}.hw-leer i:nth-child(4){width:38%;margin-top:calc(14 * var(--hw))}
/* Landingpage (Beispiel) */
.hw-lp{display:flex;flex-direction:column;background:#F5FAF9;opacity:0;transform:translateX(18%)}
.hw-lp-kopf{display:flex;align-items:center;gap:calc(9 * var(--hw));height:calc(48 * var(--hw));padding:0 calc(18 * var(--hw));background:#fff;border-bottom:1px solid #DCEAE7}
.hw-lp-kopf i{width:calc(24 * var(--hw));height:calc(24 * var(--hw));border-radius:50%;background:linear-gradient(135deg,#1E9D92,#0C4650)}
.hw-lp-kopf b{font:700 calc(14 * var(--hw)) var(--display);color:#0B2A33}
.hw-lp-hero{padding:calc(22 * var(--hw)) calc(18 * var(--hw)) calc(20 * var(--hw));background:linear-gradient(160deg,#0C4650,#03232D);color:#fff}
.hw-lp-hero small{display:inline-block;padding:calc(3 * var(--hw)) calc(9 * var(--hw));border-radius:999px;background:rgba(148,224,203,.16);font:700 calc(10 * var(--hw)) var(--display);letter-spacing:.12em;text-transform:uppercase;color:#94E0CB}
.hw-lp-hero b{display:block;margin-top:calc(12 * var(--hw));font:800 calc(23 * var(--hw))/1.12 var(--display);letter-spacing:-.02em}
.hw-lp-hero span{display:block;margin-top:calc(8 * var(--hw));font-size:calc(13 * var(--hw));color:rgba(238,248,246,.8)}
.hw-lp-form{display:grid;gap:calc(12 * var(--hw));padding:calc(20 * var(--hw)) calc(18 * var(--hw))}
.hw-feld{display:grid;gap:calc(5 * var(--hw));font:600 calc(11.5 * var(--hw)) var(--display);color:#5D7177}
.hw-feld span{display:flex;align-items:center;height:calc(42 * var(--hw));padding:0 calc(12 * var(--hw));border-radius:calc(10 * var(--hw));background:#fff;border:1px solid #DCEAE7;font:500 calc(14 * var(--hw)) var(--body);color:#0B2A33;white-space:nowrap;overflow:hidden}
.hw-knopf{display:flex;align-items:center;justify-content:center;height:calc(48 * var(--hw));margin-top:calc(4 * var(--hw));border-radius:999px;background:linear-gradient(135deg,#1E9D92,#107978);font:700 calc(15 * var(--hw)) var(--display);color:#fff;transition:transform .15s,background .3s}

/* Schwebende Karten */
.hw-karte{position:absolute;right:0;opacity:0;transition:opacity .6s var(--ease),transform .7s var(--ease)}
.hw-gemini{margin:0;left:0;right:auto;top:calc(118 * var(--hw));width:calc(350 * var(--hw));border-radius:calc(14 * var(--hw));overflow:hidden;background:#fff;box-shadow:0 calc(30 * var(--hw)) calc(60 * var(--hw)) calc(-20 * var(--hw)) rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1);transform:translateX(calc(-40 * var(--hw)))}
.hw-bar{display:flex;align-items:center;gap:calc(6 * var(--hw));height:calc(30 * var(--hw));padding:0 calc(12 * var(--hw));background:linear-gradient(#f1f4f4,#e8eded);border-bottom:1px solid #dfe5e5}
.hw-bar i{width:calc(9 * var(--hw));height:calc(9 * var(--hw));border-radius:50%;background:#d3dada}
.hw-bar span{margin-left:calc(8 * var(--hw));font:500 calc(11 * var(--hw)) var(--body);color:#637377}
.hw-gemini img{display:block;width:100%;height:auto}
.hw-toast{top:calc(64 * var(--hw));left:calc(144 * var(--hw));right:auto;display:flex;align-items:center;gap:calc(12 * var(--hw));width:calc(330 * var(--hw));padding:calc(14 * var(--hw)) calc(16 * var(--hw));border-radius:calc(18 * var(--hw));background:rgba(255,255,255,.97);box-shadow:0 calc(24 * var(--hw)) calc(50 * var(--hw)) calc(-18 * var(--hw)) rgba(0,0,0,.6);transform:translateY(calc(-24 * var(--hw)))}
.hw-toast-ic{flex:none;display:grid;place-items:center;width:calc(38 * var(--hw));height:calc(38 * var(--hw));border-radius:calc(11 * var(--hw));background:#1E9D92}
.hw-toast-ic svg{width:calc(20 * var(--hw));height:calc(20 * var(--hw))}
.hw-toast div{flex:1;min-width:0;display:grid;gap:calc(2 * var(--hw))}
.hw-toast b{font:700 calc(14 * var(--hw)) var(--display);color:#0B2A33}
.hw-toast span{font-size:calc(12.5 * var(--hw));color:#5D7177;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-toast small{align-self:flex-start;font-size:calc(11 * var(--hw));color:#8A9A9E}
.hw-dash{bottom:calc(36 * var(--hw));width:calc(340 * var(--hw));padding:calc(18 * var(--hw)) calc(20 * var(--hw)) calc(20 * var(--hw));border-radius:calc(20 * var(--hw));background:linear-gradient(160deg,rgba(18,62,70,.97),rgba(4,36,46,.98));border:1px solid rgba(148,224,203,.24);box-shadow:0 calc(30 * var(--hw)) calc(60 * var(--hw)) calc(-20 * var(--hw)) rgba(0,0,0,.7);color:#EAF6F3;transform:translateY(calc(30 * var(--hw)))}
.hw-dash-kopf{display:flex;justify-content:space-between;align-items:center;font:700 calc(13 * var(--hw)) var(--display)}
.hw-dash-kopf small{padding:calc(3 * var(--hw)) calc(8 * var(--hw));border-radius:999px;border:1px solid rgba(148,224,203,.35);font:700 calc(9.5 * var(--hw)) var(--display);letter-spacing:.12em;text-transform:uppercase;color:#94E0CB}
.hw-dash-zahl{display:flex;align-items:baseline;gap:calc(10 * var(--hw));margin-top:calc(14 * var(--hw))}
.hw-zahl{font:800 calc(42 * var(--hw))/1 var(--display);letter-spacing:-.03em;color:#fff}
.hw-plus{padding:calc(3 * var(--hw)) calc(8 * var(--hw));border-radius:999px;background:#94E0CB;font:800 calc(12 * var(--hw)) var(--display);color:#03232D;opacity:0;transform:scale(.6);transition:opacity .4s,transform .5s var(--ease)}
.hw-dash-zahl+span{display:block;margin-top:calc(4 * var(--hw));font-size:calc(12.5 * var(--hw));color:#AFC9C5}
.hw-dash svg{display:block;width:100%;height:calc(54 * var(--hw));margin-top:calc(12 * var(--hw))}
.hw-dash-zeile{display:flex;justify-content:space-between;gap:calc(10 * var(--hw));margin-top:calc(12 * var(--hw));padding-top:calc(12 * var(--hw));border-top:1px solid rgba(148,224,203,.16);font-size:calc(12.5 * var(--hw));color:#D5E7E3}
.hw-dash-zeile b{font-weight:600;color:#fff}

/* Bildunterschrift je Szene */
.hw-cap{position:absolute;left:0;top:calc(712 * var(--hw));width:calc(618 * var(--hw))}
.hw-fort{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(6 * var(--hw));margin-bottom:calc(14 * var(--hw))}
.hw-fort i{position:relative;height:3px;border-radius:3px;background:rgba(148,224,203,.18);overflow:hidden}
.hw-fort i::after{content:"";position:absolute;inset:0;background:#94E0CB;transform:scaleX(0);transform-origin:left}
.hw-texte{position:relative;min-height:calc(78 * var(--hw))}
.hw-texte p{position:absolute;inset:0 0 auto 0;margin:0;display:grid;justify-items:center;text-align:center;gap:calc(5 * var(--hw));opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .5s var(--ease)}
.hw-texte small{font:700 max(10.5px,calc(11.5 * var(--hw))) var(--display);letter-spacing:.16em;text-transform:uppercase;color:#94E0CB}
.hw-texte b{font:700 max(17px,calc(21 * var(--hw)))/1.2 var(--display);color:#fff}
.hw-texte span{font-size:max(12.5px,calc(13.5 * var(--hw)));color:#AFC9C5}

/* Zustände: Szene 3 (Maps) ist der Grundzustand (fertig, ohne Skript und bei reduzierter Bewegung sichtbar) */
.hw .hw-texte p[data-s="3"]{opacity:1;transform:none}
.hw.laeuft .hw-texte p[data-s="3"]{opacity:0;transform:translateY(6px)}
.hw.laeuft[data-szene="1"] .hw-texte p[data-s="1"],.hw.laeuft[data-szene="2"] .hw-texte p[data-s="2"],.hw.laeuft[data-szene="3"] .hw-texte p[data-s="3"],.hw.laeuft[data-szene="4"] .hw-texte p[data-s="4"],.hw.laeuft[data-szene="5"] .hw-texte p[data-s="5"],.hw.laeuft[data-szene="6"] .hw-texte p[data-s="6"]{opacity:1;transform:none}
.hw .hw-fort i:nth-child(-n+3)::after{transform:none}
.hw.laeuft .hw-fort i::after{transform:scaleX(0)}
.hw.laeuft .hw-fort i.voll::after{transform:none}
.hw.laeuft .hw-fort i.an::after{animation:hw-fuellen var(--d,4s) linear forwards}
@keyframes hw-fuellen{to{transform:none}}
.hw-cursor{opacity:0}
.hw.laeuft:not(.ergebnis):not(.ads-da) .hw-cursor{opacity:1;animation:hw-blink 1s steps(1) infinite}
@keyframes hw-blink{50%{opacity:0}}
.hw.laeuft:not(.ergebnis) .hw-maps{opacity:0;transform:translateY(calc(30 * var(--hw)))}
.hw.ergebnis .hw-maps .hw-ring{animation:hw-puls 1.8s var(--ease) .4s infinite}
.hw.feed .hw-feed{opacity:1}
.hw.feed .hw-google{opacity:0}
/* Der Feed scrollt um den ersten, unscharfen Beitrag nach oben, dann färbt sich die Knopfleiste wie bei Instagram */
.hw.feed-scroll .hw-feed-spur{transform:translateY(calc(-1 * (46 + 375 + 12 + 25 + 12) * var(--hw)))}
.hw.feed-blau .hw-cta-leiste{background:#0095f6;color:#fff}
.hw.ads-da .hw-serp{opacity:1;transform:none}
.hw.ads-da .hw-ring-anzeige{animation:hw-puls 1.8s var(--ease) .5s infinite}
@keyframes hw-puls{0%{box-shadow:0 0 0 0 rgba(30,157,146,.55)}70%{box-shadow:0 0 0 calc(12 * var(--hw)) rgba(30,157,146,0)}100%{box-shadow:0 0 0 0 rgba(30,157,146,0)}}
.hw.gemini .hw-gemini{opacity:1;transform:none}
.hw.gemini .hw-google{opacity:.55}
.hw.lp .hw-google{opacity:0;transform:translateX(-18%)}
.hw.lp .hw-lp{opacity:1;transform:none}
.hw.druck .hw-knopf{transform:scale(.95)}
.hw.gesendet .hw-knopf{background:#0B2A33}
.hw.toast .hw-toast{opacity:1;transform:none}
.hw.dash .hw-dash{opacity:1;transform:none}
.hw.plus .hw-plus{opacity:1;transform:none}

/* Schmalere Querformate: Gruppe etwas kleiner, damit sie neben den Text passt */
@media (min-aspect-ratio:11/10) and (max-width:1180px){.hw{--hw:calc(var(--u) * .8)}}

/* Hochformat: die Bühne steht unter dem Text */
@media (max-aspect-ratio:11/10){
  /* Der Verlauf aus video-hero.css würde Handy und Bildunterschrift abdunkeln: hier nur die letzten Pixel */
  .hv-plate::after{background:linear-gradient(to bottom,rgba(3,35,45,0) calc(100% - 18px),#03232D 100%)}
  .hw{--hw:min(calc(100vw / 640),1.05px);top:auto;bottom:28px;left:50%;right:auto;width:calc(618 * var(--hw));height:calc(800 * var(--hw));transform:translateX(-50%)}
  .hv-in{padding-bottom:calc(860 * min(calc(100vw / 640),1.05px) + 40px)}
  .hw-texte{min-height:calc(96 * var(--hw))}
  .hw-texte b{font-size:max(16px,calc(25 * var(--hw)))}
  .hw-texte span{font-size:max(12.5px,calc(16 * var(--hw)))}
}
@media (max-aspect-ratio:11/10) and (min-width:600px){
  .hw{--hw:min(calc(100vw / 860),1.2px)}
  .hv-in{padding-bottom:calc(860 * min(calc(100vw / 860),1.2px) + 40px)}
}