/* Strona startowa z karuzelą mentorów — projekt z podglad-mentorzy (przeniesiony 23.10.2026). Czcionka odręczna: Reenie Beanie, SIL OFL 1.1. */
html,body{margin:0;background:#fff}
@font-face{font-family:"KN Reenie Beanie";font-style:normal;font-weight:400;font-display:swap;src:url("reenie-beanie.woff2") format("woff2")}
#kb-natural{--kn-ink:#17325e;--kn-green:#246b52;--kn-paper:#fff;--kn-muted:#52656a;font-family:Arial,Helvetica,sans-serif;color:var(--kn-ink);background:#fff;width:100%;isolation:isolate;letter-spacing:0}
#kb-natural *{box-sizing:border-box;letter-spacing:0}
#kb-natural svg{width:18px;height:18px;flex-shrink:0}
#kb-natural [hidden]{display:none!important}
#kb-natural .kn-stage{--kn-scene-ink:var(--kn-ink);--kn-title-accent:var(--kn-green);--kn-scene-shadow:0 1px 1px rgba(255,255,255,.55);--kn-header-ink:var(--kn-ink);--kn-header-shadow:0 1px 1px rgba(255,255,255,.55);--kn-name-ink:var(--kn-ink);--kn-name-shadow:0 1px 1px rgba(255,255,255,.55);position:relative;isolation:isolate;overflow:hidden;background:#fff}
#kb-natural .kn-stage[data-tone=dark],#kb-natural .kn-stage[data-layout=forest]{--kn-scene-ink:#fff;--kn-title-accent:#fff;--kn-scene-shadow:0 1px 3px rgba(0,0,0,.9);--kn-header-ink:#fff;--kn-header-shadow:0 1px 3px rgba(0,0,0,.9);--kn-name-ink:#fff;--kn-name-shadow:0 1px 3px rgba(0,0,0,.9)}
#kb-natural .kn-stage[data-layout=room],#kb-natural .kn-stage[data-layout=couple]{--kn-scene-ink:#fff;--kn-title-accent:#fff;--kn-scene-shadow:0 1px 3px rgba(0,0,0,.9)}
#kb-natural .kn-stage[data-layout=couple]{--kn-name-ink:#fff;--kn-name-shadow:0 1px 3px rgba(0,0,0,.9)}
#kb-natural .kn-stage[data-layout=family]{--kn-name-ink:#fff;--kn-name-shadow:0 1px 3px rgba(0,0,0,.9)}
#kb-natural .kn-header{position:absolute;inset:0 0 auto;z-index:5;min-height:156px;padding:12px 6%;display:flex;align-items:flex-start;justify-content:space-between;gap:26px;background:transparent}
#kb-natural .kn-home{display:block;flex:none}
#kb-natural .kn-logo{display:block;width:120px;height:135px;object-fit:contain;mix-blend-mode:multiply}
#kb-natural .kn-stage[data-tone=dark] .kn-logo,#kb-natural .kn-stage[data-layout=forest] .kn-logo{filter:grayscale(1) invert(1);mix-blend-mode:screen}
#kb-natural .kn-stage[data-layout=forest] .kn-home{background:transparent}
#kb-natural .kn-stage[data-layout=forest] .kn-logo{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.65));mix-blend-mode:normal}
#kb-natural .kn-header nav{display:flex;align-items:center;gap:30px;padding-top:24px}
#kb-natural .kn-header nav a{display:flex;align-items:center;gap:6px;min-height:44px;color:var(--kn-header-ink);text-shadow:var(--kn-header-shadow);font-size:14px;font-weight:600;text-decoration:none}
#kb-natural .kn-hero{height:740px;position:relative}
#kb-natural .kn-scenes{position:absolute;inset:0;overflow:hidden;background:#e7ece9}
#kb-natural .kn-stage[data-tone=dark] .kn-scenes{background:#101310}
#kb-natural .kn-stage[data-layout=couple] .kn-scenes{background:#a6b5bd}
#kb-natural .kn-stage[data-layout=portrait] .kn-scenes{background:#e8e5dc}
#kb-natural .kn-frame{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
#kb-natural .kn-frame.is-active{opacity:1;animation:kn-scene-in .8s ease both}
#kb-natural .kn-frame>img,#kb-natural .kn-photo-crop{position:absolute;display:block;max-width:none;max-height:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 var(--kn-photo-top-feather,4px),#000 calc(100% - 24px),transparent);mask-composite:intersect;mask-repeat:no-repeat;mask-mode:alpha}
#kb-natural .kn-frame>img{object-fit:fill}
#kb-natural .kn-frame[data-name="Aaron Nowosz"]>img,#kb-natural .kn-frame[data-name="Kinga Martyńska"]>img{mask-image:none}
#kb-natural .kn-photo-crop{overflow:hidden}
#kb-natural .kn-photo-crop img{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
#kb-natural .kn-person{display:none}
#kb-natural .kn-environment,#kb-natural .kn-forest-bg{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
#kb-natural .kn-environment img,#kb-natural .kn-forest-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#kb-natural .kn-room-bg{background:#d9d2c4}
#kb-natural .kn-room-bg img{display:none}
#kb-natural .kn-stage[data-layout=forest] .kn-forest-bg,#kb-natural .kn-stage[data-layout=room] .kn-room-bg,#kb-natural .kn-stage[data-layout=family] .kn-field-bg{opacity:1}
/* Contrast belongs to the letters, not to a layer covering the photograph. */
#kb-natural .kn-brand{position:absolute;z-index:3;left:6%;bottom:110px;width:max-content;max-width:88%;color:var(--kn-scene-ink);background:transparent;pointer-events:none;text-shadow:var(--kn-scene-shadow)}
#kb-natural h1{margin:0 0 14px;font-size:52px;line-height:1.04;font-weight:700;white-space:nowrap}
#kb-natural h1 span{display:inline;color:var(--kn-title-accent)}
#kb-natural .kn-brand p{margin:0;max-width:620px;font-size:18px;line-height:1.45;font-weight:400}
#kb-natural .kn-stage[data-layout=couple] .kn-brand{bottom:90px}
#kb-natural .kn-stage[data-layout=couple] h1{font-size:44px}
#kb-natural .kn-caption{position:absolute;z-index:6;top:64px;left:calc(6% + 150px);width:max-content;max-width:40%;color:var(--kn-header-ink);text-shadow:var(--kn-header-shadow);pointer-events:none}
#kb-natural .kn-label{display:inline-block;font-size:12px;line-height:1.4;font-weight:600}
#kb-natural .kn-name{display:block}
#kb-natural .kn-signature{position:absolute;left:50%;top:160px;z-index:6;pointer-events:none;width:max-content;max-width:300px;font-family:"KN Reenie Beanie","Segoe Print",cursive;font-size:42px;line-height:1.08;color:var(--kn-name-ink);text-shadow:var(--kn-name-shadow)}
#kb-natural .kn-signature .kn-name{font-family:inherit;font-size:inherit;font-weight:400;line-height:1.08;overflow-wrap:normal;transform:rotate(-3deg)}
#kb-natural .kn-signature .kn-signed-arrow{position:absolute;display:block;width:64px;height:34px}
#kb-natural .kn-stage .kn-signature[data-header=true]{color:var(--kn-header-ink);text-shadow:var(--kn-header-shadow)}
#kb-natural .kn-stage[data-layout=waiting] .kn-signature{display:none}
#kb-natural .kn-logins{position:absolute;z-index:4;left:6%;bottom:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:624px;max-width:88%}
#kb-natural .kn-logins a{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border:1px solid rgba(255,255,255,.65);border-radius:4px;background:var(--kn-ink);color:#fff;font-family:inherit;font-size:14px;line-height:1.2;font-weight:600;text-decoration:none}
#kb-natural .kn-logins a:first-child{background:var(--kn-green)}
#kb-natural .kn-logins a:hover{filter:brightness(1.1)}
#kb-natural .kn-wait{position:absolute;inset:170px 6% 260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--kn-muted);text-align:center}
#kb-natural .kn-wait svg{width:44px;height:44px}
#kb-natural .kn-wait strong{font-size:27px;line-height:1.25;font-weight:500;color:var(--kn-ink)}
#kb-natural .kn-wait span{font-size:16px;line-height:1.4}
#kb-natural .kn-player{position:absolute;z-index:7;right:6%;bottom:30px;display:grid;grid-template-columns:44px 44px 44px minmax(0,1fr);gap:6px;align-items:center;width:calc(88% - 656px);max-width:520px;margin:0;padding:0;color:var(--kn-scene-ink);text-shadow:var(--kn-scene-shadow)}
#kb-natural .kn-player-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c7d5cd;border-radius:50%;background:#fff;color:var(--kn-ink)}
#kb-natural .kn-player-button:hover{background:#e9f1ec}
#kb-natural .kn-player-button span{display:flex;align-items:center;justify-content:center}
#kb-natural .kn-player-button svg{display:block;width:20px;height:20px}
#kb-natural .kn-scene-progress{display:block;appearance:none;width:100%;min-width:0;height:4px;margin:0;border:0;background:#d5dfd9;color:var(--kn-green)}
#kb-natural .kn-scene-progress::-webkit-progress-bar{background:#d5dfd9}
#kb-natural .kn-scene-progress::-webkit-progress-value{background:var(--kn-green)}
#kb-natural .kn-scene-progress::-moz-progress-bar{background:var(--kn-green)}
#kb-natural .kn-intro{padding:30px 6%;background:#f2f6f3}
#kb-natural h2{margin:0;font-size:27px;line-height:1.3;font-weight:500}
#kb-natural .kn-program{padding:46px 6%}
#kb-natural .kn-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#kb-natural .kn-program-tile{min-width:0;width:100%;margin:0;border:1px solid #d5e3da;border-radius:8px;background:#f0f6f2;color:var(--kn-ink);font-family:inherit;text-align:left;overflow:hidden}
#kb-natural .kn-tile-face{display:grid;grid-template-columns:minmax(0,1fr)24px;grid-template-rows:48px minmax(62px,auto)18px;align-content:space-between;align-items:center;gap:14px;padding:26px;min-height:242px;list-style:none}
#kb-natural .kn-program-tile summary::-webkit-details-marker{display:none}
#kb-natural .kn-program-tile summary::marker{content:""}
#kb-natural .kn-program-tile summary:hover{background:#e6f0e9}
#kb-natural .kn-program-tile h2,#kb-natural .kn-program-tile strong{grid-column:1 / -1;margin:0;font-size:24px;line-height:1.3;font-weight:500;overflow-wrap:break-word}
#kb-natural .kn-program-tile .kn-program-symbol{grid-column:1;grid-row:1;width:48px;height:48px;color:var(--kn-green)}
#kb-natural .kn-program-tile .kn-program-arrow{grid-column:2;grid-row:1;width:24px;height:24px;color:var(--kn-green)}
#kb-natural .kn-program-tile[open] .kn-program-arrow{transform:rotate(90deg)}
#kb-natural .kn-program-access{display:grid;grid-template-columns:1fr;gap:12px;padding:0 26px 26px}
#kb-natural .kn-program-access a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 20px;border-radius:4px;background:var(--kn-ink);color:#fff;font-size:15px;line-height:1.3;font-weight:600;text-decoration:none}
#kb-natural .kn-program-access a:first-child{background:var(--kn-green)}
#kb-natural .kn-program-access a:hover{filter:brightness(1.1)}
#kb-natural .kn-tile-disabled{min-height:244px;background:#f6f7f6;color:#68756f;opacity:1;cursor:default}
#kb-natural .kn-tile-disabled .kn-program-symbol{color:#788b7e}
#kb-natural .kn-tile-status{grid-column:1 / -1;font-size:13px;line-height:1.4;color:#68756f}
#kb-natural summary .kn-tile-status{color:var(--kn-green)}
#kb-natural .kn-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:30px 6%;border-top:1px solid #e3e9e7;color:var(--kn-muted);font-size:13px;line-height:1.5}
#kb-natural .kn-footer a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--kn-green);text-decoration:none;overflow-wrap:anywhere}
@keyframes kn-scene-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){#kb-natural .kn-hero{height:760px}#kb-natural h1{font-size:64px}}
@media(max-width:1100px) and (min-width:701px){#kb-natural .kn-hero{height:700px}}
@media(max-width:1100px){#kb-natural .kn-stage{padding-bottom:68px}#kb-natural .kn-player{top:100%;bottom:auto;right:auto;left:50%;width:88%;max-width:640px;transform:translateX(-50%);padding:12px 0;color:var(--kn-ink);text-shadow:none}}
@media(max-width:1000px){#kb-natural .kn-program-grid{grid-template-columns:1fr}#kb-natural .kn-program-tile{max-width:720px}}
@media(max-width:850px) and (min-width:701px){#kb-natural h1{font-size:46px}#kb-natural .kn-stage[data-layout=couple] h1{font-size:42px}#kb-natural .kn-brand p{font-size:17px}#kb-natural .kn-logins a{font-size:13px;padding:0 16px}}
@media(max-width:700px){
  #kb-natural .kn-hero{height:760px}
  #kb-natural .kn-header{min-height:116px;padding:8px 22px}
  #kb-natural .kn-logo{width:88px;height:99px}
  #kb-natural .kn-header nav{gap:18px;padding-top:13px}
  #kb-natural .kn-header nav a{font-size:12px}
  #kb-natural .kn-brand,#kb-natural .kn-stage[data-layout=couple] .kn-brand{left:22px;right:22px;bottom:166px;width:auto;max-width:none}
  #kb-natural h1,#kb-natural .kn-stage[data-layout=couple] h1{font-size:30px;line-height:1.05;margin-bottom:10px}
  #kb-natural .kn-brand p{font-size:15px;line-height:1.45}
  #kb-natural .kn-caption{top:120px;left:22px;width:max-content;max-width:calc(100% - 44px)}
  #kb-natural .kn-label{font-size:11px}
  #kb-natural .kn-signature{font-size:32px}
  #kb-natural .kn-stage[data-layout=couple] .kn-signature{font-size:30px}
  #kb-natural .kn-signature .kn-signed-arrow{width:44px;height:24px}
  #kb-natural .kn-logins{left:22px;right:22px;bottom:24px;width:auto;max-width:none;grid-template-columns:1fr;gap:10px}
  #kb-natural .kn-logins a{height:50px;font-size:14px;padding:0 17px}
  #kb-natural .kn-wait{inset:190px 22px 300px;gap:14px}
  #kb-natural .kn-wait strong{font-size:24px}
  #kb-natural .kn-wait span{font-size:15px}
  #kb-natural .kn-intro{padding:25px 22px}
  #kb-natural h2{font-size:23px}
  #kb-natural .kn-program{padding:34px 22px}
  #kb-natural .kn-tile-face{grid-template-rows:32px minmax(60px,auto)18px;gap:14px;padding:20px;min-height:212px}
  #kb-natural .kn-program-tile h2,#kb-natural .kn-program-tile strong{font-size:23px}
  #kb-natural .kn-program-tile .kn-program-symbol{width:32px;height:32px}
  #kb-natural .kn-tile-disabled{min-height:214px}
  #kb-natural .kn-program-access{grid-template-columns:1fr;padding:0 20px 20px}
  #kb-natural .kn-footer{padding:26px 22px}
}
@media(max-width:450px){#kb-natural .kn-header nav{gap:12px}#kb-natural .kn-header nav a svg{width:15px;height:15px}#kb-natural .kn-footer{font-size:12px}}
@media(max-width:350px){#kb-natural .kn-stage[data-layout=couple] .kn-signature{font-size:26px}}
@media(max-width:300px){#kb-natural .kn-header{padding-left:16px;padding-right:16px}#kb-natural .kn-logo{width:80px;height:90px}#kb-natural .kn-header nav{gap:10px}#kb-natural .kn-header nav a{font-size:11px}#kb-natural .kn-header nav a svg{display:none}#kb-natural h1,#kb-natural .kn-stage[data-layout=couple] h1{font-size:26px}#kb-natural .kn-brand p{font-size:14px}#kb-natural .kn-logins a{font-size:13px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){#kb-natural .kn-frame,#kb-natural .kn-frame.is-active,#kb-natural .kn-forest-bg,#kb-natural .kn-environment{transition:none;animation:none}}