/* einteller · ein Format von thereelthing.studio · Sub-Brand-Register (dunkel) */
@font-face{font-family:'Schibsted Grotesk';src:url('../../fonts/schibsted-grotesk-var.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('../../fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0b0a08;color:var(--trt-creme);font-family:var(--trt-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--trt-creme);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--trt-creme);color:var(--trt-charcoal);padding:12px 18px;font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta)}
.skip:focus{left:12px;top:12px}

.et-bar{display:flex;justify-content:space-between;align-items:center;padding:18px var(--trt-space-10);border-bottom:1px solid var(--trt-line-invert)}
.et-brand{font-family:var(--trt-font-body);font-weight:var(--trt-w-head);font-size:19px;letter-spacing:-.02em;text-decoration:none;color:var(--trt-creme)}
.et-brand .dot{color:var(--trt-signal)}
.et-credit{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim);text-decoration:none}
.et-credit:hover{color:var(--trt-creme)}

.et-wrap{max-width:var(--trt-maxw);margin:0 auto;padding:var(--trt-space-16) var(--trt-space-10) var(--trt-space-24)}
.et-eyebrow{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim)}
.et-h1{font-weight:var(--trt-w-display);font-size:clamp(44px,8vw,112px);line-height:.9;letter-spacing:var(--trt-ls-display);margin-top:var(--trt-space-4)}
.et-h1 .dot{color:var(--trt-signal)}
.et-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--trt-space-16);margin-top:var(--trt-space-12);align-items:start}
.et-lead p{color:var(--trt-text-invert-dim);max-width:46ch;margin-bottom:var(--trt-space-4)}
.et-steps{margin-top:var(--trt-space-8);border-top:1px solid var(--trt-line-invert);font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim)}
.et-steps li{list-style:none;padding:11px 0;border-bottom:1px solid var(--trt-line-invert)}
.et-social{display:flex;align-items:center;gap:16px;margin-top:var(--trt-space-8)}
.et-social .sl{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim)}
.et-social a{color:var(--trt-creme);display:inline-flex;transition:color .3s var(--trt-ease)}
.et-social a:hover,.et-social a:focus-visible{color:var(--trt-signal)}

form.et-form{display:grid;gap:var(--trt-space-5)}
.et-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:var(--trt-space-6)}
.et-fld{display:grid;gap:7px}
.et-fld label{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim)}
.et-fld label .opt{text-transform:none;letter-spacing:0}
.et-fld input,.et-fld select,.et-fld textarea{background:transparent;border:none;border-bottom:1px solid var(--trt-line-invert);color:var(--trt-creme);font-family:var(--trt-font-body);font-size:var(--trt-fs-body);padding:10px 2px}
.et-fld select option{color:#111}
.et-fld input::placeholder,.et-fld textarea::placeholder{color:var(--trt-text-invert-dim)}
.et-fld input:focus,.et-fld select:focus,.et-fld textarea:focus{outline:none;border-bottom-color:var(--trt-signal)}
.et-fld input[aria-invalid="true"],.et-fld select[aria-invalid="true"]{border-bottom-color:var(--trt-signal)}
.et-fld .err{color:var(--trt-signal);font-family:var(--trt-font-mono);font-size:11px;letter-spacing:var(--trt-ls-meta)}
.et-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.et-submit{justify-self:start;margin-top:var(--trt-space-2);background:var(--trt-signal);color:var(--trt-ink-on-coral);border:none;font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);padding:14px 26px;border-radius:var(--trt-radius-pill);cursor:pointer}
.et-submit:hover{filter:brightness(1.05)}
.et-form[hidden]{display:none}
.et-fine{font-family:var(--trt-font-mono);font-size:11px;letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim)}
.et-fine a{color:var(--trt-creme);text-underline-offset:3px}
.et-msg{font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-signal)}
.et-done{border-top:2px solid var(--trt-signal);padding-top:var(--trt-space-8)}
.et-done .h{font-weight:var(--trt-w-head);font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1;margin-top:var(--trt-space-4)}
.et-done p{color:var(--trt-text-invert-dim);margin-top:var(--trt-space-4);max-width:44ch}

.et-foot{border-top:1px solid var(--trt-line-invert);padding:var(--trt-space-8) var(--trt-space-10);
  font-family:var(--trt-font-mono);font-size:var(--trt-fs-meta);letter-spacing:var(--trt-ls-meta);color:var(--trt-text-invert-dim);
  display:flex;gap:var(--trt-space-6);flex-wrap:wrap;justify-content:space-between;max-width:var(--trt-maxw);margin:0 auto}
.et-foot a{color:var(--trt-text-invert-dim);text-decoration:none}
.et-foot a:hover{color:var(--trt-creme)}

@media (max-width:820px){ .et-grid{grid-template-columns:1fr;gap:var(--trt-space-10)} }
@media (max-width:680px){
  .et-bar{padding:16px var(--trt-space-6)}
  .et-wrap{padding:var(--trt-space-12) var(--trt-space-6) var(--trt-space-16)}
  .et-form .frow{grid-template-columns:1fr}
  .et-foot{padding:var(--trt-space-8) var(--trt-space-6)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}