{"id":10,"date":"2025-10-22T05:12:21","date_gmt":"2025-10-22T05:12:21","guid":{"rendered":"https:\/\/actionstories.co.za\/?page_id=10"},"modified":"2025-12-04T10:15:01","modified_gmt":"2025-12-04T10:15:01","slug":"home","status":"publish","type":"page","link":"https:\/\/actionstories.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32303b0 e-con-full e-flex e-con e-parent\" data-id=\"32303b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3ff44d elementor-widget elementor-widget-html\" data-id=\"e3ff44d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 1: HEADER \/ HERO -->\r\n<div class=\"action-stories-header\" id=\"overview\">\r\n  <div class=\"hero-container\">\r\n    <div class=\"hero-content\">\r\n      <div class=\"logo-section\">\r\n        <span class=\"action-text\">ACTION<\/span>\r\n        <span class=\"stories-text\">STORIES<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"social-links\">\r\n        <a href=\"#\" class=\"social-icon\" aria-label=\"Twitter\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n        <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n        <a href=\"#\" class=\"social-icon\" aria-label=\"YouTube\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <nav class=\"main-nav\">\r\n    <button class=\"mobile-menu-toggle\" id=\"mobileMenuToggle\" aria-label=\"Toggle menu\">\r\n      <span class=\"hamburger-line\"><\/span>\r\n      <span class=\"hamburger-line\"><\/span>\r\n      <span class=\"hamburger-line\"><\/span>\r\n    <\/button>\r\n    <ul class=\"nav-menu\" id=\"navMenu\">\r\n      <li><a href=\"#overview\">Overview<\/a><\/li>\r\n      <li><a href=\"#map\">Explore Azania<\/a><\/li>\r\n      <li><a href=\"#action-stories\">Action Stories<\/a><\/li>\r\n      <li><a href=\"#this-and-that\">This & That<\/a><\/li>\r\n      <li><a href=\"#manga\">Manga<\/a><\/li>\r\n      <li><a href=\"https:\/\/actionstories.co.za\/?page_id=280\">YouTube<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<!-- SECTION 2: MAP OF AZANIA -->\r\n<div class=\"azania-map-section\" id=\"map\">\r\n  <div class=\"map-container\">\r\n    <h2 class=\"section-title\">Explore the World of Azania<\/h2>\r\n    <p class=\"section-subtitle\">Discover the provinces where our stories unfold<\/p>\r\n\r\n    <div class=\"simple-map-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/new-map-Azania.jpg\" alt=\"Map of Azania\" class=\"azania-map-image\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SECTION 3: ACTION STORIES - WELCOME TO PARADISE PARK -->\r\n<div class=\"about-action-stories\" id=\"action-stories\">\r\n  <div class=\"about-container\">\r\n    <!-- ACTION STORIES Heading -->\r\n    <div style=\"background: #0a0a0a; padding-top: 80px;\">\r\n      <h2 class=\"section-title\" style=\"margin-top: 0; margin-bottom: 40px;\">ACTION STORIES<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Hero Image Section -->\r\n    <div class=\"hero-image-section\">\r\n      <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/Gents-Website-2.jpg\" alt=\"Guru and Sterring - Paradise Park\" class=\"paradise-hero-image\">\r\n      <div class=\"hero-image-overlay\">\r\n        <h3>Meet the Outlaws<\/h3>\r\n        <p>Guru and Sterring - Paradise Park's most dangerous duo<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Centered Content Section -->\r\n    <div class=\"centered-story-content\">\r\n      <h2 class=\"section-title\">WELCOME TO PARADISE PARK<\/h2>\r\n      <p class=\"lead-text\">A Manga Series Set in the Wild Streets of Azania<\/p>\r\n\r\n      <p class=\"story-intro\">Welcome to Paradise Park \u2014 a wild town in the heart of Azania, where roaring lions serve as police patrols, people ride springboks instead of cars, and nature isn't just part of life... it runs it.<\/p>\r\n\r\n      <p class=\"story-intro\">In this rough-and-ready town, crime runs deep \u2014 but two outlaws are about to flip the rules on their head.<\/p>\r\n\r\n      <div class=\"characters-container\">\r\n        <div class=\"character-card\">\r\n          <h3 class=\"character-name\">Meet Guru<\/h3>\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/Guru-Website-1-min.png\" alt=\"Guru\" class=\"character-image\">\r\n          <p>The sly, smooth-talking thief who only robs other thieves. Once a top member of the notorious Triple 3 Gang, he was betrayed and left to rot in prison. Now he's out \u2014 sharper, smarter, and seriously out for revenge. Guru knows every back alley, every gang leader's weakness, and every loophole in the system \u2014 and he plans to hit the Triple 3 where it hurts: their pockets.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"character-card\">\r\n          <h3 class=\"character-name\">At his side is Sterring<\/h3>\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/Sterring-Website-1-min.png\" alt=\"Sterring\" class=\"character-image\">\r\n          <p>Ex-cop, ex-con, and an all-out loose cannon. He doesn't care about revenge. He wants justice, and if that means kicking in doors and going full Rambo with his modified zebra-striped shotgun? So be it. While Guru schemes, Sterring charges head-first into the chaos, ready to break bones and blow stuff up.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"story-stakes\">\r\n        <p><strong>Together, they're not heroes. They're not villains either. They're something in-between<\/strong> \u2014 guns-for-hire with a moral code (and a price tag).<\/p>\r\n\r\n        <p>If the people of Paradise Park want protection, they gotta pay up. Because Guru and Sterring don't save anyone for free.<\/p>\r\n\r\n        <p><strong>But trouble's brewing:<\/strong> the Triple 3 Gang wants Guru's head, and a mysterious new power is rising in the streets \u2014 one that threatens to tip Paradise Park into total war.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"closing-question\">\r\n        <strong>Can these two mismatched renegades survive the chaos they're unleashing?<br>Or will Paradise Park chew them up and spit them out?<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SECTION 4: THIS & THAT - NETBALL ADVENTURES -->\r\n<div class=\"this-and-that-section\" id=\"this-and-that\">\r\n  <div class=\"tat-container\">\r\n    <!-- Hero Image Section -->\r\n    <div class=\"hero-image-section\">\r\n      <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/This-That-new-cover.png\" alt=\"This & That: Netball Adventures\" class=\"netball-hero-image\">\r\n      <div class=\"hero-image-overlay\">\r\n        <h3>Friendship. Rivalry. Netball.<\/h3>\r\n        <p>Welcome to the real game.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Centered Content Section -->\r\n    <div class=\"centered-story-content\">\r\n      <h2 class=\"section-title\">THIS & THAT: NETBALL ADVENTURES<\/h2>\r\n      <p class=\"lead-text\">Friendship. Rivalry. Netball. Welcome to the real game.<\/p>\r\n\r\n      <p class=\"story-intro\">Jade Petersen is 15, proudly coloured, confidently chubby, and the queen of the kitchen and the court. Her cakes are legendary, her samoosas are always crispy, and when she's on the netball court \u2014 nobody's safe. Her energy is unstoppable, her smile is contagious, and she's got one dream: to take her school's netball team to the top.<\/p>\r\n\r\n      <p class=\"story-intro\">By her side is Ayanda \u2014 tall, graceful, with legs like stilts and a laugh that lights up every hallway. She's Jade's best friend, biggest cheerleader, and the defensive wall no one can break through. Together, they're the perfect team. Until...<\/p>\r\n\r\n      <div class=\"netball-twist\">\r\n        <h3>Lucy walks back into Jade's life.<\/h3>\r\n        <p>The ex-best friend. The ex-netball captain. The one person Jade never thought she'd see again.<\/p>\r\n      <\/div>\r\n\r\n      <p class=\"story-intro\">After transferring to Jade's high school, Lucy brings more than just her perfect passes and polished ponytail \u2014 she brings history. The kind of drama that never really disappears. Suddenly, Jade's stuck in the middle of a messy three-way friendship:<\/p>\r\n\r\n      <div class=\"story-stakes\">\r\n        <p>But when netball trials, classroom gossip, team rivalries, and secret crushes all collide \u2014 things get complicated. Fast.<\/p>\r\n\r\n        <p><strong>And Jade?<\/strong> She just wants to play netball, bake cupcakes, and survive high school without losing the people she cares about.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"characters-container\">\r\n        <div class=\"character-card\">\r\n          <h3 class=\"character-name\">Meet Ayanda<\/h3>\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/Aya-min.png\" alt=\"Ayanda\" class=\"character-image\">\r\n          <p>Tall, graceful, with legs like stilts and a laugh that lights up every hallway. She's Jade's best friend, biggest cheerleader, and the defensive wall no one can break through. Ayanda doesn't trust Lucy \u2014 and she's not afraid to show it.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"character-card\">\r\n          <h3 class=\"character-name\">Meet Jade<\/h3>\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-Nov-6-2025-06_24_02-PM-min.png\" alt=\"Jade\" class=\"character-image\">\r\n          <p>15, proudly coloured, confidently chubby, and the queen of the kitchen and the court. Her cakes are legendary, her samoosas are always crispy, and when she's on the netball court \u2014 nobody's safe. Caught between her two best friends, she just wants to play netball, bake cupcakes, and survive high school drama.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"character-card\">\r\n          <h3 class=\"character-name\">Meet Lucy<\/h3>\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-Nov-6-2025-06_18_03-PM-min.png\" alt=\"Lucy\" class=\"character-image\">\r\n          <p>The ex-best friend. The ex-netball captain. Perfect passes, polished ponytail, and a history with Jade that never really disappeared. Lucy thinks Ayanda's fake \u2014 and the tension between them threatens to tear their team apart.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"closing-question\">\r\n        <strong>Can Jade balance the tension between her oldest friend and her new-old friend?<br>\r\n        Will Ayanda and Lucy ever learn to play on the same team \u2014 on and off the court?<br>\r\n        And what happens when netball isn't just a game anymore... but the only way to hold it all together?<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SECTION 5: MANGA SHOWCASE -->\r\n<div class=\"manga-showcase-section\" id=\"manga\">\r\n  <div class=\"manga-container\">\r\n    <h2 class=\"section-title\">Manga Collection<\/h2>\r\n    <p class=\"section-subtitle\">Browse our published issues and immerse yourself in our universe<\/p>\r\n\r\n    <!-- ACTION STORIES MANGA SERIES -->\r\n    <div class=\"series-section\">\r\n      <h3 class=\"series-title\">Action Stories<\/h3>\r\n      <p class=\"series-description\">Follow Guru and Sterring's adventures in Paradise Park<\/p>\r\n\r\n      <div class=\"manga-grid\">\r\n      <!-- Issue 1 -->\r\n      <div class=\"manga-card\">\r\n        <div class=\"manga-cover\">\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/Guru-Final-Cover.png\" alt=\"Action Stories Issue 1\" class=\"cover-image\">\r\n          <div class=\"manga-overlay\">\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=24\" class=\"read-btn\">Read Now<\/a>\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=24\" class=\"preview-btn\">Preview<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"manga-info\">\r\n          <h3>Issue #1<\/h3>\r\n          <p class=\"manga-title\">THE ROBBER WHO ROBS ROBBERS<\/p>\r\n          <p class=\"manga-desc\">What would you do if the biggest gang of thugs in you're town wanted to rob you? That's the challenge faced by uncle Floyd, a spaza shop owner, who has been robbed again and again by the notorious Triple 3 gang. Left with no other option, he asks for help from the mysterious thief known as Guru: The Robber Who Robs Robbers.<\/p>\r\n          <div class=\"manga-meta\">\r\n            <span class=\"pages\">12 pages<\/span>\r\n            <span class=\"date\">Released: Jan 2025<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Issue 2 -->\r\n      <div class=\"manga-card\">\r\n        <div class=\"manga-cover\">\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/new-issue-2.png\" alt=\"Action Stories Issue 2\" class=\"cover-image\">\r\n          <div class=\"manga-overlay\">\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=57\" class=\"read-btn\">Read Now<\/a>\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=57\" class=\"preview-btn\">Preview<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"manga-info\">\r\n          <h3>Issue #2<\/h3>\r\n          <p class=\"manga-title\">SPAZA UPRISING!<\/p>\r\n          <p class=\"manga-desc\">The Triple 3 gang have arrived to once again rob uncle Floyd's spaza shop. But what they might find as a simple robbery may be their toughest fight yet as they have to go against: Guru, The Robber Who Robs Robbers<\/p>\r\n          <div class=\"manga-meta\">\r\n            <span class=\"pages\">11 pages<\/span>\r\n            <span class=\"date\">Released: Mar 2025<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Issue 3 -->\r\n      <div class=\"manga-card\">\r\n        <div class=\"manga-cover\">\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/issue-3-min.png\" alt=\"Action Stories Issue 3\" class=\"cover-image\">\r\n          <div class=\"manga-overlay\">\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=156\" class=\"read-btn\">Read Now<\/a>\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=156\" class=\"preview-btn\">Preview<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"manga-info\">\r\n          <h3>Issue #3<\/h3>\r\n          <p class=\"manga-title\">BULLIED BY A BULLY<\/p>\r\n          <p class=\"manga-desc\">Out of ammo, and out of time, Guru has no other option to use his special technique: Gintsa Bonanza. But will that be enough to successfully take out the Triple 3's? And what happens when a sinister man wearing a yellow mask and swinging a cricket bat joins the fray?<\/p>\r\n          <div class=\"manga-meta\">\r\n            <span class=\"pages\">7 pages<\/span>\r\n            <span class=\"date\">Released: Jun 2025<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Issue 4 -->\r\n      <div class=\"manga-card\">\r\n        <div class=\"manga-cover\">\r\n          <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/issue-4-1.png\" alt=\"Action Stories Issue 4\" class=\"cover-image\">\r\n          <div class=\"manga-overlay\">\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=202\" class=\"read-btn\">Read Now<\/a>\r\n            <a href=\"https:\/\/actionstories.co.za\/?page_id=202\" class=\"preview-btn\">Preview<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"manga-info\">\r\n          <h3>Issue #4<\/h3>\r\n          <p class=\"manga-title\">WAT GAAN AN, GURU?<\/p>\r\n          <p class=\"manga-desc\">Having defeated the Threes, Guru's win is short lived as he is easily crushed by the man in the yellow mask. And whats worse: the man knows Guru's real name. On the other side of Paradise Park, the Triple Threes are licking their wounds and angry at the loss of one of their own. Seargant suspects Sterring and will do what ever it takes to find the truth.<\/p>\r\n          <div class=\"manga-meta\">\r\n            <span class=\"pages\">27 pages<\/span>\r\n            <span class=\"date\">Released: Sep 2025<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- End ACTION STORIES Series -->\r\n\r\n    <!-- THIS & THAT MANGA SERIES -->\r\n    <div class=\"series-section\">\r\n      <h3 class=\"series-title\">This & That<\/h3>\r\n      <p class=\"series-description\">Experience the drama and friendship of Jade's netball journey<\/p>\r\n\r\n      <div class=\"manga-grid\">\r\n        <!-- This & That Issue 1 -->\r\n        <div class=\"manga-card\">\r\n          <div class=\"manga-cover\">\r\n            <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/This-That-new-cover.png\" alt=\"This & That Issue 1\" class=\"cover-image\">\r\n            <div class=\"manga-overlay\">\r\n              <a href=\"https:\/\/actionstories.co.za\/?page_id=228\" class=\"read-btn\">Read Now<\/a>\r\n              <a href=\"https:\/\/actionstories.co.za\/?page_id=228\" class=\"preview-btn\">Preview<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"manga-info\">\r\n            <h3>Issue #1<\/h3>\r\n            <p class=\"manga-title\">New Beginnings<\/p>\r\n            <p class=\"manga-desc\">Jade's world is perfect until Lucy transfers to her school. Old friendships and new drama collide on and off the netball court.<\/p>\r\n            <div class=\"manga-meta\">\r\n              <span class=\"pages\">18 pages<\/span>\r\n              <span class=\"date\">Released: Feb 2025<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- End THIS & THAT Series -->\r\n\r\n    <!-- Fan Art Section -->\r\n    <div class=\"fan-art-section\">\r\n      <h3 class=\"fan-art-title\">Fan Art Gallery<\/h3>\r\n      <p class=\"fan-art-subtitle\">Celebrating amazing artwork from our community<\/p>\r\n      \r\n      <div class=\"fan-art-grid\">\r\n        <div class=\"fan-art-item\">\r\n          <img decoding=\"async\" src=\"YOUR-FAN-ART-1-URL\" alt=\"Fan Art 1\" class=\"fan-art-image\">\r\n          <div class=\"fan-art-info\">\r\n            <p class=\"artist-name\">@artistname<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fan-art-item\">\r\n          <img decoding=\"async\" src=\"YOUR-FAN-ART-2-URL\" alt=\"Fan Art 2\" class=\"fan-art-image\">\r\n          <div class=\"fan-art-info\">\r\n            <p class=\"artist-name\">@artistname<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fan-art-item\">\r\n          <img decoding=\"async\" src=\"YOUR-FAN-ART-3-URL\" alt=\"Fan Art 3\" class=\"fan-art-image\">\r\n          <div class=\"fan-art-info\">\r\n            <p class=\"artist-name\">@artistname<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"fan-art-item\">\r\n          <img decoding=\"async\" src=\"YOUR-FAN-ART-4-URL\" alt=\"Fan Art 4\" class=\"fan-art-image\">\r\n          <div class=\"fan-art-info\">\r\n            <p class=\"artist-name\">@artistname<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SECTION 6: YOUTUBE CHANNEL SHOWCASE -->\r\n<div class=\"youtube-section\" id=\"youtube\">\r\n  <div class=\"youtube-container\">\r\n    <h2 class=\"section-title\">YouTube Channel<\/h2>\r\n    <p class=\"section-subtitle\">Watch behind-the-scenes content, character breakdowns, and more<\/p>\r\n    \r\n    <div class=\"youtube-featured\">\r\n      <div class=\"featured-video\">\r\n        <div class=\"video-wrapper\">\r\n          <iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/LguD-FWicD4?si=bX2DPpt0A1kM6cr_\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n        <div class=\"video-info\">\r\n          <h3>Latest Video: Character Breakdown - The Protagonist<\/h3>\r\n          <p>Dive deep into the main character's backstory, motivations, and development throughout the series.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"subscribe-cta\">\r\n      <div class=\"subscribe-content\">\r\n        <h3>Subscribe for More Content<\/h3>\r\n        <p>Get notified about new manga releases, tutorials, and exclusive behind-the-scenes content<\/p>\r\n        <a href=\"https:\/\/www.youtube.com\/@ActionStories333\" target=\"_blank\" class=\"subscribe-btn\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n          <\/svg>\r\n          Subscribe to Channel\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"site-footer\">\r\n  <div class=\"footer-container\">\r\n    <div class=\"footer-content\">\r\n      <div class=\"footer-brand\">\r\n        <h3>ACTION STORIES<\/h3>\r\n        <p>Epic manga set in the world of Azania<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"footer-links\">\r\n        <div class=\"footer-column\">\r\n          <h4>Explore<\/h4>\r\n          <ul>\r\n            <li><a href=\"#overview\">Overview<\/a><\/li>\r\n            <li><a href=\"#map\">Map of Azania<\/a><\/li>\r\n            <li><a href=\"#action-stories\">Action Stories<\/a><\/li>\r\n            <li><a href=\"#this-and-that\">This & That<\/a><\/li>\r\n            <li><a href=\"#manga\">Read Manga<\/a><\/li>\r\n            <li><a href=\"https:\/\/actionstories.co.za\/?page_id=280\">YouTube<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        \r\n        <div class=\"footer-column\">\r\n          <h4>Community<\/h4>\r\n          <ul>\r\n            <li><a href=\"#\">Fan Art<\/a><\/li>\r\n            <li><a href=\"#\">Competitions<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"footer-social\">\r\n        <h4>Follow Us<\/h4>\r\n        <div class=\"social-icons\">\r\n          <a href=\"#\" aria-label=\"Twitter\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"Instagram\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"YouTube\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"footer-bottom\">\r\n      <p>&copy; 2025 Action Stories. All rights reserved.<\/p>\r\n      <div class=\"footer-legal\">\r\n        <a href=\"#\">Privacy Policy<\/a>\r\n        <a href=\"#\">Terms of Service<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\/* GLOBAL STYLES *\/\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\n  line-height: 1.6;\r\n  color: #ffffff;\r\n  background: #0a0a0a;\r\n}\r\n\r\n.section-title {\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  margin-bottom: 10px;\r\n  background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.section-subtitle {\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  color: #999;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* SECTION 1: HEADER *\/\r\n.action-stories-header {\r\n  width: 100%;\r\n  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n  color: #ffffff;\r\n}\r\n\r\n.hero-container {\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.hero-container::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: \r\n    radial-gradient(circle at 20% 50%, rgba(255, 70, 70, 0.1) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 50%, rgba(70, 130, 255, 0.1) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.logo-section {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  margin-bottom: 30px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.action-text,\r\n.stories-text {\r\n  font-size: 4rem;\r\n  font-weight: 900;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.social-links {\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.social-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 50%;\r\n  color: #ffffff;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(10px);\r\n  border: 2px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.social-icon:hover {\r\n  background: #ff4655;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 5px 20px rgba(255, 70, 85, 0.4);\r\n}\r\n\r\n.main-nav {\r\n  background: rgba(0, 0, 0, 0.3);\r\n  backdrop-filter: blur(10px);\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 100;\r\n  position: relative;\r\n}\r\n\r\n.mobile-menu-toggle {\r\n  display: none;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 15px;\r\n  position: absolute;\r\n  right: 20px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 101;\r\n}\r\n\r\n.hamburger-line {\r\n  display: block;\r\n  width: 30px;\r\n  height: 3px;\r\n  background: #ff4655;\r\n  margin: 6px 0;\r\n  transition: all 0.3s ease;\r\n  border-radius: 2px;\r\n}\r\n\r\n.mobile-menu-toggle.active .hamburger-line:nth-child(1) {\r\n  transform: rotate(45deg) translateY(12px);\r\n}\r\n\r\n.mobile-menu-toggle.active .hamburger-line:nth-child(2) {\r\n  opacity: 0;\r\n}\r\n\r\n.mobile-menu-toggle.active .hamburger-line:nth-child(3) {\r\n  transform: rotate(-45deg) translateY(-12px);\r\n}\r\n\r\n.nav-menu {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 50px;\r\n  list-style: none;\r\n  padding: 20px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.nav-menu li a {\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  transition: all 0.3s ease;\r\n  display: block;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.nav-menu li a:hover {\r\n  background: rgba(255, 70, 85, 0.1);\r\n  color: #ff4655;\r\n}\r\n\r\n\/* SECTION 2: MAP *\/\r\n.azania-map-section {\r\n  width: 100%;\r\n  background: #0a0a0a;\r\n  padding: 80px 0px 0px 0px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.azania-map-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 30%, rgba(255, 70, 85, 0.15) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 70%, rgba(255, 138, 0, 0.15) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  animation: pulseGlow 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulseGlow {\r\n  0%, 100% { opacity: 0.5; }\r\n  50% { opacity: 1; }\r\n}\r\n\r\n.map-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 0 20px;\r\n  background: #0a0a0a;\r\n}\r\n\r\n.simple-map-wrapper {\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: #0a0a0a;\r\n  box-shadow:\r\n    0 20px 60px rgba(255, 70, 85, 0.3),\r\n    0 0 100px rgba(255, 138, 0, 0.2);\r\n  border: 3px solid rgba(255, 70, 85, 0.4);\r\n  transition: all 0.5s ease;\r\n  animation: mapFloat 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes mapFloat {\r\n  0%, 100% { transform: translateY(0px); }\r\n  50% { transform: translateY(-10px); }\r\n}\r\n\r\n.simple-map-wrapper:hover {\r\n  transform: scale(1.02) translateY(-5px);\r\n  box-shadow:\r\n    0 30px 80px rgba(255, 70, 85, 0.5),\r\n    0 0 120px rgba(255, 138, 0, 0.4),\r\n    inset 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n  border: 3px solid rgba(255, 70, 85, 0.6);\r\n}\r\n\r\n.simple-map-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: linear-gradient(\r\n    45deg,\r\n    transparent 30%,\r\n    rgba(255, 255, 255, 0.1) 50%,\r\n    transparent 70%\r\n  );\r\n  transform: rotate(45deg);\r\n  animation: shimmer 3s infinite;\r\n}\r\n\r\n@keyframes shimmer {\r\n  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n}\r\n\r\n.azania-map-image {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  background: #0a0a0a;\r\n  transition: transform 0.5s ease;\r\n  filter: brightness(1.05) contrast(1.1);\r\n}\r\n\r\n.simple-map-wrapper:hover .azania-map-image {\r\n  transform: scale(1.05);\r\n  filter: brightness(1.1) contrast(1.15);\r\n}\r\n\r\n\/* SECTION 3: ABOUT ACTION STORIES - PARADISE PARK *\/\r\n.about-action-stories {\r\n  background: #0a0a0a;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.about-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  background: #0a0a0a;\r\n}\r\n\r\n\/* Hero Image Section *\/\r\n.hero-image-section {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background: #0a0a0a;\r\n}\r\n\r\n.paradise-hero-image {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: contain;\r\n}\r\n\r\n.hero-image-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent);\r\n  padding: 50px;\r\n  color: white;\r\n  text-align: center;\r\n}\r\n\r\n.hero-image-overlay h3 {\r\n  font-size: 3rem;\r\n  margin-bottom: 15px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  color: #ff4655;\r\n}\r\n\r\n.hero-image-overlay p {\r\n  font-size: 1.4rem;\r\n  color: #fff;\r\n}\r\n\r\n\/* Centered Story Content *\/\r\n.centered-story-content {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  padding: 80px 40px;\r\n  text-align: center;\r\n}\r\n\r\n.centered-story-content .section-title {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.lead-text {\r\n  font-size: 1.6rem;\r\n  line-height: 1.8;\r\n  color: #ff8a00;\r\n  margin-bottom: 40px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.story-intro {\r\n  font-size: 1.3rem;\r\n  line-height: 1.9;\r\n  color: #ccc;\r\n  margin-bottom: 30px;\r\n  text-align: left;\r\n}\r\n\r\n\/* Characters Container *\/\r\n.characters-container {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 30px;\r\n  margin: 50px 0;\r\n}\r\n\r\n.character-card {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  padding: 30px;\r\n  border-radius: 15px;\r\n  border: 2px solid rgba(255, 70, 85, 0.3);\r\n  text-align: left;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.character-card:hover {\r\n  background: rgba(255, 70, 85, 0.1);\r\n  border-color: rgba(255, 70, 85, 0.6);\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 30px rgba(255, 70, 85, 0.3);\r\n}\r\n\r\n.character-name {\r\n  font-size: 1.8rem;\r\n  color: #ff4655;\r\n  margin-bottom: 25px;\r\n  font-weight: 700;\r\n}\r\n\r\n.character-image {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 10px;\r\n  margin-bottom: 20px;\r\n  transition: transform 0.3s ease;\r\n  border: 2px solid rgba(255, 70, 85, 0.3);\r\n}\r\n\r\n.character-card:hover .character-image {\r\n  transform: scale(1.02);\r\n  border-color: rgba(255, 70, 85, 0.6);\r\n}\r\n\r\n.character-card p {\r\n  font-size: 1.1rem;\r\n  line-height: 1.8;\r\n  color: #ccc;\r\n}\r\n\r\n\/* Story Stakes *\/\r\n.story-stakes {\r\n  margin: 40px 0;\r\n  text-align: left;\r\n}\r\n\r\n.story-stakes p {\r\n  font-size: 1.2rem;\r\n  line-height: 1.9;\r\n  color: #ccc;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.closing-question {\r\n  font-size: 1.4rem;\r\n  line-height: 1.8;\r\n  color: #fff;\r\n  margin-top: 50px;\r\n  padding: 30px;\r\n  background: linear-gradient(135deg, rgba(255, 70, 85, 0.2) 0%, rgba(255, 138, 0, 0.2) 100%);\r\n  border-radius: 15px;\r\n  border: 2px solid rgba(255, 70, 85, 0.4);\r\n  text-align: center;\r\n}\r\n\r\n\/* Legacy styles kept for compatibility *\/\r\n.features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 25px;\r\n  margin-top: 40px;\r\n}\r\n\r\n.feature-item {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-item:hover {\r\n  background: rgba(255, 70, 85, 0.1);\r\n  border-color: rgba(255, 70, 85, 0.3);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.feature-icon {\r\n  font-size: 2.5rem;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.feature-item h3 {\r\n  font-size: 1.3rem;\r\n  margin-bottom: 10px;\r\n  color: #ff4655;\r\n}\r\n\r\n.feature-item p {\r\n  font-size: 1rem;\r\n  color: #999;\r\n  margin: 0;\r\n}\r\n\r\n.stats-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 15px;\r\n}\r\n\r\n.stat-card {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  padding: 20px;\r\n  border-radius: 15px;\r\n  text-align: center;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.stat-card h4 {\r\n  font-size: 0.9rem;\r\n  color: #999;\r\n  margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  color: #ff4655;\r\n  margin: 0;\r\n}\r\n\r\n\/* SECTION 4: THIS & THAT - NETBALL ADVENTURES *\/\r\n.this-and-that-section {\r\n  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);\r\n  padding: 0;\r\n}\r\n\r\n.tat-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.netball-hero-image {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* Netball Twist Section *\/\r\n.netball-twist {\r\n  margin: 50px 0;\r\n  padding: 40px;\r\n  background: rgba(255, 70, 85, 0.15);\r\n  border-radius: 20px;\r\n  border: 2px solid rgba(255, 70, 85, 0.4);\r\n  text-align: center;\r\n}\r\n\r\n.netball-twist h3 {\r\n  font-size: 2.2rem;\r\n  color: #ff4655;\r\n  margin-bottom: 20px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.netball-twist p {\r\n  font-size: 1.3rem;\r\n  color: #ccc;\r\n  font-style: italic;\r\n}\r\n\r\n\/* Drama Points *\/\r\n.drama-points {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n  margin: 40px 0;\r\n}\r\n\r\n.drama-item {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  border: 2px solid rgba(255, 70, 85, 0.2);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.drama-item:hover {\r\n  background: rgba(255, 70, 85, 0.1);\r\n  border-color: rgba(255, 70, 85, 0.5);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.drama-item p {\r\n  font-size: 1.15rem;\r\n  line-height: 1.7;\r\n  color: #ccc;\r\n  margin: 0;\r\n}\r\n\r\n\/* Legacy tat styles for compatibility *\/\r\n.tat-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.tat-card {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.tat-card:hover {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  border-color: rgba(255, 70, 85, 0.3);\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 30px rgba(255, 70, 85, 0.2);\r\n}\r\n\r\n.tat-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tat-icon {\r\n  font-size: 2.5rem;\r\n}\r\n\r\n.tat-header h3 {\r\n  font-size: 1.5rem;\r\n  color: #fff;\r\n}\r\n\r\n.tat-content p {\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: #ccc;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tat-link {\r\n  display: inline-block;\r\n  color: #ff4655;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 1.05rem;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.tat-link:hover {\r\n  color: #ff8a00;\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* SECTION 5: MANGA SHOWCASE *\/\r\n.manga-showcase-section {\r\n  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);\r\n  padding: 80px 20px;\r\n}\r\n\r\n.manga-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Series Sections *\/\r\n.series-section {\r\n  margin-bottom: 80px;\r\n  padding: 60px 40px;\r\n  background: #0a0a0a;\r\n}\r\n\r\n.series-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  margin-bottom: 15px;\r\n  background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.series-description {\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  color: #ccc;\r\n  margin-bottom: 40px;\r\n  font-style: italic;\r\n}\r\n\r\n.manga-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n  gap: 40px;\r\n  margin-bottom: 0;\r\n  justify-items: start;\r\n}\r\n\r\n.manga-card {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n  max-width: 400px;\r\n}\r\n\r\n.manga-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 15px 40px rgba(255, 70, 85, 0.3);\r\n  border-color: rgba(255, 70, 85, 0.5);\r\n}\r\n\r\n.manga-cover {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 400px;\r\n}\r\n\r\n.cover-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.manga-card:hover .cover-image {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.manga-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.8);\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.manga-card:hover .manga-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.read-btn,\r\n.preview-btn {\r\n  padding: 12px 25px;\r\n  border-radius: 25px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.read-btn {\r\n  background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n  color: white;\r\n}\r\n\r\n.preview-btn {\r\n  background: rgba(255, 255, 255, 0.2);\r\n  color: white;\r\n  border: 2px solid white;\r\n}\r\n\r\n.read-btn:hover,\r\n.preview-btn:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.manga-info {\r\n  padding: 25px;\r\n}\r\n\r\n.manga-info h3 {\r\n  font-size: 0.9rem;\r\n  color: #ff4655;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.manga-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.manga-desc {\r\n  font-size: 1rem;\r\n  line-height: 1.6;\r\n  color: #ccc;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.manga-meta {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  font-size: 0.9rem;\r\n  color: #999;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  padding-top: 15px;\r\n}\r\n\r\n.coming-soon .manga-cover {\r\n  background: linear-gradient(135deg, rgba(255, 70, 85, 0.2) 0%, rgba(255, 138, 0, 0.2) 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.coming-soon-overlay {\r\n  text-align: center;\r\n  padding: 40px;\r\n}\r\n\r\n.coming-soon-overlay h3 {\r\n  font-size: 2.5rem;\r\n  color: #ff4655;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.coming-soon-overlay p {\r\n  font-size: 1.5rem;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.release-date {\r\n  font-size: 1.2rem;\r\n  color: #999;\r\n}\r\n\r\n.notify-btn {\r\n  display: inline-block;\r\n  padding: 12px 30px;\r\n  background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n  color: white;\r\n  text-decoration: none;\r\n  border-radius: 25px;\r\n  font-weight: 600;\r\n  transition: all 0.3s ease;\r\n  margin-top: 10px;\r\n}\r\n\r\n.notify-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 20px rgba(255, 70, 85, 0.4);\r\n}\r\n\r\n\/* Fan Art Section *\/\r\n.fan-art-section {\r\n  margin-top: 80px;\r\n  padding-top: 60px;\r\n  border-top: 2px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.fan-art-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  color: #ff4655;\r\n  margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fan-art-subtitle {\r\n  text-align: center;\r\n  color: #999;\r\n  font-size: 1.1rem;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fan-art-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fan-art-item {\r\n  position: relative;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  aspect-ratio: 1;\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fan-art-item:hover {\r\n  transform: scale(1.05);\r\n  border-color: rgba(255, 70, 85, 0.5);\r\n  box-shadow: 0 10px 30px rgba(255, 70, 85, 0.3);\r\n}\r\n\r\n.fan-art-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.fan-art-info {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);\r\n  padding: 15px;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.fan-art-item:hover .fan-art-info {\r\n  opacity: 1;\r\n}\r\n\r\n.artist-name {\r\n  color: #ff4655;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n\r\n.fan-art-cta {\r\n  text-align: center;\r\n  padding: 40px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 20px;\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.fan-art-cta p {\r\n  font-size: 1.3rem;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.submit-art-btn {\r\n  display: inline-block;\r\n  padding: 15px 40px;\r\n  background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n  color: white;\r\n  text-decoration: none;\r\n  border-radius: 30px;\r\n  font-weight: 600;\r\n  font-size: 1.1rem;\r\n  transition: all 0.3s ease;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.submit-art-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 30px rgba(255, 70, 85, 0.5);\r\n}\r\n\r\n\/* SECTION 6: YOUTUBE *\/\r\n.youtube-section {\r\n  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);\r\n  padding: 80px 20px;\r\n}\r\n\r\n.youtube-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.youtube-featured {\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.featured-video {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.video-wrapper {\r\n  position: relative;\r\n  padding-bottom: 56.25%;\r\n  height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.video-wrapper iframe {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.video-info {\r\n  padding: 30px;\r\n}\r\n\r\n.video-info h3 {\r\n  font-size: 1.8rem;\r\n  color: #fff;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.video-info p {\r\n  font-size: 1.1rem;\r\n  color: #ccc;\r\n  line-height: 1.6;\r\n}\r\n\r\n.youtube-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.youtube-card {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.youtube-card:hover {\r\n  transform: translateY(-5px);\r\n  border-color: rgba(255, 70, 85, 0.5);\r\n  box-shadow: 0 10px 30px rgba(255, 70, 85, 0.2);\r\n}\r\n\r\n.thumbnail-container {\r\n  position: relative;\r\n  overflow: hidden;\r\n  aspect-ratio: 16\/9;\r\n}\r\n\r\n.video-thumbnail {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.youtube-card:hover .video-thumbnail {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.play-overlay {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background: rgba(255, 70, 85, 0.9);\r\n  border-radius: 50%;\r\n  width: 80px;\r\n  height: 80px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.youtube-card:hover .play-overlay {\r\n  background: rgba(255, 138, 0, 0.9);\r\n  transform: translate(-50%, -50%) scale(1.1);\r\n}\r\n\r\n.youtube-info {\r\n  padding: 20px;\r\n}\r\n\r\n.youtube-info h4 {\r\n  font-size: 1.2rem;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.video-meta {\r\n  font-size: 0.9rem;\r\n  color: #999;\r\n}\r\n\r\n.subscribe-cta {\r\n  background: linear-gradient(135deg, rgba(255, 70, 85, 0.2) 0%, rgba(255, 138, 0, 0.2) 100%);\r\n  border-radius: 20px;\r\n  padding: 60px 40px;\r\n  text-align: center;\r\n  border: 2px solid rgba(255, 70, 85, 0.3);\r\n}\r\n\r\n.subscribe-content h3 {\r\n  font-size: 2.5rem;\r\n  color: #fff;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.subscribe-content p {\r\n  font-size: 1.2rem;\r\n  color: #ccc;\r\n  margin-bottom: 30px;\r\n  max-width: 700px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.subscribe-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 18px 40px;\r\n  background: #ff0000;\r\n  color: white;\r\n  text-decoration: none;\r\n  border-radius: 30px;\r\n  font-weight: 600;\r\n  font-size: 1.2rem;\r\n  transition: all 0.3s ease;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.subscribe-btn:hover {\r\n  background: #cc0000;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 30px rgba(255, 0, 0, 0.4);\r\n}\r\n\r\n\/* FOOTER *\/\r\n.site-footer {\r\n  background: #0a0a0a;\r\n  border-top: 2px solid rgba(255, 255, 255, 0.1);\r\n  padding: 60px 20px 30px;\r\n}\r\n\r\n.footer-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.footer-content {\r\n  display: grid;\r\n  grid-template-columns: 2fr 3fr 1fr;\r\n  gap: 60px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.footer-brand h3 {\r\n  font-size: 1.8rem;\r\n  color: #ff4655;\r\n  margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.footer-brand p {\r\n  color: #999;\r\n  font-size: 1rem;\r\n}\r\n\r\n.footer-links {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 40px;\r\n}\r\n\r\n.footer-column h4 {\r\n  font-size: 1.2rem;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.footer-column ul {\r\n  list-style: none;\r\n}\r\n\r\n.footer-column ul li {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.footer-column ul li a {\r\n  color: #999;\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n  font-size: 1rem;\r\n}\r\n\r\n.footer-column ul li a:hover {\r\n  color: #ff4655;\r\n}\r\n\r\n.footer-social h4 {\r\n  font-size: 1.2rem;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.social-icons {\r\n  display: flex;\r\n  gap: 15px;\r\n}\r\n\r\n.footer-social .social-icons a {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 50%;\r\n  color: #ffffff;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-social .social-icons a:hover {\r\n  background: #ff4655;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.footer-bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-top: 30px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n}\r\n\r\n.footer-bottom p {\r\n  color: #666;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.footer-legal {\r\n  display: flex;\r\n  gap: 30px;\r\n}\r\n\r\n.footer-legal a {\r\n  color: #999;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.footer-legal a:hover {\r\n  color: #ff4655;\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1200px) {\r\n  .tat-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .youtube-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .characters-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .action-text,\r\n  .stories-text {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  .section-title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .series-section {\r\n    padding: 40px 20px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .series-title {\r\n    font-size: 1.8rem;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .series-description {\r\n    font-size: 1rem;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .mobile-menu-toggle {\r\n    display: block;\r\n  }\r\n\r\n  .nav-menu {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    background: rgba(0, 0, 0, 0.95);\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    border-top: 2px solid rgba(255, 70, 85, 0.3);\r\n  }\r\n\r\n  .nav-menu.active {\r\n    display: flex;\r\n  }\r\n\r\n  .nav-menu li {\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .nav-menu li a {\r\n    padding: 20px;\r\n    text-align: center;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .nav-menu li a:hover {\r\n    background: rgba(255, 70, 85, 0.2);\r\n  }\r\n\r\n  .features-grid,\r\n  .tat-grid,\r\n  .youtube-grid,\r\n  .fan-art-grid,\r\n  .characters-container,\r\n  .drama-points {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .footer-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .footer-links {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .footer-bottom {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n\r\n  .stats-cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hero-image-overlay h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .hero-image-overlay p {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .centered-story-content {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .lead-text {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .story-intro {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .story-stakes p {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .closing-question {\r\n    font-size: 1.2rem;\r\n    padding: 20px;\r\n  }\r\n\r\n  .netball-twist h3 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .netball-twist p {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .netball-twist {\r\n    padding: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .action-text,\r\n  .stories-text {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .hero-container {\r\n    padding: 40px 15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Mobile menu toggle\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const mobileMenuToggle = document.getElementById('mobileMenuToggle');\r\n  const navMenu = document.getElementById('navMenu');\r\n\r\n  if (mobileMenuToggle) {\r\n    mobileMenuToggle.addEventListener('click', function() {\r\n      this.classList.toggle('active');\r\n      navMenu.classList.toggle('active');\r\n    });\r\n\r\n    \/\/ Close menu when clicking a link\r\n    const navLinks = navMenu.querySelectorAll('a');\r\n    navLinks.forEach(link => {\r\n      link.addEventListener('click', function() {\r\n        mobileMenuToggle.classList.remove('active');\r\n        navMenu.classList.remove('active');\r\n      });\r\n    });\r\n  }\r\n\r\n  \/\/ Smooth scroll for navigation\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n    anchor.addEventListener('click', function (e) {\r\n      e.preventDefault();\r\n      const target = document.querySelector(this.getAttribute('href'));\r\n      if (target) {\r\n        target.scrollIntoView({\r\n          behavior: 'smooth',\r\n          block: 'start'\r\n        });\r\n      }\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ACTION STORIES Overview Explore Azania Action Stories This &#038; That Manga YouTube Explore the World of Azania Discover the provinces where our stories unfold ACTION STORIES Meet the Outlaws Guru and Sterring &#8211; Paradise Park&#8217;s most dangerous duo WELCOME TO PARADISE PARK A Manga Series Set in the Wild Streets of Azania Welcome to Paradise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":85,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}