/* /kurs and /privacy: page-specific layout on top of styles.css (same tokens, type and buttons) */

/* ---------- header: logo + one button ---------- */
.khead{animation:none}
.khead .khead__cta{display:inline-flex;white-space:nowrap}
@media (max-width:560px){
  .khead .nav__logo{font-size:1.12rem;gap:10px}
  .khead .nav__logo b{width:38px;height:38px;font-size:1.2rem}
  .khead .khead__cta{height:42px;padding:0 16px;font-size:.78rem}
}
@media (max-width:360px){.khead .nav__logo span{display:none}}

/* ---------- first screen ---------- */
.khero{position:relative;background:var(--ink);padding:clamp(108px,13vw,150px) 0 calc(clamp(56px,7vw,110px) + var(--r));overflow:hidden}
.khero__bg{position:absolute;inset:0;background:url(assets/img/scenes/silk-dark-1100.webp) 70% 0/cover no-repeat;opacity:.38;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%);pointer-events:none}
@media (min-width:1100px){.khero__bg{background-image:url(assets/img/scenes/silk-dark-2200.webp)}}
.khero__grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(30px,5vw,90px);align-items:start}
.khero .eyebrow{margin-bottom:1.2rem}
.khero__h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:.98;letter-spacing:-.018em;text-wrap:balance}
.khero__h1 em{font-weight:400;color:var(--accent)}
.khero .offer{margin-top:clamp(22px,2.6vw,38px)}
.khero .offer__who{font-size:clamp(1.2rem,1.75vw,1.8rem)}
.khero .offer__deal{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}
.khero .offer__deal dd b{font-size:clamp(1.8rem,2.3vw,2.6rem);white-space:normal}
.khero__video{position:relative;margin-top:clamp(10px,2vw,30px);width:100%;aspect-ratio:9/14;max-height:min(76vh,640px);border-radius:999px 999px 28px 28px;overflow:hidden;background:var(--ink2) url(assets/video/lesson.jpg) center/cover;justify-self:end}
.khero__video video{width:100%;height:100%;object-fit:cover}
.khero__video figcaption{position:absolute;left:0;right:0;bottom:0;padding:46px 30% 18px 20px;line-height:1.5;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(0deg,rgba(18,6,15,.8),transparent);pointer-events:none}
@media (max-width:1000px){
  .khero__grid{grid-template-columns:1fr}
  .khero__video{justify-self:center;width:min(74vw,340px);margin-top:clamp(20px,5vw,40px)}
}
@media (max-width:760px){.khero .offer__deal{grid-template-columns:1fr}}

/* ---------- sections ---------- */
.flow>.ksec--plum{background:var(--plum)}
.flow>.ksec--ink{background:var(--ink)}
.flow>section.light{background:var(--ivory)}
.flow>.faq.light{background:var(--cream)}
.ksec .h2{font-size:clamp(2.4rem,5vw,5rem)}

/* what's included */
.kincl{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,6vw,110px);align-items:center}
.kincl__lead{font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.9rem);line-height:1.28;margin-top:clamp(26px,3vw,44px);max-width:30em}
.kincl__pics{position:relative;padding:0 14% 12% 0}
.kincl__pics figure{overflow:hidden}
.kincl__pics img{width:100%;height:100%;object-fit:cover}
.kincl__a{aspect-ratio:3/4;border-radius:999px 999px 26px 26px}
.kincl__b{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:4/5;border-radius:18px;border:7px solid var(--plum);box-shadow:0 30px 60px -30px #000}
@media (max-width:1000px){
  .kincl{grid-template-columns:1fr}
  .kincl__pics{width:min(100%,460px);margin:0 auto}
}

/* program */
.kprog{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,110px);align-items:start}
.kprog__head{position:sticky;top:clamp(84px,12vh,120px)}
.kprog__ph{margin-top:clamp(26px,3vw,44px);width:min(100%,380px);aspect-ratio:4/5;border-radius:999px 999px 26px 26px;overflow:hidden;position:relative}
.kprog__ph img{width:100%;height:100%;object-fit:cover;object-position:30% 20%}
.kprog__ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(0deg,rgba(18,6,15,.8),transparent)}
.kprog__t{font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1.08}
@media (max-width:1000px){
  .kprog{grid-template-columns:1fr}
  .kprog__head{position:static}
  .kprog__ph{display:none}
}

/* who teaches */
.kyu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,110px);align-items:center}
.kyu__ph{aspect-ratio:4/5;border-radius:999px 999px 26px 26px;overflow:hidden;max-width:520px}
.kyu__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.kyu__lead{font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.9rem);line-height:1.28;margin-top:clamp(20px,2.4vw,34px);max-width:30em}
.kyu__works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px);margin-top:clamp(22px,2.6vw,36px)}
.kyu__works li{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:var(--cream)}
.kyu__works img{width:100%;height:100%;object-fit:cover}
.kyu__works span{position:absolute;left:8px;bottom:8px;padding:4px 10px;border-radius:999px;background:rgba(18,6,15,.66);color:var(--ivory);font-size:.72rem;font-weight:700;letter-spacing:.04em}
.kyu__links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:clamp(22px,2.6vw,36px)}
.kyu__rate{display:inline-flex;flex-wrap:wrap;gap:6px;font-size:.95rem;color:var(--mute);border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .3s,border-color .3s}
.kyu__rate b{color:#a8732f}
@media (hover:hover){.kyu__rate:hover{color:var(--text);border-color:var(--accent)}}
@media (max-width:1000px){
  .kyu{grid-template-columns:1fr}
  .kyu__ph{width:min(78vw,400px);margin:0 auto}
}
@media (max-width:480px){.kyu__works{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* honest + enrol + form */
#zapis .honest{margin-top:0}
.honest__h{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1;color:var(--gold);margin-bottom:.8rem}
.kzap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,90px);align-items:start;margin-top:clamp(60px,8vw,120px)}
.kzap__steps{margin-top:clamp(24px,3vw,44px);display:grid;gap:0}
.kzap__steps li{display:grid;grid-template-columns:clamp(54px,5vw,76px) minmax(0,1fr);gap:12px;padding:clamp(16px,1.8vw,24px) 0;border-top:1px solid var(--line)}
.kzap__steps li:last-child{border-bottom:1px solid var(--line)}
.kzap__steps li>span{font-family:var(--serif);font-style:italic;font-size:clamp(2rem,3vw,3rem);line-height:.9;color:var(--gold)}
.kzap__steps h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2vw,2rem);line-height:1.08}
.kzap__steps p{color:var(--mute);margin-top:.35rem;font-size:.98rem}
.kzap__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,40px)}
.kzap .lf{margin-top:0;scroll-margin-top:90px}
@media (max-width:1000px){.kzap{grid-template-columns:1fr}}
@media (max-width:760px){
  .kzap__btns{display:grid;grid-template-columns:1fr}
}

/* studio */
.kstudio{margin-top:0}
.kstudio .studio__text p:not(.eyebrow){color:var(--mute)}

/* footer + final call */
.kfoot{padding-top:clamp(80px,10vw,150px)}
.kfoot__big{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,8.4vw,9rem);line-height:.92;letter-spacing:-.025em}
.kfoot__big em{font-weight:400;color:var(--accent);display:block}
.kfoot__sub{color:var(--mute);max-width:34em;font-size:clamp(1rem,1.3vw,1.2rem);margin-top:clamp(20px,2.4vw,34px)}
.kfoot__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,40px)}
.kfoot .clist{margin-top:clamp(70px,9vw,140px)}
@media (max-width:760px){
  .kfoot__btns{display:grid;grid-template-columns:1fr}
}

/* the sticky bar on /kurs is always the course one */
.kurs-page .sticky{z-index:80}

/* ---------- privacy ---------- */
.pp{background:var(--ink);padding:clamp(110px,13vw,160px) 0 clamp(70px,9vw,130px)}
.pp__in{max-width:860px}
.pp h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.015em;text-wrap:balance}
.pp__date{color:var(--mute);margin-top:1rem;font-size:.92rem}
.pp h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.1;margin:clamp(34px,4vw,56px) 0 .8rem;color:var(--ivory)}
.pp p,.pp li{color:var(--mute);max-width:44em}
.pp p+p{margin-top:.8rem}
.pp ul{display:grid;gap:.5rem;margin-top:.6rem}
.pp ul+p{margin-top:1.1rem}
.pp li{position:relative;padding-left:1.3em}
.pp li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:var(--gold)}
.pp b{color:var(--ivory);font-weight:600}
.pp a{color:var(--ivory);border-bottom:1px solid var(--accent)}
.pp__foot{border-top:1px solid var(--line)}
.pp__foot .foot__bar{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
