/* ── Schriften, selbst gehostet. Keine Verbindung zu Google. ─────────────── */
@font-face{font-family:"Tinos";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/tinos-400.woff2") format("woff2");}
@font-face{font-family:"Tinos";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/tinos-400-italic.woff2") format("woff2");}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/archivo-400.woff2") format("woff2");}
@font-face{font-family:"Archivo";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/archivo-500.woff2") format("woff2");}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/archivo-600.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/plexmono-400.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/plexmono-500.woff2") format("woff2");}

/* ============================================================
   MAISON MONARC · ESSENTIAL 01 · Pre-Launch
   Palette : Noir #0B0B0C · Graphit #6E6E73 · Anthrazit #212226
             Bone #EFE9DE · Nebel #D9D6D1
   Schrift : Tinos (Times-Linie, deckt sich mit der Praegung)
   ============================================================ */

:root{
  --noir:#0B0B0C; --graphit:#6E6E73; --anthrazit:#212226;
  --bone:#EFE9DE; --nebel:#D9D6D1;

  --bg:#EFE9DE;
  --bg-raised:#F5F1E8;
  --bg-sunken:#E5DFD2;
  --bg-inverse:#0B0B0C;
  --ink:#0B0B0C;
  --ink-2:#3A3B3F;
  --ink-3:#5A5A5F;
  --ink-faint:#8A8780;
  --line:#D2CDC2;
  --line-strong:#B6B0A4;
  --on-inverse:#EFE9DE;
  --on-inverse-2:#A3A2A0;

  --bar-bg:#0B0B0C; --bar-ink:#EFE9DE; --bar-ink-2:#8E8D8B; --bar-line:#2A2B2F;

  --serif:"Tinos","Times New Roman",Times,serif;
  --sans:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --gutter:22px;
  --radius:2px;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B0B0C; --bg-raised:#17181B; --bg-sunken:#050506; --bg-inverse:#EFE9DE;
    --ink:#EFE9DE; --ink-2:#C7C3BA; --ink-3:#8F8F94; --ink-faint:#65656A;
    --line:#28292D; --line-strong:#3D3F45;
    --on-inverse:#0B0B0C; --on-inverse-2:#4A4B4F;
    --bar-bg:#17181B; --bar-line:#2E2F33;
  }
}
:root[data-theme="dark"]{
  --bg:#0B0B0C; --bg-raised:#17181B; --bg-sunken:#050506; --bg-inverse:#EFE9DE;
  --ink:#EFE9DE; --ink-2:#C7C3BA; --ink-3:#8F8F94; --ink-faint:#65656A;
  --line:#28292D; --line-strong:#3D3F45;
  --on-inverse:#0B0B0C; --on-inverse-2:#4A4B4F;
  --bar-bg:#17181B; --bar-line:#2E2F33;
}

*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.62;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
::selection{background:var(--ink);color:var(--bg);}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:1px;}

/* ---------- Layout ---------- */
.wrap{width:min(1240px, 100% - (var(--gutter) * 2)); margin-inline:auto;}
.wrap--narrow{width:min(880px, 100% - (var(--gutter) * 2));}
.band{padding-block:clamp(58px, 8vw, 122px);}
.band--tight{padding-block:clamp(42px, 5.4vw, 74px);}
.band--inverse{background:var(--bg-inverse); color:var(--on-inverse);}
.band--sunken{background:var(--bg-sunken);}
.rule{height:1px;background:var(--line);border:0;margin:0;}
.band--inverse .rule{background:var(--on-inverse-2);}

.stack{display:flex;flex-direction:column;}
.stack-6{gap:6px;} .stack-10{gap:10px;} .stack-16{gap:16px;}
.stack-24{gap:24px;} .stack-32{gap:32px;}

/* ---------- Typografie ---------- */
.eyebrow{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--ink-3); margin:0;
}
.band--inverse .eyebrow{color:var(--on-inverse-2);}

.display{
  font-family:var(--serif); font-weight:400;
  line-height:1.0; letter-spacing:-.012em;
  text-wrap:balance; margin:0;
}
h1.display{font-size:clamp(2.5rem, 6.3vw, 4.7rem);}
h2.display{font-size:clamp(1.9rem, 4.1vw, 3.1rem);}
h3.display{font-size:clamp(1.4rem, 2.2vw, 1.85rem); line-height:1.14;}

.lead{font-size:clamp(1.02rem,1.35vw,1.18rem); line-height:1.6; color:var(--ink-2); max-width:52ch; margin:0;}
.body{max-width:62ch; color:var(--ink-2); margin:0;}
.band--inverse .lead,.band--inverse .body{color:var(--on-inverse);opacity:.86;}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans); font-size:.82rem; font-weight:600;
  letter-spacing:.11em; text-transform:uppercase; text-decoration:none;
  padding:17px 30px; border:1px solid var(--ink); border-radius:var(--radius);
  background:var(--ink); color:var(--bg); cursor:pointer;
  transition:background .28s ease,color .28s ease,transform .28s ease;
}
.btn:hover{background:transparent;color:var(--ink);transform:translateY(-1px);}
.btn--ghost{background:transparent;color:var(--ink);}
.btn--ghost:hover{background:var(--ink);color:var(--bg);}
.btn--wide{width:100%;}
.band--inverse .btn{border-color:var(--on-inverse);background:var(--on-inverse);color:var(--bg-inverse);}
.band--inverse .btn:hover{background:transparent;color:var(--on-inverse);}
.band--inverse .btn--ghost{background:transparent;color:var(--on-inverse);}
.band--inverse .btn--ghost:hover{background:var(--on-inverse);color:var(--bg-inverse);}
.link-under{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .25s ease;}
.link-under:hover{border-color:currentColor;}

/* ---------- Leiste ---------- */
.bar{position:sticky;top:0;z-index:60;background:var(--bar-bg);color:var(--bar-ink);border-bottom:1px solid var(--bar-line);}
.bar__in{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:44px;padding-block:9px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
}
.bar__cd{color:var(--bar-ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;}
@media (max-width:640px){
  .bar__in{font-size:.6rem;letter-spacing:.08em;gap:10px;}
  .bar__msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

/* ---------- Wortmarke ---------- */
.head{padding-block:28px 0;display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.logo{
  font-family:var(--serif); font-weight:400; margin:0;
  font-size:clamp(1.1rem,1.6vw,1.4rem);
  letter-spacing:.26em;
}
.logo i{font-style:normal;padding-left:.5em;}          /* doppelte Wortluecke wie in der Praegung */
.logo span{display:block;font-size:.46em;letter-spacing:.4em;color:var(--ink-3);margin-top:6px;}
.head__meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);}

/* ---------- Hero ---------- */
.hero{padding-block:clamp(34px,4.6vw,64px) clamp(52px,6.6vw,94px);}
.hero__grid{display:grid;gap:clamp(28px,3.8vw,56px);align-items:end;}
@media (min-width:900px){
  .hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);}
  .hero__text{order:1;} .hero__plate{order:2;grid-row:span 2;} .hero__act{order:3;}
}
.hero__text{display:flex;flex-direction:column;gap:20px;}
.hero__act{display:flex;flex-direction:column;gap:18px;}
.hero__buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.hero__trust,.hero__num{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin:0;}
.hero__num{display:flex;align-items:center;gap:12px;letter-spacing:.2em;}
.hero__num::after{content:"";flex:1;height:1px;background:var(--line);}

/* ---------- Abbildungen ---------- */
.plate{margin:0;display:flex;flex-direction:column;gap:9px;}
.plate img{width:100%;height:100%;object-fit:cover;border-radius:1px;}
.plate__box{position:relative;aspect-ratio:var(--ar,4/5);overflow:hidden;background:var(--bg-sunken);}
.plate__cap{font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);}

/* ---------- Manifest ---------- */
.strip{border-block:1px solid var(--line);background:var(--bg-sunken);}
.strip__in{
  display:grid;gap:14px 34px;padding-block:20px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);
}
.strip__in span{display:flex;align-items:center;gap:11px;}
.strip__in span::before{content:"";width:5px;height:5px;background:var(--ink);flex:none;}

/* ---------- USP ---------- */
.usp{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));}
.usp__cell{background:var(--bg);padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;gap:13px;}
.usp__no{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;color:var(--ink-faint);}
.usp__cell p{margin:0;color:var(--ink-2);font-size:.95rem;}

/* ---------- Lookbook ---------- */
.look{display:grid;gap:clamp(14px,2vw,26px);grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));}

/* ---------- Vollbreite ---------- */
.bleed img{width:100%;height:clamp(300px,54vh,640px);object-fit:cover;}
.bleed figcaption{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-faint);padding:10px var(--gutter) 0;
}
.bleed{margin:0;}

/* ---------- Monogramm ---------- */
.mg{display:grid;gap:clamp(26px,4vw,56px);align-items:center;}
@media (min-width:880px){.mg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}}
.mg__panel{
  position:relative;aspect-ratio:16/10;border-radius:2px;overflow:hidden;
  container-type:inline-size;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.mg__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
/* Deckt sich mit dem Lederpatch im Foto: Innenflaeche zwischen den Naehten */
.mg__stamp{
  position:absolute;
  left:28.2%; top:46.4%; width:42.5%; height:18.15%;
  display:flex;align-items:center;justify-content:center;
  transform:rotate(-1.4deg);
  overflow:hidden;
}
.mg__mark{
  font-family:var(--serif);font-weight:400;
  white-space:nowrap;line-height:1;
  font-size:6cqw;letter-spacing:.16em;text-indent:.08em;
  color:#C9C4BA;
  text-shadow:0 1px 1px rgba(0,0,0,.95), 0 -1px 0 rgba(255,255,255,.3);
  transition:opacity .25s ease;
  user-select:none;
}
.mg__mark[data-empty="true"]{opacity:.5;}
@supports not (font-size:1cqw){ .mg__mark{font-size:1.5rem;} }
.mg__field{display:flex;flex-direction:column;gap:9px;max-width:400px;}
.mg__label{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);}
.mg__input{
  font-family:var(--serif);font-size:1.5rem;letter-spacing:.18em;
  text-transform:uppercase;text-align:center;padding:14px 12px;
  background:var(--bg-raised);border:1px solid var(--line-strong);
  border-radius:var(--radius);color:var(--ink);width:100%;
}
.mg__input::placeholder{color:var(--ink-faint);opacity:.7;}
.mg__meta{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);}
.mg__note{font-size:.85rem;color:var(--ink-3);margin:0;}

/* ---------- Auflage ---------- */
.ed{display:flex;flex-direction:column;gap:11px;}
.ed__marks{display:flex;gap:5px;flex-wrap:wrap;}
.ed__mark{width:13px;height:26px;background:var(--ink);border-radius:1px;}
.ed__mark[data-taken="true"]{background:transparent;border:1px solid var(--line-strong);}
.band--inverse .ed__mark{background:var(--on-inverse);}
.band--inverse .ed__mark[data-taken="true"]{background:transparent;border-color:var(--on-inverse-2);}
.ed__cap{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}
.band--inverse .ed__cap{color:var(--on-inverse-2);}

/* ---------- Story ---------- */
.story{display:grid;gap:clamp(30px,4vw,62px);align-items:start;}
@media (min-width:900px){.story{grid-template-columns:minmax(0,6fr) minmax(0,5fr);}}

/* ---------- Werkkarte ---------- */
.spec{display:grid;gap:0 clamp(30px,5vw,72px);grid-template-columns:1fr;}
@media (min-width:760px){.spec{grid-template-columns:1fr 1fr;}}
.spec__row{
  display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:16px;
  align-items:baseline;padding-block:15px;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:.79rem;
}
.spec__k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;}
.spec__v{color:var(--ink);text-align:right;}
.spec__v em{font-style:normal;color:var(--ink-faint);}

/* ---------- Vorbestellung ---------- */
.order{display:grid;gap:clamp(30px,4vw,62px);align-items:start;}
@media (min-width:920px){.order{grid-template-columns:minmax(0,1fr) minmax(0,420px);}}
.price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.price__now{font-family:var(--serif);font-size:clamp(2.6rem,5.4vw,3.9rem);line-height:1;}
.price__note{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--on-inverse-2);}
.perk{display:flex;gap:13px;align-items:flex-start;padding-block:13px;border-bottom:1px solid var(--on-inverse-2);font-size:.92rem;}
.perk:last-of-type{border-bottom:0;}
.perk__i{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;color:var(--on-inverse-2);flex:none;padding-top:3px;}
.reassure{display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--mono);font-size:.65rem;letter-spacing:.11em;text-transform:uppercase;color:var(--on-inverse-2);margin:0;}

/* ---------- Countdown ---------- */
.cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--on-inverse-2);border:1px solid var(--on-inverse-2);}
.cd__u{background:var(--bg-inverse);padding:clamp(16px,2.6vw,28px) 8px;text-align:center;display:flex;flex-direction:column;gap:7px;}
.cd__n{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,5vw,3rem);line-height:1;color:var(--on-inverse);}
.cd__l{font-family:var(--mono);font-size:.6rem;letter-spacing:.19em;text-transform:uppercase;color:var(--on-inverse-2);}

/* ---------- Gruender ---------- */
.founder__quote{
  font-family:var(--serif);font-size:clamp(1.45rem,3.1vw,2.35rem);
  line-height:1.34;font-style:italic;margin:0;text-wrap:pretty;
}
.founder__by{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0;}
.founder__grid{display:grid;gap:clamp(24px,3.4vw,54px);align-items:end;}
@media (min-width:860px){.founder__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);}}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;position:relative;font-size:1.02rem;font-weight:500;transition:color .2s ease;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:13px;height:1px;background:var(--ink);}
.faq summary::before{content:"";position:absolute;right:6px;top:50%;width:13px;height:1px;background:var(--ink);transform:rotate(90deg);transition:transform .3s ease,opacity .3s ease;}
.faq details[open] summary::before{transform:rotate(0);opacity:0;}
.faq summary:hover{color:var(--ink-3);}
.faq__a{padding:0 0 24px;color:var(--ink-2);max-width:66ch;margin:0;font-size:.95rem;}

/* ---------- Formular ---------- */
.form{display:flex;flex-direction:column;gap:12px;max-width:480px;}
.form__row{display:flex;gap:10px;flex-wrap:wrap;}
.input{flex:1 1 220px;min-width:0;font-family:var(--sans);font-size:.95rem;padding:16px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);}
.input::placeholder{color:var(--ink-faint);}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.76rem;line-height:1.55;color:var(--ink-3);}
.consent input{margin-top:3px;flex:none;accent-color:var(--ink);}
.form__ok{font-family:var(--mono);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;margin:0;min-height:1.2em;}

/* ---------- Fuss ---------- */
.foot{
  border-top:1px solid var(--line);padding-block:40px 56px;
  display:flex;gap:22px 40px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);
}
.foot a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;}
.foot a:hover{border-color:currentColor;}
.foot nav{display:flex;gap:8px 22px;flex-wrap:wrap;}

/* ---------- Sticky / Cookie ---------- */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:55;
  background:var(--bar-bg);color:var(--bar-ink);border-top:1px solid var(--bar-line);
  padding:11px var(--gutter) calc(11px + env(safe-area-inset-bottom,0px));
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  transform:translateY(115%);transition:transform .35s ease;
}
.sticky.is-on{transform:translateY(0);}
.sticky__p{font-family:var(--mono);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;}
.sticky__b{background:var(--bar-ink);color:var(--bar-bg);border:1px solid var(--bar-ink);padding:11px 20px;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius);white-space:nowrap;}
@media (min-width:820px){.sticky{display:none;}}

.cookie{
  position:fixed;right:var(--gutter);bottom:var(--gutter);z-index:70;max-width:390px;
  background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);
  padding:18px 20px;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.14);font-size:.8rem;line-height:1.55;color:var(--ink-2);
}
.cookie p{margin:0;}
.cookie button{align-self:flex-start;font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;background:var(--ink);color:var(--bg);border:0;border-radius:var(--radius);padding:9px 16px;cursor:pointer;}
@media (max-width:820px){.cookie{left:var(--gutter);right:var(--gutter);max-width:none;bottom:76px;}}

/* ---------- Bewegung ---------- */
@media (prefers-reduced-motion: no-preference){
  .is-armed .reveal{opacity:.001;transform:translateY(15px);}
  .is-armed .reveal.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
  .hero__text > *,.hero__act,.hero__plate{animation:rise .95s cubic-bezier(.22,.61,.36,1) both;}
  .hero__text > *:nth-child(1){animation-delay:.04s;}
  .hero__text > *:nth-child(2){animation-delay:.11s;}
  .hero__text > *:nth-child(3){animation-delay:.18s;}
  .hero__plate{animation-delay:.14s;}
  .hero__act{animation-delay:.26s;}
}
@keyframes rise{from{opacity:0;transform:translateY(17px);}to{opacity:1;transform:none;}}

@media (max-width:520px){
  :root{--gutter:18px;}
  .spec__row{grid-template-columns:1fr;gap:3px;}
  .spec__v{text-align:left;}
}
@media (min-width:760px){:root{--gutter:40px;}}

/* ── Rechtstexte und Danke-Seite ─────────────────────────────────────────── */
.legal{max-width:72ch;}
.legal h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.04;letter-spacing:-.012em;margin:0 0 28px;}
.legal h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.25rem,2.1vw,1.6rem);line-height:1.2;margin:40px 0 12px;}
.legal h3{font-family:var(--sans);font-weight:600;font-size:1rem;margin:26px 0 8px;}
.legal p,.legal li{color:var(--ink-2);margin:0 0 14px;}
.legal ul{padding-left:20px;margin:0 0 18px;}
.legal li{margin-bottom:7px;}
.legal a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-strong);}
.legal a:hover{border-color:currentColor;}
.legal .meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);}
.legal .todo{background:var(--bg-sunken);border-left:2px solid var(--ink);padding:14px 18px;font-size:.88rem;color:var(--ink-2);}
.back{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-decoration:none;display:inline-flex;gap:9px;align-items:center;}
.back:hover{color:var(--ink);}
.back::before{content:"";width:16px;height:1px;background:currentColor;}
.done{display:flex;flex-direction:column;gap:22px;align-items:flex-start;padding-block:clamp(70px,12vw,150px);}
/* Honeypot gegen Bots, fuer Menschen unsichtbar */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none;}