/* Fonts */
@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VelaSans';
    src: url('https://cdn-cabinet.ua.news/assets-front/articles/1/fonts/VelaSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* CSS Variables */
:root {
    --grey-sep: #E7E7E7;
    --black: #000;
    --grey: #7C7C7C;
    --red: #D23223;
    --white: #FFF;
    --dark-bg: #2B2A29;
    --dark-text: #1A1A1A;
    --gold: #EAD295;
    --green: #12403C;
    --blue: #233657;
    --beige: #B28463;
}

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'VelaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--dark-text);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container */
.container {
    width: 100%;
    max-width: calc(1272px + 24px);
    margin: 0 auto;
    padding: 0 12px;
}

.container-wide {
    width: 100%;
    max-width: calc(1272px + 24px);
    margin: 0 auto;
    padding: 0 12px;
}

.logo {
    position: relative;
    width: 151px;
    height: 32px;
    margin: 0 auto;
}
header {
    top: 0;
}
/* Hero Section */
.hero-section {
    position: relative;
    width: 100%;
    min-height: 667px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #12403C;
    background-image: url('https://cdn-cabinet.ua.news/assets-front/articles/1/images/hero-waves.webp');
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 165px 20px 353px;
    margin-top: 128px;
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 1155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    text-align: center;
    margin:  0 auto;
}

.hero-logo {
    width: 100%;
    max-width: 1155px;
    height: auto;
}

.hero-subtitle {
    max-width: 988px;
    font-size: clamp(20px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
}

/* Photo Grid Section */
.photo-grid-section {
    width: 100%;
    padding: 0 20px;
    position: relative;
    margin-top: calc((-100vw - 20px) / 3 / 2);
}

.photo-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.photo-grid img {
    width: 100%;
    max-height: 456px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* Intro Section */
.intro-section {
    width: 100%;
    padding: 80px 20px;
}

.intro-section .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.brand-logo {
    width: 100%;
    max-width: 230px !important;
    height: auto;
}

.intro-content {
    max-width: 780px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.text-body {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
}

.text-body-bold {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--green);
}

.text-heading {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
}

.text-body-green {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
}

.text-body-green strong {
    font-weight: 700;
    color: var(--green);
}

/* Dark Section */
.dark-section {
    width: 100%;
    background: var(--dark-bg);
    padding: 90px 20px;
    background-image: url('https://cdn-cabinet.ua.news/assets-front/articles/1/images/dark-flowers.webp');
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.quote-section .container {
    max-width: 1320px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dark-section .quote-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    margin-bottom: 60px;
}

.quote-text {
    flex: 1;
    max-width: 626px;
}

.quote-text p {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 400;
    line-height: 1.4;
    color: var(--white);
}

.quote-avatar {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.quote-box {
    background: #252424;
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 780px;
}

.quote-marks-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-small {
    max-width: 215px;
}

.quote-highlight {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--gold);
}

.quote-highlight .text-muted {
    color: rgba(255, 255, 255, 0.4);
}

/* Image Text Section */
.image-text-section {
    width: 100%;
    padding: 80px 20px;
}

.image-text-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 60px;
    align-items: center;
}

.image-text-grid img {
    width: 100%;
    height: auto;
    max-height: 981px;
    object-fit: cover;
}

.text-content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.text-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.divider-line {
    width: 80px;
    height: 4px;
    background: var(--green);
}

/* Professional Team Section */
.professional-section {
    width: 100%;
    background: var(--white);
    padding: 80px 20px 60px;
}
.professional-section .text-muted{
    color: rgba(26, 26, 26, 0.40)
}

.professional-intro {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-bottom: 80px;
}

.intro-text-group {
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 566px;
}

.brand-promise {
    max-width: 660px;
}

.logo-divider-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    margin-bottom: 80px;
}

.lbc-logo-large {
    width: 100%;
    max-width: 1320px;
    height: auto;
}

.section-divider {
    width: 100%;
    max-width: 1400px;
    height: 1px;
    background: var(--grey);
}

.team-excellence {
    display: flex;
    flex-direction: column;
    gap: 80px;
    background-image: url("https://cdn-cabinet.ua.news/assets-front/articles/1/images/gold-flower-2.webp");
    background-position: right -600px;
    background-size: 1000px;
    background-repeat: no-repeat;
}

.excellence-header {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 636px;
}

.section-title {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.team-showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.team-showcase img {
    width: 100%;
    max-width: 600px;
    max-height: 570px;
    height: auto;
    object-fit: cover;
}

.showcase-content {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

/* Perfection Section */
.perfection-section {
    width: 100%;
    background: var(--gold);
    padding: 80px 20px;
}

.perfection-content {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
}

.perfection-header {
    max-width: 876px;
}
.perfection-footing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: flex-start;
}

.perfection-title {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.title-part-dark {
    color: var(--dark-text);
}

.title-part-blue {
    color: var(--blue);
}

.perfection-pattern {
    display: flex;
    justify-content: center;
    align-items: center;
}

.perfection-pattern svg {
    width: 100%;
    max-width: 435px;
    height: auto;
}

.perfection-quotes {
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 660px;
    margin-left: auto;
}

.perfection-section .quote-block {
    width: 100%;
}

.perfection-section .quote-text {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.perfection-section .quote-strong {
    font-weight: 700;
}

.perfection-section .quote-muted {
    color: rgba(26, 26, 26, 0.40);
}

.perfection-section .brand-mark {
    width: 138px;
    height: 24px;
}

.perfection-section .brand-mark img {
    width: 100%;
    height: auto;
}

/* Audience Quote Section */
.audience-section {
    width: 100%;
    background: #252424;
    padding: 80px 20px;
    position: relative;
}

.audience-section .text-muted{
    color: rgba(255, 255, 255, 0.40)
}

.audience-content {
    position: relative;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    align-items: center;
}

.audience-quote {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 910px;
}

.quote-icon {
    width: 67px;
    height: 64px;
    flex-shrink: 0;
}

.audience-text {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.text-gold {
    color: var(--gold);
}

.audience-pattern {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    bottom: 0;
    right: 0;
}

.audience-pattern svg {

}

/* Dubai Operations Section */
.dubai-operations-section {
    width: 100%;
    background: var(--white);
    padding: 444px 20px 0px;
}

.operations-grid {
    max-width: 1270px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: flex-start;
}

.operations-left{
    padding-right: 70px;
}

.operations-left,
.operations-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.operation-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

/* Dubai Emirates Section */
.dubai-emirates-section {
    width: 100%;
    background: #B28463;
    padding: 80px 20px 424px;
}

.emirates-main-title {
    font-size: clamp(60px, 12vw, 132px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--gold);
    text-align: center;
    margin: 0 auto 80px;
    max-width: 1321px;
}

.emirates-content {
    max-width: 660px;
    margin: 0 auto 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.emirates-subtitle {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.emirates-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.emirates-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.emirates-images-wrapper{
    max-width: 1320px;
    margin: 0 auto;
    position: relative;

}

.emirates-images {
    position: absolute;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.emirates-images img {
    width: 100%;
    height: 788px;
    object-fit: cover;
}

/* Luxury Service Section */
.luxury-service-section {
    width: 100%;
    background: var(--white);
    padding: 90px 20px 60px;
}

.luxury-intro {
    max-width: 902px;
    margin: 0 0 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.luxury-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.luxury-description {
    max-width: 779px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.luxury-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.luxury-feature-image {
    width: 100%;
    max-width: 1320px;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    display: block;
}

/* Philip Martin's Partnership Section */
.philip-martins-section {
    width: 100%;
    background: var(--green);
    padding: 80px 20px;
}

.philip-martins-section .text-muted{
    color: rgba(255, 255, 255, 0.40)
}

.lbc-logo-white {
    width: 100%;
    max-width: 1320px;
    height: auto;
    margin: 0 auto 89px;
    display: block;
}

.philip-martins-content {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 114px;
    align-items: flex-start;
}

.philip-martins-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.philip-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.philip-martins-right {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.philip-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.philip-statement {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.statement-white {
    color: var(--white);
}

.statement-gold {
    color: var(--gold);
}

/* Client Statistics Section */
.client-statistics-section {
    width: 100%;
    background: var(--white);
    padding: 80px 20px;
}

.container-narrow {
    max-width: 745px;
    margin: 0 auto;
}

.statistics-intro {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0 0 40px;
}

.statistics-quotes {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.statistics-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

/* Poland Collaboration Section */
.poland-collaboration-section {
    width: 100%;
    background: var(--white);
    padding: 0 20px 80px;
}

.poland-collaboration-section .text-muted{
    color: rgba(26, 26, 26, 0.40)
}

.collaboration-images {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.collaboration-images img {
    width: 100%;
    height: 460px;
    object-fit: cover;
}

.collaboration-content {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 152px;
    align-items: flex-start;
}

.collaboration-left,
.collaboration-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.collaboration-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.collaboration-divider {
    width: 100%;
    max-width: 1320px;
    height: 2px;
    background: rgba(26, 26, 26, 0.1);
    margin: 0 auto 80px;
}

.beauty-events-quote {
    max-width: 933px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.events-statement {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.events-observation {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.observation-bold {
    color: var(--dark-text);
}

/* Equipment & Industry Growth Section */
.equipment-growth-section {
    width: 100%;
    background: #1A1A1A;
    padding: 80px 20px;
}
.equipment-growth-section .text-muted{
    color: rgba(255, 255, 255, 0.4);
}

.equipment-intro {
    max-width: 902px;
    margin: 0 0 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.equipment-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.equipment-subtitle {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}

.client-evolution {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 120px;
    align-items: center;
    position: relative;
}

.vector-decoration {
    width: 508px;
    height: 508px;
}

.vector-decoration svg {
    width: 100%;
    height: 100%;
    fill: rgba(255, 255, 255, 0.05);
}

.evolution-content {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.evolution-divider {
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
}

.evolution-text-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.evolution-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.industry-development {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 104px;
    align-items: flex-start;
}

.development-statement {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.development-trend {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.trend-muted {
    color: rgba(255, 255, 255, 0.4);
}

.trend-gold {
    color: var(--gold);
}

.final-quote-box {
    max-width: 1320px;
    margin: 0 auto;
    border: 2px solid var(--gold);
    padding: 80px;
    position: relative;
}

.quote-mark {
    width: 67px;
    height: 64px;
    margin-bottom: 60px;
}

.quote-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quote-paragraph-1,
.quote-paragraph-2 {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.quote-white {
    color: var(--white);
}

/* Warsaw Location Details Section */
.warsaw-details-section {
    width: 100%;
    background: var(--white);
    padding: 80px 20px;
}

.location-intro {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.intro-byline {
    max-width: 761px;
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.location-quote-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.services-grid {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 152px;
    align-items: flex-start;
}

.services-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.service-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.team-showcase-images {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.team-showcase-images img {
    width: 100%;
    height: auto;
    max-height: 494px;
    object-fit: cover;
    object-position: 50% 28%;
}

.seasonal-services {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: flex-start;
}

.seasonal-left,
.seasonal-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.seasonal-right {
    gap: 40px;
}

.seasonal-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.seasonal-statement {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.seasonal-conclusion {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}
.seasonal-conclusion .text-muted {
    color: rgba(26, 26, 26, 0.40)
}

.conclusion-bold {
    color: var(--dark-text);
}

/* Warsaw Salon Opening Section */
.warsaw-opening-section {
    width: 100%;
    background: var(--blue);
    padding: 80px 20px;
}

.warsaw-opening-grid {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: flex-start;
}

.warsaw-opening-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.opening-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.warsaw-opening-right {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.location-quote,
.employee-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.quote-gold {
    color: var(--gold);
}

.quote-muted {
    color: rgba(255, 255, 255, 0.4);
}

/* Warsaw Poland Section */
.warsaw-section {
    width: 100%;
    background: var(--white);
    padding: 80px 20px;
}

.warsaw-main-title {
    font-size: clamp(48px, 12vw, 132px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--blue);
    text-align: center;
    margin: 0 auto 80px;
    max-width: 1335px;
}

.warsaw-content {
    max-width: 660px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.warsaw-intro {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.warsaw-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.warsaw-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

/* Luxury Collaborations Section */
.luxury-collaborations-section {
    position: relative;
    width: 100%;
    background: var(--dark-bg);
    padding: 80px 20px;
}

.collaborations-grid {
    max-width: 1400px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
}

.collaborations-left {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.lbc-logo-gold {
    width: 285px;
    height: auto;
    position: relative;
    z-index: 2;
}

.floral-pattern-decoration {

}

.floral-pattern-decoration img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-top: -40px;
}

.collaborations-right {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.collaborations-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.gold-divider {
    width: 80px;
    height: 4px;
    background: var(--gold);
}

.collaboration-details {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.luxury-collaborations-section .collaboration-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.market-divider {
    width: 100%;
    max-width: 1320px;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto 80px;
}

.market-challenges {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 80px;
}

.challenges-text-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.challenge-paragraph {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.development-quote {
    max-width: 1028px;
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.4);
    margin: 0 0 60px;
}

.strategy-box {
    position: relative;
    max-width: 1320px;
    margin: 0 auto;
    background: var(--gold);
    padding: 80px 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.strategy-pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: right;
}

.strategy-pattern img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.strategy-content {
    max-width: 628px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.strategy-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.strategy-text-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.luxury-collaborations-section .strategy-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

/* Expansion Story Section */
.expansion-story-section {
    width: 100%;
    background: var(--white);
    padding: 80px 20px;
}

.expansion-header {
    max-width: 944px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 80px;
}

.expansion-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.expansion-subtitle {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.expansion-divider {
    width: 100%;
    max-width: 1320px;
    height: 2px;
    background: rgba(26, 26, 26, 0.1);
    margin: 0 auto 89px;
}

.expansion-content-grid {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    position: relative;
}

.expansion-left {
    display: flex;
    flex-direction: column;
    gap: 39px;
    padding-right:80px;
    position: relative;
}

.expansion-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.expansion-right {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.expansion-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.expansion-quote .text-muted {
    color: rgba(26, 26, 26, 0.4);
}

.expansion-image-wrapper {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.expansion-image-inner {
    width: 100%;
    margin: 0 auto;
    position: absolute;
}

.expansion-image-wrapper img {
    width: 100%;
    height: auto;
    max-height: 895px;
    object-fit: cover;
}

/* Exclusive Procedures Section */
.exclusive-procedures-section {
    width: 100%;
    background: var(--green);
    padding: 80px 20px;
}

.procedures-intro {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.decorative-branches {
    width: 230px;
    height: 40px;
    position: relative;
}

.decorative-branches img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(79%) sepia(18%) saturate(835%) hue-rotate(358deg) brightness(93%) contrast(89%);
}

.intro-content-wrapper {
    max-width: 944px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.procedures-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.title-white {
    color: var(--white);
}

.title-gold {
    color: var(--gold);
}

.procedures-subtitle {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.procedures-showcase {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.procedure-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.procedure-description-box {
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.procedure-quote,
.procedure-highlight {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.quote-white {
    color: var(--white);
}

.quote-muted {
    color: rgba(255, 255, 255, 0.4);
}

.quote-gold {
    color: var(--gold);
}

/* Supplier Partnerships Section */
.supplier-partnerships-section {
    width: 100%;
    background: var(--white);
    padding: 80px 20px;
}

.partnerships-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: flex-start;
}

.partnerships-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.partnership-text {
    font-size: clamp(24px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.partnership-text .text-muted {
    color: rgba(26, 26, 26, 0.4);
}

.partnerships-right {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.approach-description {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.content-divider {
    width: 100%;
    height: 2px;
    background: rgba(26, 26, 26, 0.1);
}

.approach-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.approach-quote .text-muted {
    color: rgba(26, 26, 26, 0.4);
}

/* How It Works Section */
.how-it-works-section {
    width: 100%;
    background: var(--blue);
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
    background-image: url("https://cdn-cabinet.ua.news/assets-front/articles/1/images/blue-flowers.webp");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
}

.how-it-works-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.how-it-works-left {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.how-it-works-title {
    font-size: clamp(36px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--gold);
    margin: 0;
    position: relative;
    z-index: 1;
}

.how-it-works-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.intro-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.intro-text .text-muted {
    color: rgba(255, 255, 255, 0.4);
}

.highlight-box {
    border: 1px solid var(--gold);
    padding: 40px;
    background: transparent;
}

.highlight-text {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.highlight-text .text-white {
    color: var(--white);
}

.highlight-text .text-gold {
    color: var(--gold);
}

.closing-text {
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.full-image-section{
    aspect-ratio: 1443/600;
    width: 100%;
}
.full-image-section img{
    object-fit: cover;
    width: 100%;
}

/* Brand Gallery Section */
.brand-gallery-section {
    width: 100%;
    background: var(--white);
    padding: 60px 20px;
}

.gallery-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.gallery-main-image {
    width: 100%;
    height: 100%;
    max-height: 990px;
    object-fit: cover;
    border-radius: 0;
}

.gallery-right {
    display: flex;
    flex-direction: column;
    gap: 60px;
    height: 100%;
}

.brand-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    min-height: 465px;
}
.brand-logo-box.blue {
    background: #B8DFEC;
}
.brand-logo-box.gold {
    background: #EAD295;
}

.lbc-logo-blue {
    width: 100%;
    max-width: 385px;
    height: auto;
}

.gallery-bottom-image {
    width: 100%;
    height: 465px;
    object-fit: cover;
    border-radius: 0;
}

/* Dubai Audience Targeting Section */
.dubai-audience-section {
    width: 100%;
    background: var(--gold);
    padding: 120px 20px;
}

.dubai-audience-section .container-narrow {
    max-width: 870px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.audience-insight {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.audience-strategy {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.audience-strategy .strategy-text {
    color: var(--dark-text);
}

.audience-strategy .strategy-attribution {
    color: rgba(26, 26, 26, 0.4);
}

/* Dubai Expansion Quote Section */
.dubai-expansion-quote-section {
    width: 100%;
    background: var(--white);
    padding: 60px 20px 120px;
}

.dubai-expansion-quote-section .container-narrow {
    max-width: 870px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.expansion-main-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.expansion-main-quote .quote-primary {
    color: var(--dark-text);
}

.expansion-main-quote .quote-attribution {
    color: rgba(26, 26, 26, 0.4);
}

.expansion-description {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

/* Global Procedure Insights Section */
.global-procedure-insights-section {
    width: 100%;
    background: var(--beige);
    padding: 80px 60px;
}

.global-procedure-insights-section .container {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.insights-divider {
    width: 80px;
    height: 4px;
    background: var(--white);
}

.insights-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: flex-start;
}

.insights-left-column,
.insights-right-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.insights-text {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

/* Social Mission Section */
.social-mission-section {
    width: 100%;
    background: var(--white);
    padding: 80px 60px;
}

.social-mission-grid {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: flex-start;
}

.mission-title-column {
    position: relative;
    padding-right: 80px;
}

.mission-main-title {
    font-size: clamp(48px, 12vw, 137px);
    font-weight: 700;
    line-height: 1;
    color: var(--dark-text);
    margin: 0;
}

.mission-content-column {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 630px;
}

.mission-heading {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

.mission-text-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.mission-text {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}


/* Rehabilitation & Charity Impact Section */
.rehabilitation-charity-section {
    width: 100%;
    background: #1A1A1A;
    padding: 80px 60px;
    position: relative;
    overflow: hidden;
}

.rehabilitation-header {
    max-width: 1320px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 55% 45%;
    align-items: flex-start;
    position: relative;
}

.testimonial-column {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 636px;
}

.testimonial-quote {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

.testimonial-continuation {
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.continuation-text {
    color: var(--white);
}

.continuation-attribution {
    color: rgba(255, 255, 255, 0.4);
}

.decorative-floral {
    position: absolute;
    right: 0;
    top: -50px;
    width: 50%;
    max-width: 590px;
}

.decorative-floral img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: lighten;
}

.charity-divider {
    width: 100%;
    max-width: 1320px;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto 80px;
}

.charity-initiatives {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
}

.logo-column {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.lbc-logo-charity {
    width: 100%;
    max-width: 285px;
    height: auto;
}

.initiatives-content {
    max-width: 660px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.initiative-text {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
    margin: 0;
}

/* Closing Commitment Quote Section */
.closing-commitment-section {
    width: 100%;
    background: var(--white);
    padding: 80px 60px;
}

.closing-commitment-section .container-narrow {
    max-width: 1207px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.commitment-main-quote {
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.commitment-main-quote .quote-primary {
    color: var(--dark-text);
}

.commitment-main-quote .quote-attribution {
    color: rgba(26, 26, 26, 0.4);
}

.commitment-continuation {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1.4;
    color: var(--dark-text);
    margin: 0;
}

/* Club Identity Showcase Section */
.club-identity-section {
    width: 100%;
    background: var(--white);
    padding: 0 60px;
}

.club-identity-grid {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: stretch;
}

.identity-main-image {
    width: 100%;
    height: 100%;
    max-height: 990px;
    object-fit: cover;
}

.identity-right-column {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.brand-identity-box {
    background: #EAD295;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    min-height: 465px;
}

.lbc-identity-logo {
    width: 100%;
    max-width: 385px;
    height: auto;
}

.identity-bottom-image {
    width: 100%;
    height: 465px;
    object-fit: cover;
}

@media (max-width: 991px){
    .container {
        padding: 0 16px;
    }
    .container-narrow{
        margin: 0 auto;
        padding: 0 16px;
    }

    .container-wide {
        padding: 0 16px;
    }

    body section{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .hero-section{
        padding: 0;
        margin-top: 0;
        min-height: 427px;
        background-image: url("https://cdn-cabinet.ua.news/assets-front/articles/1/images/noise.webp");
    }
    .hero-content{
        gap:32px
    }
    .hero-content .hero-subtitle{
        padding: 0 12px;
    }

    /* Photo grid section*/

    .photo-grid-section{
        padding: 0;
        margin-top: calc((-100vw) / 2 / 4);
    }
    .photo-grid-section .photo-grid{
        grid-template-columns: 1fr 1fr;
    }

    .photo-grid img {
        max-height: 200px;
    }

    .photo-grid-section .photo-grid img:last-child{
        display: none;
    }

    /*Intro section*/
    .intro-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .intro-section .container{
       gap: 40px;
    }
    .intro-section .container img{
        width: 138px;
    }
    .intro-section .container .intro-content{
        gap: 24px;
    }
    .intro-section .container .text-body, .intro-section .container .text-body-bold{
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
    }

     /*Dark Quote Section*/
    .dark-section.quote-section{
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .dark-section.quote-section .quote-content{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 32px;
        margin-bottom: 32px;
    }
    .dark-section.quote-section .quote-avatar {
        width: 63px;
        height: 63px;
    }
    .dark-section.quote-section .quote-text p{
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
    }
    .dark-section.quote-section .quote-box{
        padding: 32px 16px;
        gap: 32px
    }
    .dark-section.quote-section .quote-box .quote-marks-wrapper svg:first-of-type{
        width: 32px;
        height: 32px;
    }
    .dark-section.quote-section .quote-box .quote-marks-wrapper svg:last-of-type{
        width: 173px;
    }
    .dark-section.quote-section .quote-box .quote-highlight {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
    .dark-section.quote-section .quote-box .quote-highlight span.text-white{
        color: var(--white);
    }

    /*Image text section*/
    .image-text-section{
        padding-top: 16px;
        padding-bottom: 48px;
    }
    .image-text-grid img {
        width: 100%;
        height: auto;
        max-height: 505px;
        object-fit: cover;
    }
    .image-text-grid {
        grid-template-columns: 1fr;
        gap: 32px;
        align-items: center;
    }
    .text-content {
        gap: 32px;
    }
    .text-group {
        gap: 24px;
    }
    .text-body, .text-body-green{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
    .text-heading {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
        color: var(--dark-text);
    }

    /*Perfection section*/
    .perfection-section{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .perfection-content {
        gap: 32px;
    }

    .perfection-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
    }
    .perfection-footing {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .perfection-pattern {
        display: none;
    }
    .perfection-quotes {
        gap: 32px;
        max-width: 100%;
        margin-left: 0;
    }
    .perfection-section .quote-text {
        font-size: 20px;
        font-weight: 500;
    }

    /*Professional section*/
    .professional-section{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .professional-intro {
        grid-template-columns: 1fr;
        gap: 48px;
        margin-bottom: 48px;
    }
    .intro-text-group {
        gap: 24px;
        max-width: 100%;
    }
    .logo-divider-section {
        gap: 48px;
        margin-bottom: 32px;
    }
    .team-excellence {
        gap: 32px;
        background-image: none;
    }
    .section-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
    }
    .team-showcase {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .showcase-content {
        gap: 32px;
    }

    /*Audience section*/
    .audience-section{
        padding-top: 32px;
        padding-bottom: 32px;
        max-width: calc(100vw - 32px);
        margin: 0 auto;
    }
    .audience-pattern {
        display: none;
    }

    .audience-content {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .quote-icon {
        width: 34px;
        height: 32px;
    }
    .audience-text {
        font-size: 20px;
        font-weight: 500;
    }

    /*Brand gallery section*/
    .brand-gallery-section{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .gallery-main-image {
        width: 100%;
        height: 100%;
        max-height: 400px;
        aspect-ratio:  1 / 1;
        object-fit: cover;
        border-radius: 0;
    }
    .gallery-right {
        gap: 16px;
    }
    .brand-logo-box {
        padding: 85px 63px;
        min-height: unset;
        max-height: 400px;
        aspect-ratio:  1 / 1;
        object-fit: cover;
        width: 100%;
    }
    .gallery-bottom-image {
        width: 100%;
        height: 100%;
        max-height: 400px;
        aspect-ratio:  1 / 1;
        object-fit: cover;
    }

    /*How it works section*/
    .how-it-works-section {
        padding: 48px 16px;
        background-image: none;
    }
    .how-it-works-grid {
        grid-template-columns: 1fr;
        gap: 23px;
    }
    .how-it-works-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
    }
    .how-it-works-content {
        gap: 32px;
    }
    .intro-text {
        font-size: 16px;
        font-weight: 500;
    }
    .highlight-box{
        padding: 32px 16px;
    }
    .highlight-text {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
    }
    .closing-text {
        font-size: 16px;
        font-weight: 500;
    }

    /*Full image section*/
    .full-image-section {
        aspect-ratio: 365 / 243;
        width: 100%;
    }
    .full-image-section img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    /*Supplier partnerships section*/
    .supplier-partnerships-section{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .partnerships-grid {
        grid-template-columns:1fr;
        gap: 32px;
    }
    .partnership-text {
        font-size: 16px;
        font-weight: 500;
    }
    .partnerships-right{
        gap: 24px
    }
    .approach-description {
        font-size: 16px;
        font-weight: 500;
    }
    .approach-quote {
        font-size: 20px;
        font-weight: 600;
    }

    /*Exclusive procedures section*/
    .exclusive-procedures-section {
        padding: 48px 0;
    }
    .procedures-intro {
        margin: 0 auto 48px;
        gap: 48px;
    }
    .decorative-branches {
        width: 138px;
        height: 24px;
    }
    .intro-content-wrapper {
        max-width: 100%;
        gap: 24px;
    }
    .procedures-title {
        font-size: 20px;
        font-weight: 600;
    }
    .procedures-subtitle {
        font-size: 16px;
        font-weight: 500;
    }
    .procedures-showcase {
        grid-template-columns:1fr;
        gap: 24px;
    }
    .procedure-image {
        width: 100%;
        aspect-ratio: 328 / 243;
        height: 100%;
        max-height: 460px;
        object-fit: cover;
    }
    .procedure-description-box {
        padding: 32px 16px;
        gap: 32px;
    }
    .procedure-quote, .procedure-highlight {
        font-size: 20px;
        font-weight: 600;
    }

    /*Expansion story section*/
    .expansion-story-section {
        padding: 48px 0;
    }
    .expansion-header {
        max-width: unset;
        gap: 24px;
        margin-bottom: 48px;
    }
    .expansion-title {
        font-size: 20px;
        font-weight: 600;
    }
    .expansion-subtitle {
        font-size: 16px;
        font-weight: 500;
    }
    .expansion-divider {
        margin: 0 auto 48px;
    }
    .expansion-content-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .expansion-left {
        gap: 24px;
        padding-right: 0;
    }
    .expansion-text {
        font-size: 16px;
        font-weight: 500;
    }
    .expansion-image-wrapper {
        max-width: 500px;
    }
    .expansion-image-inner {
        position: relative;
    }
    .expansion-image-wrapper img {
        aspect-ratio: 1 / 1;
        width: 100%;
        height: 100%;
        max-height: unset;
    }
    .expansion-right{
        gap: 24px
    }
    .expansion-quote {
        font-size: 20px;
        font-weight: 600;
    }

    /*Luxury collaborations section*/
    .luxury-collaborations-section {
        padding: 48px 0 32px;
    }
    .collaborations-grid {
        margin: 0 auto 32px;
        display: flex;
        flex-direction: column-reverse;
    }
    .collaborations-left {
        margin: 0 auto;
    }
    .collaborations-right {
       gap: 8px;
    }
    .collaborations-title {
        font-size: 20px;
        font-weight: 600;
    }
    .collaboration-details {
        gap: 24px;
        margin-bottom: 60px;
    }
    .luxury-collaborations-section .collaboration-text {
        font-size: 16px;
        font-weight: 500;
        color: var(--white);
    }
    .market-divider {
        margin: 0 auto 48px;
    }
    .market-challenges {
        grid-template-columns: 1fr;
        margin-bottom: 32px;
    }
    .challenges-text-block{
        gap: 24px
    }
    .challenge-paragraph{
        font-size: 16px;
        font-weight: 500;
    }
    .floral-pattern-decoration{
        display: none;
    }
    .development-quote {
        font-size: 20px;
        margin: 0 0 32px;
    }
    .strategy-box {
        padding: 32px 16px;
    }
    .strategy-pattern{
        display: none;
    }
    .strategy-content {
        max-width: 100%;
        gap: 24px;
    }
    .strategy-title {
        font-size: 20px;
        font-weight: 600;
    }
    .strategy-text-group{
        gap: 24px
    }
    .luxury-collaborations-section .strategy-text {
        font-size: 16px;
        font-weight: 500;
    }

    /*Warsaw section*/
    .warsaw-section{
        padding: 48px 0;
    }
    .warsaw-main-title {
        font-size: 33px;
        margin: 0 auto 48px;
    }
    .warsaw-content {
        max-width: 100%;
        gap: 32px;
    }
    .warsaw-intro {
        font-size: 20px;
        font-weight: 600;
    }
    .warsaw-details{
        gap: 24px
    }
    .warsaw-text {
        font-size: 16px;
        font-weight: 500;
    }

    /*Warsaw opening section*/
    .warsaw-opening-section {
        padding: 48px 0;
    }
    .warsaw-opening-grid {
        grid-template-columns:1fr;
        gap: 48px;
    }
    .warsaw-opening-left {
        gap: 24px;
    }
    .opening-text {
        font-size: 16px;
        font-weight: 500;
    }
    .warsaw-opening-right {
        gap: 24px;
    }
    .gold-divider {
        margin-top: 24px;
    }
    .location-quote, .employee-quote {
        font-size: 20px;
        font-weight: 600;
    }

    /*Warsaw details section*/
    .warsaw-details-section {
        padding: 48px 0;
    }
    .location-intro {
        margin: 0 auto 48px;
        gap: 24px;
    }
    .intro-byline {
        max-width: 100%;
        font-size: 16px;
        font-weight: 500;
    }
    .location-quote-title {
        font-size: 20px;
        font-weight: 600;
    }
    .services-grid {
        margin: 0 auto 24px;
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .services-column {
        gap: 24px;
    }
    .service-text {
        font-size: 16px;
        font-weight: 500;
    }
    .team-showcase-images {
        margin: 0 auto 24px;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .team-showcase-images img {
        width: 100%;
        height: auto;
        max-height: 400px;
        object-fit: cover;
    }
    .seasonal-services {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .seasonal-left {
        gap: 24px;
    }
    .seasonal-right {
        gap: 32px;
    }
    .seasonal-text {
        font-size: 16px;
        font-weight: 500;
    }
    .seasonal-statement, .seasonal-conclusion {
        font-size: 20px;
        font-weight: 600;
    }

    /*Equipment growth section*/
    .equipment-growth-section {
        padding: 48px 0;
    }
    .equipment-intro {
        max-width: 100%;
        margin: 0 0 32px;
        gap: 24px;
    }
    .equipment-title {
        font-size: 20px;
        font-weight: 600;
    }
    .equipment-subtitle {
        font-size: 16px;
        font-weight: 600;
    }
    .client-evolution {
        margin: 0 auto 32px;
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .vector-decoration{
        display: none;
    }
    .evolution-content {
        gap: 32px;
    }
    .evolution-text-group {
        gap: 24px;
    }
    .evolution-text {
        font-size: 16px;
        font-weight: 500;
    }
    .industry-development {
        margin: 0 auto 32px;
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .development-statement {
        font-size: 20px;
        font-weight: 600;
    }
    .development-trend {
        font-size: 20px;
        font-weight: 600;
    }
    .final-quote-box{
        padding: 32px 16px;
    }
    .quote-mark {
        width: 34px;
        height: 32px;
        margin-bottom: 24px;
    }
    .quote-content {
        max-width: 100%;
        gap: 24px;
    }
    .quote-paragraph-1, .quote-paragraph-2 {
        font-size: 20px;
        font-weight: 500;
    }

    /*Client statistics section*/
    .client-statistics-section{
        padding: 48px 0;
    }
    .statistics-intro {
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 32px;
    }
    .statistics-quotes {
        gap: 24px;
    }
    .statistics-quote {
        font-size: 20px;
        font-weight: 600;
    }

    /*Poland collaboration section*/
    .poland-collaboration-section {
        padding: 0 0 48px;
    }
    .collaboration-images {
        margin: 0 auto 32px;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .collaboration-images img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 328 / 240;
        height: 100%;
        max-height: 500px;
        margin: 0 auto;
    }
    .collaboration-content {
        margin: 0 auto 32px;
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .collaboration-left, .collaboration-right {
        gap: 24px;
    }
    .poland-collaboration-section .collaboration-text {
        font-size: 16px;
        font-weight: 500;
        color: var(--dark-text);
    }
    .collaboration-divider {
        margin: 0 auto 32px;
    }
    .beauty-events-quote {
        max-width: 100%;
        gap: 32px;
    }
    .events-statement, .events-observation {
        font-size: 20px;
        font-weight: 600;
    }

    /*Philip martins section*/
    .philip-martins-section {
        padding: 48px 0;
    }
    .lbc-logo-white {
        margin: 0 auto 48px;
        max-width: 500px;
    }
    .philip-martins-content {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .philip-martins-left {
        gap: 24px;
    }
    .philip-text {
        font-size: 16px;
        font-weight: 500;
    }
    .philip-martins-right {
        gap: 32px;
    }
    .philip-quote, .philip-statement {
        font-size: 20px;
        font-weight: 600;
    }

    /*Luxury service section*/
    .luxury-service-section {
        padding: 48px 0 32px;
    }
    .luxury-intro {
        max-width: 100%;
        margin: 0 0 32px;
        gap: 24px;
    }
    .luxury-title {
        font-size: 20px;
        font-weight: 600;
    }
    .luxury-description {
        max-width: 100%;
        margin: 0 auto;
        gap: 24px;
    }
    .luxury-text {
        font-size: 16px;
        font-weight: 500;
    }
    .luxury-feature-image {
        width: 100%;
        max-width: 500px;
        height: 100%;
        aspect-ratio: 320 / 237;
    }

    /*Dubai emirates section*/
    .dubai-emirates-section {
        padding: 48px 0 128px;
    }
    .emirates-main-title {
        font-size: 34px;
        font-weight: 600;
        margin: 0 auto 48px;
    }
    .emirates-content {
        max-width: 100%;
        margin: 0 auto 32px;
        gap: 32px;
    }
    .emirates-subtitle {
        font-size: 20px;
        font-weight: 600;
    }
    .emirates-details {
        gap: 24px;
    }
    .emirates-text {
        font-size: 16px;
        font-weight: 500;
    }
    .emirates-images {
        gap: 16px;
    }
    .emirates-images img {
        width: 100%;
        height: auto;
        max-height: 246px;
        object-fit: cover;
    }

    /*Dubai operations section*/
    .dubai-operations-section {
        padding: 140px 0 32px;
    }
    .operations-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .operations-left{
        padding-right: 0;
    }
    .operations-left, .operations-right {
        gap: 24px;
    }
    .operation-text {
        font-size: 16px;
        font-weight: 500;
    }

    /*Dubai expansion quote section*/
    .dubai-expansion-quote-section {
        padding: 32px 0 48px;
    }
    .dubai-expansion-quote-section .container-narrow {
        max-width: 100%;
        gap: 24px;
    }
    .expansion-main-quote {
        font-size: 20px;
        font-weight: 600;
    }
    .expansion-description {
        font-size: 16px;
        font-weight: 500;
    }

    /*Dubai audience section*/
    .dubai-audience-section {
        padding: 48px 0;
    }
    .dubai-audience-section .container-narrow {
        max-width: 100%;
    }
    .audience-insight, .audience-strategy {
        font-size: 20px;
        font-weight: 600;
    }

    /*Global procedure insights section*/
    .global-procedure-insights-section {
        padding: 48px;
    }
    .global-procedure-insights-section .container {
        gap: 32px;
    }
    .insights-content-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .insights-left-column, .insights-right-column {
        gap: 24px;
    }
    .insights-text {
        font-size: 20px;
        font-weight: 500;
    }

    /*Social mission section*/
    .social-mission-section {
        padding: 48px 0;
    }
    .social-mission-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .mission-title-column {
        padding-right: 0;
    }
    .mission-main-title {
        font-size: 72px;
        font-weight: 600;
    }
    .mission-content-column {
        gap: 32px;
        max-width: 100%;
        margin: 0 auto;
    }
    .mission-heading {
        font-size: 20px;
        font-weight: 600;
    }
    .mission-text-group {
        gap: 24px;
    }
    .mission-text {
        font-size: 20px;
        font-weight: 500;
    }

    /*Rehabilitation charity section*/
    .rehabilitation-charity-section{
        padding: 48px 0;
    }
    .decorative-floral{
        display: none;
    }
    .rehabilitation-header {
        margin: 0 auto 48px;
        grid-template-columns: 1fr;
    }
    .testimonial-column {
        gap: 32px;
        max-width: 100%;
        margin: 0 auto;
    }
    .testimonial-quote, .testimonial-continuation {
        font-size: 20px;
        font-weight: 600;
    }
    .charity-divider {
        margin: 0 auto 64px;
    }
    .charity-initiatives {
        grid-template-columns: 1fr;
        gap: 64px
    }
    .initiatives-content {
        max-width: 100%;
        gap: 24px;
    }
    .initiative-text {
        font-size: 16px;
        font-weight: 500;
    }

    /*Closing commitment section*/
    .closing-commitment-section {
        padding: 48px 0;
    }
    .closing-commitment-section .container-narrow {
        gap: 32px;
    }
    .commitment-main-quote {
        font-size: 20px;
        font-weight: 600;
    }
    .commitment-continuation {
        font-size: 16px;
        font-weight: 500;
    }
}

@media (max-width: 500px){
    .photo-grid-section{
        padding: 0;
        margin-top: calc((-100vw) / 2 / 2);
    }
}