/*
================================================================================
FLAVOURTECH THEME STYLESHEET
================================================================================
Theme Name: Flavourtech
Author: Flavourtech
Author URI: https://flavour.tech/
Text Domain: ft
Description: Professional CSS organization following best practices
================================================================================
*/

/* ============================================================================
   IMPORTS & EXTERNAL RESOURCES
   ============================================================================ */

/* Import brand fonts - Updated to include 800 weight for extra bold */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;600&display=swap');

/* ============================================================================
   BASE STYLES & GLOBAL SETTINGS
   ============================================================================ */

/* Global Background and Base Typography */
body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  color: #423E3B; /* Brand guide Charcoal */
  line-height: 1.6;
  background-color: #F8F3E6 !important; /* Brand guide Cream background */
}

/* Smooth scrolling behavior */
html {
  scroll-behavior: smooth;
}

/* Ensure all containers use cream background */
.home-page,
.home-page-about,
.home-page-about-top,
.home-page-about-count-wrapper {
  background-color: #F8F3E6;
}

/* ============================================================================
   TYPOGRAPHY SYSTEM
   ============================================================================ */

/* Base heading styles */
h1, h2, h3, h4, h5, h6,
.big-title, .hero-title, .section-title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
}

/* Typography Hierarchy - Brand Guide Compliant */
.title--3xl, .big-title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800; /* Extra bold as requested */
  font-size: 36px; /* Brand guide H1 specification */
  line-height: 48px; /* Brand guide H1 line-height */
  color: #ED0039; /* FlavourTech Red */
}

.title--2xl {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  font-size: 28px; /* Brand guide H2 specification */
  line-height: 36px;
}

.title--xl {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  font-size: 22px; /* Brand guide H3 specification */
  line-height: 28px;
}

.title--lg {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  font-size: 18px; /* Brand guide H4 specification */
  line-height: 24px;
}

.title--md {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  font-size: 16px; /* Brand guide H5 specification */
  line-height: 22px;
}

.title--sm {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  font-size: 14px; /* Brand guide H6 specification */
  line-height: 20px;
}

/* Body Text Styles - Brand Guide Compliant */
.content--big, .standard-body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 16px; /* Brand guide standard body */
  line-height: 24px;
  color: #423E3B;
}

.content--small, .small-body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px; /* Brand guide small body */
  line-height: 20px;
  color: #423E3B;
}

.caption, .legal-text {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 12px; /* Brand guide caption/legal */
  line-height: 18px;
  color: #423E3B;
}

/* Font Weight Utilities */
.fw-400 {
  font-weight: 400 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important; /* Extra bold for hero title */
}

/* ============================================================================
   COLOR SYSTEM
   ============================================================================ */

/* Brand Colors */
.title--red {
  color: #ED0039 !important; /* FlavourTech Red */
}

.text--red {
  color: #ED0039 !important;
}

.text--deep-red {
  color: #B01B23 !important;
}

.text--charcoal {
  color: #423E3B !important;
}

.text--grey {
  color: #E5E5E5 !important;
}

/* ============================================================================
   HERO SECTION
   ============================================================================ */

/* Hero Container */
.home-page-hero {
  position: relative;
}

.home-page-hero-content {
  position: absolute;
  top: 40px !important; /* Move to top */
  left: 50%;
  transform: translateX(-10%);
  z-index: 10;
  text-align: left;
  width: 100%;
  padding: 0 20px;
}

/* Hero Title Styling */
.home-page-hero .title--3xl,
.home-page-hero .big-title {
  font-size: 60px !important;
  line-height: 50px !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  color: #ED0039 !important;
  white-space: nowrap !important; /* Prevent text wrapping */
  text-shadow:
    -.8px -.8px 0 #F8F3E6,
    .8px -.8px 0 #F8F3E6,
    -.8px .8px 0 #F8F3E6,
    .8px .8px 0 #F8F3E6 !important; /* Thin beige outline */
}

/* Individual line styling for hero title */
.hero-title-line-1 {
  font-weight: 800 !important;
  color: #ED0039 !important; /* Bold FlavourTech Red */
  display: block !important;
  white-space: nowrap !important; /* Keep "Building Trust" on one line */
  margin-bottom: 15px !important; /* Add spacing between lines */
  text-shadow:
    -.8px -.8px 0 #F8F3E6,
    .8px -.8px 0 #F8F3E6,
    -.8px .8px 0 #F8F3E6,
    .8px .8px 0 #F8F3E6 !important; /* Thin beige outline */
}

.hero-title-line-2 {
  font-weight: 400 !important;
  color: #ED0039 !important; /* Full FlavourTech Red - not transparent */
  display: block !important;
  white-space: nowrap !important; /* Keep "Delivering Quality" on one line */
  margin-bottom: 15px !important; /* Add spacing between lines */
  text-shadow:
    -.8px -.8px 0 #F8F3E6,
    .8px -.8px 0 #F8F3E6,
    -.8px .8px 0 #F8F3E6,
    .8px .8px 0 #F8F3E6 !important; /* Thin beige outline */
}

.hero-title-line-3 {
  font-weight: 800 !important;
  color: #FFFFFF !important; /* White text */
  display: block !important;
  white-space: nowrap !important; /* Keep "Everyday!" on one line */
  margin-bottom: 0 !important; /* No margin on last line */
  text-shadow:
    -.8px -.8px 0 #000000,
    .8px -.8px 0 #000000,
    -.8px .8px 0 #000000,
    .8px .8px 0 #000000 !important; /* Fine black outline */
}

/* Hero Supporting Text */
.hero-subtitle {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  color: white;
  margin-top: 10px;
  text-shadow: -.8px -.8px 0 #000000, .8px -.8px 0 #000000, -.8px .8px 0 #000000, .8px .8px 0 #000000;
}

.hero-subtext {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: white;
  margin-top: 4px;
  text-shadow: -.8px -.8px 0 #000000, .8px -.8px 0 #000000, -.8px .8px 0 #000000, .8px .8px 0 #000000;
}

/* Remove unwanted hero elements */
.home-page-hero .progress-line,
.home-page-hero .loading-bar,
.home-page-hero .white-line,
.home-page-hero .progress-bar,
.home-page-hero .swiper-pagination,
.home-page-hero .pagination-line,
.home-page-hero .hero-progress,
.home-page-hero .slider-progress,
.home-page-hero-progress,
.hero-slider-progress,
.home-page-hero-content::after,
.home-page-hero-content::before,
.home-page-hero .title::after,
.home-page-hero .title::before,
.home-page-hero h1::after,
.home-page-hero h1::before {
  display: none !important;
}

/* ============================================================================
   ABOUT SECTION
   ============================================================================ */

/* About Section Container */
.home-page-about {
  padding: 60px 0 !important;
  background-color: #F8F3E6 !important; /* Brand guide Cream */
}

/* About Section Layout */
.home-page-about-top {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px !important;
  align-items: start !important;
  margin-bottom: 30px;
}

/* About Section Typography */
.home-page-about .toptitle {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #ED0039;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.home-page-about .title--md {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important; /* Larger for more impact */
  line-height: 38px !important;
  color: #423E3B !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; /* Remove bottom margin */
}

.home-page-about .content--big {
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 26px !important;
  color: #423E3B !important; /* Changed to brand-compliant Charcoal */
  margin-top: 0 !important;
}

.home-page-about .content--big strong {
  font-weight: 600 !important;
  color: #423E3B !important;
}

/* ============================================================================
   STATISTICS SECTION
   ============================================================================ */

/* Stats Container */
.home-page-about-count-wrapper {
  margin-top: 0px !important; /* Reduced from 60px */
  padding-top: 60px !important;
  border-top: 1px solid #E5E5E5 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 40px !important;
}

/* Individual Stat Items */

.home-page-about-count-red {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-weight: 800 !important; /* Bolder */
  font-size: 32px !important; /* Larger numbers */
  line-height: 36px !important;
  color: #ED0039 !important;
  margin-bottom: 12px !important;
}

.home-page-about-count p:last-child {

}

/* ============================================================================
   SPECIAL COMPONENTS
   ============================================================================ */

/* Tradeshow Sticky Banner */
.tradeshow-notice {
  background: #ED0039;
  color: white;
  padding: 12px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.tradeshow-notice a {
  color: white;
  font-size: 18px;
}


/* Career Button */
.career-hero-button {
  cursor: pointer;
}

/* Ajax Loader */
.ajax-loader {
  position: fixed;
  background: rgba(255, 255, 255, 0.35);
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================================================
   SOCIAL SHARING COMPONENTS
   ============================================================================ */

/* Share Button Dropdown */
.share-button-dropdown .heateor_sss_sharing_ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 0;
}

.share-button-dropdown div.heateor_sss_follow_ul a,
.share-button-dropdown div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
  width: 100%;
  display: flex !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  align-items: center !important;
  gap: 1.2rem !important;
}

.share-button-dropdown div.heateor_sss_follow_ul a p.sharetitle,
.share-button-dropdown div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a p.sharetitle {
  color: rgba(3, 1, 0, 0.6) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0;
  padding: 0;
}

.share-button-dropdown div.heateor_sss_follow_ul a:hover,
.share-button-dropdown div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover {
  background: #f1f1f1 !important;
}

.share-button-dropdown .heateor_sss_sharing_ul a span {
  width: 25px !important;
  height: 25px !important;
}

/* Social Share Links */
.social-share-links .heateor_sss_sharing_ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem; /* Made consistent with brand spacing */
  padding: 0;
}

.social-share-links .heateor_sss_sharing_ul a span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 4.5rem !important;
  height: 4.5rem !important;
  border-radius: 50% !important;
}

.social-share-links .heateor_sss_sharing_ul a span svg {
  width: 25px;
  height: 25px;
}

/* ============================================================================
   UTILITY CLASSES
   ============================================================================ */

.d-none {
  display: none !important;
}

.text-uppercase {
  text-transform: uppercase;
}

/* ============================================================================
   RESPONSIVE DESIGN
   ============================================================================ */

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  /* Typography adjustments */
  .title--3xl, .big-title {
    font-size: 20px; /* 30% smaller on mobile */
    line-height: 28px;
  }

  .home-page-hero .title--3xl,
  .home-page-hero .big-title {
    font-size: 32px !important; /* Scaled down from 60px */
    line-height: 36px !important;
  }

  /* Hero section adjustments */
  .home-page-hero-content {
    top: 20px !important; /* Closer to top on mobile */
    padding: 0 15px;
  }

  /* About section layout adjustments */
  .home-page-about-top {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    margin-bottom: 60px;
  }

  .home-page-about .title--md {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  /* Statistics section adjustments */
  .home-page-about-count-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
  }
}

/* ============================================================================
   END OF STYLESHEET
   ============================================================================ */

/* Approved catalogue palette and homepage update, 20 October 2026. */
/* Shared FlavourTech interface palette. Keep partner/product artwork unchanged. */
:root{--ft-brand-red:#ED0039;--ft-brand-beige:#F8F3E6;--ft-brand-white:#FFFFFF;--ft-brand-ink:#423E3B;--ft-brand-line:#E4D9C8}
header.header,header.header.active,header.header .bottom-header{background:var(--ft-brand-beige);background-image:none;border-color:var(--ft-brand-line)}
header.header .top-header{background:var(--ft-brand-white);background-image:none}
header.header .search-btn,header.header .header-mobile-menu,header.header .header-link-content,header.header .header-link-mega-menu,header.header .header-link-content.ft-panel,header.header .header-link-mega-menu.ft-panel{background:var(--ft-brand-beige);background-image:none}
header.header .search-wrapper .search-content .input,header.header .header-mobile-menu .input,header.header .langs-menu-content{background:var(--ft-brand-white);background-image:none}
header.header .top-header-link{color:var(--ft-brand-ink);opacity:1}
header.header .header-link-top,header.header .call-us,header.header .search-btn,header.header .header-mobile-menu-link,header.header .header-link-content-item{color:var(--ft-brand-ink)}
header.header .top-header-social{color:var(--ft-brand-ink);stroke:var(--ft-brand-ink)}
header.header .top-header-social:hover,header.header .top-header-link:hover,header.header .top-header-link:focus-visible,header.header .header-link-top:hover,header.header .header-link-top:focus-visible,header.header .search-btn:hover,header.header .header-link-content-item:hover{color:var(--ft-brand-red);stroke:var(--ft-brand-red);opacity:1}
header.header .header-link-top svg,header.header .header-link-top .icon-font,header.header .header-link-content-item-icon,header.header .header-mobile-menu-link svg.left-icon,header.header .header-mobile-menu-contact .header-mobile-menu-link-social,header.header .call-us svg,header.header .ft-mm-group h3,header.header .ft-mm-group h4,header.header .header-link-mega-menu-title{color:var(--ft-brand-red)}
header.header .header-link-top:after{background:var(--ft-brand-red)}
header.header .header-link-content-item:hover{background:var(--ft-brand-white)}
header.header .header-menu-opener span{background:var(--ft-brand-ink)}
header.header .search-btn,header.header .ft-mm-filter input,header.header .search-wrapper .search-content .input{border-color:var(--ft-brand-line)}
header.header .search-wrapper .search-content .input:focus{border-color:var(--ft-brand-red)}
/* Generic FlavourTech accents use the same red as the navigation and spots. */
#ft-main .hero-title-h1,#ft-main .section-h2,#ft-main .color-primary{color:var(--ft-brand-red)}
#ft-main .btn-fx-1{background:var(--ft-brand-red);border-color:var(--ft-brand-red);color:var(--ft-brand-white)}
#ft-main .btn-fx-1:before,#ft-main .btn-fx-1:after{background:var(--ft-brand-red)}
#ft-main .btn-fx-ghost:hover{background:var(--ft-brand-red);border-color:var(--ft-brand-red);color:var(--ft-brand-white)}
body:not(.page-id-2998) #ft-main .hero-section_private:not(.hero-section_private--noimg) .hero-title-h1{color:var(--ft-brand-red)!important}
/* Use the same beige in photographic scrims, rather than a second cream. */
#ft-main .hero-section_private:not(.hero-section_private--noimg):before{background:linear-gradient(90deg,rgba(248,243,230,.97) 0%,rgba(248,243,230,.95) 50%,rgba(248,243,230,.74) 66%,rgba(248,243,230,.26) 83%,rgba(248,243,230,0) 96%)}
@media(max-width:991px){#ft-main .hero-section_private:not(.hero-section_private--noimg):before{background:linear-gradient(180deg,rgba(248,243,230,.93) 0%,rgba(248,243,230,.88) 58%,rgba(248,243,230,.7) 100%)}}
/* Editorial heroes have a separate photo: their exposed canvas is solid beige. */
#ft-main.ft-industry-page .hero-section_private:before,#ft-main.ft-contract-page .hero-section_private:before{background:none}
/* Transparent brand separators: the page surface shows through, without a box. */
.divider:has(>.divider-logo){--ft-divider-line:var(--ft-brand-line,#E4D9C8);background:linear-gradient(to right,var(--ft-divider-line) 0,var(--ft-divider-line) calc(50% - 40px),transparent calc(50% - 40px),transparent calc(50% + 40px),var(--ft-divider-line) calc(50% + 40px),var(--ft-divider-line) 100%)}
.divider.divider--light:has(>.divider-logo){--ft-divider-line:rgba(255,255,255,.18)}
.divider .divider-logo,.divider .divider-logo__v2,.section .border-shape,.contact-us-wrapper .border-shape{background:transparent!important;background-image:none!important;box-shadow:none}
.divider .divider-logo img,.section .border-shape img,.contact-us-wrapper .border-shape img{object-fit:contain}
.section.with-top-border:has(>.border-shape){position:relative;border-top-color:transparent}
.section.with-top-border:has(>.border-shape):before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(to right,var(--ft-brand-line,#E4D9C8) 0,var(--ft-brand-line,#E4D9C8) calc(50% - 40px),transparent calc(50% - 40px),transparent calc(50% + 40px),var(--ft-brand-line,#E4D9C8) calc(50% + 40px),var(--ft-brand-line,#E4D9C8) 100%)}

/* Opt-in decoration only. Preserve the original theme, copy, fonts and motion. */
[data-ft-site-surface]{position:relative;isolation:isolate}
[data-ft-site-surface]>.ft-site-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;background:#f8f3e6}
.ft-site-backdrop>.ft-site-white{position:absolute;display:block;background:#fff;top:4%;left:-30%;width:105%;height:89%;border-radius:41% 57% 48% 38% / 18% 30% 65% 76%;transform:rotate(-5deg)}
.ft-site-backdrop>.ft-site-red{position:absolute;display:block;background:#ed0039;pointer-events:none}
.ft-site-backdrop>.ft-site-red--upper{right:-158px;top:420px;width:190px;height:250px;border-radius:57% 43% 38% 62% / 34% 52% 48% 66%;transform:rotate(9deg)}
.ft-site-backdrop>.ft-site-red--lower{left:-143px;top:59%;width:170px;height:225px;border-radius:35% 65% 62% 38% / 47% 37% 63% 53%;transform:rotate(-8deg)}
.ft-site-backdrop>.ft-site-red--dot{right:10px;top:45%;width:9px;height:9px;border-radius:50%}
.home-page[data-ft-site-surface]>.ft-site-backdrop>.ft-site-red--upper{top:1450px}
[data-ft-site-surface="b"]>.ft-site-backdrop>.ft-site-white{left:27%;top:7%;height:90%;border-radius:60% 0 0 45% / 23% 0 0 70%;transform:rotate(4deg)}
[data-ft-site-surface="b"]>.ft-site-backdrop>.ft-site-red--upper{top:430px;border-radius:42% 58% 65% 35% / 54% 36% 64% 46%}
[data-ft-site-surface="c"]>.ft-site-backdrop>.ft-site-white{left:-24%;top:3%;width:106%;border-radius:24% 70% 49% 31% / 30% 35% 59% 48%;transform:rotate(-3deg)}
[data-ft-site-surface="c"]>.ft-site-backdrop>.ft-site-red--lower{top:72%;height:185px}
@media(max-width:720px){.ft-site-backdrop>.ft-site-red--upper{right:-181px;width:190px;height:190px;top:150px}.ft-site-backdrop>.ft-site-red--lower{left:-162px;width:170px;height:175px}.ft-site-backdrop>.ft-site-red--dot{right:4px;width:5px;height:5px}.ft-site-backdrop>.ft-site-white{left:-43%;width:125%;transform:rotate(-2deg)}}
@media print{.ft-site-backdrop{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* One continuous decorative canvas. Clip only at the outside of the page,
not at section boundaries. No changes to content layout, copy, forms or motion. */
.home-page[data-ft-site-surface]{overflow:clip}
.home-page[data-ft-site-surface]>.ft-site-backdrop{background:#fff}
.home-page[data-ft-site-surface]>.ft-site-backdrop>span{display:none}
.home-page .ft-sec{position:relative;isolation:auto;overflow:visible;background:transparent}
.home-page .home-page-about,.home-page .home-page-about-top,.home-page .home-page-about-count-wrapper{background-color:transparent!important}
.home-page .ft-sec>.container-fluid{position:relative;z-index:1}
.ft-catalogue-surface,.ft-catalogue-red{position:absolute;pointer-events:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%}
.ft-catalogue-surface{left:-24%;width:148%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-80%20590%20690%20430%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22%23f8f3e6%22%3E%3Cpath%20d%3D%22M%20506.0723%20885.0379%20C%20467.3873%20879.0759%20427.1573%20883.2389%20389.5513%20872.3819%20C%20351.9463%20861.5259%20315.8683%20827.9219%20321.4623%20789.1819%20C%20324.4933%20768.1939%20338.8173%20750.9439%20349.7173%20732.7539%20C%20360.6163%20714.5639%20368.2503%20691.0129%20357.5153%20672.7249%20C%20342.6443%20647.3889%20303.4033%20650.7019%20279.4053%20667.6489%20C%20255.4073%20684.5959%20238.9253%20710.7459%20214.3573%20726.8539%20C%20194.2123%20740.0619%20168.5093%20745.6189%20145.3593%20738.9619%20C%20122.2093%20732.3049%20102.6153%20712.4779%2098.9803%20688.6659%20C%2097.0273%20675.8679%2099.4403%20662.3299%2094.9323%20650.1929%20C%2092.2133%20642.8699%2087.1353%20636.6279%2081.3893%20631.3349%20C%2045.9093%20598.6509%20-18.4067%20606.5179%20-44.9607%20646.7919%20C%20-61.5267%20671.9169%20-63.3227%20703.6519%20-64.6027%20733.7189%20C%20-66.6137%20780.9079%20-68.6227%20828.0959%20-70.6327%20875.2849%20C%20-65%20980%20120%201010%20305%20975%20C%20475%20945%20590%20980%20579.6083%20921.1059%20C%20569.3203%20899.1059%20527.2723%20888.3049%20506.0723%20885.0379%22%2F%3E%3C%2Fsvg%3E")}
.ft-catalogue-surface:nth-of-type(even){transform:scaleX(-1)}
.ft-catalogue-red{right:-135px;width:580px;height:518px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-110%20-165%20700%20625%22%20fill%3D%22%23ed0039%22%3E%3Cpath%20d%3D%22M%20117.1492%2089.3739%20C%20129.0702%2088.7489%20139.2202%2097.5319%20139.8202%20108.9899%20C%20140.4212%20120.4479%20131.2442%20130.2439%20119.3242%20130.8679%20C%20107.4032%20131.4929%2097.2532%20122.7109%2096.6522%20111.2519%20C%2096.0522%2099.7939%20105.2282%2089.9989%20117.1492%2089.3739%22%2F%3E%3Cpath%20d%3D%22M%20163.8102%20118.1348%20C%20169.7702%20117.8228%20174.8452%20122.2138%20175.1452%20127.9428%20C%20175.4462%20133.6718%20170.8572%20138.5698%20164.8972%20138.8818%20C%20158.9372%20139.1948%20153.8612%20134.8038%20153.5612%20129.0738%20C%20153.2612%20123.3448%20157.8492%20118.4468%20163.8102%20118.1348%22%2F%3E%3Cpath%20d%3D%22M%20537.6421%20-12.5259%20C%20548%20-105%20430%20-160%20310%20-145%20C%20170%20-130%2030%20-140%20-38%20-80%20C%20-110%20-18%20-100%20170%20-100.2269%20291.0131%20C%20-100.2689%20301.2421%20-100.9439%20313.3301%20-101.6619%20326.1261%20C%20-102.7439%20345.4461%20-103.9699%20367.3451%20-103.2479%20387.8891%20C%20-102.2819%20415.4471%20-97.9189%20435.8291%20-89.9149%20450.2081%20L%20-88.0279%20453.5951%20L%20-84.8069%20451.4531%20C%20-72.1389%20443.0401%20-64.2319%20427.7191%20-56.5859%20412.9001%20C%20-50.1779%20400.4811%20-43.5499%20387.6391%20-34.2639%20379.0851%20C%20-29.8319%20374.9981%20-24.3559%20370.9461%20-17.5279%20366.6941%20C%20-10.7699%20362.4841%20-3.3049%20358.4571%203.9141%20354.5601%20C%2032.0031%20339.4041%2061.0461%20323.7341%2066.8341%20290.0251%20C%2071.5121%20262.7591%2055.6051%20239.2221%2040.2201%20216.4581%20C%2034.1981%20207.5491%2027.9731%20198.3331%2023.1681%20189.1251%20C%203.2601%20150.9561%208.2281%2093.8181%2047.3561%2069.5941%20C%2059.9471%2061.8001%2074.1971%2058.0091%2090.9201%2058.0091%20C%20120.5171%2058.0091%20152.2291%2070.1791%20179.3471%2082.0781%20C%20207.9741%2094.6411%20241.1711%20108.0421%20272.9311%20108.0421%20C%20292.3961%20108.0421%20309.6821%20102.9101%20324.3181%2092.7871%20C%20336.7511%2084.1881%20346.5091%2072.8481%20357.3361%2058.4701%20C%20359.2161%2055.9721%20361.0791%2053.4501%20362.9451%2050.9291%20C%20372.6751%2037.7701%20382.7381%2024.1661%20395.2761%2013.9971%20C%20417.3071%20-3.8699%20447.0831%20-12.1919%20488.9911%20-12.1919%20C%20504.2181%20-12.1919%20519.5961%20-11.1479%20533.9451%20-10.0219%20L%20536.7841%20-9.7999%20L%20537.6421%20-12.5259%20Z%20%22%2F%3E%3C%2Fsvg%3E");transform:scaleX(-1)}
.ft-catalogue-red--secondary{left:-230px;right:auto;width:330px;height:295px;transform:rotate(14deg)}
@media(max-width:900px){.ft-catalogue-red{right:-70px;width:270px;height:241px}.ft-catalogue-red--secondary{display:none}.ft-catalogue-surface{left:-38%;width:176%}}
@media(max-width:600px){.ft-catalogue-red{right:-35px;width:160px;height:143px}.ft-catalogue-surface{left:-52%;width:204%}}

/* News55: current information in the original three-card homepage area. No new imagery. */
.ft-sec--news .ft-home-current-news .ft-home-news-card{display:flex;color:#423E3B;text-decoration:none;background:#fff;border:1px solid #E4D9C8;border-radius:28px;box-shadow:none;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;}
.ft-sec--news .ft-home-current-news .ft-home-news-card:hover{border-color:#ED0039;box-shadow:0 6px 22px #423E3B0B;}
.ft-sec--news .ft-home-current-news .ft-home-news-card:focus-visible{outline:3px solid #ED0039;outline-offset:5px;}
.ft-sec--news .ft-home-current-news .card-body{padding:28px;gap:17px;min-width:0;width:100%;}
.ft-sec--news .ft-home-current-news .ft-home-news-tag{align-self:flex-start;color:#ED0039;font-size:12px;font-weight:600;line-height:1.5;border-bottom:2px solid #ED0039;padding-bottom:7px;}
.ft-sec--news .ft-home-current-news .card-title{font-size:24px;line-height:1.3;font-weight:600;margin:0;color:#423E3B;overflow-wrap:anywhere;}
.ft-sec--news .ft-home-current-news .card-text{font-size:15px;line-height:1.7;margin:0;color:#423E3B;}
.ft-sec--news .ft-home-current-news .ft-home-news-lead{font-size:17px;line-height:1.6;font-weight:600;margin:0;color:#423E3B;}
.ft-home-news-programme{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:12px;}
.ft-home-news-programme li{font-size:14px;line-height:1.5;padding:0!important;margin:0!important;list-style:none!important;}
.ft-home-news-programme li:before{display:none!important;}
.ft-home-news-programme li span,.ft-home-news-programme li small{display:block;}
.ft-home-news-programme li small{font-size:12px;line-height:1.5;margin-top:2px;}
.ft-home-news-products{margin:0!important;padding-left:20px!important;font-size:15px;line-height:1.7;}
.ft-home-news-products li{padding:0!important;margin:4px 0!important;color:#423E3B;}
.ft-sec--news .ft-home-news-cta{display:flex;justify-content:space-between;gap:12px;padding-top:12px;margin-top:auto;font-size:14px;font-weight:600;line-height:1.6;color:#ED0039;}
.ft-sec--news .ft-home-news-archive{display:inline-flex;align-items:center;gap:15px;margin-top:25px;color:#ED0039;font-size:14px;line-height:1.6;text-underline-offset:4px;}
@media(max-width:767px){.ft-sec--news .ft-home-current-news .card-body{padding:24px}.ft-sec--news .ft-home-current-news .card-title{font-size:23px}.ft-home-current-news{row-gap:20px!important}.ft-sec--news .ft-home-news-archive{margin-top:23px}.ft-sec--news .ft-home-current-news .card-text{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ft-sec--news .ft-home-current-news .ft-home-news-card{transition:none}}


.home-page .ft-homepage-dot-pair{position:absolute;right:25px;width:72px;height:48px;pointer-events:none;user-select:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090%2060%22%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%2222%22%20fill%3D%22%23ED0039%22%2F%3E%3Ccircle%20cx%3D%2268%22%20cy%3D%2244%22%20r%3D%2210%22%20fill%3D%22%23ED0039%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.home-page .ft-homepage-dot-pair--left{right:auto;left:25px;transform:scaleX(-1)}
@media(max-width:767px){.home-page .ft-homepage-dot-pair{right:12px;width:45px;height:30px}.home-page .ft-homepage-dot-pair--left{left:12px;right:auto}}

.home-page .hero-video-bg__video video,.home-page .hero-video-bg__video>img{filter:brightness(1.06) saturate(.96)}
.home-page .ft-sec--news .ft-home-news-card .card-body{height:100%;}
.home-page .ft-sec--news .ft-home-news-date{font-size:12px;line-height:1.6;color:#423E3B;margin:0;}
.home-page .ft-sec--news .ft-home-news-card .card--img-wrapper:empty{display:none;}
.home-page .ft-sec--news .section-h3{font-size:clamp(18px,2vw,24px);line-height:1.65;max-width:900px;}
.home-page .ft-sec--news .latest-posts{align-items:stretch;}
.home-page .ft-sec--form{padding-bottom:80px;}
.section-h2,.color-primary{color:var(--ft-brand-red);}
.btn-fx-1{background-color:var(--ft-brand-red);border-color:var(--ft-brand-red);color:var(--ft-brand-white);}
.btn-fx-1:before,.btn-fx-1:after{background-color:var(--ft-brand-red);}