/* SSR-VIDEO — optionales Stylesheet (auto-generiert aus ssr-video.js). */
.ssrv{--ssrv-lime:var(--ssr-lime,#CFDD28);--ssrv-ink:var(--ink,#2F3033);--ssrv-soft:var(--ink-soft,#4A4B4F);--ssrv-card:var(--card,#fff);--ssrv-line:var(--line,rgba(23,24,25,.12));--ssrv-radius:var(--radius,1.25rem);--ssrv-shadow:var(--shadow-soft,0 14px 34px rgba(23,24,25,.08));font-family:var(--font-body,'Inter',Arial,Helvetica,sans-serif);box-sizing:border-box}
.ssrv *,.ssrv *::before,.ssrv *::after{box-sizing:border-box}
.ssrv-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:58px;height:58px;border-radius:999px;background:var(--ssrv-lime);display:grid;place-items:center;box-shadow:0 8px 24px rgba(14,15,16,.35);transition:transform .25s}
.ssrv-play svg{width:24px;height:24px;fill:#0E0F10;margin-left:3px}
.ssrv-facts{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ssrv-facts li{display:flex;flex-direction:column;gap:.1rem;background:rgba(207,221,40,.14);background:color-mix(in srgb,var(--ssrv-lime) 16%,transparent);border:1px solid var(--ssrv-line);border-radius:.7rem;padding:.5rem .75rem}
.ssrv-fk{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ssrv-soft);font-weight:700}
.ssrv-fv{font-family:var(--font-head,'Inter Tight',sans-serif);font-weight:800;color:var(--ssrv-ink)}
.ssrv-ref-author{margin-top:.9rem;font-weight:700;color:var(--ssrv-ink)}
/* HERO */.ssrv-hero{position:relative;width:100%;min-height:clamp(420px,70vh,760px);border-radius:var(--ssrv-radius);overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;background:#171819}
.ssrv-hero>video,.ssrv-hero>.ssrv-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ssrv-hero>.ssrv-hero-poster{background-size:cover;background-position:center}
.ssrv-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,15,16,.15) 0%,rgba(14,15,16,.2) 40%,rgba(14,15,16,.72) 100%)}
.ssrv-hero-body{position:relative;z-index:2;padding:clamp(24px,4vw,56px);color:#fff;max-width:760px}
.ssrv-hero-body h1,.ssrv-hero-body h2{font-family:var(--font-head,'Inter Tight','Inter',sans-serif);line-height:1.04;letter-spacing:-.02em;margin:0 0 .5em;color:#fff}
.ssrv-hero-badge{display:inline-flex;align-items:center;gap:.5em;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0E0F10;background:var(--ssrv-lime);padding:.4em .8em;border-radius:999px;margin-bottom:1em}
.ssrv-mute{position:absolute;z-index:3;right:clamp(14px,2vw,22px);bottom:clamp(14px,2vw,22px);width:44px;height:44px;border-radius:999px;border:0;cursor:pointer;background:rgba(14,15,16,.55);color:#fff;display:grid;place-items:center;backdrop-filter:blur(6px)}
.ssrv-mute:hover{background:rgba(14,15,16,.8)}
.ssrv-mute svg{width:20px;height:20px;fill:currentColor}
/* TILE (gallery/carousel) */.ssrv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(14px,1.6vw,22px)}/* Im Raster sind ALLE Kacheln gleich hoch. Hochformat-Clips (9/16) rissen sonst die Zeile auf das 3-fache auf und liessen Loecher neben den Querformat-Kacheln; der Poster liegt als center/cover an und wird beschnitten statt verzerrt. Das echte Seitenverhaeltnis zeigt die Lightbox. */.ssrv-grid>.ssrv-tile,.ssrv-grid>.ssrv-tile-p{aspect-ratio:16/9}
.ssrv-tile{position:relative;border:0;padding:0;margin:0;cursor:pointer;border-radius:var(--ssrv-radius);overflow:hidden;aspect-ratio:16/9;background:#171819 center/cover no-repeat;display:block;color:#fff;text-align:left;box-shadow:var(--ssrv-shadow)}
.ssrv-tile-p{aspect-ratio:9/16}
.ssrv-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,16,0) 45%,rgba(14,15,16,.78) 100%);transition:opacity .3s}
.ssrv-tile:hover::after{opacity:.85}
.ssrv-tile-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px}
.ssrv-tile-meta strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.02rem;font-weight:800}
.ssrv-tile-meta span{display:block;font-size:.82rem;opacity:.85;margin-top:2px}
.ssrv-tile:hover .ssrv-play{transform:translate(-50%,-50%) scale(1.08)}
.ssrv-tile:focus-visible{outline:3px solid var(--ssrv-lime);outline-offset:3px}
/* SINGLE */.ssrv-single{position:relative;border-radius:var(--ssrv-radius);overflow:hidden;aspect-ratio:16/9;background:#171819}
.ssrv-single-p{aspect-ratio:9/16;max-width:420px;margin-inline:auto}
.ssrv-single .ssrv-poster{position:absolute;inset:0;background:center/cover no-repeat;cursor:pointer}
/* CAROUSEL */.ssrv-carousel{position:relative}
.ssrv-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.ssrv-slide{flex:0 0 clamp(240px,32vw,360px);scroll-snap-align:start}
.ssrv-slide.ssrv-tile-p{flex-basis:clamp(180px,24vw,240px)}
.ssrv-cnav{position:absolute;top:calc(50% - 10px);transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:999px;border:1px solid var(--ssrv-line);background:var(--ssrv-card);color:var(--ssrv-ink);font-size:22px;cursor:pointer;box-shadow:var(--ssrv-shadow);display:grid;place-items:center}
.ssrv-cnav:hover{background:var(--ssrv-lime);color:#0E0F10}
.ssrv-cprev{left:-6px}
.ssrv-cnext{right:-6px}
@media(max-width:640px){.ssrv-cnav{display:none}
}
/* SPOTLIGHT */.ssrv-spot{display:grid;grid-template-columns:1fr;gap:16px}
.ssrv-spot-stage{position:relative;border-radius:var(--ssrv-radius);overflow:hidden;background:#000;aspect-ratio:16/9}
.ssrv-spot-stage.portrait{aspect-ratio:16/10}
.ssrv-spot-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.ssrv-spot-cover{position:absolute;inset:0;border:0;cursor:pointer;background:center/cover no-repeat;background-image:inherit}
.ssrv-spot-stage.portrait .ssrv-spot-cover{background-size:contain;background-color:#0b0c0d}
.ssrv-spot-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px;color:#fff;background:linear-gradient(180deg,transparent,rgba(14,15,16,.8));pointer-events:none}
.ssrv-spot-cap strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.1rem;font-weight:800}
.ssrv-spot-cap span{display:block;font-size:.85rem;opacity:.85}.ssrv-fshint{position:absolute;top:12px;right:12px;z-index:3;pointer-events:none;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff;background:rgba(14,15,16,.55);border-radius:999px;padding:.3em .8em;transition:opacity .4s}.ssrv-played .ssrv-fshint{opacity:0}.ssrv-fs{aspect-ratio:auto!important;width:100%;height:100%;background:#000}.ssrv-fs video{object-fit:contain}
.ssrv-spot-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.ssrv-spot-rail::-webkit-scrollbar{display:none}
.ssrv-thumb{position:relative;flex:0 0 148px;height:84px;border:2px solid transparent;border-radius:.7rem;overflow:hidden;cursor:pointer;background:#171819 center/cover no-repeat;color:#fff;scroll-snap-align:start}
.ssrv-thumb-p{flex-basis:148px;height:84px}
.ssrv-thumb[aria-current=true]{border-color:var(--ssrv-lime)}
.ssrv-thumb span{position:absolute;left:0;right:0;bottom:0;padding:5px 7px;font-size:.68rem;font-weight:700;background:linear-gradient(180deg,transparent,rgba(14,15,16,.85));text-align:left;line-height:1.15}
/* REEL */.ssrv-reel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.ssrv-reel-card{position:relative;flex:0 0 clamp(200px,42vw,260px);aspect-ratio:9/16;scroll-snap-align:start;border:0;cursor:pointer;border-radius:var(--ssrv-radius);overflow:hidden;background:#171819 center/cover no-repeat;color:#fff;text-align:left;box-shadow:var(--ssrv-shadow)}
.ssrv-reel-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,16,.05) 40%,rgba(14,15,16,.8) 100%)}
.ssrv-reel-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 15px}
.ssrv-reel-meta strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-weight:800}
.ssrv-reel-meta span{display:block;font-size:.8rem;opacity:.86;margin-top:2px}
/* REFERENCE */.ssrv-refgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(16px,2vw,26px)}
.ssrv-ref{background:var(--ssrv-card);border:1px solid var(--ssrv-line);border-radius:var(--ssrv-radius);overflow:hidden;box-shadow:var(--ssrv-shadow);display:flex;flex-direction:column}
.ssrv-ref-media{position:relative;border:0;cursor:pointer;aspect-ratio:16/9;background:#171819 center/cover no-repeat}
.ssrv-ref-media-p{aspect-ratio:4/3}
.ssrv-ref-body{padding:18px 20px 20px;color:var(--ssrv-ink)}
.ssrv-ref-head strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.15rem;font-weight:900}
.ssrv-ref-head span{display:block;font-size:.85rem;color:var(--ssrv-soft)}
.ssrv-ref-loc{margin-top:.15rem}
.ssrv-ref-quote{margin:.9rem 0 0;padding:0;display:flex;gap:.5rem;color:var(--ssrv-ink)}
.ssrv-ref-quote svg{flex:0 0 auto;fill:var(--ssrv-lime)}
.ssrv-ref-quote p{margin:0;font-size:.98rem;line-height:1.5}
/* CASE STUDY */.ssrv-cases{display:flex;flex-direction:column;gap:clamp(24px,4vw,52px)}
.ssrv-case{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,3vw,44px);align-items:center}
.ssrv-case-alt{direction:rtl}
.ssrv-case-alt>*{direction:ltr}
.ssrv-case-media{position:relative;border:0;cursor:pointer;aspect-ratio:16/9;border-radius:var(--ssrv-radius);background:#171819 center/cover no-repeat;box-shadow:var(--ssrv-shadow)}
.ssrv-case-media-p{aspect-ratio:4/5;max-width:420px}
.ssrv-case-kicker{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0E0F10;background:var(--ssrv-lime);padding:.3em .7em;border-radius:999px}
.ssrv-case-title{font-family:var(--font-head,'Inter Tight',sans-serif);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;margin:.7rem 0 .2rem;color:var(--ssrv-ink)}
.ssrv-case-role{color:var(--ssrv-soft);margin:0}
.ssrv-case-quote{margin:1rem 0 0;padding:0 0 0 1rem;border-left:3px solid var(--ssrv-lime);font-size:1.08rem;line-height:1.5;color:var(--ssrv-ink)}
@media(max-width:760px){.ssrv-case{grid-template-columns:1fr}
.ssrv-case-alt{direction:ltr}
}
/* INLINE-MOTION (wall/mosaic/marquee) — laufendes Video ist der Star, KEIN Play-Button */.ssrv-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .5s,transform .6s var(--ease)}
.ssrv-motion.on{opacity:1}
.ssrv-mcard{position:relative;border:0;padding:0;cursor:pointer;overflow:hidden;border-radius:var(--ssrv-radius);aspect-ratio:16/9;background:#171819 center/cover no-repeat;color:#fff;text-align:left;box-shadow:var(--ssrv-shadow)}
.ssrv-mcard-p{aspect-ratio:9/16}
.ssrv-mcard::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,15,16,0) 55%,rgba(14,15,16,.8) 100%)}
.ssrv-mcard:hover .ssrv-motion{transform:scale(1.05)}
.ssrv-mcard-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 14px}
.ssrv-mcard-meta strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-weight:800;font-size:.98rem}
.ssrv-mcard-meta span{display:block;font-size:.82rem;opacity:.85;margin-top:2px}
.ssrv-mcard:focus-visible{outline:3px solid var(--ssrv-lime);outline-offset:3px}
.ssrv-mexpand{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:8px;background:rgba(14,15,16,.5);display:grid;place-items:center;opacity:0;transition:opacity .25s;backdrop-filter:blur(4px)}
.ssrv-mexpand svg{width:16px;height:16px;fill:none;stroke:#fff}
.ssrv-mcard:hover .ssrv-mexpand,.ssrv-mq-cell:hover .ssrv-mexpand{opacity:1}
.ssrv-msound{position:absolute;top:10px;left:10px;z-index:3;width:30px;height:30px;border-radius:999px;background:rgba(14,15,16,.5);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.ssrv-msound svg{width:17px;height:17px;fill:currentColor;color:#fff}
.ssrv-live::before{content:'';position:absolute;top:14px;right:46px;z-index:3;width:8px;height:8px;border-radius:999px;background:var(--ssrv-lime);box-shadow:0 0 0 0 rgba(207,221,40,.7);animation:ssrv-pulse 1.8s infinite}
@keyframes ssrv-pulse{0%{box-shadow:0 0 0 0 rgba(207,221,40,.6)}
70%{box-shadow:0 0 0 7px rgba(207,221,40,0)}
100%{box-shadow:0 0 0 0 rgba(207,221,40,0)}
}
/* WALL — dichtes, lebendes Video-Raster (wie eine Monitor-Wand) */.ssrv-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.ssrv-wall .ssrv-mcard{border-radius:6px}
/* MOSAIC / BENTO */.ssrv-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:12px}
.ssrv-mosaic .ssrv-mcard{aspect-ratio:auto;height:100%;min-height:150px}
.ssrv-m-big{grid-column:span 2;grid-row:span 2}
@media(max-width:820px){.ssrv-mosaic{grid-template-columns:repeat(2,1fr)}
.ssrv-m-big{grid-column:span 2;grid-row:span 1}
}
/* MARQUEE */.ssrv-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ssrv-marquee-lane{display:flex;gap:14px;width:max-content;animation:ssrv-scroll 46s linear infinite}
.ssrv-marquee:hover .ssrv-marquee-lane{animation-play-state:paused}
.ssrv-mq-cell{position:relative;flex:0 0 340px;aspect-ratio:16/9;border:0;cursor:pointer;overflow:hidden;border-radius:var(--ssrv-radius);background:#171819 center/cover no-repeat;color:#fff;text-align:left;box-shadow:var(--ssrv-shadow)}
.ssrv-mq-cell.ssrv-mcard-p{flex-basis:200px;aspect-ratio:9/16}
.ssrv-mq-cell::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,16,0) 55%,rgba(14,15,16,.8) 100%)}
@keyframes ssrv-scroll{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
/* BAND */.ssrv-band{position:relative;width:100%;min-height:clamp(320px,52vh,520px);border-radius:var(--ssrv-radius);overflow:hidden;display:grid;place-items:center;text-align:center;isolation:isolate;background:#171819}
.ssrv-band>video,.ssrv-band>.ssrv-band-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ssrv-band::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,12,13,.62),rgba(11,12,13,.72))}
.ssrv-band-body{position:relative;z-index:2;color:#fff;padding:clamp(28px,5vw,64px);max-width:960px}
.ssrv-band-body h2,.ssrv-band-body h3{font-family:var(--font-head,'Inter Tight',sans-serif);color:#fff;line-height:1.05;margin:0 0 .6em}
/* CINEMA */.ssrv-cinema{background:radial-gradient(120% 100% at 50% 0,#15171a,#0b0c0d 70%);border-radius:var(--ssrv-radius);padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;align-items:center;gap:18px}
.ssrv-cin-stage{position:relative;width:min(940px,100%);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05)}
.ssrv-cin-stage.portrait{width:auto;height:min(70vh,620px);aspect-ratio:9/16}
.ssrv-cin-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.ssrv-cin-cover{position:absolute;inset:0;border:0;cursor:pointer;background:center/cover no-repeat;display:grid;place-items:center}
.ssrv-cin-cover::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,transparent,rgba(6,7,8,.55))}
.ssrv-cin-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px;color:#fff;text-align:left;background:linear-gradient(180deg,transparent,rgba(6,7,8,.85));pointer-events:none}
.ssrv-cin-cap strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.15rem;font-weight:800}
.ssrv-cin-cap span{display:block;font-size:.85rem;opacity:.8}
.ssrv-cin-strip{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding-bottom:6px;scrollbar-width:thin}
.ssrv-cin-frame{flex:0 0 128px;height:72px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#171819 center/cover no-repeat;opacity:.62;transition:opacity .25s}
.ssrv-cin-frame-p{flex-basis:48px;height:86px}
.ssrv-cin-frame:hover{opacity:1}
.ssrv-cin-frame[aria-current=true]{opacity:1;border-color:var(--ssrv-lime)}
/* ===== KOMPOSITION: gemeinsame Bausteine ===== */.ssrv-media{position:relative;border:0;padding:0;cursor:pointer;overflow:hidden;border-radius:var(--ssrv-radius);aspect-ratio:16/9;background:#171819 center/cover no-repeat;box-shadow:var(--ssrv-shadow);display:block;width:100%}
.ssrv-media-p{aspect-ratio:9/16}
.ssrv-media:hover .ssrv-motion{transform:scale(1.04)}
.ssrv-media:focus-visible{outline:3px solid var(--ssrv-lime);outline-offset:3px}
.ssrv-ip-kicker{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#0E0F10;background:var(--ssrv-lime);padding:.32em .75em;border-radius:999px}
.ssrv-ip-title{font-family:var(--font-head,'Inter Tight',sans-serif);font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin:.75rem 0 .1rem;color:var(--ssrv-ink)}
.ssrv-ip-role{color:var(--ssrv-soft);margin:0 0 .2rem}
.ssrv-ip-quote{margin:1rem 0 0;padding:0 0 0 1rem;border-left:3px solid var(--ssrv-lime);font-size:1.06rem;line-height:1.5;color:var(--ssrv-ink)}
/* SHOWCASE (rechts/links) */.ssrv-showcase{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,48px);align-items:center}
.ssrv-side-left{grid-template-columns:1fr 1.25fr}
.ssrv-sc-info{max-width:46ch}
@media(max-width:760px){.ssrv-showcase,.ssrv-side-left{grid-template-columns:1fr}
}
/* LOWER THIRD (unten) */.ssrv-lt-media,.ssrv-tr-media{aspect-ratio:16/9}
.ssrv-lt-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:clamp(18px,3vw,34px);padding-top:26%;background:linear-gradient(180deg,transparent,rgba(11,12,13,.86));color:#fff;text-align:left;pointer-events:none}
.ssrv-lt-bar .ssrv-ip-kicker{pointer-events:auto}
.ssrv-lt-title{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:900;margin:.55rem 0 .1rem;border-left:4px solid var(--ssrv-lime);padding-left:.6rem}
.ssrv-lt-role{display:block;opacity:.82;padding-left:.72rem}
.ssrv-lt-bar .ssrv-facts{padding-left:.72rem}
.ssrv-lt-bar .ssrv-facts li{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.ssrv-lt-bar .ssrv-fk{color:rgba(255,255,255,.7)}
.ssrv-lt-bar .ssrv-fv{color:#fff}
/* TOP RIBBON (oben) */.ssrv-tr-bar{position:absolute;left:0;right:0;top:0;z-index:3;padding:clamp(16px,2.4vw,26px);padding-bottom:16%;background:linear-gradient(180deg,rgba(11,12,13,.85),transparent);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.ssrv-tr-role{opacity:.85;font-size:.9rem;text-align:right;max-width:16ch}
/* CORNER CARD (überlappt Ecke) */.ssrv-cc{position:relative;padding-bottom:56px;padding-right:0}
.ssrv-cc-media{aspect-ratio:16/9}
.ssrv-cc-card{position:absolute;left:clamp(12px,3vw,40px);bottom:0;z-index:3;width:min(420px,84%);background:var(--ssrv-card);border:1px solid var(--ssrv-line);border-radius:var(--ssrv-radius);box-shadow:0 26px 60px rgba(14,15,16,.22);padding:clamp(18px,2.4vw,26px)}
@media(max-width:560px){.ssrv-cc-card{width:calc(100% - 24px)}
}
/* EDITORIAL (Hochformat + Magazin-Zitat) */.ssrv-ed{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.ssrv-ed-media{width:clamp(220px,28vw,320px);aspect-ratio:9/16;flex:0 0 auto}
.ssrv-ed-quote{font-family:var(--font-head,'Inter Tight',sans-serif);font-size:clamp(1.5rem,3.4vw,2.6rem);font-weight:800;line-height:1.16;letter-spacing:-.01em;color:var(--ssrv-ink);margin:.8rem 0;position:relative}
.ssrv-ed-quote::before{content:'\\201C';color:var(--ssrv-lime);font-size:2.4em;line-height:0;vertical-align:-.35em;margin-right:.06em}
.ssrv-ed-by{margin-top:.4rem}
.ssrv-ed-by strong{display:block;font-weight:800;color:var(--ssrv-ink)}
.ssrv-ed-by span{color:var(--ssrv-soft);font-size:.92rem}
@media(max-width:640px){.ssrv-ed{grid-template-columns:1fr;justify-items:start}
.ssrv-ed-media{width:min(280px,70%)}
}
/* STAT CORNERS (4 Ecken) */.ssrv-sq-media{aspect-ratio:16/9}
.ssrv-sq-media::after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 45%,transparent 40%,rgba(11,12,13,.6))}
.ssrv-sq-chip{position:absolute;z-index:2;background:rgba(11,12,13,.42);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.5rem .8rem;color:#fff;min-width:96px}
.ssrv-sq-chip strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.35rem;font-weight:900;color:var(--ssrv-lime)}
.ssrv-sq-chip span{display:block;font-size:.72rem;opacity:.85;letter-spacing:.02em}
.ssrv-sq-tl{top:14px;left:14px}
.ssrv-sq-tr{top:14px;right:14px;text-align:right}
.ssrv-sq-bl{bottom:64px;left:14px}
.ssrv-sq-br{bottom:64px;right:14px;text-align:right}
.ssrv-sq-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px;color:#fff;text-align:center;background:linear-gradient(180deg,transparent,rgba(11,12,13,.8))}
.ssrv-sq-cap strong{display:block;font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.1rem;font-weight:800}
.ssrv-sq-cap span{display:block;font-size:.85rem;opacity:.82}
@media(max-width:560px){.ssrv-sq-chip{min-width:0;padding:.35rem .55rem}
.ssrv-sq-chip strong{font-size:1.05rem}
.ssrv-sq-bl,.ssrv-sq-br{bottom:56px}
}
/* LIGHTBOX */.ssrv-lb{position:fixed;inset:0;z-index:9999;background:rgba(7,8,9,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);backdrop-filter:blur(4px)}
.ssrv-lb[hidden]{display:none}
.ssrv-lb-stage{position:relative;width:min(1200px,100%);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.ssrv-lb-stage.portrait{width:auto;height:min(84vh,880px);aspect-ratio:9/16}
.ssrv-lb-stage video{width:100%;height:100%;display:block;background:#000;object-fit:contain}
.ssrv-lb-cap{color:#fff;margin-top:14px;text-align:center;max-width:900px}
.ssrv-lb-cap strong{font-family:var(--font-head,'Inter Tight',sans-serif);font-size:1.1rem}
.ssrv-lb-cap span{display:block;opacity:.7;font-size:.9rem;margin-top:2px}
.ssrv-lb-close{position:absolute;top:-46px;right:0;width:40px;height:40px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center;z-index:4}
.ssrv-lb-close:hover{background:var(--ssrv-lime);color:#0E0F10}
.ssrv-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer;z-index:3;display:grid;place-items:center}
.ssrv-lb-nav:hover{background:var(--ssrv-lime);color:#0E0F10}
.ssrv-lb-prev{left:12px}
.ssrv-lb-next{right:12px}
@media(max-width:640px){.ssrv-lb-nav{width:40px;height:40px}
}
\