/* ==========================================================================
   site.css — continuum.org.pl: ekran wyboru, FR Continuum, Fundacja Continuum
   Warstwa dodatkowa nad normalize.css / demo.css / component.css
   ========================================================================== */

/* reset — ekran wyboru i /fundacja/ nie ładują demo.css */
*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* ==========================================================================
   1. EKRAN WYBORU (/)
   ========================================================================== */
body.chooser{
  margin:0;background:#14100f;color:#f0f0f0;
  font-family:'Comfortaa',"Trebuchet MS",sans-serif;font-weight:300;
  min-height:100vh;display:flex;flex-direction:column;
}
.chooser__bar{
  flex:0 0 auto;padding:18px 24px;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:#8b8280;border-bottom:1px solid rgba(255,255,255,.08);
}
.chooser__panels{flex:1 1 auto;display:flex;flex-wrap:wrap;min-height:0}
.pick{
  flex:1 1 50%;min-width:280px;min-height:62vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:48px 28px;text-decoration:none;
  position:relative;overflow:hidden;transition:background-color .35s ease;
}
.pick--fr{background:#e74d3c;color:#fff}
.pick--fr:hover,.pick--fr:focus{background:#ee6553;color:#fff}
.pick--fc{background:#16201f;color:#eef3f2;border-left:1px solid rgba(255,255,255,.08)}
.pick--fc:hover,.pick--fc:focus{background:#1d2b29;color:#fff}
.pick__mark{height:112px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.pick__mark-fc{
  font-family:'Comfortaa',"Trebuchet MS",sans-serif;
  font-size:112px;line-height:.62;color:#3aa89f;font-weight:400;
}
.pick__mark-fr{
  font-size:64px;line-height:1;font-weight:700;letter-spacing:.06em;color:#fff;
  text-shadow:1px 4px 6px #e74d3c,0 0 0 rgba(0,0,0,.3),3px 0 1px rgba(0,0,0,.35);
}
.pick__name{font-size:26px;line-height:1.25;font-weight:400;letter-spacing:.14em;margin:0}
.pick--fc .pick__name{font-family:'Spectral',Georgia,serif;font-weight:300;letter-spacing:.2em}
.pick__kind{margin:14px 0 0;font-size:12px;letter-spacing:.24em;text-transform:uppercase;opacity:.82;font-weight:400}
.pick--fc .pick__kind{font-family:'Spectral',Georgia,serif}
.pick__desc{margin:22px 0 0;max-width:34ch;font-size:14px;line-height:1.65;opacity:.9}
.pick--fc .pick__desc{font-family:'Spectral',Georgia,serif;font-size:15px;line-height:1.75}
.pick__cta{margin-top:28px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.chooser__foot{flex:0 0 auto;padding:16px 24px;font-size:12px;color:#8b8280;border-top:1px solid rgba(255,255,255,.08)}
.chooser__foot a{color:#c9bfbc}
.chooser__foot a:hover{color:#fff}
@media screen and (max-width:760px){
  .pick{flex:1 1 100%;min-height:46vh}
  .pick--fc{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .pick__mark{height:84px;margin-bottom:18px}
  .pick__mark-fr{font-size:48px}
  .pick__name{font-size:21px}
}

/* ==========================================================================
   2. FR CONTINUUM (/fr/) — oryginalna siatka 6-kolumnowa + logo w kaflu
   ========================================================================== */

/* pionowe wysrodkowanie siatki na duzych ekranach */
@media screen and (min-width:761px) and (min-height:680px){
  body.frc .container{
    display:flex;align-items:center;
    min-height:-webkit-calc(100vh - 44px);min-height:calc(100vh - 44px);
  }
  body.frc .component{width:100%}
}

/* logo: FR + rysowana osemka dopelniaja pierwsza linie nad CONTI/NUUM */
.grid li .card{
  font-size:14px;line-height:1.5;text-align:left;font-weight:300;
  padding:18px 8px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-orient:vertical;-webkit-box-direction:normal;
  -ms-flex-direction:column;flex-direction:column;
}
.grid li .card__logo{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-orient:vertical;-webkit-box-direction:normal;
  -ms-flex-direction:column;flex-direction:column;
  -ms-flex-item-align:start;align-self:flex-start;
  margin-bottom:10px;
}
.grid li .card__row1{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  height:38px;
}
.grid li .card__fr,
.grid li .card__word{
  font-size:40px;line-height:38px;font-weight:300;letter-spacing:0;color:#fff;
}
.grid li .card__inf{display:block;-ms-flex-negative:0;flex-shrink:0}
.grid li .card__kind{margin:0;font-size:13px;line-height:1.4;color:#fff}
.grid li .card__note{
  margin:3px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffb0a2;
}
.grid li .card__meta{margin:7px 0 0;font-size:11px;line-height:1.75}
.grid li .card__meta dt{float:left;clear:left;width:52px;color:#b9b2b0;font-weight:400}
.grid li .card__meta dd{margin:0 0 0 52px;color:#fff}
.grid li .card__mail{margin:9px 0 0}
.grid li .card__mail a{
  display:block;background:#000;padding:3px;text-align:center;font-size:12px;
  color:#e74d3c;border-bottom:0;
}
.grid li .card__mail a:hover{color:#fff}

/* waskie ekrany */
@media screen and (max-width:760px){
  body.frc #footer{padding:8px 0}
  body.frc #footer ul{margin:0;padding:0;text-align:center}
  body.frc #footer li{padding:4px 11px;font-size:13px}
}
@media screen and (max-width:560px){
  body.frc .grid li{max-height:none}
  body.frc .container{padding-bottom:64px}
}

/* ==========================================================================
   3. FUNDACJA CONTINUUM (/fundacja/) — odrębna identyfikacja, liternictwo szeryfowe
   ========================================================================== */
body.fc{
  margin:0;background:#16201f;color:#dfe8e6;
  font-family:'Spectral',Georgia,'Times New Roman',serif;font-weight:300;
  min-height:100vh;display:flex;flex-direction:column;
  background-image:radial-gradient(1100px 620px at 50% -12%,#1e2e2c 0%,#16201f 62%);
}
.fc__wrap{flex:1 1 auto;width:100%;max-width:760px;margin:0 auto;padding:56px 24px 40px}
.fc__logo{display:flex;align-items:center;margin:0 0 42px}
.fc__logo svg{flex:0 0 auto;display:block;margin-right:20px}
.fc__logo-txt{line-height:1.15}
.fc__logo-txt strong{
  display:block;font-size:25px;font-weight:400;letter-spacing:.22em;
  color:#fff;text-transform:uppercase;
}
.fc__logo-txt em{
  display:block;font-style:italic;font-size:13px;letter-spacing:.14em;
  color:#3aa89f;margin-top:7px;
}
.fc h1{font-size:34px;line-height:1.28;font-weight:300;color:#fff;margin:0 0 20px;letter-spacing:.01em}
.fc p{font-size:16px;line-height:1.85;margin:0 0 16px;color:#c3d0ce}
.fc__sep{border:0;border-top:1px solid rgba(58,168,159,.22);margin:40px 0}
.fc h2{
  font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#3aa89f;
  font-weight:500;margin:0 0 18px;
}
.fc__cols{display:flex;flex-wrap:wrap}
.fc__col{flex:1 1 260px;min-width:0;padding-right:40px}
.fc dl{margin:0;font-size:15px;line-height:1.95}
.fc dl dt{float:left;clear:left;width:84px;color:#8fa6a3}
.fc dl dd{margin:0 0 0 84px;color:#eef3f2}
.fc__person{margin:0;font-size:17px;line-height:1.7}
.fc__person span{
  display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:#8fa6a3;font-weight:500;
}
.fc__person strong{font-weight:400;color:#fff}
.fc a{color:#3aa89f;text-decoration:none;border-bottom:1px solid rgba(58,168,159,.4)}
.fc a:hover,.fc a:focus{color:#6fd3ca;border-bottom-color:#6fd3ca}
.fc__foot{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.07);padding:18px 24px;font-size:13px;color:#7e918e}
.fc__foot-in{max-width:760px;margin:0 auto}
.fc__foot a{border-bottom:0;color:#9db3b0;margin-right:26px}
.fc__foot a:hover{color:#fff}
@media screen and (max-width:560px){
  .fc__wrap{padding:36px 20px 28px}
  .fc h1{font-size:27px}
  .fc__logo{margin-bottom:32px}
  .fc__logo svg{margin-right:14px}
  .fc__logo-txt strong{font-size:20px;letter-spacing:.16em}
  .fc__col{padding-right:0}
  .fc__foot a{margin-right:0;display:block;margin-bottom:6px}
}