/* ============ WORKSHOP ============ */
.ws-hero{background:var(--ink);padding:60px 0 6px;}
.ws-hero .in{max-width:1000px;margin:0 auto;padding:0 40px;text-align:center;}
.ws-kick{font-family:var(--f);font-weight:700;font-size:12px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--orange);margin-bottom:16px;}
.ws-hero h1{font-family:var(--f);font-weight:900;font-size:42px;line-height:1.12;
  color:#fff;margin-bottom:16px;}
.ws-hero h1 .hl{color:#4aa8e8;}
.ws-hero p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.78);
  max-width:680px;margin:0 auto 38px;}
.ws-meta{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;
  font-size:14px;color:rgba(255,255,255,.6);margin-bottom:0;}
.ws-meta span{display:flex;align-items:center;gap:7px;}

/* Videorahmen: schneidet die weissen Balken des Originalvideos weg.
   --ws-ar  = Seitenverhaeltnis des sichtbaren Inhalts
   --ws-h   = Hoehe des Players, bezogen auf die Rahmenhoehe
   --ws-top = Versatz nach oben, bezogen auf die Rahmenhoehe */
.ws-video{--ws-ar:1168/703; --ws-h:124.6%; --ws-top:-12.3%;
  position:relative;width:100%;aspect-ratio:var(--ws-ar);overflow:hidden;
  border-radius:14px;background:#000;
  box-shadow:0 30px 70px -28px rgba(0,0,0,.8);}
.ws-video iframe{position:absolute;left:0;width:100%;height:var(--ws-h);top:var(--ws-top);
  border:0;display:block;}
.ws-video .ph{position:absolute;inset:0;cursor:pointer;}
.ws-video .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.ws-video .ph::after{content:"";position:absolute;inset:0;background:rgba(13,34,48,.35);}
.ws-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:16px;z-index:2;text-align:center;padding:0 24px;}
.ws-play .btn{width:82px;height:82px;border-radius:50%;background:var(--orange);
  display:grid;place-items:center;box-shadow:0 14px 34px -10px rgba(247,116,5,.8);
  transition:transform .2s;}
.ws-play .btn::before{content:"";border-left:24px solid #fff;border-top:15px solid transparent;
  border-bottom:15px solid transparent;margin-left:6px;}
.ws-video .ph:hover .btn{transform:scale(1.07);}
.ws-play .hint{font-family:var(--f);font-weight:700;font-size:14.5px;color:#fff;
  background:rgba(13,34,48,.6);padding:9px 18px;border-radius:8px;max-width:440px;
  line-height:1.45;}
.ws-frame{background:linear-gradient(180deg,var(--ink) 0%,var(--ink) 52%,var(--bg) 52%,var(--bg) 100%);
  padding-top:38px;}
.ws-frame .in{max-width:1000px;margin:0 auto;padding:0 40px;}

.ws-sec{padding:70px 0;}
.ws-sec .in{max-width:1000px;margin:0 auto;padding:0 40px;}
.ws-sec.white{background:#fff;}
.ws-sec.grey{background:var(--bg);}
.ws-sec p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:14px;}
.ws-sec p b{color:var(--ink);}

.ws-learn{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
.ws-learn div{background:#fff;border-radius:12px;padding:26px 24px;border-top:3px solid var(--blue);
  box-shadow:0 6px 18px -12px rgba(13,34,48,.22);}
.ws-learn .n{font-family:var(--f);font-weight:900;font-size:14px;color:#fff;background:var(--blue);
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;}
.ws-learn div:nth-child(2) .n{background:var(--ink);}
.ws-learn div:nth-child(3) .n{background:var(--orange);}
.ws-learn b{display:block;font-family:var(--f);font-weight:800;font-size:16.5px;color:var(--ink);
  margin-bottom:7px;}
.ws-learn span{font-size:14.5px;line-height:1.6;color:var(--muted);}

.ws-points{list-style:none;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ws-points li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.6;color:var(--muted);}
.ws-points li::before{content:"\2713";position:absolute;left:0;top:0;
  font-family:var(--f);font-weight:900;color:var(--blue);font-size:15px;}

.ws-bio{background:#fff;border-radius:14px;padding:28px 32px;margin-top:40px;
  display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.ws-bio img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center 15%;
  border:4px solid #fff;box-shadow:0 8px 20px -8px rgba(13,34,48,.4);flex-shrink:0;}
.ws-bio p{flex:1;min-width:260px;margin:0;font-size:15.5px;line-height:1.65;}
.ws-bio a{color:var(--blue);font-weight:700;}

.ws-next{background:linear-gradient(135deg,var(--ink) 0%,#101a2b 100%);padding:66px 0;
  text-align:center;}
.ws-next .in{max-width:760px;margin:0 auto;padding:0 40px;}
.ws-next h2{font-family:var(--f);font-weight:900;font-size:30px;color:#fff;margin-bottom:12px;}
.ws-next p{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.85);margin-bottom:28px;}
.ws-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ws-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f);font-weight:700;
  font-size:15.5px;background:var(--orange);color:#fff;padding:15px 30px;border-radius:10px;
  box-shadow:0 12px 26px -12px rgba(247,116,5,.6);
  transition:transform .2s;}
.ws-btn:hover{transform:translateY(-2px);}
.ws-btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);
  box-shadow:none;}
.ws-btn.ghost:hover{border-color:#fff;}

@media(max-width:900px){
  .ws-learn{grid-template-columns:1fr;}
  .ws-points{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .ws-hero .in,.ws-sec .in,.ws-frame .in,.ws-next .in{padding:0 20px;}
  .ws-hero h1{font-size:30px;}
  .ws-play .btn{width:62px;height:62px;}
  .ws-play .btn::before{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;}
}