/* Sliph — Logo-Lockups & Startsequenzen (gemeinsam für Website und Vorschau-Galerie) */
.sl-lockup{display:inline-flex;align-items:center;gap:.32em;line-height:1;white-space:nowrap}
.sl-mark{width:1em;height:1em;flex:none;display:inline-block}
.sl-mark svg{width:100%;height:100%;display:block;overflow:visible}
.sl-mark svg *{transform-box:fill-box;transform-origin:center}
.sl-word{font-size:.92em;font-weight:650;letter-spacing:-.035em;display:inline-block}
.sl-word .ch{display:inline-block;will-change:transform,opacity}
.sl-tag{font-size:max(14px,1.6vmin);letter-spacing:.32em;text-transform:uppercase;opacity:0;margin-top:2.2em;font-weight:550}

/* Variant word styles */
.v1 .sl-word{font-weight:600;letter-spacing:-.03em;color:#eef1f5}.v1{color:#eef1f5}
.v2 .sl-word{font-weight:300;letter-spacing:-.02em}
.v2 .sl-word .ch{background:linear-gradient(115deg,#c4ccd8 0%,#f4f7fb 22%,#9aa6b8 40%,#ffffff 50%,#9aa6b8 60%,#e9edf3 78%,#b9c3d1 100%);background-size:300% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.v3 .sl-word{font-weight:900;letter-spacing:-.05em;text-transform:uppercase;color:#fff;text-shadow:0 0 .35em rgba(105,227,207,.55)}.v3{color:#dfe6ee}
.v4 .sl-word{font-weight:800;letter-spacing:-.01em}
.v4 .ch:nth-child(1){color:#ff7a6b}.v4 .ch:nth-child(2){color:#ffb52e}.v4 .ch:nth-child(3){color:#2bb5a0}.v4 .ch:nth-child(4){color:#4ea8ff}.v4 .ch:nth-child(5){color:#8f7bff}
.v5 .sl-word{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:600;letter-spacing:-.04em;color:#69e3cf}.v5{color:#69e3cf}
.v6 .sl-word{font-weight:400;letter-spacing:.02em;color:#e9edf3}.v6{color:#69e3cf}
.v7 .sl-word{font-weight:700;letter-spacing:-.04em;color:#eef1f5}
.v8 .sl-word{font-weight:250;letter-spacing:.06em;color:#efeaff;text-shadow:0 0 .4em rgba(169,155,247,.6)}
.v9 .sl-word{font-weight:850;letter-spacing:-.06em;color:#14171c}
.v10 .sl-word{font-weight:600;letter-spacing:-.025em;color:#eef1f5}.v10{color:#c9d2de}

/* Intro overlay */
.sl-intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:inherit}
.sl-intro .sl-center{position:relative;display:flex;flex-direction:column;align-items:center;z-index:2}
.sl-intro .sl-lockup{font-size:clamp(54px,11vw,150px)}
.sl-skip{position:absolute;right:24px;bottom:22px;z-index:5;font:inherit;font-size:14px;color:rgba(255,255,255,.75);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px;cursor:pointer;backdrop-filter:blur(6px)}
.sl-skip:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.sl-skip.light{color:#14171c;background:rgba(255,255,255,.5);border-color:rgba(0,0,0,.15)}
.sl-abs{position:absolute;pointer-events:none}