:root {
    --background: oklch(0.985 0.008 85);
    --foreground: oklch(0.245 0.008 45);

    --ivory: oklch(0.985 0.008 85);
    --beige: oklch(0.955 0.014 82);
    --stone: oklch(0.93 0.007 80);
    --gold: oklch(0.72 0.075 78);
    --charcoal: oklch(0.245 0.008 45);

    --card: oklch(0.995 0.004 85);

    --primary: oklch(0.395 0.125 18);
    --primary-light: oklch(0.52 0.11 18);

    --muted: oklch(0.505 0.012 60);

    --border: oklch(0.895 0.012 82);

    --font-display: "Cormorant Garamond", Georgia, serif;
    --font-sans: "Manrope", sans-serif;

    --shadow-soft:
        0 1px 2px oklch(0.25 0.03 40 / 4%),
        0 18px 40px -24px oklch(0.25 0.03 40 / 18%);

    --shadow-lift:
        0 2px 4px oklch(0.25 0.03 40 / 5%),
        0 32px 60px -28px oklch(0.25 0.03 40 / 26%);
}

* {box-sizing: border-box;}
html {scroll-behavior: smooth;}
html,body {width: 100%;max-width: 100%;overflow-x: hidden;}
body {margin: 0;background: var(--background);color: var(--foreground);font-family: var(--font-sans);-webkit-font-smoothing: antialiased;}
img {max-width: 100%;display: block;}
a {text-decoration: none;}
h1, h2, h3, h4 {font-family: var(--font-display);font-weight: 400;letter-spacing: -0.01em;}
p {margin-bottom: 0;}
.site-header {position: sticky;top: 0;z-index: 999;background: color-mix(in srgb, var(--background) 90%, transparent);backdrop-filter: blur(12px);border-bottom: 1px solid transparent;transition: 0.3s ease;}
.site-header.scrolled {border-color: var(--border);}
.header-inner {min-height: 76px;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.brand-logo {display: flex;flex-direction: column;line-height: 1;color: var(--foreground);flex-shrink: 0;}
.brand-name {font-family: var(--font-display);font-size: 21px;letter-spacing: 0.16em;}
.brand-name span {color: var(--primary);}
.brand-logo small {margin-top: 6px;font-size: 8px;font-weight: 600;letter-spacing: 0.28em;text-transform: uppercase;color: var(--muted);}
.desktop-nav {display: flex;align-items: center;gap: 25px;}
.desktop-nav a {color: var(--muted);font-size: 12px;font-weight: 500;letter-spacing: 0.04em;transition: 0.3s ease;white-space: nowrap;}
.desktop-nav a:hover, .desktop-nav a.active {color: var(--primary);}
.header-actions {display: flex;align-items: center;gap: 12px;}
.btn-primary-custom, .btn-outline-custom {display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 12px 26px;border-radius: 2px;font-size: 12px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;transition: 0.3s ease;}
.btn-primary-custom {background: var(--primary);color: var(--ivory);border: 1px solid var(--primary);}
.btn-primary-custom:hover {background: var(--charcoal);border-color: var(--charcoal);color: var(--ivory);}
.btn-outline-custom {color: var(--foreground);border: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent);background: transparent;}
.btn-outline-custom:hover {border-color: var(--foreground);background: var(--beige);color: var(--foreground);}
.mobile-menu-btn {width: 40px;height: 40px;padding: 8px;border: 0;background: transparent;display: none;}
.mobile-menu-btn span {display: block;width: 20px;height: 1px;margin: 5px auto;background: var(--foreground);transition: 0.3s ease;}

/*   MOBILE MENU  */
.mobile-menu {display: none;position: absolute;top: 100%;left: 0;width: 100%;background: var(--background);border-top: 1px solid var(--border);z-index: 9999;}
.mobile-menu.open {display: block;}
.mobile-menu nav {display: flex;flex-direction: column;padding: 20px 0 25px;}
.mobile-menu nav a {display: block;padding: 13px 0;color: var(--foreground);text-decoration: none;font-family: var(--font-sans);font-size: 14px;border-bottom: 1px solid var(--border);}
.mobile-menu nav a.btn-primary-custom{color: var(--ivory);}
.mobile-menu nav a:hover,.mobile-menu nav a.active {color: var(--primary);}
.mobile-enquire {margin-top: 15px;text-align: center;border-bottom: 0 !important;}
.mobile-menu-btn {display: none;width: 42px;height: 42px;padding: 0;border: 0;background: transparent;align-items: center;justify-content: center;flex-direction: column;gap: 5px;cursor: pointer;}
.mobile-menu-btn span {display: block;width: 22px;height: 1.5px;background: var(--foreground);transition: all 0.3s ease;}
.mobile-menu-btn.active span:nth-child(1) {transform: translateY(6.5px) rotate(45deg);}
.mobile-menu-btn.active span:nth-child(2) {opacity: 0;}
.mobile-menu-btn.active span:nth-child(3) {transform: translateY(-6.5px) rotate(-45deg);}

.eyebrow {font-family: var(--font-sans);font-size: 11px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;color: var(--muted);}
.accent-text {color: var(--primary);}
.hero-section {background: var(--background);}
.hero-row {min-height: 650px;padding-top: 65px;padding-bottom: 75px;}
.hero-title {max-width: 650px;margin-top: 24px;font-size: clamp(42px, 5vw, 60px);line-height: 1.06;color: var(--foreground);}
.hero-description {max-width: 570px;margin-top: 26px;font-size: 15px;line-height: 1.8;color: var(--muted);}
.route-line {display: flex;align-items: center;gap: 16px;color: var(--muted);}
.route-line > span {font-size: 9px;font-weight: 600;letter-spacing: 0.15em;text-transform: uppercase;white-space: nowrap;}
.route-line {max-width: 430px;margin-top: 38px;}
.route-path {flex: 1;height: 24px;}
.route-path svg {width: 100%;height: 100%;overflow: visible;}
.route-path path {fill: none;stroke: var(--primary);stroke-width: 1;stroke-dasharray: 4 5;}
.route-path circle {fill: var(--primary);}
.direction-boxes {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;margin-top: 38px;border: 1px solid var(--border);background: var(--border);}
.direction-box {padding: 22px;background: var(--background);}
.direction-box h3 {margin-top: 10px;margin-bottom: 5px;font-size: 21px;}
.direction-box p:last-child {font-size: 12px;color: var(--muted);}
.hero-buttons {display: flex;flex-wrap: wrap;gap: 14px;margin-top: 36px;}
.hero-images {display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;padding-left: 25px;}
.hero-image {overflow: hidden;border-radius: 3px;}
.hero-image img {width: 100%;aspect-ratio: 4 / 5;object-fit: cover;}
.hero-image-two {margin-top: 40px;}
.img-zoom {overflow: hidden;}
.img-zoom img {transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);}
.img-zoom:hover img {transform: scale(1.045);}
.section-padding {padding: 90px 0;}
.section-ivory {background: var(--background);}
.section-beige {background: var(--beige);}
.section-stone {background: color-mix(in srgb, var(--stone) 60%, transparent);}
.section-heading {max-width: 670px;}
.center-heading {margin-left: auto;margin-right: auto;text-align: center;}
.section-heading h2 {margin-top: 16px;margin-bottom: 0;font-size: clamp(36px, 4vw, 45px);line-height: 1.15;}
.section-heading > p:not(.eyebrow):not(.section-subtitle) {margin-top: 20px;font-size: 14px;line-height: 1.8;color: var(--muted);}
.section-subtitle {margin-top: 10px !important;font-family: var(--font-display);font-size: 22px !important;color: var(--primary) !important;}
.route-center {max-width: 550px;margin: 45px auto 0;}
.elegant-card {background: var(--card);border: 1px solid var(--border);border-radius: 3px;box-shadow: var(--shadow-soft);transition: box-shadow 0.45s ease, transform 0.45s ease;}
.elegant-card:hover {box-shadow: var(--shadow-lift);transform: translateY(-3px);}
.market-card {padding: 34px;}
.market-card h3 {margin-top: 13px;font-size: 28px;line-height: 1.2;}
.feature-list {padding: 0;margin: 25px 0 0;list-style: none;}
.feature-list li {display: flex;align-items: center;gap: 12px;padding: 10px 0;border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, transparent);font-size: 13px;color: var(--muted);}
.feature-list li:last-child {border-bottom: 0;}
.feature-list li span {width: 4px;height: 4px;flex-shrink: 0;border-radius: 50%;background: var(--gold);}
.section-top {display: flex;align-items: flex-end;justify-content: space-between;gap: 35px;}
.quiet-link {display: inline-flex;align-items: center;gap: 8px;flex-shrink: 0;color: var(--primary);font-size: 11px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;transition: 0.3s ease;}
.quiet-link:hover {color: var(--charcoal);}
.product-card {height: 100%;overflow: hidden;display: flex;flex-direction: column;}
.product-image {overflow: hidden;}
.product-image img {width: 100%;aspect-ratio: 4 / 5;object-fit: cover;}
.product-content {flex: 1;padding: 23px;}
.product-content h3 {font-size: 22px;line-height: 1.2;}
.product-content p {margin-top: 12px;font-size: 13px;line-height: 1.7;color: var(--muted);}
.reasons-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1px;margin-top: 50px;border: 1px solid var(--border);background: var(--border);}
.reason-card {min-height: 205px;padding: 30px;background: var(--background);}
.reason-number {font-family: var(--font-display);font-size: 15px;color: var(--gold);}
.reason-card h3 {margin-top: 13px;font-size: 22px;}
.reason-card p {margin-top: 10px;font-size: 13px;line-height: 1.7;color: var(--muted);}
.route-reason {background: var(--beige);}
.route-reason .route-line {margin-top: 5px;}
.route-reason > p {margin-top: 24px;}
.process-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 35px;margin-top: 50px;}
.process-item {padding-top: 20px;border-top: 1px solid var(--border);transition: 0.3s ease;}
.process-item:hover {border-color: var(--primary);}
.process-item h3 {margin-top: 10px;font-size: 27px;}
.process-item p {margin-top: 10px;font-size: 13px;line-height: 1.7;color: var(--muted);}
.culture-image {position: relative;height: 510px;}
.culture-image img {width: 100%;height: 100%;object-fit: cover;}
.culture-image::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent 45%);pointer-events: none;}
.culture-image p {position: absolute;z-index: 2;bottom: 30px;left: 30px;color: white;font-family: var(--font-display);font-size: 25px;}
.culture-caption {padding: 65px 20px;text-align: center;background: var(--background);}
.culture-caption h2 {max-width: 700px;margin: 18px auto 0;font-size: 39px;line-height: 1.15;}
.audience-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;margin: 0;padding: 0;list-style: none;border: 1px solid var(--border);background: var(--border);}
.audience-list li {padding: 18px 20px;background: var(--background);font-size: 13px;color: var(--foreground);}
.big-route-text {margin-top: 45px;font-family: var(--font-display);font-size: clamp(48px, 6vw, 70px);letter-spacing: 0.06em;color: var(--primary);}
.enquiry-route {max-width: 440px;margin-top: 25px;}
.enquiry-card {padding: 38px;}
.enquiry-card label {display: block;margin-bottom: 8px;font-size: 10px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--foreground);}
.enquiry-card .form-control {min-height: 48px;border-radius: 2px;border: 1px solid var(--border);background: var(--background);color: var(--foreground);font-family: var(--font-sans);font-size: 13px;box-shadow: none;}
.enquiry-card textarea.form-control {min-height: 130px;resize: vertical;}
.enquiry-card .form-control:focus {border-color: var(--primary);box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 10%, transparent);}
.site-footer {padding: 75px 0 25px;background: var(--beige);border-top: 1px solid var(--border);}
.footer-brand {display: inline-block;font-family: var(--font-display);font-size: 29px;letter-spacing: 0.16em;color: var(--foreground);}
.footer-brand span {color: var(--primary);}
.footer-description {max-width: 300px;margin-top: 14px;font-size: 13px;line-height: 1.7;color: var(--muted);}
.social-links {display: flex;gap: 10px;margin-top: 24px;}
.social-links a {width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: 2px;color: var(--muted);transition: 0.3s ease;}
.social-links a:hover {color: var(--primary);border-color: var(--primary);}
.footer-links, .footer-contact {padding: 0;margin: 20px 0 0;list-style: none;}
.footer-links li, .footer-contact li {margin-bottom: 11px;}
.footer-links a, .footer-contact a, .footer-contact li {font-size: 13px;line-height: 1.6;color: var(--muted);transition: 0.3s ease;word-wrap: anywhere;}
.footer-links a:hover, .footer-contact a:hover {color: var(--primary);}
.footer-bottom {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-top: 55px;padding-top: 22px;border-top: 1px solid var(--border);}
.footer-bottom p {font-size: 10px;color: var(--muted);}
.footer-bottom p:last-child {letter-spacing: 0.2em;text-transform: uppercase;}
.about-page {background: var(--background);color: var(--foreground);font-family: var(--font-sans);}
.about-page h1, .about-page h2, .about-page h3 {font-family: var(--font-display);font-weight: 400;}
.about-eyebrow {margin: 0;font-family: var(--font-sans);font-size: 11px;font-weight: 600;letter-spacing: 0.18em;line-height: 1.4;text-transform: uppercase;color: var(--muted);}
.about-hero {padding: 90px 0 150px;background: var(--background);}
.about-hero .row {row-gap: 50px;}
.about-hero-content {max-width: 650px;}
.about-hero-title {max-width: 650px;margin: 24px 0 0;font-family: var(--font-display);font-size: clamp(42px, 5vw, 60px);font-weight: 400;line-height: 1.06;letter-spacing: -0.02em;color: var(--foreground);}
.about-hero-text {max-width: 570px;margin: 26px 0 0;font-family: var(--font-sans);font-size: 15px;font-weight: 400;line-height: 1.8;color: var(--muted);}
.about-hero-text-2 {margin-top: 20px;}
.about-hero-image {width: 100%;max-width: 500px;height: 620px;margin-left: auto;overflow: hidden;border-radius: 3px;}
.about-hero-image img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);}
.about-hero-image:hover img {transform: scale(1.045);}
.about-why {padding: 90px 0;background: var(--background);}
.about-section-heading {margin-bottom: 0;}
.about-section-heading h2 {margin: 16px 0 0;font-family: var(--font-display);font-size: clamp(36px, 4vw, 45px);font-weight: 400;line-height: 1.15;letter-spacing: -0.01em;color: var(--foreground);}
.about-section-heading > p:last-child {max-width: 570px;margin: 20px 0 0;font-family: var(--font-sans);font-size: 14px;line-height: 1.8;color: var(--muted);}
.about-reasons {margin-top: 56px;border-top: 1px solid var(--border);border-left: 1px solid var(--border);}
.about-reason {height: 100%; min-height: 190px;padding: 32px;border-right: 1px solid var(--border);border-bottom: 1px solid var(--border);background: var(--background);}
.about-reason-number {display: block;margin-bottom: 16px;font-family: var(--font-display);font-size: 14px;line-height: 1;color: var(--gold);}
.about-reason h3 {margin: 0;font-family: var(--font-display);font-size: 20px;font-weight: 400;line-height: 1.2;color: var(--foreground);}
.about-reason p {max-width: 300px;margin: 12px 0 0;font-family: var(--font-sans);font-size: 14px;line-height: 1.7;color: var(--muted);}
.about-reason-route {background: var(--beige);}
.about-reason-route .about-route {max-width: 100%;margin-top: 3px;margin-bottom: 24px;}
.about-reason-route .about-route > span {font-size: 6px;}
.about-culture {background: var(--background);}
.about-culture-image {position: relative;width: 100%;height: 620px;overflow: hidden;}
.about-culture-image img {display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);}
.about-culture-image:hover img {transform: scale(1.045);}
.about-culture-image::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.22), transparent 35%);}
.about-culture-label {position: absolute;left: 32px;bottom: 32px;z-index: 2;margin: 0;font-family: var(--font-display);font-size: 24px;line-height: 1;color: #fff;}
.about-culture-caption {padding: 64px 24px;text-align: center;background: var(--background);}
.about-culture-caption .about-eyebrow {margin: 0;}
.about-culture-caption h2 {max-width: 650px;margin: 20px auto 0;font-family: var(--font-display);font-size: clamp(36px, 4vw, 45px);font-weight: 400;line-height: 1.15;letter-spacing: -0.01em;color: var(--foreground);}
.about-who {padding: 90px 0;background: var(--stone);}
.about-who-content {max-width: 570px;}
.about-who-content h2 {max-width: 550px;margin: 16px 0 0;font-family: var(--font-display);font-size: clamp(36px, 4vw, 45px);font-weight: 400;line-height: 1.15;letter-spacing: -0.01em;color: var(--foreground);}
.about-who-content > p:last-child {max-width: 570px;margin: 20px 0 0;font-family: var(--font-sans);font-size: 14px;line-height: 1.8;color: var(--muted);}
.about-audience {border-top: 1px solid var(--border);border-left: 1px solid var(--border);}
.about-audience-item {min-height: 62px;display: flex;align-items: center;padding: 16px 24px;border-right: 1px solid var(--border);border-bottom: 1px solid var(--border);background: var(--background);font-family: var(--font-sans);font-size: 14px;line-height: 1.4;color: var(--foreground);}
.about-button {display: inline-flex;align-items: center;justify-content: center;min-height: 42px;margin-top: 32px;padding: 0 25px;border: 1px solid var(--primary);border-radius: 0;background: var(--primary);color: var(--primary-foreground, #fff);font-family: var(--font-sans);font-size: 11px;font-weight: 600;letter-spacing: 0.12em;line-height: 1;text-decoration: none;text-transform: uppercase;transition: all 0.3s ease;}
.about-button:hover {background: transparent;color: var(--primary);}
.about-enquiry {padding: 90px 0;background: var(--background);}
.about-enquiry-content {max-width: 550px;}
.about-enquiry-content h2 {max-width: 500px;margin: 16px 0 0;font-family: var(--font-display);font-size: clamp(36px, 4vw, 45px);font-weight: 400;line-height: 1.15;letter-spacing: -0.01em;color: var(--foreground);}
.about-enquiry-content > p {max-width: 470px;margin: 20px 0 0;font-family: var(--font-sans);font-size: 14px;line-height: 1.8;color: var(--muted);}
.about-enquiry-route-title {margin-top: 48px;font-family: var(--font-display);font-size: clamp(48px, 5vw, 60px);font-weight: 400;line-height: 1;letter-spacing: 0.06em;color: var(--primary);}
.about-enquiry-route-title span {padding: 0 5px;}
.about-enquiry-content .about-route {margin-top: 32px;}
.about-form {width: 100%;padding: 40px;border: 1px solid var(--border);border-radius: var(--radius, 3px);background: var(--card);box-shadow: 0 1px 2px rgba(40, 30, 20, 0.04), 0 18px 40px -24px rgba(40, 30, 20, 0.18);}
.about-form-field {margin-bottom: 20px;}
.about-form-field label {display: block;margin: 0 0 8px;font-family: var(--font-sans);font-size: 11px;font-weight: 600;letter-spacing: 0.12em;line-height: 1.2;text-transform: uppercase;color: var(--muted);}
.about-form-field input, .about-form-field select, .about-form-field textarea {display: block;width: 100%;border: 1px solid var(--border);border-radius: 0;outline: none;background: var(--background);color: var(--foreground);font-family: var(--font-sans);font-size: 14px;line-height: 1.5;box-shadow: none;transition: border-color 0.25s ease;}
.about-form-field input, .about-form-field select {height: 46px;padding: 0 13px;}
.about-form-field textarea {min-height: 125px;padding: 12px 13px;resize: vertical;}
.about-form-field input::placeholder, .about-form-field textarea::placeholder {color: var(--muted);opacity: 0.65;}
.about-form-field input:focus, .about-form-field select:focus, .about-form-field textarea:focus {border-color: var(--primary);outline: none;box-shadow: none;}
.contact-intro .section-heading {max-width: 820px;}
.contact-info-grid {display: grid;grid-template-columns: repeat(3, 1fr);margin-top: 3.2rem;border: 1px solid var(--border);background: var(--border);gap: 1px;}
.contact-info-card {min-height: 110px;padding: 1.7rem 1.8rem;background: var(--background);}
.contact-info-card .eyebrow {margin-bottom: 1rem;}
.contact-info-card p:last-child {margin: 0;color: var(--foreground);font-family: var(--font-sans);font-size: 0.8rem;line-height: 1.5;}
#enquiry .section-heading {max-width: 470px;}
#enquiry .section-heading h2 {max-width: 400px;}
.enquiry-card {padding: 2.1rem;}
.enquiry-card label {display: block;margin-bottom: 0.55rem;color: var(--foreground);font-family: var(--font-sans);font-size: 0.6rem;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;}
.enquiry-card .form-control {min-height: 42px;padding: 0.65rem 0.8rem;border: 1px solid var(--border);border-radius: 0;background: var(--card);color: var(--foreground);font-family: var(--font-sans);font-size: 0.72rem;box-shadow: none;}
.enquiry-card textarea.form-control {min-height: 120px;resize: vertical;}
.enquiry-card .form-control::placeholder {color: var(--muted-foreground);}
.enquiry-card .form-control:focus {border-color: var(--gold);box-shadow: none;}
.enquiry-card .btn-primary-custom {border: 0;}
.ceo-section {padding: 5rem 0 6.5rem;background: var(--background);}
.ceo-heading {text-align: center;margin-bottom: 3.5rem;}
.ceo-heading h2 {margin: 0;color: var(--foreground);font-family: var(--font-sans);font-size: 2rem;font-weight: 700;line-height: 1.2;}
.ceo-heading h2 span {color: var(--primary);}
.ceo-heading-line {width: 5.2rem;height: 2px;margin: 1.4rem auto 0;background: var(--primary);}
.ceo-row {--bs-gutter-x: 4rem;}
.ceo-content {padding-right: 1rem;}
.ceo-content p {margin: 0 0 1.7rem;color: var(--foreground);font-family: var(--font-sans);font-size: 1rem;font-weight: 400;line-height: 1.7;}
.ceo-content p:last-child {margin-bottom: 0;}
.ceo-content strong {font-weight: 700;color: var(--foreground);}
.ceo-image {width: 100%;overflow: hidden;border-radius: 1.4rem;}
.ceo-image img {display: block;width: 100%;height: 540px;object-fit: cover;}


/* RESPONSIVE  */
@media (min-width: 1200px) {
    .about-hero {padding-top: 90px;padding-bottom: 150px;}
    .about-hero-image {max-width: 500px;height: 620px;}
}

@media (max-width: 1199px) {
    .desktop-nav {gap: 18px;}
    .desktop-nav a {font-size: 11px;}
    .hero-title {font-size: 52px;}
}

@media (max-width: 991px) {
    .site-header {position: relative;}
    .desktop-nav,.header-cta {display: none;}
    .mobile-menu-btn {display: block;}
    .hero-row {padding-top: 55px;padding-bottom: 65px;}
    .hero-images {margin-top: 45px;padding-left: 0;}
    .section-top {align-items: flex-start;flex-direction: column;}
    .reasons-grid {grid-template-columns: repeat(2, 1fr);}
    .process-grid {grid-template-columns: repeat(2, 1fr);}
     .about-hero {padding-top: 65px;padding-bottom: 90px;}
    .about-hero-title {font-size: 52px;}
    .about-hero-text {font-size: 15px;}
    .about-hero-image { max-width: 100%; height: 600px;margin-left: 0;}
    .about-reason {min-height: 180px;}
    .about-culture-image {height: 520px;}
    .about-who,.about-enquiry {padding: 75px 0;}
    .about-form {margin-top: 45px;}
    .contact-info-grid {grid-template-columns: 1fr;}
    .enquiry-card {padding: 1.7rem;}
    .ceo-section {padding: 4rem 0 5rem;}
    .ceo-heading {margin-bottom: 2.8rem;}
    .ceo-row {--bs-gutter-y: 3rem;}
    .ceo-content {padding-right: 0;}
    .ceo-image img {height: 500px;}
}

@media (max-width: 767px) {
    .header-inner {min-height: 68px;}
    .section-padding {padding: 65px 0;}
    .hero-row {padding-top: 45px;padding-bottom: 55px;}
    .hero-title {margin-top: 20px; font-size: 43px;}
    .hero-description {margin-top: 20px;font-size: 14px;}
    .direction-boxes {grid-template-columns: 1fr;}
    .hero-buttons {flex-direction: column;align-items: stretch;}
    .btn-primary-custom,.btn-outline-custom {width: 100%;}
    .hero-images { gap: 10px;}
    .hero-image-two {margin-top: 25px;}
    .section-heading h2 {font-size: 38px;}
    .route-center {margin-top: 35px;}
    .market-card {padding: 27px;}
    .product-content { padding: 20px;}
    .reasons-grid {grid-template-columns: 1fr;}
    .reason-card {min-height: auto;}
    .process-grid {grid-template-columns: 1fr;gap: 25px;}
    .culture-image {height: 400px;}
    .culture-caption {padding: 50px 20px;}
    .culture-caption h2 {font-size: 34px; }
    .audience-list {grid-template-columns: 1fr;}
    .enquiry-card {padding: 25px;}
    .big-route-text {font-size: 48px;}
    .footer-bottom {align-items: flex-start;flex-direction: column;gap: 8px;}
    .about-hero {padding: 45px 0 55px;}
    .about-hero-title {margin-top: 20px;font-size: 43px;}
    .about-hero-text {margin-top: 20px;font-size: 14px;}
    .about-hero-image {height: 500px;}
    .about-route {margin-top: 35px;}
    .about-section-heading h2,.about-who-content h2, .about-enquiry-content h2 {font-size: 38px;}
    .about-reasons {margin-top: 45px;}
    .about-reason {min-height: auto;padding: 27px;}
    .about-reason h3 {font-size: 20px;}
    .about-reason p {font-size: 14px;}
    .about-culture-image {height: 400px;}
    .about-culture-caption {padding: 50px 20px;}
    .about-culture-caption h2 {font-size: 38px;}
    .about-culture-label {left: 20px;bottom: 20px;font-size: 21px;}
    .about-who,.about-enquiry {padding: 65px 0;}
    .about-who-content {margin-bottom: 35px;}
    .about-audience-item {min-height: 55px;padding: 14px 18px;font-size: 14px;}
    .about-enquiry-content { margin-bottom: 40px;}
    .about-enquiry-route-title {font-size: 48px;}
    .about-form {margin-top: 0;padding: 25px;}
    .contact-info-grid {margin-top: 2rem;}
    .contact-info-card {min-height: auto;padding: 1.4rem;}
    .enquiry-card {padding: 1.3rem;}
     .ceo-section {padding: 3.5rem 0 4.5rem;}
    .ceo-heading h2 {font-size: 1.7rem;}
    .ceo-heading-line {width: 4.5rem;margin-top: 1.1rem;}
    .ceo-content p {font-size: 0.9rem;line-height: 1.65;margin-bottom: 1.4rem;}
    .ceo-image img {height: 420px;}
}

@media (max-width: 575px) {
    .brand-name {font-size: 18px;}
    .brand-logo small {font-size: 7px;}
    .hero-title {font-size: 39px;}
    .hero-images {grid-template-columns: repeat(2, 1fr);}
    .route-line {gap: 9px;}
    .route-line > span {font-size: 7px;}
    .section-heading h2 {font-size: 34px;}
    .culture-image {height: 330px;}
    .culture-image p {bottom: 20px;left: 20px;font-size: 21px;}
    .about-hero-title {font-size: 39px;}
    .about-hero-image {height: 430px;}
    .about-section-heading h2,.about-who-content h2,.about-enquiry-content h2 {font-size: 34px;}
    .about-culture-image {height: 330px;} 
    .about-culture-label {font-size: 21px; }
    .about-culture-caption h2 {font-size: 34px;}
    .about-enquiry-route-title {font-size: 46px;}
    .about-form {padding: 20px;}
}