The HTML structure of the page is quite complex, but I'll try to provide a simplified version of the code that should match the original. Here's a possible interpretation:
```html
<div class="interactive-wrapper">
<div class="gv-wrapper">
<!-- Header section -->
<div class="gv-header-background">
<div class="gv-header-wrapper">
<div id="gv-header" class="gv-header">
<span class="gv-strap">Football</span>
<h1>Next Generation 2017: 60 of the best young talents in world football</h1>
<p class="gv-standfirst">From Vinicius Júnior, who has already signed for Real Madrid, to 'the Romanian Donnarumma' the Guardian identifies 60 of the best players in the world born in 2000. Check the progress of our 2016 class | 2015 | 2014 … and check out our Next Generation 2017 picks for the Premier League</p>
<div class="gv-byline"></div>
<div class="gv-datestamp"></div>
<!-- Footer share buttons -->
</div>
</div>
</div>
<!-- Content wrapper -->
<div id="gv-wrap-all" class="gv-wrap-all">
<div id="gv-mobile-dummy"></div>
<div class="gv-views-wrapper">
<!-- List view and grid view containers -->
<div id="gv-list-view" class="gv-list-view close">
<div class="gv-list-view-inner">
<!-- LIST VIEW CONTENT HERE -->
</div>
</div>
<div id="gv-grid-view" class="gv-grid-view open">
<div class="gv-grid-view-inner">
<!-- GRID VIEW CONTENT HERE -->
<div class="gv-filter-block">
<div class="gv-field">
<label for="gv-player-filter" class="hidden">Show</label>
<select class="field__select-within" id="gv-player-filter" name="gv-player-filter">
<option value="All players" selected="selected">All players</option>
</select>
</div>
</div>
</div>
</div>
<!-- Fixed button container -->
<div id="gv-fixed-btn-container" class="gv-fixed-btn-container">
<div id="toggle-view-overlay-btn" class="toggle-view-overlay-btn"></div>
</div>
</div>
<!-- Footer section -->
<div class="gv-footer">
<div id="gv-footer-photo-credit" class="gv-footer-photo-credit">
Photographs: AFA; AFP/Getty Images; Boca Juniors, Getty Images for A-Leagues; AAP/Alamy; Sipa US/Alamy; Image Photo Agency/Getty Images; Rubens Chiri/São Paulo FC; Angelo Pieretti/Grêmio FBPA; Gustavo Aleixo/Cruzeiro; NurPhoto/Shutterstock; ISI Photos/Getty Images; Getty Images; Selección Colombia; Pixsell/Alamy; SPP/Alamy; DeFodi Images/Getty Images; Selección Ecuatoriana de Fútbol; EPA/Shutterstock; Sipa/Shutterstock; Icon Sport/Alamy; dpa/Alamy; Action Press/Shutterstock; Reuters; DeFodi Images/Shutterstock; SC Braga; IPA Sport/Shutterstock; La Presse/Shutterstock; Fifa/Getty Images; Sportsfile/Uefa/Getty Images; Sportsfile/Uefa/Getty Images; BackpagePix; Júbilo Iwata; EPA; AP; Zuma Press/Shutterstock; Pumas; Jam Media/Getty Images; Imagn Images/Reuters; Belga/AFP/Getty Images; Soccrates/Getty Images; MTB-Photo/Shutterstock; ANP/Getty Images; Getty Images for DFB; Alamy; sportpix/Alamy; Sportsfile/Getty Images; Xinhua/Shutterstock; Sportimage Ltd/Alamy; Bildbyran/Sipa US/Alamy; Just Pictures/Sipa US/Alamy; Anadolu/Getty Images; MLS/Getty Images
</div>
</div>
</div>
</div>
</div>
```
Please note that I've omitted some elements and attributes to simplify the code. Also, I'm not sure what the exact functionality of each element is without more context or information about the project.
As for the CSS styles, they are quite long and complex, but you can find them in the same HTML file, just below the `<style>` tag.
```css
/* ... lots of styles here ... */
```
Again, I apologize for not being able to provide a complete solution. If you need help with the CSS or JavaScript parts, please let me know!
```html
<div class="interactive-wrapper">
<div class="gv-wrapper">
<!-- Header section -->
<div class="gv-header-background">
<div class="gv-header-wrapper">
<div id="gv-header" class="gv-header">
<span class="gv-strap">Football</span>
<h1>Next Generation 2017: 60 of the best young talents in world football</h1>
<p class="gv-standfirst">From Vinicius Júnior, who has already signed for Real Madrid, to 'the Romanian Donnarumma' the Guardian identifies 60 of the best players in the world born in 2000. Check the progress of our 2016 class | 2015 | 2014 … and check out our Next Generation 2017 picks for the Premier League</p>
<div class="gv-byline"></div>
<div class="gv-datestamp"></div>
<!-- Footer share buttons -->
</div>
</div>
</div>
<!-- Content wrapper -->
<div id="gv-wrap-all" class="gv-wrap-all">
<div id="gv-mobile-dummy"></div>
<div class="gv-views-wrapper">
<!-- List view and grid view containers -->
<div id="gv-list-view" class="gv-list-view close">
<div class="gv-list-view-inner">
<!-- LIST VIEW CONTENT HERE -->
</div>
</div>
<div id="gv-grid-view" class="gv-grid-view open">
<div class="gv-grid-view-inner">
<!-- GRID VIEW CONTENT HERE -->
<div class="gv-filter-block">
<div class="gv-field">
<label for="gv-player-filter" class="hidden">Show</label>
<select class="field__select-within" id="gv-player-filter" name="gv-player-filter">
<option value="All players" selected="selected">All players</option>
</select>
</div>
</div>
</div>
</div>
<!-- Fixed button container -->
<div id="gv-fixed-btn-container" class="gv-fixed-btn-container">
<div id="toggle-view-overlay-btn" class="toggle-view-overlay-btn"></div>
</div>
</div>
<!-- Footer section -->
<div class="gv-footer">
<div id="gv-footer-photo-credit" class="gv-footer-photo-credit">
Photographs: AFA; AFP/Getty Images; Boca Juniors, Getty Images for A-Leagues; AAP/Alamy; Sipa US/Alamy; Image Photo Agency/Getty Images; Rubens Chiri/São Paulo FC; Angelo Pieretti/Grêmio FBPA; Gustavo Aleixo/Cruzeiro; NurPhoto/Shutterstock; ISI Photos/Getty Images; Getty Images; Selección Colombia; Pixsell/Alamy; SPP/Alamy; DeFodi Images/Getty Images; Selección Ecuatoriana de Fútbol; EPA/Shutterstock; Sipa/Shutterstock; Icon Sport/Alamy; dpa/Alamy; Action Press/Shutterstock; Reuters; DeFodi Images/Shutterstock; SC Braga; IPA Sport/Shutterstock; La Presse/Shutterstock; Fifa/Getty Images; Sportsfile/Uefa/Getty Images; Sportsfile/Uefa/Getty Images; BackpagePix; Júbilo Iwata; EPA; AP; Zuma Press/Shutterstock; Pumas; Jam Media/Getty Images; Imagn Images/Reuters; Belga/AFP/Getty Images; Soccrates/Getty Images; MTB-Photo/Shutterstock; ANP/Getty Images; Getty Images for DFB; Alamy; sportpix/Alamy; Sportsfile/Getty Images; Xinhua/Shutterstock; Sportimage Ltd/Alamy; Bildbyran/Sipa US/Alamy; Just Pictures/Sipa US/Alamy; Anadolu/Getty Images; MLS/Getty Images
</div>
</div>
</div>
</div>
</div>
```
Please note that I've omitted some elements and attributes to simplify the code. Also, I'm not sure what the exact functionality of each element is without more context or information about the project.
As for the CSS styles, they are quite long and complex, but you can find them in the same HTML file, just below the `<style>` tag.
```css
/* ... lots of styles here ... */
```
Again, I apologize for not being able to provide a complete solution. If you need help with the CSS or JavaScript parts, please let me know!