Maciej Czarnecki - Turysta futurysta. Jak czytać, czuć i rozumieć polski modernizm

#turysta-futurysta-card{
width:100%;
max-width:830px;
margin:0 auto;
color:#162033;
background:#eef1f0;
overflow:hidden;
border:1px solid #d7dce0;
}
#turysta-futurysta-card *{box-sizing:border-box;}
#turysta-futurysta-card img{display:block;width:100%;max-width:100%;height:auto;}
#turysta-futurysta-card a{text-decoration:none;color:inherit;}

#turysta-futurysta-card . tf-hero{
display:grid;
grid-template-columns:1. 05fr . 95fr;
background:#0d1b34;
color:#fff;
}
#turysta-futurysta-card . tf-hero-copy{
padding:58px 48px 52px;
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
overflow:hidden;
}
#turysta-futurysta-card . tf-hero-copy:after{
content:"";
position:absolute;
width:180px;
height:180px;
right:-62px;
top:-62px;
border:1px solid rgba(198, 214, 10, . 55);
border-radius:50%;
}
#turysta-futurysta-card . tf-kicker{
margin:0 0 16px;
font-size:12px;
line-height:1. 4;
letter-spacing:. 17em;
text-transform:uppercase;
color:#c6d60a;
}
#turysta-futurysta-card . tf-hero h2{
margin:0 0 10px;
font-size:46px;
line-height:1. 02;
font-weight:700;
letter-spacing:-. 025em;
}
#turysta-futurysta-card . tf-author{
margin:0 0 28px;
font-size:16px;
color:#d9e0ea;
}
#turysta-futurysta-card . tf-tagline{
margin:0;
max-width:360px;
padding-top:20px;
border-top:1px solid rgba(255, 255, 255, . 22);
font-size:21px;
line-height:1. 35;
font-weight:600;
}
#turysta-futurysta-card . tf-hero-media{
min-height:430px;
padding:18px;
background:#172a50;
display:flex;
align-items:center;
justify-content:center;
}
#turysta-futurysta-card . tf-hero-media img{
max-height:100%;
object-fit:contain;
}

#turysta-futurysta-card . tf-intro{
padding:54px 58px 48px;
background:#f3f5f4;
}
#turysta-futurysta-card . tf-intro h3,
#turysta-futurysta-card . tf-section-title{
margin:0 0 18px;
font-size:30px;
line-height:1. 18;
letter-spacing:-. 012em;
color:#15213b;
}
#turysta-futurysta-card . tf-intro p,
#turysta-futurysta-card . tf-copy{
margin:0;
font-size:17px;
line-height:1. 72;
color:#47505f;
}

#turysta-futurysta-card . tf-contrast{
display:grid;
grid-template-columns:1fr 1fr;
border-top:1px solid #d6dce2;
border-bottom:1px solid #d6dce2;
}
#turysta-futurysta-card . tf-contrast-card{
padding:42px 42px 40px;
min-height:250px;
}
#turysta-futurysta-card . tf-contrast-card:first-child{
background:#15305d;
color:#fff;
}
#turysta-futurysta-card . tf-contrast-card:last-child{
background:#c6d60a;
color:#15213b;
}
#turysta-futurysta-card . tf-no{
display:inline-block;
margin-bottom:22px;
font-size:12px;
line-height:1. 4;
letter-spacing:. 17em;
text-transform:uppercase;
opacity:. 75;
}
#turysta-futurysta-card . tf-contrast-card h3{
margin:0 0 15px;
font-size:25px;
line-height:1. 2;
}
#turysta-futurysta-card . tf-contrast-card p{
margin:0;
font-size:16px;
line-height:1. 64;
}

#turysta-futurysta-card . tf-image-wide{
background:#0d1b34;
padding:24px 30px;
}
#turysta-futurysta-card . tf-image-wide img{
width:auto;
max-width:100%;
max-height:470px;
margin:0 auto;
object-fit:contain;
}

#turysta-futurysta-card . tf-cosmic{
padding:56px 58px 58px;
background:linear-gradient(180deg, #132544 0%, #0d1b34 100%);
color:#fff;
position:relative;
overflow:hidden;
}
#turysta-futurysta-card . tf-cosmic:after{
content:"";
position:absolute;
right:28px;
top:28px;
width:94px;
height:94px;
border:14px solid rgba(198, 214, 10, . 12);
border-radius:50%;
}
#turysta-futurysta-card . tf-cosmic-label{
margin:0 0 18px;
padding-top:14px;
width:170px;
border-top:1px solid #c6d60a;
font-size:11px;
line-height:1. 45;
letter-spacing:. 17em;
text-transform:uppercase;
color:#c6d60a;
}
#turysta-futurysta-card . tf-cosmic h3{
margin:0 0 18px;
max-width:580px;
font-size:31px;
line-height:1. 18;
}
#turysta-futurysta-card . tf-cosmic p{
margin:0;
max-width:590px;
font-size:16. 5px;
line-height:1. 72;
color:#dbe3ec;
}
#turysta-futurysta-card . tf-motifs{
position:relative;
z-index:2;
margin-top:34px;
padding-top:22px;
border-top:1px solid rgba(255, 255, 255, . 18);
font-size:13px;
line-height:1. 6;
color:#c6d60a;
font-weight:600;
letter-spacing:. 03em;
}

#turysta-futurysta-card . tf-story{
display:grid;
grid-template-columns:. 92fr 1. 08fr;
align-items:center;
background:#f6f8f7;
}
#turysta-futurysta-card . tf-story-media{
min-height:390px;
padding:18px;
background:#dfe5e8;
display:flex;
align-items:center;
justify-content:center;
}
#turysta-futurysta-card . tf-story-media img{
max-height:100%;
object-fit:contain;
}
#turysta-futurysta-card . tf-story-copy{
padding:48px 48px 46px;
}
#turysta-futurysta-card . tf-quote{
margin:26px 0 0;
padding:20px 0 0 22px;
border-left:3px solid #c6d60a;
font-size:20px;
line-height:1. 45;
font-weight:600;
color:#17365f;
}

#turysta-futurysta-card . tf-stats{
padding:50px 54px;
background:#dfe5e8;
}
#turysta-futurysta-card . tf-stats h3{
margin:0 0 24px;
font-size:28px;
line-height:1. 2;
}
#turysta-futurysta-card . tf-stat{
display:grid;
grid-template-columns:150px 1fr;
gap:28px;
align-items:center;
padding:20px 0;
border-top:1px solid #bec7cf;
}
#turysta-futurysta-card . tf-stat strong{
font-size:38px;
line-height:1;
color:#15305d;
}
#turysta-futurysta-card . tf-stat span{
font-size:16px;
line-height:1. 45;
color:#3f4b59;
}

#turysta-futurysta-card . tf-blurb{
padding:56px 58px 58px;
background:#c6d60a;
color:#12213b;
}
#turysta-futurysta-card . tf-blurb-label{
margin:0 0 18px;
font-size:11px;
line-height:1. 4;
letter-spacing:. 17em;
text-transform:uppercase;
opacity:. 72;
}
#turysta-futurysta-card . tf-blurb blockquote{
margin:0;
padding:0;
font-size:19px;
line-height:1. 58;
font-weight:600;
}
#turysta-futurysta-card . tf-blurb-author{
margin:24px 0 0;
padding-top:18px;
border-top:1px solid rgba(18, 33, 59, . 25);
font-size:15px;
font-weight:700;
}

#turysta-futurysta-card . tf-final{
display:grid;
grid-template-columns:1fr 1fr;
background:#15305d;
color:#fff;
}
#turysta-futurysta-card . tf-final-media{
min-height:330px;
padding:18px;
background:#d6dde2;
display:flex;
align-items:center;
justify-content:center;
}
#turysta-futurysta-card . tf-final-media img{
max-height:100%;
object-fit:contain;
}
#turysta-futurysta-card . tf-final-copy{
padding:48px 42px;
display:flex;
flex-direction:column;
justify-content:center;
}
#turysta-futurysta-card . tf-final-copy h3{
margin:0 0 16px;
font-size:28px;
line-height:1. 2;
}
#turysta-futurysta-card . tf-final-copy p{
margin:0 0 26px;
font-size:16px;
line-height:1. 65;
color:#edf2f7;
}
#turysta-futurysta-card . tf-cta{
display:inline-block;
align-self:flex-start;
padding:13px 21px;
border:1px solid #c6d60a;
color:#c6d60a;
font-size:14px;
font-weight:600;
letter-spacing:. 03em;
}

@media (max-width:620px){
#turysta-futurysta-card{
width:100%;
max-width:100%;
margin:0;
border-left:0;
border-right:0;
}

#turysta-futurysta-card . tf-hero,
#turysta-futurysta-card . tf-contrast,
#turysta-futurysta-card . tf-story,
#turysta-futurysta-card . tf-final{
display:flex;
flex-direction:column;
}

/* Hero */
#turysta-futurysta-card . tf-hero-copy{
order:1;
padding:34px 22px 30px;
}
#turysta-futurysta-card . tf-hero-media{
order:2;
min-height:0;
padding:10px;
}
#turysta-futurysta-card . tf-hero-media img{
width:100%;
height:auto;
max-height:430px;
object-fit:contain;
}
#turysta-futurysta-card . tf-hero-copy:after{
width:112px;
height:112px;
right:-42px;
top:-42px;
}
#turysta-futurysta-card . tf-kicker{
margin-bottom:11px;
font-size:9. 5px;
line-height:1. 45;
letter-spacing:. 14em;
}
#turysta-futurysta-card . tf-hero h2{
margin-bottom:8px;
font-size:34px;
line-height:1. 02;
}
#turysta-futurysta-card . tf-author{
margin-bottom:19px;
font-size:14px;
}
#turysta-futurysta-card . tf-tagline{
max-width:none;
padding-top:16px;
font-size:17px;
line-height:1. 4;
}

/* Main text */
#turysta-futurysta-card . tf-intro{
padding:32px 22px;
}
#turysta-futurysta-card . tf-intro h3,
#turysta-futurysta-card . tf-section-title,
#turysta-futurysta-card . tf-cosmic h3,
#turysta-futurysta-card . tf-stats h3,
#turysta-futurysta-card . tf-final-copy h3{
margin-bottom:13px;
font-size:23px;
line-height:1. 18;
}
#turysta-futurysta-card . tf-intro p,
#turysta-futurysta-card . tf-copy,
#turysta-futurysta-card . tf-cosmic p{
font-size:14px;
line-height:1. 66;
}

/* Two feature panels -> stacked */
#turysta-futurysta-card . tf-contrast-card{
min-height:0;
padding:28px 22px 29px;
}
#turysta-futurysta-card . tf-contrast-card:last-child{
border-top:1px solid rgba(21, 33, 59, . 16);
}
#turysta-futurysta-card . tf-no{
margin-bottom:15px;
font-size:9. 5px;
}
#turysta-futurysta-card . tf-contrast-card h3{
margin-bottom:10px;
font-size:21px;
}
#turysta-futurysta-card . tf-contrast-card p{
font-size:13. 5px;
line-height:1. 62;
}

/* Wide photo */
#turysta-futurysta-card . tf-image-wide{
padding:10px;
}
#turysta-futurysta-card . tf-image-wide img{
width:100%;
max-height:420px;
object-fit:contain;
}

/* Cosmic section */
#turysta-futurysta-card . tf-cosmic{
padding:34px 22px 36px;
}
#turysta-futurysta-card . tf-cosmic:after{
right:-12px;
top:20px;
width:70px;
height:70px;
border-width:10px;
}
#turysta-futurysta-card . tf-cosmic-label{
width:124px;
margin-bottom:17px;
padding-top:10px;
font-size:9px;
}
#turysta-futurysta-card . tf-motifs{
margin-top:22px;
padding-top:15px;
font-size:9. 5px;
line-height:1. 7;
letter-spacing:. 015em;
overflow-wrap:anywhere;
}

/* Spread + story */
#turysta-futurysta-card . tf-story-media{
min-height:0;
padding:10px;
}
#turysta-futurysta-card . tf-story-media img{
width:100%;
max-height:420px;
object-fit:contain;
}
#turysta-futurysta-card . tf-story-copy{
padding:31px 22px 33px;
}
#turysta-futurysta-card . tf-quote{
margin-top:20px;
padding:15px 0 0 15px;
font-size:16px;
line-height:1. 48;
}

/* Numbers */
#turysta-futurysta-card . tf-stats{
padding:31px 22px 32px;
}
#turysta-futurysta-card . tf-stat{
display:block;
padding:17px 0;
}
#turysta-futurysta-card . tf-stat strong{
display:block;
margin-bottom:5px;
font-size:29px;
}
#turysta-futurysta-card . tf-stat span{
display:block;
font-size:13. 5px;
line-height:1. 45;
}

/* Blurb */
#turysta-futurysta-card . tf-blurb{
padding:34px 22px 36px;
}
#turysta-futurysta-card . tf-blurb-label{
margin-bottom:14px;
font-size:9. 5px;
}
#turysta-futurysta-card . tf-blurb blockquote{
font-size:15px;
line-height:1. 58;
font-weight:600;
}
#turysta-futurysta-card . tf-blurb-author{
margin-top:20px;
padding-top:15px;
font-size:14px;
}

/* Final */
#turysta-futurysta-card . tf-final-media{
min-height:0;
padding:10px;
}
#turysta-futurysta-card . tf-final-media img{
width:100%;
max-height:420px;
object-fit:contain;
}
#turysta-futurysta-card . tf-final-copy{
padding:31px 22px 35px;
}
#turysta-futurysta-card . tf-final-copy p{
margin-bottom:21px;
font-size:13. 5px;
line-height:1. 62;
}
#turysta-futurysta-card . tf-cta{
display:block;
width:100%;
padding:13px 14px;
text-align:center;
font-size:12px;
line-height:1. 35;
}
}

@media (max-width:390px){
#turysta-futurysta-card . tf-hero-copy,
#turysta-futurysta-card . tf-intro,
#turysta-futurysta-card . tf-contrast-card,
#turysta-futurysta-card . tf-cosmic,
#turysta-futurysta-card . tf-story-copy,
#turysta-futurysta-card . tf-stats,
#turysta-futurysta-card . tf-blurb,
#turysta-futurysta-card . tf-final-copy{
padding-left:19px;
padding-right:19px;
}
#turysta-futurysta-card . tf-hero h2{
font-size:31px;
}
#turysta-futurysta-card . tf-tagline{
font-size:16px;
}
#turysta-futurysta-card . tf-intro h3,
#turysta-futurysta-card . tf-section-title,
#turysta-futurysta-card . tf-cosmic h3,
#turysta-futurysta-card . tf-stats h3,
#turysta-futurysta-card . tf-final-copy h3{
font-size:22px;
}
#turysta-futurysta-card . tf-blurb blockquote{
font-size:14. 5px;
}
}

@media (max-width:340px){
#turysta-futurysta-card . tf-hero-copy,
#turysta-futurysta-card . tf-intro,
#turysta-futurysta-card . tf-contrast-card,
#turysta-futurysta-card . tf-cosmic,
#turysta-futurysta-card . tf-story-copy,
#turysta-futurysta-card . tf-stats,
#turysta-futurysta-card . tf-blurb,
#turysta-futurysta-card . tf-final-copy{
padding-left:16px;
padding-right:16px;
}
#turysta-futurysta-card . tf-hero h2{
font-size:29px;
}
#turysta-futurysta-card . tf-blurb blockquote{
font-size:14px;
}
}

/* Korekta wyłącznie zdjęcia w sekcji hero: zachowuje proporcje i nie wydłuża karty */
#turysta-futurysta-card . tf-hero-media{
min-height:0;
height:430px;
}
#turysta-futurysta-card . tf-hero-media img{
width:100%;
height:100%;
max-height:none;
object-fit:contain;
}

@media (max-width:620px){
#turysta-futurysta-card . tf-hero-media{
height:360px;
}
#turysta-futurysta-card . tf-hero-media img{
width:100%;
height:100%;
max-height:none;
object-fit:contain;
}
}

/* JEDYNA ZMIANA: tekst sekcji cosmic obok zdjęcia */
#turysta-futurysta-card . tf-photo-text-row{
display:grid;
grid-template-columns:1fr 1fr;
align-items:stretch;
background:#0d1b34;
}
#turysta-futurysta-card . tf-photo-text-row . tf-image-wide{
display:flex;
align-items:center;
justify-content:center;
padding:24px 18px;
}
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic{
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
padding:42px 34px;
}
#turysta-futurysta-card . tf-photo-text-row . tf-image-wide img{
max-height:430px;
}

@media (max-width:620px){
#turysta-futurysta-card . tf-photo-text-row{
grid-template-columns:1fr 1fr;
}
#turysta-futurysta-card . tf-photo-text-row . tf-image-wide{
padding:10px;
}
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic{
padding:24px 18px;
}
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic h3{
font-size:20px;
}
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic p{
font-size:12. 5px;
line-height:1. 55;
}
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic-label{
width:auto;
font-size:8. 5px;
}
#turysta-futurysta-card . tf-photo-text-row . tf-motifs{
font-size:8. 5px;
line-height:1. 55;
}
}

/* Mobile-friendly refinement */
@media (max-width:620px){
#turysta-futurysta-card{
width:100%;
max-width:100%;
overflow:hidden;
}

/* Sekcja zdjęcie + tekst: na desktopie obok siebie, na mobile jedna pod drugą */
#turysta-futurysta-card . tf-photo-text-row{
display:flex;
flex-direction:column;
}

#turysta-futurysta-card . tf-photo-text-row . tf-image-wide{
width:100%;
padding:10px;
}

#turysta-futurysta-card . tf-photo-text-row . tf-image-wide img{
width:100%;
height:auto;
max-height:none;
object-fit:contain;
}

#turysta-futurysta-card . tf-photo-text-row . tf-cosmic{
width:100%;
padding:32px 22px 34px;
}

#turysta-futurysta-card . tf-photo-text-row . tf-cosmic h3{
font-size:23px;
line-height:1. 18;
}

#turysta-futurysta-card . tf-photo-text-row . tf-cosmic p{
font-size:14px;
line-height:1. 66;
}

#turysta-futurysta-card . tf-photo-text-row . tf-cosmic-label{
width:124px;
font-size:9px;
}

#turysta-futurysta-card . tf-photo-text-row . tf-motifs{
font-size:9. 5px;
line-height:1. 7;
overflow-wrap:anywhere;
}

/* Bezpieczne zachowanie obrazów i tekstów na małych ekranach */
#turysta-futurysta-card img{
max-width:100%;
height:auto;
}

#turysta-futurysta-card h2,
#turysta-futurysta-card h3,
#turysta-futurysta-card p,
#turysta-futurysta-card blockquote,
#turysta-futurysta-card span,
#turysta-futurysta-card a{
overflow-wrap:break-word;
}
}

@media (max-width:390px){
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic{
padding-left:19px;
padding-right:19px;
}
}

@media (max-width:340px){
#turysta-futurysta-card . tf-photo-text-row . tf-cosmic{
padding-left:16px;
padding-right:16px;
}
}





Polski modernizm poza oczywistym szlakiem
Turysta futurysta
Maciej Czarnecki
Odkryj piękno, którego nie dostrzegają inni.






Modernizm, który mijamy każdego dnia.
Nie tylko monumentalne gmachy i ikony architektury. Polski modernizm kryje się także we wnętrzach, na dworcach, osiedlach, placach i ulicach - tak blisko, że często przestaliśmy go zauważać.



01 / Wizje nowoczesności
Architektura marzeń
Od optymizmu i fascynacji kosmosem po codzienną pomysłowość - modernizm opowiada o ambicjach kolejnych pokoleń.


02 / Czuła obserwacja
Piękno ukryte w detalu
Światło, geometria, faktura i rytm zmieniają zwyczajne miejsca w kadry, których nie da się już przeoczyć.







Modernizm / przyszłość / codzienność
Trochę kosmosu. Dużo Polski.
Maciej Czarnecki pokazuje polski modernizm jako żywą opowieść o ambicjach, marzeniach i codzienności - od najbardziej rozpoznawalnych ikon po miejsca niepozorne, lokalne i zaskakująco piękne.

ŚWIATŁO · GEOMETRIA · FAKTURA · RYTM · PRZYSZŁOŚĆ








Zobacz, jak wygląda wnętrze albumu
Fotografia i tekst prowadzą przez modernistyczne osiedla mieszkaniowe, kameralne ośrodki wypoczynkowe, sanatoria i niepozorne domy handlowe. Książka staje się jednocześnie przewodnikiem, reportażem i lekcją czułej obserwacji.
Patrz uważniej. To, co niezwykłe, często znajduje się bardzo blisko.



W środku
Polska do odkrycia

300+klimatycznych fotografii


200+miejsc wartych odwiedzenia


3 w 1przewodnik, reportaż i lekcja uważnego patrzenia



O książce

"Książka Macieja Czarneckiego to zaproszenie do niecodziennej podróży przez wizje nowoczesności z XX wieku – tej, która miała kształtować polską niepodległą tożsamość, tej z czasów optymizmu i marzeń o kosmosie oraz tej z epoki kombinowania i działania sposobem, budowanej wbrew trudnościom. Ci, którzy już cenią polski modernizm, znajdą tu być może nowe obiekty warte odwiedzenia, a przede wszystkim zdjęcia, na których szczegół potrafi uchwycić esencję całego miejsca. Natomiast ci, którzy dopiero zaczynają swoją przygodę z architekturą modernistyczną, otrzymają zachętę, by wszędzie odkrywać piękno tworzone przez światło, geometrię, fakturę i rytm: od gmachów państwowych, poprzez świątynie aż po domy i osiedla.


Przyszłość jest w Polsce – być może także w Twojej miejscowości. "

Olga Drenda






Przyszłość jest bliżej, niż myślisz
Poznaj inne książki autora
Sięgnij po pozostałe publikacje Macieja Czarneckiego i odkrywaj architekturę, miejsca oraz detale, które łatwo przeoczyć.
Zobacz książki Macieja Czarneckiego