/* Basis (Reset) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}

/* Layout: eine Reise in vier Etappen – Start, Ionensturm, Durchbruch, Ziel. Intro: DIGI-WEEK → Wurmloch → Quasar → Quasar-Schriftzug DIGI-WEEK; beim Scrollen Flug durch Ionensturm und Warp-Tunnel, am Ende wagt ein Raumschiff den Hypersprung. */
:root{
  /* Warp-Impuls: Kern, Strahlen, Nacht */
  --ground:#050817; --ground-deep:#020309; --ground-a:rgba(5,8,23,.55); --ground-2a:rgba(8,12,34,.62); --surface:#0B1230; --surface-2:#121B44;
  --line:rgba(130,170,255,.2); --ink:#EEF4FF; --soft:#9DA8C7;
  --core:#F4FAFF; --ice:#CFEAFF; --ultra:#2E6BFF; --uink:#6F9BFF; --lime:#22D3FF; --on-lime:#050817; --w-violet:#8B5CF6; --w-magenta:#E83CC8;
  /* Ionensturm: Violett, Magenta, Blitze, Indigo-Nebel */
  --ion:#B79CFF; --s-violet:#7C3AED; --s-magenta:#D946EF; --berry:#FF4FA3; --s-orange:#FF8A3D; --spark-blue:#3D8BFF; --spark-teal:#2DE2D0; --spark-neon:#B6FF3B;
  --indigo:#17123A; --slate:#2A3150; --ion-tint:rgba(183,156,255,.12);
  --day1:#6F9BFF; --day2:#22D3FF; --day3:#F06BDA; --day4:#FF9A57;
  --f-display:Rajdhani,"Arial Narrow",sans-serif; --f-body:"Exo 2",system-ui,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ground)}
#sky{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.page{position:relative;z-index:1}
a{color:var(--lime)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:700px){.wrap{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}
h1,h2,h3{font-family:var(--f-display);font-weight:700;margin:0;text-wrap:balance}
.label{margin:0;font-family:var(--f-mono);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}
.label.ion{color:var(--ion)}
.h2{font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:1.5px;text-transform:uppercase}
.lead{font-size:clamp(17px,1.6vw,19px);color:var(--soft);max-width:60ch;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:8px;font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.btn-p{background:var(--core);color:var(--on-lime)}
.btn-p:hover{box-shadow:0 0 24px rgba(207,234,255,.45)}
.btn-s{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-s:hover{border-color:var(--lime)}
.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
section{padding-block:clamp(72px,9vw,120px)}
.band{background:var(--ground-a)}
.band-2{background:var(--ground-2a)}
.head{display:grid;gap:16px;margin-bottom:48px;max-width:760px}

/* Header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(5,8,23,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand svg{width:40px;height:40px;flex:none}
.brand b{display:block;font-family:var(--f-display);font-size:23px;line-height:.9;letter-spacing:2px;text-transform:uppercase}
.brand small{display:block;margin-top:4px;font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.menu{display:flex;gap:26px}
.menu a{color:var(--soft);text-decoration:none;font-family:var(--f-mono);font-size:13px;letter-spacing:.06em}
.menu a:hover{color:var(--ink)}
.top .btn{min-height:42px;padding:0 18px;font-size:14px}
@media(max-width:920px){.menu{display:none}}

/* Kursanzeige */
.course{position:fixed;right:max(18px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:40;display:none}
@media(min-width:1180px){.course{display:block}}
.course ol{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:44px}
.course ol::before{content:"";position:absolute;right:6px;top:6px;bottom:6px;width:2px;background:var(--line)}
.course .fill{position:absolute;right:6px;top:6px;z-index:0;width:2px;height:0;background:linear-gradient(var(--uink),var(--lime))}
.course li{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.course a{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-decoration:none;opacity:.7;transition:opacity .2s,color .2s}
.course a:hover{opacity:1}
.course .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--uink);background:var(--ground);flex:none}
.course li.on a{opacity:1;color:var(--ink)}
.course li.on .dot{border-color:var(--lime);background:var(--lime);box-shadow:0 0 14px rgba(34,211,255,.6)}
.course li.is-storm.on .dot{border-color:var(--ion);background:var(--ion);box-shadow:0 0 12px rgba(183,156,255,.55)}
.course li.is-storm.on a{color:var(--ion)}
.course li[data-stage=durchbruch].on .dot{border-color:var(--core);background:var(--core);box-shadow:0 0 18px rgba(207,234,255,.8)}
.course .ship{position:absolute;right:-6px;top:0;width:26px;height:26px;transition:transform .15s linear}

/* Hero */
.hero{position:relative;overflow:hidden;padding:0;border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,23,.92) 0%,rgba(5,8,23,.55) 45%,rgba(5,8,23,0) 75%),linear-gradient(0deg,var(--ground) 0%,rgba(5,8,23,0) 35%)}
.hero .wrap{position:relative;z-index:2;padding-block:clamp(72px,11vw,150px) clamp(64px,8vw,110px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:760px}
.when{display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;color:var(--soft);margin:0}
.when strong{color:var(--ink);font-weight:600}
.motto{font-size:clamp(68px,13vw,168px);line-height:.86;letter-spacing:2px;text-transform:uppercase}
.motto span{display:block}
.motto .impuls{color:transparent;-webkit-text-stroke:2px var(--core);text-shadow:0 0 28px rgba(207,234,255,.35)}
.claim{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,3vw,34px);line-height:1.15;color:var(--lime);margin:0}
.ctas{display:flex;flex-wrap:wrap;gap:14px}

/* Fakten */
.facts-band{background:var(--ground-a)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.fact{padding:30px 24px;border-left:1px solid var(--line)}
.fact:first-child{border-left:0;padding-left:0}
.fact b{display:block;font-family:var(--f-display);font-size:clamp(40px,5vw,56px);line-height:1;font-variant-numeric:tabular-nums}
.fact span{display:block;margin-top:8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
@media(max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.fact:nth-child(3){border-left:0;padding-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}}

/* Mission */
.mission{display:grid;grid-template-columns:minmax(0,820px);gap:clamp(32px,5vw,72px);align-items:center}
.kv{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:var(--surface);margin:0}
.kv img{width:100%;height:100%;object-fit:cover;display:block}
.kv figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(0deg,rgba(5,8,23,.9),rgba(5,8,23,0));font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--soft)}
.route{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.route li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.route b{font-family:var(--f-display);font-size:19px;letter-spacing:1px;text-transform:uppercase}
.route li:nth-child(2) b{color:var(--ion)}
.route li:nth-child(3) b{color:var(--core)}
.route span{color:var(--soft)}
@media(max-width:860px){.mission{grid-template-columns:minmax(0,1fr)}.route li{grid-template-columns:minmax(0,1fr);gap:2px}}

/* Ionensturm */
.storm{background:radial-gradient(60% 50% at 20% 25%,rgba(124,58,237,.22),transparent 70%),radial-gradient(70% 50% at 50% 100%,rgba(42,49,80,.5),transparent 70%),rgba(23,18,58,.55);border-block:1px solid rgba(183,156,255,.25)}
.storm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sn{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 90% 0%,rgba(124,58,237,.28),transparent 60%),rgba(23,18,58,.9);border:1px solid rgba(183,156,255,.3);border-radius:14px;padding:30px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sn .bolt{position:absolute;right:18px;top:16px;width:64px;height:40px;opacity:.6}
.sn h3{margin:10px 0 8px;font-size:clamp(22px,2.4vw,28px);letter-spacing:1px;text-transform:uppercase}
.sn p{margin:0;color:var(--soft)}
.sn .way{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink)}
.sn .way::before{content:"→ ";color:var(--lime)}
.sn .bolt{filter:drop-shadow(0 0 6px rgba(217,70,239,.5))}
@media(max-width:820px){.storm-grid{grid-template-columns:minmax(0,1fr)}}

/* Durchbruch */
.breach{position:relative;overflow:hidden;padding-block:clamp(64px,8vw,104px);background:linear-gradient(90deg,rgba(5,8,23,.94) 0%,rgba(5,8,23,.7) 42%,rgba(46,107,255,.12) 72%,rgba(5,8,23,0) 100%);border-block:1px solid rgba(34,211,255,.25)}
@media(max-width:760px){.breach{background:rgba(5,8,23,.8)}}
.breach .wrap{position:relative;z-index:2;display:grid;gap:18px}
.breach .label{color:var(--lime)}
.breach h2{font-size:clamp(36px,6vw,76px);line-height:.95;letter-spacing:2px;text-transform:uppercase;color:#fff}
.breach p{margin:0;max-width:56ch;color:rgba(255,255,255,.88);font-size:18px}
.chevrons{position:absolute;inset:0;z-index:1;display:flex;align-items:center;gap:24px;white-space:nowrap;font-family:var(--f-display);font-weight:700;font-size:220px;line-height:1;color:rgba(244,250,255,.12);pointer-events:none;transform:translateX(var(--shift,0px))}

/* Tage */
.days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.day{--c:var(--day1);position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px 24px 26px;overflow:hidden}
.day::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}
.day:nth-child(2){--c:var(--day2)}.day:nth-child(3){--c:var(--day3)}.day:nth-child(4){--c:var(--day4)}
.day .wd{margin:0;font-family:var(--f-mono);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.day h3{font-size:25px;letter-spacing:1px;text-transform:uppercase;margin:10px 0 8px}
.day p{margin:0;font-size:15px;color:var(--soft)}
.tbd{color:var(--soft);font-style:normal;border-bottom:1px dashed var(--line)}
@media(max-width:980px){.days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.days{grid-template-columns:minmax(0,1fr)}}

/* Flugplan */
.plan{position:relative;border:1px solid var(--line);border-radius:18px;padding:20px;background:radial-gradient(120% 80% at 50% -10%,rgba(46,107,255,.22),transparent 60%),var(--ground)}
.plan-scroll{overflow-x:auto}
.plan-grid{display:grid;grid-template-columns:70px repeat(4,minmax(170px,1fr));gap:6px;min-width:780px}
.ph{background:var(--surface-2);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--soft)}
.ph::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--c,transparent)}
.pt{font-family:var(--f-mono);font-size:14px;font-weight:600;color:var(--uink);padding-top:12px;text-align:center}
.pc{height:74px;border-radius:10px;border:1px dashed var(--line);background:repeating-linear-gradient(135deg,rgba(138,144,255,.06) 0 8px,transparent 8px 16px)}
.plan-over{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}
.plan-card{max-width:520px;background:rgba(14,20,82,.95);border:1px solid var(--line);border-radius:14px;padding:30px 28px;display:grid;gap:14px;justify-items:center}
.plan-card h3{font-size:30px;line-height:1.1;letter-spacing:.5px}
.plan-card p{margin:0;color:var(--soft)}

/* Tickets */
.tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tk{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;overflow:hidden}
.tk.feat{border:2px solid var(--lime);box-shadow:0 0 32px rgba(34,211,255,.12)}
.flag{position:absolute;top:0;right:0;padding:7px 14px;border-bottom-left-radius:8px;font-family:var(--f-mono);font-weight:600;font-size:11px;letter-spacing:.15em}
.flag.lime{background:var(--core);color:var(--on-lime)}
.flag.berry{background:var(--berry);color:var(--on-lime)}
.tk h3{font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:var(--soft);font-weight:600}
.price{margin:14px 0 0;font-family:var(--f-display);font-weight:700;font-size:44px;line-height:1}
.price small{font-size:16px;font-weight:600;color:var(--soft)}
.tk ul{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:10px;color:var(--soft);flex:1}
.tk li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px}
.tk li::before{content:"→";color:var(--lime)}
.promise{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:32px;color:var(--soft);font-size:15px}
.promise span::before{content:"→ ";color:var(--lime)}
@media(max-width:900px){.tickets{grid-template-columns:minmax(0,1fr)}}

/* Logbuch */
.log{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:44px}
.log .origin::after{border-color:var(--soft)}
@media(max-width:1000px) and (min-width:761px){.log{grid-template-columns:repeat(2,minmax(0,1fr))}}
.log li{position:relative;padding:34px 24px 0 0}
.log li::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--line)}
.log li::after{content:"";position:absolute;top:-6px;left:0;width:14px;height:14px;border-radius:50%;background:var(--ground);border:2px solid var(--uink)}
.log .n{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--soft)}
.log h3{font-size:clamp(20px,2vw,24px);line-height:1.15;margin-top:10px;letter-spacing:.5px}
.log .note{margin:6px 0 0;font-size:14px;color:var(--soft)}
.log .now::before{background:linear-gradient(90deg,var(--core),rgba(34,211,255,0))}
.log .now::after{background:var(--core);border-color:var(--ice);box-shadow:0 0 18px rgba(207,234,255,.6)}
.log .now .n{color:var(--lime)}
@media(max-width:760px){.log{grid-template-columns:minmax(0,1fr)}.log li{padding:0 0 28px 30px}.log li::before{top:0;bottom:0;left:6px;right:auto;width:2px;height:auto}.log .now::before{background:var(--lime)}.log li::after{top:2px}}

/* Crew */
.crew{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0;padding:0}
.crew li{list-style:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:120px;display:grid;place-items:center;padding:20px;text-align:center;font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);background:rgba(5,8,23,.5);transition:color .2s,background .2s}
.crew li:hover{color:var(--ink);background:var(--surface)}
@media(max-width:900px){.crew{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Ziel / Vormerken */
.signup{background:radial-gradient(80% 120% at 100% 0%,rgba(34,211,255,.35),transparent 60%),var(--ultra);color:#fff}
.signup .label{color:#fff}
.signup .lead{color:rgba(255,255,255,.88)}
.form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end;margin-top:36px}
.fld{display:grid;gap:8px}
.fld label{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.fld input{height:52px;border-radius:8px;border:1.5px solid rgba(255,255,255,.4);background:rgba(5,8,23,.35);color:#fff;padding:0 14px;font:inherit;font-size:16px}
.fld input::placeholder{color:rgba(255,255,255,.62)}
.consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.9)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--lime);flex:none}
.signup .btn-p{min-height:52px}
.status{grid-column:1/-1;min-height:24px;font-family:var(--f-mono);font-size:13px;color:#fff;margin:0}
@media(max-width:900px){.form{grid-template-columns:minmax(0,1fr)}}

footer{position:relative;z-index:1;background:var(--ground);padding-block:40px;border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
footer nav{display:flex;flex-wrap:wrap;gap:22px}
footer a{color:var(--soft);text-decoration:none;font-size:14px}
footer a:hover{color:var(--ink)}
footer p{margin:0;color:var(--soft);font-size:14px}
.fpart{display:grid;gap:6px}
.partner{font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)!important}
.partner span{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--lime);margin-right:8px}

.countdown{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 22px;margin:0}
.countdown div{display:grid;justify-items:start}
.countdown b{font-family:var(--f-display);font-weight:700;font-size:clamp(34px,4.4vw,52px);line-height:1;color:var(--core);font-variant-numeric:tabular-nums;min-width:2ch}
.countdown span{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.countdown p{flex-basis:100%;margin:2px 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--lime)}
.course a{text-shadow:0 0 6px var(--ground),0 0 2px var(--ground)}
.formation{height:300vh;padding:0;position:relative}
.formation-pin{position:sticky;top:0;height:100vh;display:flex;align-items:flex-end;padding-block:0 9vh;pointer-events:none}
.formation-cap{width:100%;display:grid;justify-items:center;gap:10px;text-align:center}
.formation-meta{margin:0;font-family:var(--f-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:899px){.hero .wrap{padding-top:170px}.hero::after{background:linear-gradient(0deg,var(--ground) 0%,rgba(5,8,23,.6) 40%,rgba(5,8,23,0) 72%)}}
.brand b,.brand small{white-space:nowrap}
@media(max-width:420px){.brand b{font-size:19px}.brand small{font-size:9px;letter-spacing:.14em}.top .btn{padding:0 14px}}
/* Scroll-Erzählung */
.top{position:sticky}
.scrollbar{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.scrollbar span{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--ultra),var(--lime),var(--core))}
.motto span{will-change:transform}
.route li{transition:border-color .5s,background .5s}
.route li b{transition:text-shadow .5s,color .5s}
.route li.lit{border-bottom-color:rgba(34,211,255,.45)}
.route li.lit:nth-child(1) b{text-shadow:0 0 18px rgba(111,155,255,.6)}
.route li.lit:nth-child(2) b{text-shadow:0 0 18px rgba(217,70,239,.7)}
.route li.lit:nth-child(3) b{text-shadow:0 0 22px rgba(207,234,255,.9)}
#breach-h{transform-origin:left center;will-change:transform}
.thrust{margin:8px 0 0;font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.4vw,26px);letter-spacing:.14em;text-transform:uppercase;color:var(--core);font-variant-numeric:tabular-nums}
.thrust b{display:inline-block;min-width:3.2ch;text-align:right;font-size:clamp(44px,7vw,88px);line-height:1;margin-right:12px;color:var(--core);text-shadow:0 0 30px rgba(207,234,255,.6)}

/* Bewegung: Hero gleitet ein; Sturm-Karten erhalten beim Eintreten einen Stoß; nach dem Durchbruch richtet sich alles aus. Endzustand ist immer sichtbar. */
@media (prefers-reduced-motion:no-preference){
  .hero-grid>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) 5s both}
  .hero-grid>*:nth-child(2){animation-delay:5.12s}.hero-grid>*:nth-child(3){animation-delay:5.24s}
  .hero-grid>*:nth-child(4){animation-delay:5.36s}.hero-grid>*:nth-child(5){animation-delay:5.48s}.hero-grid>*:nth-child(6){animation-delay:5.6s}
  .hero::after{transition:opacity 1.4s ease}
  .hero.intro::after{opacity:0}
  @keyframes rise{from{transform:translateY(18px);opacity:.001}to{transform:none;opacity:1}}
  .aligned .day,.aligned .tk{animation:lock .7s cubic-bezier(.2,.7,.2,1) both}
  .aligned .day:nth-child(2),.aligned .tk:nth-child(2){animation-delay:.08s}
  .aligned .day:nth-child(3),.aligned .tk:nth-child(3){animation-delay:.16s}
  .aligned .day:nth-child(4){animation-delay:.24s}
  @keyframes lock{from{transform:translateX(-14px)}to{transform:none}}
}