/* STIEL · Floristik · art direction: leaf-light celadon, deep stem green, one ranunculus orange.
   Type: Familjen Grotesk (display), Instrument Serif italic (one soft word), Hanken Grotesk (text), IBM Plex Mono (labels). */
:root{
  --canvas:#E6ECE4; --panel:#F1F4EF; --paper:#FAFBF8;
  --ink:#10241A; --muted:#4D6056; --line:rgba(16,36,26,.14); --line-strong:rgba(16,36,26,.3);
  --accent:#FF5B2E; --accent-ink:#10241A; --accent-muted:#FFD3C3;
  --stem:#4C7A3D; --leaf:#86B06A;
  --f-display:'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
  --f-serif:'Instrument Serif',ui-serif,Georgia,serif;
  --f-body:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --display-weight:700;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --pad:clamp(96px,13vw,190px);
  --grain:.045;
  color-scheme:light;
}
.chapter[data-tone="dawn"]{--canvas:#11202A;--panel:#192C36;--paper:#1E333E;--ink:#EEF2EC;--muted:#A4B6B1;--line:rgba(238,242,236,.13);--line-strong:rgba(238,242,236,.3)}
.chapter[data-tone="blush"]{--canvas:#F3E3E1;--panel:#FAF1F0;--paper:#FFF8F7;--muted:#6A5458;--line:rgba(16,36,26,.12)}
.site-head{--head-dark-ink:#EEF2EC}
body{background:var(--canvas)}
main{position:relative;z-index:1}
.muted{color:var(--muted)}
.chapter{padding-block:var(--pad)}
h1,h2{letter-spacing:-.035em;line-height:.92;text-wrap:balance}
h2{font-size:clamp(2.6rem,1.4rem + 5vw,6.6rem)}
h3{font-family:var(--f-body);font-weight:600;font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);letter-spacing:-.015em;line-height:1.1}
em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
h1 em,h2 em{color:var(--accent);padding-right:.04em}
.btn--solid{color:var(--accent-ink)}
.petals{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}

/* logo */
.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}
.logo svg{width:34px;height:34px}
.logo span{font-family:var(--f-display);font-weight:700;font-size:1.35rem;letter-spacing:.02em}

/* ===== 01 HERO ===== */
.hero{padding-block:0}
.hero .variant{position:relative;min-height:100svh;overflow:hidden}
.meadow{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(52svh,560px);pointer-events:none}
.hero__in{position:relative;z-index:2;display:grid;gap:clamp(14px,2vw,24px);padding:clamp(104px,14svh,150px) 0 0}
.hero__k{color:var(--muted)}
.hero__t{font-size:clamp(3rem,1rem + 6.6vw,8.4rem);max-width:none}
.hero__l{display:block;white-space:nowrap}
@media (max-width:600px){.hero__l{white-space:normal}}
.hero__t em{font-size:1.08em;line-height:.8}
.hero__row{display:grid;gap:20px;align-items:end}
.hero__lead{max-width:38ch;font-size:clamp(1.05rem,1rem + .35vw,1.3rem)}
.hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.hero__today{display:inline-flex;align-items:center;gap:.6em;color:var(--muted)}
.hero__today .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,91,46,.5);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,91,46,.55)}70%{box-shadow:0 0 0 10px rgba(255,91,46,0)}100%{box-shadow:0 0 0 0 rgba(255,91,46,0)}}
.hero__hint{position:absolute;right:20px;bottom:18px;z-index:2;color:var(--muted);background:rgba(241,244,239,.75);padding:.35em .7em;border-radius:99px;backdrop-filter:blur(6px)}
@media (min-width:960px){.hero__row{grid-template-columns:1fr auto;max-width:980px}}
@media (pointer:coarse){.hero__hint{display:none}}

/* ===== band ===== */
.band{position:relative;z-index:3;margin:-8px -24px 0;padding:clamp(16px,1.6vw,22px) 0;background:var(--ink);color:var(--canvas);transform:rotate(-1.2deg);box-shadow:0 24px 50px -30px rgba(16,36,26,.8)}
.band__item{font-family:var(--f-display);font-weight:700;font-size:clamp(1.9rem,1rem + 3.4vw,4rem);letter-spacing:-.035em;line-height:1;padding:0 .4em}
.band__item em{font-weight:400;font-size:1.12em;color:#FFD3C3}
.band__sep{color:var(--accent);font-size:clamp(1.2rem,.8rem + 1.6vw,2.2rem)}

/* ===== 02 MORGEN (dawn) ===== */
.morgen{overflow:clip}
.morgen__grid{display:grid;gap:clamp(24px,4vw,64px)}
.morgen__stick{position:sticky;top:70px;height:min(52svh,520px);z-index:0}
.morgen__flower{position:absolute;inset:0;width:100%;height:100%}
.morgen__glow{position:absolute;left:50%;top:50%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,120,.32),rgba(255,140,90,.08) 55%,rgba(255,140,90,0));opacity:var(--g,.2);pointer-events:none;z-index:-1}
.morgen__text{position:relative;display:grid;gap:clamp(18px,2.4vw,28px);align-content:start;padding-block:2svh 6svh}
.morgen__k{color:var(--accent)}
.morgen__h{font-size:clamp(2.4rem,1.4rem + 4.2vw,5.8rem);max-width:13ch}
.morgen__p{max-width:42ch;font-size:clamp(1.05rem,1rem + .4vw,1.35rem);color:var(--muted)}
.morgen__time{list-style:none;margin:clamp(20px,4svh,60px) 0 0;padding:0;display:grid;gap:0}
.morgen__time li{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line);opacity:.35;transition:opacity .5s var(--ease-out)}
.morgen__time li.is-on{opacity:1}
.morgen__time .mono{color:var(--accent);font-size:.9rem}
@media (min-width:960px){
  .morgen__grid{grid-template-columns:1fr 1fr;align-items:start}
  .morgen__stick{top:12svh;height:76svh}
  .morgen__text{padding-block:16svh 30svh}
  .morgen__time{margin-top:24svh}
}

/* ===== 03 SPIRALE ===== */
.spirale{padding-block:0}
.spirale__pin{position:relative;height:100svh;overflow:hidden}
.spirale__cv{position:absolute;inset:0;width:100%;height:100%}
.spirale__ui{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:96px 0 28px;pointer-events:none}
.spirale__head .mono{color:var(--accent);margin-bottom:12px}
.spirale__head h2{font-size:clamp(2.2rem,1.4rem + 3.4vw,5rem)}
.spirale__steps{list-style:none;margin:0;padding:0;align-self:end;display:grid;gap:0;max-width:380px}
.spirale__steps li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:10px 0;border-top:1px solid var(--line);opacity:.28;transition:opacity .45s var(--ease-out)}
.spirale__steps li.is-on{opacity:1}
.spirale__steps .mono{grid-row:span 2;color:var(--accent);padding-top:3px}
.spirale__steps p{color:var(--muted);font-size:.95rem}
.spirale__meter{position:absolute;right:0;top:100px;display:grid;justify-items:end;gap:8px;color:var(--muted)}
.spirale__n{font-family:var(--f-display);font-weight:700;font-size:clamp(3rem,2rem + 4vw,6rem);letter-spacing:-.05em;line-height:.8;color:var(--ink);font-variant-numeric:tabular-nums}
.spirale__meter i{display:block;width:160px;height:3px;background:var(--line);border-radius:2px;overflow:hidden}
.spirale__meter b{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
@media (max-width:959px){
  .spirale__steps li{display:none}.spirale__steps li.is-on{display:grid;border-top:0;background:rgba(241,244,239,.88);backdrop-filter:blur(8px);padding:12px 14px;border-radius:14px}
  .spirale__steps{max-width:none;padding-right:120px}
  .spirale__meter{top:96px}.spirale__meter i{width:90px}
}
html.reduced .spirale__pin{height:auto;min-height:100svh}
html.reduced .spirale__steps li{display:grid;opacity:1}

/* ===== 04 SAISON ===== */
.saison{padding-block:0;transition:background-color .6s}
.saison__pin{height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3svh,32px);padding-top:76px;overflow:hidden}
.saison__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.saison__head h2{font-size:clamp(2.2rem,1.4rem + 3.4vw,5rem)}
.saison__now{color:var(--accent);text-align:right}
.saison__track{list-style:none;margin:0;padding:0 max(16px,calc((100vw - 1320px)/2));display:flex;gap:clamp(16px,2vw,32px);width:max-content}
.season{position:relative;width:min(86vw,1000px);height:min(60svh,560px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;border-radius:32px;background:rgba(255,255,255,.42);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.season canvas{width:100%;height:100%;min-height:0}
.season__txt{padding:clamp(18px,3vw,36px);display:grid;gap:6px}
.season__txt .mono{color:var(--muted)}
.season__txt h3{font-family:var(--f-display);font-weight:700;font-size:clamp(2.4rem,1.6rem + 3vw,4.6rem);letter-spacing:-.045em;line-height:.9}
.season__txt p{max-width:40ch;color:var(--muted)}
.season.is-now::after{content:"Jetzt im Laden";position:absolute;top:18px;right:18px;padding:.4em .8em;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
@media (min-width:960px){.season{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr}.season__txt{align-content:end}}
html.reduced .saison__pin{height:auto;padding-block:var(--pad)}
html.reduced .saison__track{flex-direction:column;width:auto}
html.reduced .season{width:auto}

/* ===== 05 BINDEN ===== */
.binden__head{display:grid;gap:16px;margin-bottom:clamp(28px,4vw,56px)}
.binden__head .mono{color:var(--accent)}
.binden__head p:last-child{max-width:52ch;color:var(--muted)}
.binden__grid{display:grid;gap:clamp(20px,3vw,40px);align-items:start}
.binden__stage{position:relative;border-radius:32px;background:radial-gradient(120% 90% at 50% 20%,var(--paper),var(--panel));box-shadow:0 0 0 1px var(--line),0 40px 80px -50px rgba(16,36,26,.45);padding:12px}
.binden__cv{width:100%;aspect-ratio:1/1.02}
.binden__empty{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:var(--muted);text-align:center;pointer-events:none;transition:opacity .4s}
.binden__tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:6px 0 10px}
.binden__tools .btn{--bh:44px;font-size:.92rem;background:var(--paper);border-color:var(--line-strong)}
.binden__panel{display:grid;gap:22px}
.picker,.papers{border:0;margin:0;padding:0;display:grid;gap:10px}
.picker legend,.papers legend{color:var(--muted);margin-bottom:8px;padding:0}
.picker__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pick{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;min-height:64px;padding:8px 12px 8px 8px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);transition:border-color .3s,transform .3s var(--ease-out),box-shadow .3s}
.pick canvas{grid-row:span 2;width:44px;height:44px}
.pick__n{font-weight:600;line-height:1.1}
.pick__p{font-family:var(--f-mono);font-size:.78rem;color:var(--muted)}
.pick__c{position:absolute;top:-8px;right:-6px;min-width:26px;height:26px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-family:var(--f-mono);font-size:.78rem;transform:scale(0);transition:transform .35s var(--ease-out)}
.pick.has .pick__c{transform:scale(1)}
.pick:hover{border-color:var(--ink);transform:translateY(-2px)}
.pick:disabled{opacity:.45;cursor:not-allowed;transform:none}
.papers__row{display:flex;flex-wrap:wrap;gap:8px}
.papers__row button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 8px;border-radius:99px;border:1.5px solid var(--line-strong);background:transparent;font-weight:600}
.papers__row button::before{content:"";width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.papers__row button[aria-checked="true"]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}
.sum{display:grid;border-top:1px solid var(--line)}
.sum div{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.sum .mono{color:var(--muted);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.sum b{font-variant-numeric:tabular-nums}
.sum__total b{font-family:var(--f-display);font-size:2rem;letter-spacing:-.03em}
.order{display:grid;gap:12px}
.order__two{display:grid;gap:12px}
.order .btn{justify-self:start}
@media (min-width:600px){.order__two{grid-template-columns:1fr 1fr}.picker__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.binden__grid{grid-template-columns:7fr 5fr}.binden__stage{position:sticky;top:90px}}

/* ===== 06 ABO ===== */
.abo__head{display:grid;gap:16px;margin-bottom:clamp(28px,4vw,56px)}
.abo__head p{max-width:56ch;color:var(--muted)}
.abo__cards{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.plan{position:relative;display:grid;gap:8px;padding:clamp(20px,3vw,32px);border-radius:28px;background:var(--paper);box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:transform .5s var(--ease-out),box-shadow .5s}
.plan canvas{width:140px;height:140px;margin:-12px 0 4px -12px}
.plan .mono{color:var(--muted)}
.plan h3{font-family:var(--f-display);font-weight:700;font-size:clamp(1.7rem,1.3rem + 1vw,2.3rem);letter-spacing:-.04em;line-height:.95}
.plan__price{font-family:var(--f-display);font-weight:700;font-size:2.2rem;letter-spacing:-.04em;line-height:1}
.plan__price small{display:block;font-family:var(--f-mono);font-weight:400;font-size:.72rem;letter-spacing:.04em;color:var(--muted);margin-top:4px}
.plan p:last-child{color:var(--muted)}
.plan--main{background:var(--ink);color:#EEF2EC}
.plan--main .mono,.plan--main p:last-child,.plan--main small{color:rgba(238,242,236,.7)}
.plan:hover{transform:translateY(-6px);box-shadow:0 0 0 1px var(--line),0 40px 70px -40px rgba(16,36,26,.5)}
.laden{display:grid;gap:20px;margin-top:clamp(40px,6vw,80px);padding-top:24px;border-top:1px solid var(--line)}
.laden .mono{color:var(--muted);margin-bottom:6px}
@media (min-width:860px){.abo__cards{grid-template-columns:repeat(3,1fr)}.laden{grid-template-columns:repeat(3,1fr)}}

/* ===== FOOTER ===== */
.site-foot{position:relative;z-index:1;background:var(--ink);color:#E6ECE4;padding:clamp(64px,8vw,120px) 0 32px}
.site-foot .mono{opacity:.65;margin-bottom:6px}
.site-foot a{color:inherit}
.site-foot .muted{color:rgba(230,236,228,.65)}
.foot__cta{display:grid;gap:14px;padding-bottom:clamp(40px,6vw,88px);margin-bottom:clamp(36px,5vw,64px);border-bottom:1px solid rgba(230,236,228,.15)}
.foot__big{display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:clamp(2.4rem,1.2rem + 6vw,8rem);line-height:.92;letter-spacing:-.05em}
.foot__bigt{background:linear-gradient(var(--accent),var(--accent)) 0 100%/0% 5px no-repeat;padding-bottom:.06em;transition:background-size .7s var(--ease-out)}
.foot__big:hover .foot__bigt,.foot__big:focus-visible .foot__bigt{background-size:100% 5px}
.foot__arr{display:grid;place-items:center;flex:none;width:clamp(64px,8vw,120px);aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.5em;transition:transform .6s var(--ease-out)}
.foot__big:hover .foot__arr{transform:rotate(-45deg) scale(1.06)}
.foot__grid{display:grid;gap:24px}
.foot__legal{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(230,236,228,.15);font-size:.85rem;color:rgba(230,236,228,.65)}
.foot__wordwrap{margin-top:clamp(36px,5vw,64px);overflow:hidden;line-height:.78}
.foot__word{font-family:var(--f-display);font-weight:700;letter-spacing:-.06em;color:#E6ECE4;margin:0 0 -.1em;user-select:none}
@media (min-width:960px){.foot__grid{grid-template-columns:1fr 1fr 2fr}.foot__legal{grid-column:auto;border-top:0;padding-top:0}}
@media (max-width:959px){.morgen__stick{position:relative;top:auto;height:min(54svh,460px)}.morgen__text{padding-block:0 4svh}}

/* ===== v2: details ===== */
/* hero live line */
.hero__meta{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.hero__live{display:inline-flex;flex-wrap:wrap;gap:.2em .6em;color:var(--muted)}
.hero__live b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.hero__sep{color:var(--accent)}
/* band icons */
.band__sep--img{display:inline-grid;place-items:center;padding:0 .2em}
.band__sep--img img{width:clamp(30px,1.4rem + 2.2vw,58px);height:auto;display:block;animation:bandspin 14s linear infinite}
.band__sep--img:nth-of-type(2n) img{animation-direction:reverse}
@keyframes bandspin{to{transform:rotate(360deg)}}
/* buttons: fill grows from the pointer */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::before{content:"";position:absolute;left:var(--bx,50%);top:var(--by,50%);width:250%;aspect-ratio:1;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%) scale(0);transition:transform .6s var(--ease-out);z-index:-1;pointer-events:none}
.btn--solid::before,.btn--ink::before{background:var(--paper)}
.btn--ink:hover{color:var(--ink)}
@media (hover:hover){
  .btn:hover::before{transform:translate(-50%,-50%) scale(1)}
  .btn:hover{color:var(--canvas)}
  .btn--solid:hover{color:var(--ink);border-color:var(--ink)}
  .papers__row button.btn:hover{color:inherit}
}
.plan--main .btn::before{background:#EEF2EC}
/* flower cursor */
.cursor{border-color:transparent!important;background:none!important}
.cursor__flower{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(16,36,26,.18))}
.cursor .cursor__label{top:auto;bottom:-22px;height:auto;color:var(--ink);white-space:nowrap}
/* stem rail */
.rail{position:fixed;left:16px;top:50%;height:64vh;width:28px;transform:translateY(-50%);z-index:40;pointer-events:none;display:none}
.rail svg{position:absolute;left:0;top:0;width:28px;overflow:visible}
.rail__stem{fill:none;stroke:var(--stem);stroke-width:2.2;stroke-linecap:round}
.rail__leaf{fill:var(--leaf);transform-box:fill-box;transform-origin:0 100%;transform:scale(0);transition:transform .5s var(--ease-out)}
.rail__dot{position:absolute;left:4px;width:20px;height:20px;display:grid;place-items:center;pointer-events:auto;text-decoration:none;color:var(--ink)}
.rail__dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--canvas);box-shadow:0 0 0 1.5px var(--line-strong);transition:background-color .3s,box-shadow .3s,transform .3s var(--ease-out)}
.rail__dot.is-past::before{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
.rail__dot:hover::before,.rail__dot:focus-visible::before{transform:scale(1.5)}
.rail__dot span{position:absolute;left:28px;top:50%;transform:translate(-6px,-50%);opacity:0;padding:.35em .7em;border-radius:99px;background:var(--ink);color:var(--canvas);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:opacity .3s,transform .4s var(--ease-out);pointer-events:none}
.rail__dot:hover span,.rail__dot:focus-visible span{opacity:1;transform:translate(0,-50%)}
.rail__bud{position:absolute;left:-18px;top:6px;width:64px;height:64px;pointer-events:none;will-change:transform}
@media (min-width:1180px) and (pointer:fine){.rail{display:block}}
/* morgen: sky + clock */
.morgen .variant{position:relative}
.morgen__sky{position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:0;pointer-events:none}
.morgen__sky canvas{width:100%;height:100%;display:block}
.morgen__grid{position:relative;z-index:1}
.morgen__clock{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);margin:0;display:flex;align-items:baseline;font-family:var(--f-mono);font-weight:500;font-size:clamp(1.8rem,1.2rem + 2.2vw,3.4rem);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;z-index:2;text-shadow:0 2px 24px rgba(17,32,42,.6)}
.morgen__clock i{font-style:normal;padding:0 .06em;animation:blink 1.2s steps(1) infinite;color:var(--accent)}
@keyframes blink{50%{opacity:.15}}
/* saison: ring + fx */
.season__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.ring{position:absolute;top:16px;left:16px;width:clamp(78px,6vw + 30px,118px);aspect-ratio:1;z-index:2;pointer-events:none}
.ring svg{width:100%;height:100%;overflow:visible}
.ring__seg{fill:none;stroke:rgba(16,36,26,.16);stroke-width:5;stroke-linecap:round}
.ring__seg.on{stroke:var(--accent)}
.ring text{font-family:var(--f-mono);font-size:7px;fill:var(--muted);text-anchor:middle}
.ring text.now{fill:var(--ink);font-weight:600}
.ring__now{fill:var(--ink);stroke:#fff;stroke-width:1.6}
.season__txt{position:relative;z-index:2}
/* binden: +1 floats */
.binden__fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.binden__float{position:absolute;translate:-50% 0;padding:.4em .8em;border-radius:99px;background:var(--ink);color:var(--canvas);font-size:.74rem;letter-spacing:.04em;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(16,36,26,.6)}
.sum__t{display:inline-block;min-width:6ch;text-align:right}
/* abo: week strip */
.plan__weeks{display:flex;align-items:center;gap:6px;margin:4px 0 2px}
.plan__weeks i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.plan__weeks i.is-d{box-shadow:inset 0 0 0 1.5px var(--accent)}
.plan__weeks i.on{background:var(--accent)}
.plan__weeks .mono{margin-left:6px;font-size:.66rem;letter-spacing:.05em}
.plan--main .plan__weeks i{box-shadow:inset 0 0 0 1.5px rgba(238,242,236,.3)}
.plan--main .plan__weeks i.is-d{box-shadow:inset 0 0 0 1.5px var(--accent)}
/* live status */
.live{display:inline-flex;align-items:center;gap:.55em;margin-top:6px;font-size:.92rem;color:var(--muted)}
.live__dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}
.live.is-open{color:var(--ink)}
.live.is-open .live__dot{background:#3FA34D;animation:pulseg 2.2s infinite}
@keyframes pulseg{0%{box-shadow:0 0 0 0 rgba(63,163,77,.55)}70%{box-shadow:0 0 0 9px rgba(63,163,77,0)}100%{box-shadow:0 0 0 0 rgba(63,163,77,0)}}
/* footer meadow + wordmark */
.foot__meadow{position:absolute;left:0;top:-150px;width:100%;height:152px;pointer-events:none;z-index:0}
.site-foot > .wrap{position:relative;z-index:1}
.fw{display:inline-block;will-change:transform}
html.reduced .band__sep--img img,html.reduced .morgen__clock i,html.reduced .live__dot{animation:none}
@media (max-width:600px){.hero__sep{display:none}.hero__live{flex-direction:column;gap:2px}}