https://forumfilm.pl/rolling_loud/index.htm

1<!doctype html>
2<html lang="pl">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width,initial-scale=1">
6  <meta name="description" content="Rolling Loud. Film — Owen Wilson, największy hiphopowy festiwal świata i dzień, w którym wszystko idzie nie tak. W kinach od 2 października.">
7  <meta name="theme-color" content="#070707">
8  <title>Rolling Loud. Film — w kinach od 2 października</title>
9  <link rel="stylesheet" href="assets/site.css?v=14">
10  <link rel="stylesheet" href="assets/rolling-loud-overrides.css?v=14">
11  <link rel="stylesheet" href="../cookie-consent.css?v=3">
12</head>
13<body data-cookie-film-title="Rolling Loud. Film">
14  <div class="loader" aria-hidden="true"><span>RL / 001</span><i></i></div>
15  <div class="progress" aria-hidden="true"></div>
16
17  <header class="topbar">
18    <a class="mark" href="#top" aria-label="Rolling Loud — powrót na górę strony">RL<span>®</span></a>
19    <nav aria-label="Nawigacja główna">
20      <a href="#film">O filmie</a>
21      <a href="#fotosy">Fotosy</a>
22      <a href="#obsada">Obsada</a>
23      <a href="#plakat">Plakat</a>
24    </nav>
25    <button class="watch-link js-play" type="button"><span class="play-icon" aria-hidden="true">▶</span><span>Zobacz zwiastun</span><span aria-hidden="true">↗</span></button>
26  </header>
27
28  <main>
29    <section class="hero" id="top" aria-labelledby="hero-title">
30      <div class="hero-image" aria-hidden="true"></div><div class="grain" aria-hidden="true"></div>
31      <button class="watch-button hero-trailer js-play" type="button"><span class="play-icon" aria-hidden="true">▶</span><span>Odtwórz zwiastun</span></button>
32      <p class="hero-kicker">Najgłośniejsza komedia roku.<br>Nakręcona w samym środku chaosu.</p>
33      <h1 id="hero-title"><span>ROLLING</span><span class="outline">LOUD.</span><span class="film-word">FILM</span></h1>
34      <div class="hero-release-date" aria-label="W kinach od 2 października">
35        <span>W KINACH</span><strong>2 PAŹDZIERNIKA</strong>
36      </div>
37      <div class="hero-bottom">
38        <a class="scroll-cue" href="#film"><span>Poznaj historię</span><span aria-hidden="true">↓</span></a>
39      </div>
40    </section>
41
42    <section class="manifesto" id="film">
43      <div class="section-index" aria-hidden="true">01 — FABUŁA</div>
44      <div class="manifesto-copy" data-reveal><p>Co może pójść nie tak? Absolutnie wszystko.</p><h2>JEDEN OJCIEC.<br><em>JEDEN SYN.</em><br>ZERO PLANU.</h2></div>
45      <p class="manifesto-note" data-reveal>Ojciec przemyca trzynastoletniego syna na największy hiphopowy festiwal świata. Każda kolejna decyzja okazuje się gorsza od poprzedniej, a wyjścia z sytuacji po prostu nie ma.</p>
46    </section>
47
48    <section class="film-still" aria-label="Kadr z filmu">
49      <div class="still-image" aria-hidden="true"></div>
50      <div class="still-caption"><span>KONCERTOWA WERSJA „KAC VEGAS”</span><span>KADR 02 / NA ŻYWO</span></div>
51      <div class="vertical-type" aria-hidden="true">DZIEŃ, KTÓREGO NIGDY NIE ZAPOMNĄ</div>
52    </section>
53
54    <section class="gallery" id="fotosy" aria-labelledby="gallery-title">
55      <div class="section-index" aria-hidden="true">02 — FOTOSY</div>
56      <div class="gallery-heading" data-reveal>
57        <div>
58          <p class="eyebrow">Galeria fotosów</p>
59          <h2 id="gallery-title">Więcej kadrów<br><span>z Rolling Loud. Film</span></h2>
60        </div>
61        <p class="gallery-intro">Zebraliśmy dodatkowe fotosy z filmu i planu. Kliknij wybrane zdjęcie, aby otworzyć pełnoekranową galerię i przechodzić kadr po kadrze.</p>
62      </div>
63      <div class="gallery-grid">
64        <figure class="gallery-card gallery-card--landscape" data-reveal>
65          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="0" aria-label="Otwórz galerię — fotos 1">
66            <img src="assets/gallery/rolling-loud-01.jpg" alt="Rolling Loud. Film — fotos 1" loading="lazy">
67          </button>
68        </figure>
69        <figure class="gallery-card gallery-card--portrait" data-reveal>
70          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="1" aria-label="Otwórz galerię — fotos 2">
71            <img src="assets/gallery/rolling-loud-02.jpg" alt="Rolling Loud. Film — fotos 2" loading="lazy">
72          </button>
73        </figure>
74        <figure class="gallery-card gallery-card--portrait" data-reveal>
75          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="2" aria-label="Otwórz galerię — fotos 3">
76            <img src="assets/gallery/rolling-loud-03.jpg" alt="Rolling Loud. Film — fotos 3" loading="lazy">
77          </button>
78        </figure>
79        <figure class="gallery-card gallery-card--landscape" data-reveal>
80          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="3" aria-label="Otwórz galerię — fotos 4">

81            <img src="assets/gallery/rolling-loud-04.jpg" alt="Rolling Loud. Film — fotos 4" loading="lazy">
82          </button>
83        </figure>
84        <figure class="gallery-card gallery-card--landscape" data-reveal>
85          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="4" aria-label="Otwórz galerię — fotos 5">
86            <img src="assets/gallery/rolling-loud-05.jpg" alt="Rolling Loud. Film — fotos 5" loading="lazy">
87          </button>
88        </figure>
89        <figure class="gallery-card gallery-card--landscape" data-reveal>
90          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="5" aria-label="Otwórz galerię — fotos 6">
91            <img src="assets/gallery/rolling-loud-06.jpg" alt="Rolling Loud. Film — fotos 6" loading="lazy">
92          </button>
93        </figure>
94        <figure class="gallery-card gallery-card--landscape" data-reveal>
95          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="6" aria-label="Otwórz galerię — fotos 7">
96            <img src="assets/gallery/rolling-loud-07.jpg" alt="Rolling Loud. Film — fotos 7" loading="lazy">
97          </button>
98        </figure>
99        <figure class="gallery-card gallery-card--landscape" data-reveal>
100          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="7" aria-label="Otwórz galerię — fotos 8">
101            <img src="assets/gallery/rolling-loud-08.jpg" alt="Rolling Loud. Film — fotos 8" loading="lazy">
102          </button>
103        </figure>
104        <figure class="gallery-card gallery-card--landscape" data-reveal>
105          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="8" aria-label="Otwórz galerię — fotos 9">
106            <img src="assets/gallery/rolling-loud-09.jpg" alt="Rolling Loud. Film — fotos 9" loading="lazy">
107          </button>
108        </figure>
109        <figure class="gallery-card gallery-card--portrait" data-reveal>
110          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="9" aria-label="Otwórz galerię — fotos 10">
111            <img src="assets/gallery/rolling-loud-10.jpg" alt="Rolling Loud. Film — fotos 10" loading="lazy">
112          </button>
113        </figure>
114        <figure class="gallery-card gallery-card--landscape" data-reveal>
115          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="10" aria-label="Otwórz galerię — fotos 11">
116            <img src="assets/gallery/rolling-loud-11.jpg" alt="Rolling Loud. Film — fotos 11" loading="lazy">
117          </button>
118        </figure>
119        <figure class="gallery-card gallery-card--portrait" data-reveal>
120          <button class="gallery-trigger" type="button" data-gallery-trigger data-gallery-index="11" aria-label="Otwórz galerię — fotos 12">
121            <img src="assets/gallery/rolling-loud-12.jpg" alt="Rolling Loud. Film — fotos 12" loading="lazy">
122          </button>
123        </figure>
124      </div>
125    </section>
126
127    <section class="acts" id="obsada">
128      <div class="section-index" aria-hidden="true">03 — OBSADA</div>
129      <div class="acts-heading" data-reveal><h2>Gwiazdy.<br><span>Chaos.</span></h2><p>Hollywoodzka komedia wpada w sam środek Rolling Loud — bez dublerów dla tłumu i bez planu awaryjnego.</p></div>
130      <div class="acts-list">
131        <article class="act" data-reveal><span>01</span><h3>OWEN WILSON</h3><p>Ojciec, który łamie wszystkie zasady. Każda jego próba ratowania sytuacji uruchamia jeszcze większą katastrofę.</p></article>
132        <article class="act" data-reveal><span>02</span><h3>TRAVIS SCOTT</h3><p>Producent filmu i uczestnik jednej z najbardziej szalonych scen — kiedy bohater Wilsona niespodziewanie trafia na scenę podczas koncertu.</p></article>
133        <article class="act" data-reveal><span>03</span><h3>MATT RIFE</h3><p>Jeden z najgłośniejszych talentów współczesnej komedii wnosi do filmu tempo, bezczelność i nieprzewidywalność.</p></article>
134      </div>
135      <p class="cast-line" data-reveal>W FILMIE RÓWNIEŻ: CHRISTINE KO · SEXYY RED · TY DOLLA $IGNA · SKI MASK THE SLUMP GOD</p>
136    </section>
137
138    <section class="statement" aria-label="Wypowiedź Owena Wilsona">
139      <div class="statement-line" aria-hidden="true">ADRENALINA / ADRENALINA / ADRENALINA /</div>
140      <blockquote data-reveal>„To było doświadczenie poza ciałem.<br><em>Po prostu… adrenalina”.</em><cite>— Owen Wilson</cite></blockquote>
141    </section>
142
143    <section class="poster-section" id="plakat" aria-labelledby="poster-title">
144      <div class="poster-visual" data-reveal>
145        <img src="assets/rolling-loud-poster-display.jpg" alt="Plakat filmu Rolling Loud. Film" loading="lazy">
146      </div>
147      <div class="poster-copy" data-reveal>
148        <div class="section-index" aria-hidden="true">04 — PLAKAT I MATERIAŁY</div>
149        <p class="eyebrow">Do pobrania</p>
150        <h2 id="poster-title">Plakat filmu<br><span>i materiały prasowe</span></h2>
151        <p>W tej sekcji możesz pobrać plakat filmu, komplet fotosów w jednym pliku ZIP oraz przejść do pełnego pakietu materiałów prasowych.</p>
152        <div class="download-actions">
153          <a class="download-btn" href="assets/rolling_loud_plakat.jpg" download>Pobierz plakat</a>
154          <a class="download-btn download-btn--ghost" href="assets/rolling_loud_fotosy.zip" download>Pobierz wszystkie fotosy</a>
155          <a class="download-btn download-btn--ghost" href="https://mab.to/lefUu5XAUBPR5/eu1" target="_blank" rel="noopener noreferrer">Materiały do pobrania</a>
156        </div>
157      </div>
158    </section>
159
160    <section class="finale">
161      <div class="finale-image" aria-hidden="true"></div>
162      <div class="finale-content" data-reveal><span class="section-index">05 — W KINACH OD 2 PAŹDZIERNIKA</span><h2>JEDEN DZIEŃ.<br>ZERO ZASAD.</h2>

162<button class="watch-button js-play" type="button"><span class="play-icon" aria-hidden="true">▶</span><span>Odtwórz zwiastun</span></button></div>
163    </section>
164  </main>
165
166  <footer>
167    <a class="mark" href="https://www.forumfilm.pl" aria-label="Forum Film — strona główna">FF<span>®</span></a>
168    <p>„ROLLING LOUD. FILM” — W KINACH OD 2 PAŹDZIERNIKA</p>
169    <div class="footer-links">
170      <a href="https://www.facebook.com/forumfilm/" target="_blank" rel="noopener noreferrer" aria-label="Forum Film na Facebooku">FB</a>
171      <a href="https://www.youtube.com/user/forumfilmpoland" target="_blank" rel="noopener noreferrer" aria-label="Forum Film na YouTube">YT</a>
172      <a href="https://x.com/ForumFilm_PL" target="_blank" rel="noopener noreferrer" aria-label="Forum Film w serwisie X">X</a>
173      <a href="https://mab.to/lefUu5XAUBPR5/eu1" target="_blank" rel="noopener noreferrer">Materiały do pobrania</a>
174      <button type="button" class="privacy-link" id="privacySettings">Ustawienia prywatności</button>
175      <a href="../polityka-cookies.htm">Polityka cookies</a>
176    </div>
177  </footer>
178
179
180  <div class="gallery-modal" id="galleryModal" hidden role="dialog" aria-modal="true" aria-labelledby="galleryModalTitle">
181    <div class="gallery-modal-backdrop" data-close-gallery></div>
182    <section class="gallery-modal-card">
183      <h2 class="sr-only" id="galleryModalTitle">Galeria fotosów „Rolling Loud. Film”</h2>
184      <button class="gallery-modal-close" type="button" data-close-gallery aria-label="Zamknij galerię">×</button>
185      <button class="gallery-nav gallery-nav--prev" type="button" id="galleryPrev" aria-label="Poprzednie zdjęcie">‹</button>
186      <figure class="gallery-stage">
187        <img id="galleryModalImage" src="" alt="">
188        <figcaption class="gallery-caption">
189          <span id="galleryModalCaption">Rolling Loud. Film — fotos</span>
190          <span id="galleryModalCounter">1 / 12</span>
191        </figcaption>
192      </figure>
193      <button class="gallery-nav gallery-nav--next" type="button" id="galleryNext" aria-label="Następne zdjęcie">›</button>
194    </section>
195  </div>
196
197  <div class="film-modal" id="filmModal" hidden role="dialog" aria-modal="true" aria-labelledby="filmModalTitle">
198    <div class="modal-backdrop" data-close-modal></div>
199    <section class="modal-card">
200      <h2 class="sr-only" id="filmModalTitle">Zwiastun filmu „Rolling Loud. Film”</h2>
201      <button class="modal-close" type="button" data-close-modal aria-label="Zamknij zwiastun">×</button>
202      <div class="film-frame"><iframe id="trailerFrame" title="Zwiastun filmu Rolling Loud. Film" data-cookie-src="https://www.youtube-nocookie.com/embed/J4U8MN7g5Mo?controls=1&amp;enablejsapi=1&amp;modestbranding=1&amp;rel=0&amp;playsinline=1&amp;origin=https%3A%2F%2Fwww.forumfilm.pl" data-trailer-src="https://www.youtube-nocookie.com/embed/J4U8MN7g5Mo?autoplay=1&amp;controls=1&amp;enablejsapi=1&amp;modestbranding=1&amp;rel=0&amp;playsinline=1&amp;origin=https%3A%2F%2Fwww.forumfilm.pl" allow="autoplay; encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
203      <a class="youtube-fallback" id="trailerFallback" href="https://www.youtube.com/watch?v=J4U8MN7g5Mo" target="_blank" rel="noopener noreferrer">Film jest blokowany? Obejrzyj zwiastun w YouTube ↗</a>
204    </section>
205  </div>
206
207  

207<script src="../js/cookie-consent.js?v=3"></script>

207
208  

208<script src="assets/site.js?v=14"></script>

208
209</body>
210</html>