/* generiert von scripts/art-kit-static.mts — nicht von Hand aendern */
.art-root{--art-ink:var(--ink,#0E0E0C);--art-paper:var(--paper,#EFEAE1);--art-gold:var(--gold,#C79A3C);--art-text:var(--tx,currentColor);--art-muted:var(--tx-m,#554f45);--art-radius:14px;font:inherit;color:var(--art-text)}
.art-root *,.art-root *::before,.art-root *::after{box-sizing:border-box}
.art-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.art-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1.5px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:600;letter-spacing:.02em;cursor:pointer;text-decoration:none}
.art-btn:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.art-btn.solid{background:var(--art-gold);border-color:var(--art-gold);color:#1a1712}
.art-btn:focus-visible,.art-choice button:focus-visible,.art-film-play:focus-visible,.art-link:focus-visible{outline:2px solid var(--art-gold);outline-offset:3px}
.art-quiet{background:none;border:0;padding:6px 0;font:inherit;font-size:.85em;color:var(--art-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Film */
.art-film{margin:0}
.art-film-stage{position:relative;aspect-ratio:16/9;border-radius:var(--art-radius);overflow:hidden;background:#000}
.art-film[data-ratio="9x16"] .art-film-stage{aspect-ratio:9/16;max-height:82vh;margin:0 auto}
.art-film-stage video,.art-film-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.art-film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;border:0;padding:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55));color:#fff;cursor:pointer;font:inherit}
.art-film-play i{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.art-film-play i::before{content:"";margin-left:6px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #14120e}
.art-film-play span{font-size:14px;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.art-film-cap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin-top:12px}
.art-film-cap b{font-family:var(--serif,Georgia,serif);font-weight:500;font-size:1.15em}
.art-film details{margin-top:8px;font-size:.9em;color:var(--art-muted)}
.art-film details summary{cursor:pointer;min-height:24px}
.art-film-stage picture{position:absolute;inset:0;display:block}
.art-film-preview{pointer-events:none}
.art-film-note{margin:6px 0 0;font-size:.78em;color:var(--art-muted)}
.art-film-fail{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:10px 14px;border-radius:10px;background:rgba(0,0,0,.72);color:#fff;font-size:14px}
.art-film-fail a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-aspect-ratio:4/5) and (max-width:720px){.art-film[data-ratio="auto"] .art-film-stage{aspect-ratio:9/16;max-height:min(82vh,720px);margin:0 auto}}
@media (prefers-reduced-motion:reduce){.art-film-preview{display:none}}
.art-film details p{margin:.4em 0}

/* Begleiter */
.art-companion{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;max-width:560px}
.art-companion .art-portrait{flex:none}
.art-companion-say{margin:0;line-height:1.45}
.art-companion-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:2px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.art-companion-link:focus-visible{outline:2px solid var(--art-gold);outline-offset:3px}

/* Portrait */
.art-portrait{display:block;overflow:hidden;background:transparent}
.art-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.art-portrait.avatar{border-radius:50%;aspect-ratio:1}

/* Motion moment */
.art-moment{position:relative;overflow:hidden;border-radius:var(--art-radius);background:#1a1712}
.art-moment video,.art-moment img{display:block;width:100%;height:100%;object-fit:cover}

/* Welcome / Guided choice */
.art-welcome{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.art-welcome .art-portrait{width:64px;height:64px}
.art-say{margin:0;font-family:var(--serif,Georgia,serif);font-size:clamp(18px,1.6vw,22px);line-height:1.35}
.art-say a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.art-who{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--art-muted)}
.art-choice{border:0;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.art-choice legend{padding:0;margin-bottom:10px}
.art-choice button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:88px;padding:16px 18px;border:1.5px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:var(--art-radius);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.art-choice button:hover{border-color:var(--art-gold)}
.art-choice button[aria-pressed="true"]{border-color:var(--art-gold);background:color-mix(in srgb,var(--art-gold) 14%,transparent)}
.art-choice b{font-size:1.05em}
.art-choice small{font-size:.86em;color:var(--art-muted)}
.art-path{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,2.4vw,32px);align-items:center;margin-top:18px}
.art-path .art-moment{aspect-ratio:16/9}
.art-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.art-link{display:inline-flex;flex-direction:column;padding:10px 16px;border-radius:12px;background:var(--art-gold);color:#1a1712;text-decoration:none;font-weight:700}
.art-link small{font-weight:500;font-size:.78em;opacity:.85}
.art-link.secondary{background:transparent;color:inherit;border:1.5px solid color-mix(in srgb,currentColor 30%,transparent)}
.art-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:12px}
.art-note{margin-top:14px;font-size:.78em;color:var(--art-muted)}

/* Achievement */
.art-achieve{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:18px;align-items:center;padding:16px;border-radius:var(--art-radius);border:1.5px solid color-mix(in srgb,var(--art-gold) 55%,transparent);background:color-mix(in srgb,var(--art-gold) 8%,transparent)}
.art-achieve .art-moment{aspect-ratio:1}

@media (max-width:720px){
  .art-choice{grid-template-columns:1fr}
  .art-choice button{min-height:64px}
  .art-path{grid-template-columns:1fr}
  .art-achieve{grid-template-columns:96px 1fr}
}
.art-home{background:var(--ink);color:var(--on-d-m);scroll-margin-top:62px}
.art-home .art-root{--art-text:var(--on-d);--art-muted:var(--on-d-m)}
.art-home .kx{color:var(--gold)}
.art-home h2{color:var(--on-d);font-size:clamp(30px,3.6vw,52px);max-width:16ch}
.art-home .lede{margin-top:14px;max-width:56ch;color:var(--on-d-m)}
.art-home-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,48px);align-items:start;margin-top:clamp(24px,3vw,40px)}
.art-home-choice{padding:clamp(18px,2vw,28px);border:1.5px solid #2c2a22;border-radius:16px;background:var(--ink2)}
.art-home-choice .art-choice{grid-template-columns:1fr}
.art-home-choice .art-path{grid-template-columns:1fr}
.art-home .art-link.secondary{color:var(--on-d)}
.art-home details summary{cursor:pointer;color:var(--on-d-m)}
@media (max-width:960px){.art-home-grid{grid-template-columns:1fr}}