* { box-sizing : border-box ; margin : 0 ; padding : 0 ; } .bj-root { background : #0a1628 ; color : #f0f4f8 ; overflow-x : hidden ; font-family : 'Inter' , -apple-system , BlinkMacSystemFont , sans-serif ; } /* NAV */ .bj-nav { display : flex ; align-items : center ; justify-content : space-between ; padding : 18 px 40 px ; border-bottom : 0.5 px solid rgba ( 255 , 255 , 255 , 0.12 ) ; position : sticky ; top : 0 ; background : rgba ( 10 , 22 , 40 , 0.95 ) ; backdrop-filter : blur ( 8 px ) ; z-index : 100 ; } .bj-logo { font-size : 20 px ; font-weight : 500 ; letter-spacing : 0.08 em ; color : #fff ; t .bj-logo span { color : #3b9fe8 ; } .bj-nav-links { display : flex ; gap : 28 px ; list-style : none ; margin : 0 ; padding : 0 ; } .bj-nav-links a { color : rgba ( 255 , 255 , 255 , 0.7 ) ; text-decoration : none ; font-size : 13 .bj-nav-cta { background : #3b9fe8 ; color : #fff ; border : none ; padding : 8 px 18 px ; bor /* HERO */ .bj-hero { position : relative ; min-height : 520 px ; display : flex ; flex-direction : column ; align-items : center ; justify-content : cente text-align : center ; padding : 80 px 40 px 60 px ; overflow : hidden ; background : linear-gradient ( 135 deg , #0a1628 0 % , #0d2545 40 % , #0a2233 70 % , #0a1628 } .bj-wave-deco { position : absolute ; bottom : 0 ; left : 0 ; right : 0 ; height : 120 px ; wid .bj-hero-tag { display : inline-block ; background : rgba ( 59 , 159 , 232 , 0.15 ) ; border : 0.5 px solid rgba color : #3b9fe8 ; font-size : 12 px ; letter-spacing : 0.1 em ; text-transform : uppercase ; padding : 5 px 14 px ; border-radius : 20 px ; margin-bottom : 24 px ; position : relative ; z } .bj-hero-h1 { font-size : 54 px ; font-weight : 500 ; line-height : 1.05 ; color : #fff ; pos .bj-hero-h1 em { color : #3b9fe8 ; font-style : normal ; } .bj-hero-sub { font-size : 17 px ; color : rgba ( 255 , 255 , 255 , 0.55 ) ; max-width : 520 px ; mar .bj-hero-btns { display : flex ; gap : 14 px ; justify-content : center ; position : relativ .bj-btn-primary { background : #3b9fe8 ; color : #fff ; border : none ; padding : 12 px 28 px .bj-btn-outline { background : transparent ; color : #fff ; border : 0.5 px solid rgba ( 255 /* STATS */ .bj-stats { display : flex ; justify-content : center ; background : rgba ( 59 , 159 , 232 , 0.08 .bj-stat { flex : 1 ; min-width : 120 px ; max-width : 220 px ; padding : 22 px 20 px ; text-ali .bj-stat :last-child { border-right : none ; } .bj-stat-num { font-size : 28 px ; font-weight : 500 ; color : #3b9fe8 ; } .bj-stat-label { font-size : 11 px ; letter-spacing : 0.08 em ; text-transform : uppercase ; /* MARQUEE */ .bj-marquee { background : #3b9fe8 ; padding : 12 px 0 ; overflow : hidden ; white-space : n .bj-marquee-inner { display : inline-flex ; animation : bjMarquee 22 s linear infinite ; .bj-marquee span { font-size : 12 px ; letter-spacing : 0.1 em ; text-transform : uppercase .bj-marquee span ::after { content : '✦' ; margin-left : 32 px ; opacity : 0.6 ; } @keyframes bjMarquee { from { transform : translateX ( 0 ) ; } to { transform : translateX /* SECTION */ .bj-section { padding : 64 px 40 px ; } .bj-section-label { font-size : 11 px ; letter-spacing : 0.1 em ; text-transform : uppercas .bj-section-title { font-size : 30 px ; font-weight : 500 ; color : #fff ; margin-bottom : 8 .bj-section-sub { font-size : 15 px ; color : rgba ( 255 , 255 , 255 , 0.5 ) ; margin-bottom : 40 px /* NEWS */ .bj-news { background : #0d1e36 ; } .bj-news-grid { display : grid ; grid-template-columns : repeat ( auto-fit , minmax ( 200 px , .bj-news-featured { grid-column : 1 / -1 ; display : grid ; grid-template-columns : 1 fr 1 .bj-news-img { height : 140 px ; background : #1a3050 ; display : flex ; align-items : cente .bj-news-img--tall { height : 220 px ; } .bj-news-body { padding : 16 px ; } .bj-news-body--feat { padding : 24 px ; display : flex ; flex-direction : column ; justify- .bj-news-cat { font-size : 10 px ; letter-spacing : 0.1 em ; text-transform : uppercase ; co .bj-news-headline { font-size : 14 px ; font-weight : 500 ; color : #fff ; line-height : 1.4 .bj-news-headline--lg { font-size : 20 px ; margin-bottom : 10 px ; } .bj-news-excerpt { font-size : 13 px ; color : rgba ( 255 , 255 , 255 , 0.45 ) ; line-height : 1.6 ; .bj-news-date { font-size : 11 px ; color : rgba ( 255 , 255 , 255 , 0.35 ) ; } .bj-news-card { background : rgba ( 255 , 255 , 255 , 0.04 ) ; border : 0.5 px solid rgba ( 255 , 255 .bj-read-more { font-size : 12 px ; color : #3b9fe8 ; letter-spacing : 0.05 em ; text-transf /* SCREENINGS */ .bj-screenings { background : #0a1628 ; } .bj-screening-list { display : flex ; flex-direction : column ; gap : 12 px ; } .bj-screening-item { background : rgba ( 255 , 255 , 255 , 0.03 ) ; border : 0.5 px solid rgba ( 25 .bj-screening-date { min-width : 58 px ; text-align : center ; } .bj-screening-month { font-size : 10 px ; letter-spacing : 0.1 em ; text-transform : upperc .bj-screening-day { font-size : 26 px ; font-weight : 500 ; color : #fff ; line-height : 1 ; .bj-screening-divider { width : 0.5 px ; height : 44 px ; background : rgba ( 255 , 255 , 255 , 0.1 .bj-screening-info { flex : 1 ; } .bj-screening-venue { font-size : 15 px ; font-weight : 500 ; color : #fff ; } .bj-screening-location { font-size : 12 px ; color : rgba ( 255 , 255 , 255 , 0.45 ) ; margin-top : .bj-screening-badge { font-size : 10 px ; letter-spacing : 0.08 em ; text-transform : upper .bj-ticket-btn { background : transparent ; border : 0.5 px solid rgba ( 255 , 255 , 255 , 0.25 ) /* MERCH */ .bj-merch { background : #0d1e36 ; } .bj-merch-grid { display : grid ; grid-template-columns : repeat ( auto-fit , minmax ( 160 px .bj-merch-card { background : rgba ( 255 , 255 , 255 , 0.04 ) ; border : 0.5 px solid rgba ( 255 , 25 .bj-merch-img { height : 160 px ; background : #1a3050 ; display : flex ; align-items : cent .bj-merch-tag { position : absolute ; top : 10 px ; right : 10 px ; background : rgba ( 59 , 159 , .bj-merch-body { padding : 14 px 16 px ; } .bj-merch-name { font-size : 13 px ; font-weight : 500 ; color : #fff ; margin-bottom : 6 px ; .bj-merch-price { font-size : 14 px ; color : #3b9fe8 ; font-weight : 500 ; } .bj-merch-sub { font-size : 11 px ; color : rgba ( 255 , 255 , 255 , 0.35 ) ; margin-top : 2 px ; } .bj-merch-note { font-size : 12 px ; color : rgba ( 255 , 255 , 255 , 0.45 ) ; margin-top : 24 px ; l .bj-merch-note a { color : #3b9fe8 ; } /* WORKSHOPS */ .bj-workshops { background : rgba ( 59 , 159 , 232 , 0.06 ) ; border-top : 0.5 px solid rgba ( 59 , 1 .bj-workshops-title { font-size : 30 px ; font-weight : 500 ; color : #fff ; margin-bottom : .bj-workshops-sub { font-size : 15 px ; color : rgba ( 255 , 255 , 255 , 0.5 ) ; max-width : 500 px ; .bj-workshop-tags { display : flex ; flex-wrap : wrap ; gap : 10 px ; justify-content : cent .bj-workshop-tag { background : rgba ( 255 , 255 , 255 , 0.06 ) ; border : 0.5 px solid rgba ( 255 , /* MISSION */ .bj-mission { background : #0a1628 ; display : grid ; grid-template-columns : 1 fr 1 fr ; } .bj-mission-left { padding : 64 px 40 px ; border-right : 0.5 px solid rgba ( 255 , 255 , 255 , 0. .bj-mission-right { padding : 64 px 40 px ; } .bj-cause { display : flex ; align-items : flex-start ; gap : 14 px ; margin-bottom : 20 px ; .bj-cause-icon { width : 40 px ; height : 40 px ; border-radius : 8 px ; background : rgba ( 59 , .bj-cause-title { font-size : 14 px ; font-weight : 500 ; color : #fff ; margin-bottom : 4 px .bj-cause-text { font-size : 12 px ; color : rgba ( 255 , 255 , 255 , 0.45 ) ; line-height : 1.6 ; } .bj-mission-text { font-size : 14 px ; color : rgba ( 255 , 255 , 255 , 0.5 ) ; line-height : 1.8 ; /* NEWSLETTER */ .bj-newsletter { background : #0d1e36 ; padding : 56 px 40 px ; text-align : center ; } .bj-nl-title { font-size : 26 px ; font-weight : 500 ; color : #fff ; margin-bottom : 8 px ; } .bj-nl-sub { font-size : 14 px ; color : rgba ( 255 , 255 , 255 , 0.45 ) ; margin-bottom : 24 px ; } .bj-nl-form { display : flex ; gap : 10 px ; justify-content : center ; max-width : 400 px ; m .bj-nl-input { flex : 1 ; min-width : 200 px ; background : rgba ( 255 , 255 , 255 , 0.06 ) ; border /* FOOTER */ .bj-footer { background : #060f1e ; padding : 48 px 40 px 32 px ; } .bj-footer-top { display : grid ; grid-template-columns : 2 fr 1 fr 1 fr 1 fr ; gap : 40 px ; m .bj-footer-brand { font-size : 18 px ; font-weight : 500 ; color : #fff ; letter-spacing : 0 .bj-footer-brand span { color : #3b9fe8 ; } .bj-footer-desc { font-size : 13 px ; color : rgba ( 255 , 255 , 255 , 0.35 ) ; line-height : 1.7 ; .bj-footer-col h4 { font-size : 11 px ; letter-spacing : 0.1 em ; text-transform : uppercas .bj-footer-col a { display : block ; font-size : 13 px ; color : rgba ( 255 , 255 , 255 , 0.6 ) ; te HTML (paste into Squarespace Code Block) .bj-footer-bottom { border-top : 0.5 px solid rgba ( 255 , 255 , 255 , 0.07 ) ; padding-top : 24 p .bj-footer-copy { font-size : 12 px ; color : rgba ( 255 , 255 , 255 , 0.25 ) ; } .bj-social-links { display : flex ; gap : 14 px ; } .bj-social-links a { width : 32 px ; height : 32 px ; border-radius : 50 % ; border : 0.5 px so @media ( max-width : 768 px ) { .bj-nav-links { display : none ; } .bj-hero-h1 { font-size : 36 px ; } .bj-section { padding : 40 px 20 px ; } .bj-news-featured { grid-template-columns : 1 fr ; } .bj-mission { grid-template-columns : 1 fr ; } .bj-footer-top { grid-template-columns : 1 fr 1 fr ; gap : 24 px ; } } html < nav class = " bj-nav " > < div class = " bj-logo " > Blue < span > Juice < ul class = " bj-nav-links " > < li > < a href = " /news " > News < li > < a href = " /screenings " > Screenings < li > < a href = " /workshops " > Workshops < li > < a href = " /merch " > Merch < li > < a href = " /about " > About < a href = " /merch " class = " bj-nav-cta " > Shop Now < section class = " bj-hero " > < svg class = " bj-wave-deco " viewBox = " 0 0 1440 120 " preserveAspectRatio = " none " xmlns = < path d = " M0,60 C240,100 480,20 720,60 C960,100 1200,20 1440,60 L1440,120 L0,120 < path d = " M0,80 C360,40 720,100 1080,60 C1260,40 1380,70 1440,80 L1440,120 L0,120 < div class = " bj-hero-tag " > Film · Surf · Music · Cornwall < h1 class = " bj-hero-h1 " > One Life. < br > < em > No Fear. < p class = " bj-hero-sub " > The home of Blue Juice — celebrating 30 years of the iconic < div class = " bj-hero-btns " > < a href = " /merch " class = " bj-btn-primary " > Get Merch < a href = " /screenings " class = " bj-btn-outline " > Upcoming Screenings < div class = " bj-stats " > < div class = " bj-stat " > < div class = " bj-stat-num " > 30 < div class = " bj-stat-label " > Y < div class = " bj-stat " > < div class = " bj-stat-num " > Sold Out < div class = " bj-stat-la < div class = " bj-stat " > < div class = " bj-stat-num " > 5k+ < div class = " bj-stat-label " > < div class = " bj-stat " > < div class = " bj-stat-num " > UK-Wide < div class = " bj-stat-lab < div class = " bj-marquee " aria-hidden = " true " > < div class = " bj-marquee-inner " > < span > One life no fear < span > Do you like to rave < span > Cornwall's no < span > One life no fear < span > Do you like to rave < span > Cornwall's no < section class = " bj-section bj-news " > < div class = " bj-section-label " > Latest < div class = " bj-section-title " > News & Updates < p class = " bj-section-sub " > Stay in the loop with screenings, community stories, and < div class = " bj-news-grid " > < div class = " bj-news-featured " > < div class = " bj-news-img bj-news-img--tall " > < div class = " bj-news-body bj-news-body--feat " > < div class = " bj-news-cat " > Festival Recap < div class = " bj-news-headline bj-news-headline--lg " > Penzance Festival Sells O < div class = " bj-news-excerpt " > From cast Q & As and live music to a 90s rave < a href = " /news/penzance-recap " class = " bj-read-more " > Read more → < div class = " bj-news-card " > < div class = " bj-news-img " > < div class = " bj-news-body " > < div class = " bj-news-cat " > Screenings < div class = " bj-news-headline " > Falmouth's The Poly — October Screening with D < div class = " bj-news-date " > May 2026 < div class = " bj-news-card " > < div class = " bj-news-img " > < div class = " bj-news-body " > < div class = " bj-news-cat " > Community < div class = " bj-news-headline " > Blue Juice Sessions Bring Film Skills to Penza < div class = " bj-news-date " > April 2026 < div class = " bj-news-card " > < div class = " bj-news-img " > < div class = " bj-news-body " > < div class = " bj-news-cat " > Merch Drop < div class = " bj-news-headline " > New Summer Merch Is Live — Support Surfers Aga < div class = " bj-news-date " > March 2026 < section class = " bj-section bj-screenings " > < div class = " bj-section-label " > On Tour < div class = " bj-section-title " > Upcoming Screenings < p class = " bj-section-sub " > Watch Blue Juice in HD at venues across the UK. < div class = " bj-screening-list " > < div class = " bj-screening-item " > < div class = " bj-screening-date " > < div class = " bj-screening-month " > Oct < div c < div class = " bj-screening-divider " > < div class = " bj-screening-info " > < div class = " bj-screening-venue " > The Poly < < div class = " bj-screening-badge " > Director Q & A < a href = " /tickets " class = " bj-ticket-btn " > Tickets → < div class = " bj-screening-item " > < div class = " bj-screening-date " > < div class = " bj-screening-month " > Nov < div c < div class = " bj-screening-divider " > < div class = " bj-screening-info " > < div class = " bj-screening-venue " > Coming Soon Sign Up < a href = " /newsletter " class = " bj-ticket-btn " > Notify Me → < section class = " bj-section bj-merch " > < div class = " bj-section-label " > Shop < div class = " bj-section-title " > Official Merchandise < p class = " bj-section-sub " > Every purchase supports Surfers Against Sewage, Plastic < div class = " bj-merch-grid " > < div class = " bj-merch-card " > < div class = " bj-merch-img " > < div class = " bj-merch-tag " > Best Seller < div class = " bj-merch-body " > < div class = " bj-merch-name " > Blue Juice 30th Tee < div class = " bj-merch-card " > < div class = " bj-merch-img " > < div class = " bj-merch-body " > < div class = " bj-merch-name " > Festival Tote Bag < < div class = " bj-merch-card " > < div class = " bj-merch-img " > < div class = " bj-merch-tag " > New < div class = " bj-merch-body " > < div class = " bj-merch-name " > Surf Cap < div class < div class = " bj-merch-card " > < div class = " bj-merch-img " > < div class = " bj-merch-body " > < div class = " bj-merch-name " > Enamel Mug < div cla < p class = " bj-merch-note " > Full collection at < a href = " https://hoylifestyle.com/coll < section class = " bj-workshops " > < div class = " bj-section-label " > The Blue Juice Sessions < h2 class = " bj-workshops-title " > Film, TV & Commercial Workshops < p class = " bj-workshops-sub " > Go behind the scenes. Discover new skills. Open to all < div class = " bj-workshop-tags " > < span class = " bj-workshop-tag " > Cinematography < span class = " bj-workshop-tag " > Direction < span class = " bj-workshop-tag " > Sound Design < span class = " bj-workshop-tag " > Editing < span class = " bj-workshop-tag " > Screenwriting < span class = " bj-workshop-tag " > Production < a href = " /workshops " class = " bj-btn-primary " > Enquire About Workshops < section class = " bj-mission " > < div class = " bj-mission-left " > < div class = " bj-section-label " > Our Mission < div class = " bj-section-title " > Community at Heart < p class = " bj-section-sub " > Since the beginning, Blue Juice has been rooted in its < div class = " bj-cause " > < div class = " bj-cause-icon " > < div > < div class = " bj-cause < div class = " bj-cause " > < div class = " bj-cause-icon " > < div > < div class = " bj-cause < div class = " bj-cause " > < div class = " bj-cause-icon " > < div > < div class = " bj-cause < div class = " bj-mission-right " > < div class = " bj-section-label " > About the Film < div class = " bj-section-title " > Blue Juice (1995) < p class = " bj-mission-text " > The iconic British surf movie that captured a generat < p class = " bj-mission-text " > Originally filmed in Cornwall, the film remains a cul < a href = " /about " class = " bj-btn-outline " > Learn More < section class = " bj-newsletter " > < div class = " bj-section-label " > Stay Connected < h2 class = " bj-nl-title " > Join the Blue Juice Family < p class = " bj-nl-sub " > Be first to hear about screenings, merch drops, workshops, an < form class = " bj-nl-form " action = " # " method = " post " > < input class = " bj-nl-input " type = " email " name = " email " placeholder = " your@email.com < button type = " submit " class = " bj-btn-primary " > Join < footer class = " bj-footer " > < div class = " bj-footer-top " > < div > < div class = " bj-footer-brand " > Blue < span > Juice < p class = " bj-foot < div class = " bj-footer-col " > < h4 > Explore < a href = " /news " > News < a href = " /scr < div class = " bj-footer-col " > < h4 > Shop < a href = " https://hoylifestyle.com/collec < div class = " bj-footer-col " > < h4 > Contact < a href = " mailto:info@bluejuicefestiva < div class = " bj-footer-bottom " > < div class = " bj-footer-copy " > © 2026 Blue Juice Festival · Unit Creative Ltd. · VA < div class = " bj-social-links " > < a href = " https://facebook.com/bluejuicefestival " target = " _blank " aria-label = " F < a href = " https://instagram.com/bluejuicefestival " target = " _blank " aria-label = "