body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--surface-cool);
    color: #333;
}

.site-header {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
    background: linear-gradient(100deg, #ffffff 0%, #fffdf6 55%, #ffffff 100%);
    border-top: 1px solid var(--brand-gold);
    border-bottom: 1px solid var(--brand-blue);
    border-left: 2px solid rgba(212, 167, 44, .45);
    border-right: 2px solid rgba(212, 167, 44, .45);
    border-radius: 0;
    box-shadow: 0 5px 22px rgba(0, 43, 84, 0.12);
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 10;
}

.header-inner {
    width: min(1700px, calc(100% - 48px));
    min-height: 78px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 28px;
}

.brand {
    color: var(--brand-blue);
    display: inline-flex;
    align-items: center;
    gap: 11px;
    flex: 0 0 auto;
    text-decoration: none;
}

.header-phone {
    display: none;
    text-decoration: none;
    color: var(--brand-navy);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.header-phone:hover {
    color: var(--brand-blue);
}

.brand-icon {
    width: 52px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(212, 167, 44, .65);
    border-radius: 10px;
    color: var(--brand-gold);
    background: linear-gradient(145deg, #173a5e, #082746);
    box-shadow: 0 6px 15px rgba(11, 43, 75, .18);
}

.brand-icon svg {
    width: 40px;
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-copy {
    display: grid;
    line-height: 1;
}

.brand-copy strong {
    font-size: 38px;
    letter-spacing: -0.8px;
    white-space: nowrap;
    background: linear-gradient(90deg, var(--brand-blue) 0 72%, var(--brand-gold-dark) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.brand-copy small {
    color: #5c7185;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
    margin-top: 6px;
    text-transform: uppercase;
}

nav {
    margin-left: auto;
}

nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0;
    padding: 0;
}

nav a {
    color: var(--brand-navy);
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 28px 0 13px;
    border-bottom: 3px solid transparent;
    transition: color 0.25s, border-color 0.25s;
    white-space: nowrap;
}

nav a:hover,
nav a.active {
    color: var(--brand-blue);
    border-bottom-color: var(--brand-gold);
}

.menu-toggle {
    display: none;
    width: 44px;
    height: 42px;
    margin-left: auto;
    border: 1px solid rgba(212, 167, 44, .65);
    border-radius: 8px;
    background: #e8f3ff;
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    margin: 5px auto;
    background: linear-gradient(90deg, var(--brand-blue), var(--brand-gold));
}

.hero {
    position: relative;
    padding: 0;
    height: min(780px, 92vh);
    min-height: 600px;
    overflow: hidden;
    background: var(--brand-blue);
}

.slider {
    height: 100%;
    display: flex;
    transform: translateX(0);
    transition: transform .85s cubic-bezier(.65, 0, .35, 1);
}

.slide {
    min-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 31, 58, .88), rgba(4, 31, 58, .5) 50%, rgba(4, 31, 58, .12));
}

.hero img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.slide-content {
    width: min(760px, calc(100% - 80px));
    position: absolute;
    z-index: 2;
    left: max(40px, calc((100% - 1600px) / 2));
    top: 50%;
    color: #fff;
    text-align: left;
    transform: translateY(-50%);
}

.slide-content > span {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 14px;
    border-left: 4px solid var(--brand-gold);
    color: #fff;
    background: rgba(13, 86, 143, .72);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.slide-content h1,
.slide-content h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(36px, 5vw, 50px);
    line-height: 1.06;
    letter-spacing: -2px;
}

.slide-content p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(17px, 1.7vw, 24px);
    line-height: 1.55;
}

.slider-dots {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 24px;
    display: flex;
    gap: 10px;
    transform: translateX(-50%);
}

.slider-dots button {
    width: 11px;
    height: 11px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 99px;
    background: transparent;
    cursor: pointer;
    transition: width .3s, background-color .3s;
}

.slider-dots button.active {
    width: 34px;
    border-color: var(--brand-gold);
    background: var(--brand-gold);
}

section {
    padding: 60px 20px;
    text-align: center;
}

section h2 {
    color: var(--brand-blue);
    margin-bottom: 20px;
}

.about-section {
    padding: 0;
    background: #fff;
    text-align: left;
}

.about-premium-heading {
    padding: 38px 24px 12px;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: radial-gradient(circle at 50% -80%, rgba(212,167,44,.15), transparent 48%), linear-gradient(180deg, #fffdf7, #fff);
}

.about-premium-heading::before,
.about-premium-heading::after {
    content: "";
    width: 210px;
    height: 210px;
    position: absolute;
    border: 1px solid rgba(212,167,44,.18);
    border-radius: 50%;
}

.about-premium-heading::before { left: -100px; top: -105px; }
.about-premium-heading::after { right: -90px; bottom: -145px; }

.about-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-bottom: 12px;
    color: #e0aa12;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff2a8, 0 2px 7px rgba(212, 167, 44, .22);
}

.about-eyebrow i {
    width: 34px;
    height: 2px;
    background: linear-gradient(90deg, #f6d768, #dca20d);
    box-shadow: 0 0 7px rgba(232, 181, 31, .35);
}

.about-section .about-premium-heading h2 {
    max-width: 1000px;
    margin: 0 auto 12px;
    color: var(--brand-navy);
    font-size: clamp(20px, 5vw, 30px);
    line-height: 1.06;
    letter-spacing: -2.5px;
}

.about-premium-heading h2 span { color: var(--brand-blue); }

.about-premium-heading p {
    max-width: 760px;
    margin: 0 auto;
    color: #5a7188;
    font-size: clamp(8px, 1.5vw, 12px);
    line-height: 1.65;
}

.heading-mark {
    width: 86px;
    height: 7px;
    margin: 18px auto 0;
    position: relative;
    border-radius: 99px;
    background: var(--brand-navy);
}

.heading-mark span {
    width: 19px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 5px solid #fff;
    border-radius: 50%;
    background: var(--brand-gold);
    transform: translate(-50%, -50%);
}



.about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, transparent 58%, rgba(255,255,255,.035) 58% 76%, transparent 76%),
        repeating-linear-gradient(90deg, transparent 0 135px, rgba(255,255,255,.025) 135px 139px);
}

.about-hero-content {
    width: min(1660px, calc(100% - 120px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.about-section .about-hero h2 {
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(42px, 4.3vw, 66px);
    line-height: 1.08;
    letter-spacing: -2px;
}

.about-hero h2 span,
.about-hero p span {
    padding: 0;
    background: transparent;
}

.about-hero p {
    max-width: 1050px;
    margin: 0;
    color: rgba(255,255,255,.95);
    font-size: clamp(20px, 2vw, 29px);
    line-height: 1.55;
}

.about-story {
    width: min(1660px, calc(100% - 120px));
    margin: 0 auto;
    padding: 18px 0 90px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: clamp(50px, 8vw, 120px);
}

.section-label {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 18px;
    border-radius: 999px;
    color: var(--brand-steel-dark);
    background: var(--brand-tint);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.about-copy h3 {
    margin: 0 0 34px;
    color: var(--brand-navy);
    font-size: clamp(36px, 3.6vw, 55px);
    line-height: 1.12;
    letter-spacing: -1.7px;
}

.about-copy p {
    margin: 0 0 26px;
    color: #425e79;
    font-size: 20px;
    line-height: 1.65;
}

.about-copy p:first-of-type {
    color: var(--brand-navy);
}

.about-visual {
    min-height: 440px;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(145deg, #e8f3ff, #c8e4ff);
    box-shadow: 0 20px 50px rgba(0, 70, 135, .16);
}

.about-visual svg {
    width: 94%;
    position: absolute;
    left: 3%;
    bottom: 20px;
}

.road, .truck-line, .truck-detail { fill: none; stroke: var(--brand-blue); stroke-width: 9; stroke-linecap: round; }
.truck-body { fill: var(--brand-blue); }
.truck-cab { fill: var(--brand-steel); }
.truck-window { fill: #dff2ff; }
.wheel { fill: var(--brand-navy); }
.wheel-center { fill: #fff; }
.truck-line { stroke: rgba(255,255,255,.65); stroke-width: 5; }
.truck-detail { stroke: var(--brand-navy); stroke-width: 6; }

.moving-sun {
    width: 130px;
    height: 130px;
    position: absolute;
    right: 45px;
    top: 35px;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
}

.moving-box {
    position: absolute;
    z-index: 2;
    border: 5px solid var(--brand-navy);
    background: #fff;
    transform: rotate(-5deg);
}

.box-one { width: 70px; height: 55px; left: 12%; top: 40px; }
.box-two { width: 50px; height: 42px; left: 27%; top: 65px; transform: rotate(7deg); }

.experience-card {
    position: absolute;
    z-index: 3;
    right: 22px;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 180px;
    padding: 14px 18px;
    border-radius: 14px;
    color: #fff;
    background: var(--brand-navy);
    box-shadow: 0 10px 30px rgba(0, 45, 90, .18);
}

.experience-card strong { color: var(--brand-blue); font-size: 34px; }
.experience-card span { font-size: 13px; font-weight: 700; line-height: 1.3; }

.services-section {
    padding: 45px max(24px, 4vw) 0;
    background: var(--surface-cool);
}

.section-heading {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.services-premium-heading {
    max-width: 1050px;
    margin-bottom: 34px;
}

.service-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 18px;
    color: #e0aa12;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff2a8, 0 2px 7px rgba(212, 167, 44, .22);
}

.service-eyebrow i {
    width: 52px;
    height: 2px;
    background: linear-gradient(90deg, #f6d768, #dca20d);
    box-shadow: 0 0 7px rgba(232, 181, 31, .35);
}

.services-section .section-heading h2 {
    margin: 0 0 16px;
    color: var(--brand-navy);
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1.1;
    letter-spacing: -1.7px;
}

.services-section .services-premium-heading h2 span {
    color: var(--brand-blue);
}

.services-premium-heading .heading-mark {
    margin-top: 18px;
}

.section-heading > p {
    margin: 0;
    color: #5d7690;
    font-size: 19px;
    line-height: 1.6;
}

.services-grid {
    width: min(1600px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 34px;
}

.service-card {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 2px solid #eff6fb;
    border-radius: 32px;
    background: #fff;
    box-shadow:
        0 5px 10px rgba(17, 60, 99, .06),
        0 18px 38px rgba(17, 60, 99, .13);
    transition: transform .25s, box-shadow .25s, border-color .25s;
}

.service-card:hover {
    transform: translateY(-6px);
    border-color: #e2f0fb;
    box-shadow:
        0 7px 14px rgba(17, 60, 99, .08),
        0 25px 50px rgba(17, 60, 99, .18);
}

.service-art {
    height: 165px;
    flex: 0 0 165px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #cce8ff, #eaf6ff);
}

.service-art::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 38%;
    background: rgba(22, 49, 76, .09);
}

.art-icon {
    width: 72px;
    height: 72px;
    position: absolute;
    z-index: 5;
    left: 28px;
    top: 28px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: var(--brand-blue);
    background: #fff;
    font-size: 38px;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(0, 76, 145, .12);
}

.art-box { width: 76px; height: 66px; position: absolute; z-index: 2; bottom: 28px; border: 4px solid #a86f28; background: #d9a65d; }
.art-box::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border-left: 3px solid rgba(120,70,20,.45); }
.art-box.a { right: 38px; }
.art-box.b { right: 122px; bottom: 25px; transform: scale(.85); }
.art-box.c { right: 78px; bottom: 91px; transform: scale(.78); }
.art-desk { width: 105px; height: 65px; position: absolute; z-index: 2; bottom: 28px; border: 6px solid #426886; border-top-width: 12px; }
.art-desk.one { left: 58px; }.art-desk.two { left: 190px; }.art-desk.three { right: 55px; }
.service-art-office { background: linear-gradient(145deg, #dff2ff, #a9d6f4); }
.service-art-car { background: linear-gradient(#a5dcff 0 54%, #dfe9ef 54%); }
.art-road { position: absolute; z-index: 1; left: 0; right: 0; bottom: 22px; height: 80px; transform: skewY(-4deg); background: #456171; }
.art-car { width: 180px; height: 54px; position: absolute; z-index: 3; right: 55px; bottom: 75px; border-radius: 45px 65px 14px 14px; background: #fff; box-shadow: inset 0 -12px var(--brand-blue); }
.art-car::before,.art-car::after { content: ""; width: 34px; height: 34px; position: absolute; bottom: -16px; border-radius: 50%; background: var(--brand-navy); }
.art-car::before { left: 28px; }.art-car::after { right: 28px; }
.art-car.car-two { right: 210px; bottom: 45px; transform: scale(.7); }
.service-art-bike { background: linear-gradient(145deg, #d9f4df, #b9e6c3); }
.art-wheel { width: 76px; height: 76px; position: absolute; z-index: 2; bottom: 30px; border: 8px solid var(--brand-navy); border-radius: 50%; }
.wheel-one { left: 90px; }.wheel-two { right: 85px; }
.art-bike-frame { width: 150px; height: 75px; position: absolute; z-index: 3; left: 50%; bottom: 67px; border: 10px solid var(--brand-blue); border-top: 0; transform: translateX(-50%) skew(-20deg); }
.service-art-pack { background: linear-gradient(145deg, #fff2d8, #f1d09b); }
.service-art-load { background: linear-gradient(145deg, #d8e9f8, #aecce4); }
.art-truck { width: 235px; height: 95px; position: absolute; z-index: 2; right: 32px; bottom: 28px; background: var(--brand-blue); border-radius: 8px 35px 8px 8px; }

.service-card-body {
    min-height: 0;
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 26px 20px;
}

.service-card-body h3 {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin: 0 0 7px;
    color: var(--brand-blue);
    font-size: 24px;
}

.service-card-body p {
    margin: 0 0 12px;
    color: #5b7390;
    font-size: 15px;
    line-height: 1.4;
}

.service-card-body a {
    margin-top: auto;
    color: var(--brand-steel-dark);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.service-card-body a span { margin-left: 10px; font-size: 22px; }

.working-process {
    margin: 55px calc(max(24px, 4vw) * -1) 0;
    padding: 36px max(24px, 4vw) 46px;
    background: #fff;
}

.process-premium-heading {
    max-width: 1050px;
    margin-bottom: 30px;
}

.working-process .process-premium-heading h2 {
    margin: 0 0 16px;
    color: var(--brand-navy);
    font-size: clamp(40px, 4vw, 58px);
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.working-process .process-premium-heading h2 span {
    color: var(--brand-blue);
}

.process-premium-heading .heading-mark {
    margin-top: 16px;
}

.process-list {
    width: min(1600px, 100%);
    margin: 0 auto;
    padding: 12px 0 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    list-style: none;
}

.process-list li {
    min-width: 0;
    position: relative;
    padding: 0 22px;
    text-align: center;
}

.process-list li:not(:last-child)::after {
    content: "";
    height: 3px;
    position: absolute;
    left: calc(50% + 50px);
    right: calc(-50% + 50px);
    top: 44px;
    background: #dceaf5;
}

.process-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 20px;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
    border: 4px solid #f2f7fb;
    border-radius: 50%;
    color: var(--brand-blue);
    background: #fff;
    box-shadow: 0 13px 26px rgba(22,49,76,.13);
    font-size: 32px;
    font-weight: 700;
}

.step-number {
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 3;
    top: -7px;
    left: calc(50% + 24px);
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #e53935;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 6px 14px rgba(229,57,53,.3);
}

.process-list h3 { margin: 0 0 8px; color: var(--brand-navy); font-size: 18px; line-height: 1.25; }
.process-list p { margin: 0; color: #5d7690; font-size: 14px; line-height: 1.4; }

.gallery-section {
    padding: 42px max(24px, 4vw) 65px;
    background: var(--surface-cool);
}

.gallery-section .section-heading h2 {
    margin: 0 0 18px;
    color: var(--brand-navy);
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.1;
    letter-spacing: -1.7px;
}

.gallery-premium-heading {
    max-width: 1050px;
    margin-bottom: 30px;
}

.gallery-section .gallery-premium-heading h2 span {
    color: var(--brand-blue);
}

.gallery-premium-heading .heading-mark {
    margin-top: 16px;
}

.gallery-rows {
    display: grid;
    gap: 24px;
}

.gallery-row {
    width: 100%;
    overflow: hidden;
}

.gallery-row-track {
    width: max-content;
    display: flex;
    gap: 24px;
    will-change: transform;
}

.gallery-slider-window {
    width: min(1600px, 100%);
    margin: 0 auto;
    overflow: hidden;
    padding: 4px 6px 18px;
}

/* Hide older duplicated gallery blocks; the animated three-row gallery replaces them. */
.gallery-slider-window .gallery-grid {
    display: none;
}

.gallery-slider-window > .gallery-slider-window {
    display: none;
}

.gallery-item {
    min-width: 0;
    width: clamp(340px, 28vw, 440px);
    height: 350px;
    flex: 0 0 clamp(340px, 28vw, 440px);
    margin: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 4px solid #eff6fb;
    border-radius: 38px;
    background: #fff;
    box-shadow:
        0 5px 10px rgba(17, 60, 99, .06),
}

.gallery-item-wide {
    width: clamp(600px, 55vw, 880px);
    flex-basis: clamp(600px, 55vw, 880px);
}

.gallery-item > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}

.gallery-item:hover > img {
    transform: scale(1.09);
    filter: brightness(.62) saturate(1.08);
}

.gallery-item figcaption {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 72px 30px 26px;
    color: #fff;
    background: linear-gradient(transparent, rgba(9, 35, 61, .96));
    text-align: left;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .35s ease, transform .35s ease;
}

.gallery-item figcaption::after {
    content: "+";
    width: 46px;
    height: 46px;
    position: absolute;
    right: 26px;
    bottom: 25px;
    display: grid;
    place-items: center;
    border: 2px solid rgba(255,255,255,.75);
    border-radius: 50%;
    color: #fff;
    background: rgba(13,86,143,.75);
    font-size: 28px;
    font-weight: 300;
}

.gallery-item:hover figcaption {
    opacity: 1;
    transform: translateY(0);
}

.gallery-item figcaption strong { display: block; margin-bottom: 6px; font-size: 23px; }
.gallery-item figcaption span { color: rgba(255,255,255,.82); font-size: 15px; }

@media (hover: none) {
    .gallery-item figcaption { opacity: 1; transform: none; }
}

.scene-home { background: linear-gradient(150deg, #dcefff, #9ec9e9); }
.scene-truck { background: linear-gradient(#9ed7ff 0 58%, #8aae73 58% 73%, #586a77 73%); }
.scene-office { background: linear-gradient(155deg, #d9edf9, #a6c6db); }
.scene-packing { background: linear-gradient(145deg, #ffe9c3, #d7ac70); }
.scene-carrier { background: linear-gradient(#99d8ff 0 56%, #cde7b1 56% 70%, #536778 70%); }
.scene-delivery { background: linear-gradient(145deg, #d9f1df, #9cc9a7); }

.scene-box { position: absolute; z-index: 3; width: 105px; height: 88px; border: 5px solid #9b6427; background: #d9a65d; box-shadow: inset 0 8px rgba(255,255,255,.18); }
.scene-box::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border-left: 4px solid rgba(120,70,20,.35); }
.scene-box.box-a { left: 18%; bottom: 60px; }
.scene-box.box-b { left: 34%; bottom: 58px; transform: scale(.8); }
.scene-box.box-c { left: 27%; bottom: 137px; transform: scale(.72) rotate(4deg); }
.scene-plant { width: 100px; height: 155px; position: absolute; right: 13%; bottom: 55px; border-radius: 50% 10% 50% 10%; background: var(--brand-steel); transform: rotate(13deg); box-shadow: -45px 15px 0 -13px #5ab96f; }

.scene-road { position: absolute; inset: auto 0 38px; height: 62px; background: #485e70; transform: skewY(-3deg); }
.mini-truck { width: 240px; height: 105px; position: absolute; z-index: 2; left: 50%; bottom: 85px; border-radius: 8px 42px 8px 8px; background: var(--brand-blue); transform: translateX(-50%); box-shadow: inset -60px 0 var(--brand-steel); }
.mini-truck::before,.mini-truck::after { content: ""; width: 42px; height: 42px; position: absolute; bottom: -22px; border: 8px solid #fff; border-radius: 50%; background: var(--brand-navy); }
.mini-truck::before { left: 38px; }.mini-truck::after { right: 28px; }

.office-table { width: 150px; height: 80px; position: absolute; bottom: 65px; border: 8px solid #426886; border-top-width: 18px; }
.office-table.table-a { left: 12%; }.office-table.table-b { right: 10%; transform: scale(.82); }
.office-box { width: 85px; height: 75px; position: absolute; z-index: 2; left: 47%; bottom: 60px; background: #d9a65d; border: 5px solid #9b6427; }
.tape-roll { width: 100px; height: 100px; position: absolute; left: 20%; top: 55px; border: 25px solid var(--brand-blue); border-radius: 50%; }
.scene-packing .scene-box.box-a { left: 52%; }.scene-packing .scene-box.box-b { left: 68%; bottom: 72px; }

.carrier-platform { position: absolute; z-index: 2; left: 9%; right: 8%; bottom: 68px; height: 18px; background: var(--brand-navy); transform: rotate(-4deg); }
.carrier-car { width: 190px; height: 58px; position: absolute; z-index: 3; bottom: 100px; border-radius: 50px 65px 12px 12px; background: #fff; box-shadow: inset 0 -13px var(--brand-blue); }
.carrier-car::before,.carrier-car::after { content: ""; width: 34px; height: 34px; position: absolute; bottom: -15px; border-radius: 50%; background: var(--brand-navy); }
.carrier-car::before { left: 30px; }.carrier-car::after { right: 30px; }
.carrier-car.car-a { left: 22%; }.carrier-car.car-b { right: 18%; bottom: 120px; transform: scale(.86); }
.doorway { width: 180px; height: 230px; position: absolute; left: 50%; bottom: 42px; border: 18px solid #fff; border-bottom: 0; background: #426886; transform: translateX(-50%); }
.scene-delivery .scene-box { z-index: 4; transform: scale(.72); }
.scene-delivery .scene-box.box-a { left: 15%; bottom: 55px; }.scene-delivery .scene-box.box-b { left: auto; right: 12%; bottom: 50px; }

.why-section {
    padding: 42px max(24px, 5vw) 55px;
    background: #fff;
}

.why-section .section-heading {
    margin-bottom: 30px;
}

.why-premium-heading {
    max-width: 1050px;
}

.why-section .section-heading h2 {
    margin: 0 0 16px;
    color: var(--brand-navy);
    font-size: clamp(40px, 4vw, 58px);
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.why-section .why-premium-heading h2 span { color: var(--brand-blue); }
.why-premium-heading .heading-mark { margin-top: 16px; }

.benefits-grid {
    width: min(1600px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 36px;
}

.benefit-card {
    min-height: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 24px;
    background: #f7f8f9;
    text-align: left;
    transition: border-color .25s, transform .25s, box-shadow .25s;
    border: 4px solid #eff6fb;
    border-radius: 14px;
    box-shadow:
        0 5px 10px rgba(17, 60, 99, .06),
        0 18px 38px rgba(17, 60, 99, .13);
}

.benefit-card:hover {
    border-color: #9acbfa;
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(17, 60, 99, .1);
}

.benefit-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    color: var(--brand-blue);
}

.benefit-icon svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.benefit-card h3 {
    margin: 2px 0 8px;
    color: #101f2e;
    font-size: 22px;
    line-height: 1.2;
}

.benefit-card p {
    margin: 0;
    color: #526d87;
    font-size: 15px;
    line-height: 1.45;
}

.testimonials-section {
    padding: 0;
    background: var(--surface-cool);
}

.testimonials-backdrop {
    min-height: 0;
    padding: 58px max(24px, 4vw) 65px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% -30%, rgba(212,167,44,.12), transparent 42%), #f7faff;
}

.testimonials-backdrop::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .35;
    background:
        linear-gradient(155deg, transparent 0 62%, rgba(13,86,143,.025) 62%),
        repeating-linear-gradient(90deg, transparent 0 115px, rgba(13,86,143,.025) 115px 120px);
}

.testimonials-heading {
    max-width: 850px;
    margin: 0 auto 36px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.testimonials-section .testimonials-heading h2 {
    margin: 0 0 18px;
    color: var(--brand-navy);
    font-size: clamp(42px, 4.5vw, 64px);
    line-height: 1.06;
    letter-spacing: -2px;
}

.testimonials-section .testimonials-heading h2 span { color: var(--brand-blue); }
.testimonials-premium-heading .heading-mark { margin-top: 25px; }
.testimonials-heading p {
    margin: 0;
    color: #5d7690;
    font-size: 19px;
    line-height: 1.6;
}

.testimonials-grid {
    width: max-content;
    margin: 0;
    position: relative;
    z-index: 1;
    display: flex;
    gap: 22px;
    will-change: transform;
    transition: transform .7s cubic-bezier(.65, 0, .35, 1);
}

.testimonial-slider-window {
    width: min(1600px, 100%);
    margin: 0 auto;
    overflow: hidden;
    padding: 8px 4px 28px;
}

.testimonial-card {
    width: clamp(410px, 31vw, 500px);
    min-height: 255px;
    box-sizing: border-box;
    flex: 0 0 clamp(410px, 31vw, 500px);
    padding: 18px 24px;
    border: 3px solid #d5dce3;
    border-radius: 24px;
    color: var(--brand-navy);
   
    text-align: center;
    box-shadow: none;
    transition: transform .25s ease, border-color .25s ease;
}

.testimonial-card:hover {
    border-color: var(--brand-gold);
    transform: translateY(-7px);
}

.client-avatar {
    width: 56px;
    height: 56px;
    margin: -2px auto 8px;
    display: grid;
    place-items: center;
    position: relative;
    border: 5px solid #e5f2ff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, var(--brand-blue), var(--brand-blue-dark));
    font-size: 17px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(0, 83, 166, .22);
}

.client-avatar.avatar-green { background: linear-gradient(145deg, var(--brand-steel), var(--brand-blue-dark)); border-color: var(--brand-tint); }
.testimonial-card h3 { margin: 0 0 4px; color: var(--brand-navy); font-size: 19px; }
.testimonial-stars { margin-bottom: 8px; color: #f4b400; font-size: 16px; letter-spacing: 2px; }
.testimonial-card blockquote { margin: 0 0 10px; color: #526d87; font-size: 13px; line-height: 1.4; }
.move-type { display: inline-block; padding: 7px 12px; border-radius: 999px; color: var(--brand-blue); background: #eaf4ff; font-size: 12px; font-weight: 800; }

.testimonial-cta {
    width: min(1600px, 90%);
    min-height: 88px;
    margin: -44px auto 0;
    padding: 0 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: #fff;
    background-color: #082f57;
    background-image: none;
    border: 2px solid rgba(198,143,73,.65);
    border-radius: 22px;
    position: relative;
    z-index: 5;
    transform: translateY(50%);
    box-shadow: 0 18px 45px rgba(8,47,87,.28);
}

.testimonial-cta div { display: grid; gap: 4px; text-align: left; }
.testimonial-cta strong { font-size: 21px; }
.testimonial-cta div span { color: rgba(255,255,255,.82); font-size: 14px; }
.testimonial-cta > a { width: fit-content; padding: 13px 18px; border-radius: 10px; color: #fff; background: var(--brand-steel); box-shadow: 0 8px 20px rgba(0,50,12,.2); font-size: 14px; font-weight: 800; letter-spacing: .5px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.testimonial-cta > a:hover { background: var(--brand-steel-dark); }

#map {
    min-height: 432px;
    padding: 90px 5vw 60px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    text-align: left;
}

.map-background {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border: 0;
}

.map-content {
    max-width: 390px;
    position: relative;
    z-index: 2;
    padding: 30px 34px;
    border: 1px solid rgba(212,167,44,.7);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 45px rgba(12,43,72,.2);
    backdrop-filter: blur(7px);
}

#map .map-content h2 {
    margin: 0 0 12px;
    color: var(--brand-navy);
    font-size: 34px;
}

.map-content p {
    margin: 0;
    color: #526d87;
    font-size: 16px;
    line-height: 1.65;
}

.services-showcase {
    padding: 0;
    text-align: left;
    background: #fff;
}

.services-hero {
    min-height: 505px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(100deg, rgba(0, 66, 132, 0.96) 0%, rgba(0, 83, 159, 0.91) 48%, rgba(8, 47, 86, 0.93) 100%),
        repeating-linear-gradient(115deg, transparent 0 120px, rgba(255, 255, 255, 0.06) 120px 124px),
        #0056a6;
}

.services-hero::before,
.services-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 28px;
    transform: rotate(-12deg);
}

.services-hero::before {
    width: 520px;
    height: 290px;
    right: 8%;
    top: 42px;
    box-shadow: 0 0 0 42px rgba(255, 255, 255, 0.018), 0 0 0 90px rgba(255, 255, 255, 0.012);
}

.services-hero::after {
    width: 260px;
    height: 420px;
    left: -100px;
    bottom: -210px;
}

.services-content {
    width: min(1660px, calc(100% - 120px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 60px;
    font-size: 18px;
    font-weight: 500;
}

.breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb span[aria-hidden="true"] {
    color: #70c5ff;
    font-size: 28px;
    line-height: 0;
}

.services-showcase .services-content h2 {
    max-width: 850px;
    margin: 0 0 28px;
    color: #fff;
    font-size: clamp(44px, 4.4vw, 68px);
    line-height: 1.04;
    letter-spacing: -2px;
}

.services-content > p {
    max-width: 1000px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: clamp(20px, 2vw, 30px);
    line-height: 1.55;
}

.service-tabs {
    display: flex;
    gap: 16px;
    padding: 18px 24px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--brand-blue) #e8f3ff;
    border-bottom: 1px solid #dce8f3;
}

.service-tabs a {
    flex: 1 0 max-content;
    min-width: 155px;
    padding: 17px 20px;
    border: 3px solid var(--brand-blue);
    border-radius: 12px;
    color: var(--brand-navy);
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: color 0.25s, background-color 0.25s, transform 0.25s;
}

.service-tabs a:hover,
.service-tabs a.active {
    color: #fff;
    background: var(--brand-blue);
    transform: translateY(-2px);
}

.site-footer {
    padding: 0;
    color: #edf4fa;
    background: var(--brand-steel);
    text-align: left;
}

.footer-inner {
    width: min(1500px, calc(100% - 80px));
    margin: 0 auto;
    padding: 78px 0 58px;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 48px;
}

.footer-column {
    width: 28%;
    max-width: 420px;
    min-width: 0;
}

.footer-column h2 {
    margin: 0 0 34px;
    padding-left: 20px;
    border-left: 4px solid var(--brand-gold);
    color: #fff;
    font-size: 21px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.footer-column p { margin: 0; color: #e4edf5; font-size: 16px; line-height: 1.7; }

.footer-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    color: #fff;
    text-decoration: none;
}

.footer-brand svg { width: 62px; fill: none; stroke: var(--brand-gold); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.footer-brand span { display: grid; }
.footer-brand strong { color: #fff; font-size: 22px; }
.footer-brand small { margin-top: 6px; color: var(--brand-gold); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.footer-socials { display: flex; gap: 12px; margin-top: 28px; }
.footer-socials a { width: 35px; height: 35px; display: grid; place-items: center; border: 2px solid #71869a; border-radius: 50%; color: #fff; text-decoration: none; font-size: 14px; font-weight: 800; transition: background .25s, border-color .25s, transform .25s; }
.footer-socials a:hover { border-color: var(--brand-gold); background: var(--brand-blue); transform: translateY(-3px); }

.footer-hours dl { margin: 28px 0 0; }
.footer-hours dl div { display: flex; justify-content: space-between; gap: 25px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.footer-hours dt, .footer-hours dd { margin: 0; font-size: 15px; }
.footer-hours dt { color: #f1f6fa; }
.footer-hours dd { color: #f1c84b; font-weight: 700; white-space: nowrap; }

.footer-branches ul { margin: 0; padding: 0; list-style: none; }
.footer-branches li { padding: 13px 4px; border-bottom: 1px solid rgba(255,255,255,.22); color: #f1f6fa; font-size: 16px; }
.footer-branches li span { margin-right: 12px; color: #f1c84b; font-size: 22px; }

.footer-bottom { border-top: 1px solid rgba(255,255,255,.2); text-align: center; }
.footer-bottom p { width: min(1500px, calc(100% - 40px)); margin: 0 auto; padding: 20px 0; color: #d8e4ee; font-size: 13px; }

@media (max-width: 900px) {
    .footer-inner { width: min(720px, calc(100% - 48px)); flex-wrap: wrap; gap: 45px; }
    .footer-column { width: calc(50% - 23px); max-width: none; }
    .footer-branches { width: 100%; }
}

@media (max-width: 520px) {
    .footer-inner { width: calc(100% - 36px); padding: 58px 0 40px; flex-direction: column; gap: 42px; }
    .footer-column,
    .footer-branches { width: 100%; }
    .footer-column h2 { margin-bottom: 25px; }
}

.booking-btn {
    background-color: var(--brand-steel);
    color: white;
    padding: 13px 20px;
    border: 2px solid #e1bd5a;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    flex: 0 0 auto;
    box-shadow: 0 8px 20px rgba(65, 111, 150, 0.24), 0 0 0 3px rgba(212, 167, 44, .1);
    transition: background-color 0.3s, border-color .3s, transform .3s;
}

.booking-btn:hover {
    background-color: var(--brand-steel-dark);
    border-color: #f0ce70;
    transform: translateY(-2px);
}

@media (max-width: 1180px) {
    .header-inner { gap: 18px; }
    nav ul { gap: 18px; }
    nav a { font-size: 14px; }
    .brand-copy strong { font-size: 18px; }
}

@media (max-width: 1380px) and (min-width: 901px) {
    .header-inner { width: calc(100% - 36px); gap: 16px; }
    .brand { gap: 8px; }
    .brand-icon { width: 46px; height: 40px; }
    .brand-icon svg { width: 35px; }
    .brand-copy strong { font-size: 17px; }
    .brand-copy small { font-size: 10px; letter-spacing: .4px; }
    nav ul { gap: 15px; }
    nav a { font-size: 14px; }
    .booking-btn { padding: 11px 15px; font-size: 14px; }
}

@media (max-width: 900px) {
    .header-inner {
        width: min(100% - 32px, 720px);
        min-height: 66px;
        flex-wrap: wrap;
        gap: 14px;
        padding: 7px 0;
    }

    .header-phone {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        order: 2;
        margin-left: auto;
        padding: 8px 10px;
        border: 1px solid rgba(212, 167, 44, .45);
        border-radius: 999px;
        background: rgba(8, 47, 87, 0.04);
    }

    .brand-icon { width: 46px; height: 40px; }
    .brand-icon svg { width: 35px; }
    .menu-toggle { display: block; order: 4; }
    .booking-btn { padding: 11px 15px; font-size: 14px; order: 3; }

    nav {
        display: none;
        order: 4;
        width: 100%;
        margin: 0;
    }

    .site-header.nav-open nav { display: block; }
    nav ul { display: grid; gap: 0; padding: 4px 0 10px; }
    nav a { padding: 13px 4px; border-bottom-width: 2px; }

    .about-hero { min-height: 310px; }
    .about-hero-content,
    .about-story { width: min(100% - 48px, 720px); }
    .about-story { padding: 18px 0 65px; grid-template-columns: 1fr; gap: 42px; }
    .about-visual { min-height: 390px; }

    .services-section { padding-top: 40px; }
    .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
    .service-card-body { padding: 18px 22px 20px; }
    .process-list { grid-template-columns: repeat(2, 1fr); gap: 45px 0; }
    .process-list li:not(:last-child)::after { display: none; }

    .gallery-section { padding-top: 38px; padding-bottom: 55px; }
    .gallery-item,
    .gallery-item-wide { width: min(620px, 78vw); height: 320px; flex-basis: min(620px, 78vw); }

    .why-section { padding-top: 40px; padding-bottom: 50px; }
    .benefits-grid { gap: 18px; }
    .benefit-card { min-height: 0; gap: 16px; padding: 20px; }
    .benefit-icon { width: 44px; height: 44px; flex-basis: 44px; }
    .benefit-icon svg { width: 30px; height: 30px; }
    .benefit-card h3 { font-size: 21px; }

    .testimonial-card { width: min(500px, 82vw); flex-basis: min(500px, 82vw); }
    .testimonials-backdrop { padding-top: 70px; padding-bottom: 75px; }
    .testimonial-cta { width: 90%; }

    .services-hero { min-height: 430px; }
    .services-content { width: min(100% - 48px, 720px); }
    .breadcrumb { margin-bottom: 42px; }
    .service-tabs { padding: 14px 16px; gap: 10px; }
    .service-tabs a { min-width: auto; padding: 14px 18px; font-size: 15px; }
}

@media (max-width: 520px) {
    .site-header { width: calc(100% - 16px); max-width: none; margin: 0 auto; top: auto; border-radius: 0; }
    .header-inner { width: calc(100% - 24px); gap: 8px; }
    .brand-copy small { display: none; }
    .brand-copy strong {
        font-size: 13px;
        line-height: 1.2;
        white-space: normal;
        max-width: 110px;
    }
    .header-phone {
        font-size: 10px;
        line-height: 1.2;
        padding: 6px 7px;
        max-width: 110px;
        text-align: center;
    }
    .brand-icon { width: 40px; height: 36px; }
    .brand-icon svg { width: 31px; }
    .booking-btn { padding: 8px 10px; font-size: 12px; }

    .about-premium-heading { padding: 34px 18px 10px; }
    .about-section .about-premium-heading h2 { font-size: 39px; letter-spacing: -1.5px; }
    .about-eyebrow { font-size: 11px; letter-spacing: 1.8px; }

    .about-hero { min-height: 290px; }
    .about-hero-content,
    .about-story { width: calc(100% - 36px); }
    .about-section .about-hero h2 { letter-spacing: -1px; }
    .about-story { padding: 16px 0 50px; }
    .about-copy p { font-size: 17px; }
    .about-visual { min-height: 285px; border-radius: 20px; }
    .experience-card { right: 12px; bottom: 12px; padding: 10px 12px; }
    .experience-card strong { font-size: 27px; }

    .services-section { padding: 34px 16px 0; }
    .services-premium-heading { margin-bottom: 28px; }
    .service-eyebrow { gap: 10px; font-size: 14px; letter-spacing: 2px; }
    .service-eyebrow i { width: 32px; }
    .services-grid { grid-template-columns: 1fr; }
    .service-art { height: 150px; flex-basis: 150px; }
    .service-card-body { min-height: 0; }
    .service-card-body h3 { min-height: 0; }
    .working-process { margin-top: 36px; padding-top: 34px; padding-bottom: 42px; }
    .process-premium-heading { margin-bottom: 28px; }
    .process-list { grid-template-columns: 1fr; gap: 48px; }
    .process-list li { padding: 0 28px; }

    .gallery-section { padding: 34px 16px 48px; }
    .gallery-premium-heading { margin-bottom: 26px; }
    .gallery-rows,
    .gallery-row-track { gap: 16px; }
    .gallery-item,
    .gallery-item-wide { width: calc(100vw - 48px); height: 270px; flex-basis: calc(100vw - 48px); }
    .gallery-item { border-radius: 18px; }
    .gallery-item figcaption { padding: 44px 20px 20px; }

    .why-section { padding: 34px 16px 44px; }
    .why-section .section-heading { margin-bottom: 26px; }
    .why-premium-heading .service-eyebrow { font-size: 13px; }
    .benefits-grid { grid-template-columns: 1fr; }
    .benefit-card { min-height: 0; padding: 18px; border-radius: 15px; }
    .benefit-card h3 { margin-bottom: 10px; font-size: 21px; }
    .benefit-card p { font-size: 15px; }

    .testimonials-backdrop { padding: 45px 16px 52px; }
    .testimonials-heading { margin-bottom: 38px; }
    .testimonials-section .testimonials-heading h2 { font-size: 40px; letter-spacing: -1px; }
    .testimonials-grid { gap: 16px; }
    .testimonial-card { width: calc(100vw - 48px); min-height: 250px; flex-basis: calc(100vw - 48px); padding: 18px; }
    .testimonial-cta { width: 90%; margin-top: -62px; padding: 18px 20px; flex-direction: column; align-items: center; }
    .testimonial-cta div { text-align: center; }
    .testimonial-cta > a { text-align: center; }
    #map { min-height: 400px; padding: 115px 18px 45px; align-items: flex-end; }
    .map-content { width: 100%; max-width: none; box-sizing: border-box; padding: 23px 25px; }

    .services-hero { min-height: 390px; }
    .services-content { width: calc(100% - 36px); }
    .breadcrumb { margin-bottom: 34px; font-size: 15px; }
    .services-showcase .services-content h2 { letter-spacing: -1px; }
}
/* Standalone inner pages */
.page-hero{min-height:360px;padding:150px 24px 80px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(10,39,52,.94),rgba(13,65,111,.88)),url('../images/moving-team.png') center/cover}.page-hero span{color:var(--brand-gold-light);font-weight:800;text-transform:uppercase;letter-spacing:.14em}.page-hero h1{font-size:clamp(2.25rem,6vw,4.5rem);margin:10px 0}.page-hero p{max-width:680px;margin:0 auto;font-size:1.1rem}.page-hero-services{background-image:linear-gradient(135deg,rgba(10,39,52,.94),rgba(13,65,111,.84)),url('../images/moving-delivery.jpg')}.page-hero-gallery{background-image:linear-gradient(135deg,rgba(10,39,52,.92),rgba(13,65,111,.8)),url('../images/home-relocation.jpg')}.inner-page-section{padding-top:80px!important;padding-bottom:80px!important}.values-grid,.stats-strip{max-width:1180px;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.values-grid article{padding:30px;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(15,45,55,.09);border-top:4px solid var(--brand-steel)}.values-grid h3{margin:0 0 10px;color:var(--brand-ink)}.page-cta{max-width:1180px;margin:60px auto 0;padding:34px 40px;background:#103d49;color:#fff;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:24px}.page-cta h2,.page-cta p{margin:0}.page-cta p{margin-top:8px}.static-gallery{transform:none!important}.stats-strip{grid-template-columns:repeat(4,1fr);padding:35px;background:#0b776b;color:#fff;border-radius:20px;text-align:center}.stats-strip strong,.stats-strip span{display:block}.stats-strip strong{font-size:2rem;color:var(--brand-gold-light)}.contact-section{padding-left:24px;padding-right:24px}.contact-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.contact-info h2{font-size:2.2rem;color:var(--brand-ink)}.contact-detail{padding:18px 0;border-bottom:1px solid #dde7e7}.contact-detail strong,.contact-detail span{display:block}.contact-detail strong{color:var(--brand-steel-dark);margin-bottom:5px}.quote-form{background:var(--brand-navy);padding:35px;border-radius:20px;box-shadow:0 15px 45px rgba(15,45,55,.12)}.quote-form h2{margin-top:0;color:var(--brand-tint)}.quote-form label{display:block;margin:0 0 18px;font-weight:700;color: var(--brand-tint)}.quote-form input,.quote-form select,.quote-form textarea{width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #ccdada;border-radius:9px;font:inherit;background:var(--brand-tint)}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid rgba(49,95,134,.16);border-color:var(--brand-steel)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-status{color:var(--brand-steel-dark);font-weight:700}.compact-footer{margin-top:0}.compact-footer a{color:inherit}.site-header .booking-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:900px){.values-grid,.stats-strip,.contact-layout{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.page-hero{min-height:300px;padding-top:130px}.page-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.values-grid,.stats-strip,.form-row{grid-template-columns:1fr}.inner-page-section{padding-top:55px!important;padding-bottom:55px!important}.quote-form{padding:24px 18px}.page-cta{padding:28px 22px}}
/* Business contact links */
.contact-detail a{display:block;color:var(--brand-steel-dark);text-decoration:none;overflow-wrap:anywhere}.contact-detail a:hover{text-decoration:underline}.footer-branches address{font-style:normal;line-height:1.7}.footer-branches p{margin:8px 0}.footer-branches a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.footer-branches a:hover{text-decoration:underline}
/* Transparent brand logo used across the site */
.brand-logo{width:124px;height:124px;flex:0 0 124px;object-fit:contain;display:block;filter:drop-shadow(0 4px 8px rgba(5,35,61,.14))}.brand-copy strong{font-size:13px;line-height:1.2;letter-spacing:-.15px;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--brand-navy)}.footer-logo{width:132px;height:132px;flex:0 0 132px;object-fit:contain;display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.2))}.header-inner{min-height:134px}
@media(max-width:1200px){.brand-logo{width:102px;height:102px;flex-basis:102px}.brand-copy strong{font-size:12px;white-space:normal;max-width:155px}.header-inner{min-height:112px;gap:12px}}
@media(max-width:760px){.brand-logo{width:88px;height:88px;flex-basis:88px}.brand-copy strong{font-size:11px;max-width:125px}.brand-copy small{display:none}.footer-logo{width:106px;height:106px;flex-basis:106px}.header-inner{min-height:96px}}
@media(max-width:420px){.brand-logo{width:78px;height:78px;flex-basis:78px}.brand-copy strong{font-size:10px;max-width:100px}.header-inner{width:calc(100% - 20px);min-height:86px;gap:6px}}
/* Fixed back-to-top control */
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:1000;width:50px;height:50px;box-sizing:border-box;border:2px solid var(--brand-gold-light);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-steel),#075f59);color:#fff;font-size:28px;font-weight:800;line-height:1;box-shadow:0 8px 24px rgba(4,55,61,.32);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,box-shadow .25s ease}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{box-shadow:0 11px 28px rgba(4,55,61,.42);transform:translateY(-3px)}.back-to-top:focus-visible{outline:3px solid var(--brand-gold-light);outline-offset:3px}.back-to-top span{transform:translateY(-2px)}
@media(max-width:600px){.back-to-top{right:16px;bottom:16px;width:46px;height:46px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:hover{transform:none}}
/* Booking form modal */
body.modal-open{overflow:hidden}.booking-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.booking-modal.is-open{opacity:1;visibility:visible}.booking-modal__backdrop{position:absolute;inset:0;background:rgba(3,15,24,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.booking-modal__dialog{position:relative;z-index:1;width:min(650px,100%);max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:38px;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.45);transform:translateY(20px) scale(.98);transition:transform .25s ease}.booking-modal.is-open .booking-modal__dialog{transform:translateY(0) scale(1)}.booking-modal__close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#edf5f4;color:var(--brand-ink);font-size:29px;line-height:1;cursor:pointer}.booking-modal__close:hover{background:#dcebea}.booking-modal__eyebrow{color:var(--brand-steel-dark);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.booking-modal h2{margin:7px 45px 5px 0;color:var(--brand-ink);font-size:clamp(1.7rem,4vw,2.3rem)}.booking-modal__intro{margin:0 0 24px;color:#60757b}.booking-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-modal__form label{display:block;margin-bottom:16px;color:#284a54;font-size:.92rem;font-weight:700}.booking-modal__form input,.booking-modal__form select,.booking-modal__form textarea{width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #cbdada;border-radius:9px;background:#fff;font:inherit}.booking-modal__form input:focus,.booking-modal__form select:focus,.booking-modal__form textarea:focus{outline:3px solid rgba(49,95,134,.17);border-color:var(--brand-steel)}.booking-modal__submit{width:100%;border:0;cursor:pointer}.booking-modal__status{min-height:20px;margin:13px 0 0;color:var(--brand-steel-dark);text-align:center;font-weight:700}
@media(max-width:600px){.booking-modal{padding:12px}.booking-modal__dialog{max-height:calc(100vh - 24px);padding:30px 18px 22px}.booking-modal__row{grid-template-columns:1fr;gap:0}.booking-modal__close{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.booking-modal,.booking-modal__dialog{transition:none}}
/* Compact inner-page hero banners */
.page-hero{min-height:220px;padding:58px 24px}.page-hero span{font-size:.82rem}.page-hero h1{font-size:clamp(1rem,3.65vw,3.35rem);line-height:1.1;white-space:nowrap;margin:9px 0}.page-hero p{font-size:1rem}
@media(max-width:900px){.page-hero{min-height:180px;padding:45px 16px}.page-hero h1{font-size:clamp(1rem,4.25vw,2.35rem)}.page-hero p{font-size:.92rem}}
@media(max-width:480px){.page-hero{min-height:150px;padding:36px 10px}.page-hero span{font-size:.68rem}.page-hero h1{font-size:clamp(.88rem,4.1vw,1.2rem);letter-spacing:-.25px}.page-hero p{font-size:.8rem;line-height:1.45;max-width:340px}}
/* Real service photograph in the About section */
.about-visual.about-photo{background:#dbeaf3;transition:box-shadow .35s ease,transform .35s ease}.about-visual.about-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.about-visual.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,28,45,.3));pointer-events:none}.about-visual.about-photo:hover{box-shadow:0 22px 55px rgba(13,86,143,.42),0 0 0 3px rgba(13,86,143,.2);transform:translateY(-4px)}.about-visual.about-photo:hover>img{transform:scale(1.025)}.about-visual.about-photo .experience-card{z-index:2}
@media(prefers-reduced-motion:reduce){.about-visual.about-photo,.about-visual.about-photo>img{transition:none}.about-visual.about-photo:hover{transform:none}.about-visual.about-photo:hover>img{transform:none}}
/* Even spacing between the About story and value cards */
.about-section.inner-page-section .about-story{padding-bottom:22px}.about-section.inner-page-section .values-grid{margin-top:22px}
@media(max-width:900px){.about-section.inner-page-section .about-story{padding-bottom:16px}.about-section.inner-page-section .values-grid{margin-top:16px}}
/* Introductory copy between the Gallery banner and photographs */
.gallery-intro-wrap{padding:24px 24px 18px;background:var(--surface-cool);text-align:center}.gallery-intro-wrap p{max-width:900px;margin:0 auto;color:var(--brand-navy);font-size:1.05rem;line-height:1.7}
@media(max-width:600px){.gallery-intro-wrap{padding:18px 18px 14px}.gallery-intro-wrap p{font-size:.92rem;line-height:1.6}}
:root {
    --brand-navy: #082f57;
    --brand-blue-dark: #0a3b68;
    --brand-blue: #0d568f;
    --brand-steel-dark: #294f70;
    --brand-steel: #416f96;
    --brand-ink: #123c5e;
    --brand-gold-dark: #9f6b2e;
    --brand-gold: #c68f49;
    --brand-gold-light: #e1ad61;
    --brand-tint: #eaf1f7;
    --surface-cool: #f4f7fa;
}
/* Logo-led finishing accents */
.stats-strip{background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue-dark))}.page-cta{background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue-dark))}.gallery-intro-wrap{background:var(--surface-cool)}.booking-modal__eyebrow,.booking-modal__status{color:var(--brand-blue)}
/* Real photographs used in homepage service cards */
.service-photo{height:185px;flex:0 0 185px;position:relative;overflow:hidden;background:var(--brand-tint)}.service-photo::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,47,87,.72));pointer-events:none}.service-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .45s ease,filter .45s ease}.service-photo span{position:absolute;z-index:2;left:20px;right:20px;bottom:15px;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.45)}.service-card:hover .service-photo img{transform:scale(1.06);filter:saturate(1.06)}
@media(max-width:600px){.service-photo{height:155px;flex-basis:155px}.service-photo span{left:15px;bottom:12px;font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.service-photo img{transition:none}.service-card:hover .service-photo img{transform:none}}
/* Recognizable social media brand marks */
.footer-socials{align-items:center;gap:14px}.footer-socials a{width:52px;height:52px;box-sizing:border-box;font-size:19px}.footer-socials a[aria-label="Instagram"],.footer-socials a[aria-label="YouTube"]{border-color:#fff;background:#fff}.footer-socials svg{width:23px;height:23px;display:block}.footer-socials a[aria-label="Instagram"] svg{fill:none;stroke:#e1306c;stroke-width:2}.footer-socials a[aria-label="Instagram"] .social-icon-dot{fill:#e1306c;stroke:none}.footer-socials a[aria-label="YouTube"] svg path:first-child{fill:#ff0033;stroke:none}.footer-socials a[aria-label="YouTube"] .social-icon-play{fill:#fff;stroke:none}.footer-socials a[aria-label="Instagram"]:hover{border-color:#e1306c;background:#fff;box-shadow:0 8px 20px rgba(225,48,108,.3)}.footer-socials a[aria-label="Instagram"]:hover svg{stroke:#e1306c}.footer-socials a[aria-label="Instagram"]:hover .social-icon-dot{fill:#e1306c}.footer-socials a[aria-label="YouTube"]:hover{border-color:#ff0033;background:#fff;box-shadow:0 8px 20px rgba(255,0,51,.28)}.footer-socials a[aria-label="YouTube"]:hover svg path:first-child{fill:#ff0033}.footer-socials a[aria-label="YouTube"]:hover .social-icon-play{fill:#fff}
@media(max-width:600px){.footer-socials{gap:10px}.footer-socials a{width:44px;height:44px;font-size:17px}.footer-socials svg{width:20px;height:20px}}
/* Premium CTA floating halfway over the Services section and map */
.page-cta.page-cta-floating{width:min(920px,calc(100% - 48px));max-width:none;box-sizing:border-box;margin:0 auto;padding:26px 32px;position:relative;z-index:5;transform:translateY(50%);border:1px solid rgba(225,173,97,.72);border-radius:22px;background:linear-gradient(125deg,var(--brand-navy),var(--brand-blue-dark) 62%,var(--brand-blue));box-shadow:0 22px 55px rgba(8,47,87,.34),0 0 0 5px rgba(255,255,255,.75);overflow:hidden}.page-cta.page-cta-floating::before{content:"";width:180px;height:180px;position:absolute;right:16%;top:-135px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035);pointer-events:none}.page-cta-floating>div{position:relative;z-index:1}.page-cta-kicker{display:block;margin-bottom:5px;color:var(--brand-gold-light);font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-cta-floating h2{font-size:1.65rem}.page-cta-floating p{color:rgba(255,255,255,.8);font-size:.94rem}.page-cta-floating>.booking-btn{position:relative;z-index:1;padding:13px 21px;border:1px solid var(--brand-gold-light);border-radius:12px;background:rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.2);backdrop-filter:blur(5px)}.page-cta-floating>.booking-btn:hover{background:var(--brand-gold);color:var(--brand-navy);transform:translateY(-2px)}
@media(max-width:900px){.page-cta.page-cta-floating{width:min(680px,calc(100% - 36px));padding:23px 26px;gap:18px}.page-cta-floating>.booking-btn{align-self:stretch}}
@media(max-width:600px){.page-cta.page-cta-floating{width:calc(100% - 28px);padding:21px 20px;border-radius:18px}.page-cta-floating h2{font-size:1.35rem}.page-cta-floating p{font-size:.85rem;line-height:1.5}.page-cta-floating>.booking-btn{width:100%;box-sizing:border-box}}
/* Welcoming two-direction reveal for the About story */
.scroll-welcome .about-copy,.scroll-welcome .about-visual{opacity:0;filter:blur(3px);transition:opacity 1.05s ease,translate 1.15s cubic-bezier(.16,1,.3,1),filter .9s ease;will-change:opacity,translate,filter}.scroll-welcome .about-copy{translate:-72px 0}.scroll-welcome .about-visual{translate:72px 0;transition-delay:.12s}.scroll-welcome.is-visible .about-copy,.scroll-welcome.is-visible .about-visual{opacity:1;translate:0 0;filter:blur(0)}.scroll-welcome.is-visible .about-copy{transition-delay:.04s}.scroll-welcome.is-visible .about-visual{transition-delay:.18s}
@media(max-width:700px){.scroll-welcome .about-copy{translate:-38px 0}.scroll-welcome .about-visual{translate:38px 0}}
@media(prefers-reduced-motion:reduce){.scroll-welcome .about-copy,.scroll-welcome .about-visual{opacity:1;translate:0 0;filter:none;transition:none}}
/* Smooth alternating reveal for Why Choose Us cards */
.scroll-benefits .benefit-card{opacity:0;filter:blur(3px);transition:opacity .9s ease,translate 1.05s cubic-bezier(.16,1,.3,1),filter .8s ease,box-shadow .3s ease,border-color .3s ease;will-change:opacity,translate,filter}.scroll-benefits .benefit-card:nth-child(odd){translate:-72px 0}.scroll-benefits .benefit-card:nth-child(even){translate:72px 0}.scroll-benefits.is-visible .benefit-card{opacity:1;translate:0 0;filter:blur(0)}.scroll-benefits.is-visible .benefit-card:nth-child(1),.scroll-benefits.is-visible .benefit-card:nth-child(2){transition-delay:.04s}.scroll-benefits.is-visible .benefit-card:nth-child(3),.scroll-benefits.is-visible .benefit-card:nth-child(4){transition-delay:.14s}.scroll-benefits.is-visible .benefit-card:nth-child(5),.scroll-benefits.is-visible .benefit-card:nth-child(6){transition-delay:.24s}
@media(max-width:700px){.scroll-benefits .benefit-card:nth-child(odd),.scroll-benefits .benefit-card:nth-child(even){translate:0 34px}.scroll-benefits.is-visible .benefit-card{translate:0 0}.scroll-benefits.is-visible .benefit-card:nth-child(1){transition-delay:.03s}.scroll-benefits.is-visible .benefit-card:nth-child(2){transition-delay:.1s}.scroll-benefits.is-visible .benefit-card:nth-child(3){transition-delay:.17s}.scroll-benefits.is-visible .benefit-card:nth-child(4){transition-delay:.24s}.scroll-benefits.is-visible .benefit-card:nth-child(5){transition-delay:.31s}.scroll-benefits.is-visible .benefit-card:nth-child(6){transition-delay:.38s}}
@media(prefers-reduced-motion:reduce){.scroll-benefits .benefit-card{opacity:1;translate:0 0;filter:none;transition:none}}
/* Uniform monochrome social icons matching the Facebook control */
.footer-socials a[aria-label="Instagram"],.footer-socials a[aria-label="YouTube"]{border-color:#71869a;background:transparent;box-shadow:none}.footer-socials a[aria-label="Instagram"] svg{fill:none;stroke:#fff}.footer-socials a[aria-label="Instagram"] .social-icon-dot{fill:#fff;stroke:none}.footer-socials a[aria-label="YouTube"] svg{fill:#fff;stroke:none}.footer-socials a[aria-label="YouTube"] svg path:first-child,.footer-socials a[aria-label="YouTube"] .social-simple-icon path{fill:#fff;stroke:none}.footer-socials a[aria-label="Instagram"]:hover,.footer-socials a[aria-label="YouTube"]:hover{border-color:var(--brand-gold);background:var(--brand-blue);box-shadow:none}.footer-socials a[aria-label="Instagram"]:hover svg{stroke:#fff}.footer-socials a[aria-label="Instagram"]:hover .social-icon-dot,.footer-socials a[aria-label="YouTube"]:hover svg path:first-child{fill:#fff}
/* Unified Book Now color matching the header brand name */
.booking-btn,.site-header .booking-btn,.testimonial-cta .booking-btn,.page-cta-floating>.booking-btn,.booking-modal__submit{background:var(--brand-navy);background-color:var(--brand-navy);color:#fff;border-color:var(--brand-gold-light);box-shadow:0 8px 22px rgba(8,47,87,.3),0 0 0 3px rgba(198,143,73,.14)}.booking-btn:hover,.site-header .booking-btn:hover,.testimonial-cta .booking-btn:hover,.page-cta-floating>.booking-btn:hover,.booking-modal__submit:hover{background:var(--brand-blue-dark);background-color:var(--brand-blue-dark);color:#fff;border-color:var(--brand-gold-light);transform:translateY(-2px)}
/* Keep footer and Book buttons on the exact same solid color */
.site-footer{background-color:#082f57;background-image:none}.booking-btn,.site-header .booking-btn,.testimonial-cta .booking-btn,.page-cta-floating>.booking-btn,.booking-modal__submit{background-color:#082f57}
/* Compact footer height */
.site-footer .footer-inner{padding-top:26px;padding-bottom:18px;gap:28px}.site-footer .footer-column h2{margin-bottom:14px;padding-left:12px;font-size:17px}.site-footer .footer-column p{font-size:14px;line-height:1.45}.site-footer .footer-logo{width:76px;height:76px;flex-basis:76px}.site-footer .footer-brand{gap:10px;margin-bottom:9px}.site-footer .footer-brand strong{font-size:17px;line-height:1.15}.site-footer .footer-brand small{margin-top:3px}.site-footer .footer-socials{margin-top:12px}.site-footer .footer-hours dl{margin-top:12px}.site-footer .footer-hours dl div{padding:5px 0}.site-footer .footer-hours dt,.site-footer .footer-hours dd{font-size:13px}.site-footer .footer-branches address{font-size:13px;line-height:1.45}.site-footer .footer-branches p{margin:4px 0;font-size:13px}.site-footer .footer-bottom p{padding-top:8px;padding-bottom:8px;font-size:12px}
@media(max-width:900px){.site-footer .footer-inner{gap:22px}.site-footer .footer-logo{width:68px;height:68px;flex-basis:68px}}
@media(max-width:520px){.site-footer .footer-inner{padding-top:22px;padding-bottom:16px;gap:20px}.site-footer .footer-column h2{margin-bottom:11px}.site-footer .footer-socials{margin-top:10px}.site-footer .footer-bottom p{padding-top:7px;padding-bottom:7px}}
/* Centered Learn More and Call Now actions for every service card */
.service-card-actions{width:100%;margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}.service-card-body .service-card-actions a{min-height:40px;box-sizing:border-box;margin:0;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand-blue);border-radius:9px;font-size:.74rem;line-height:1;letter-spacing:.04em;white-space:nowrap;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.service-card-body .service-card-actions .service-learn-btn{color:var(--brand-navy);background:#fff}.service-card-body .service-card-actions .service-call-btn{color:#fff;background:var(--brand-navy);border-color:var(--brand-navy);box-shadow:0 6px 15px rgba(8,47,87,.2)}.service-card-body .service-card-actions a span{margin:0 0 0 6px;font-size:1rem}.service-card-body .service-card-actions .service-call-btn span{margin:0 6px 0 0;font-size:.95rem}.service-card-body .service-card-actions .service-learn-btn:hover{color:#fff;background:var(--brand-blue);transform:translateY(-2px)}.service-card-body .service-card-actions .service-call-btn:hover{color:#fff;background:var(--brand-blue-dark);border-color:var(--brand-gold);box-shadow:0 8px 18px rgba(8,47,87,.3);transform:translateY(-2px)}
@media(max-width:420px){.service-card-actions{gap:7px}.service-card-body .service-card-actions a{padding:8px 10px;font-size:.68rem}}
/* Unified Google, Facebook, Instagram and YouTube footer icons */
.footer-socials a,.footer-socials a[aria-label="Instagram"],.footer-socials a[aria-label="YouTube"]{width:52px;height:52px;border:2px solid #718aa1;border-radius:50%;background:transparent;color:#fff;box-shadow:none}.footer-socials .social-letter{display:block;color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:800;line-height:1}.footer-socials .social-google{font-size:20px}.footer-socials a[aria-label="Instagram"] svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2}.footer-socials a[aria-label="Instagram"] .social-icon-dot{fill:#fff;stroke:none}.footer-socials a[aria-label="YouTube"] svg{width:23px;height:23px;fill:#fff}.footer-socials a:hover,.footer-socials a[aria-label="Instagram"]:hover,.footer-socials a[aria-label="YouTube"]:hover{border-color:var(--brand-gold-light);background:var(--brand-blue);color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.2);transform:translateY(-3px)}
@media(max-width:600px){.footer-socials a,.footer-socials a[aria-label="Instagram"],.footer-socials a[aria-label="YouTube"]{width:44px;height:44px}.footer-socials .social-letter{font-size:19px}.footer-socials .social-google{font-size:18px}.footer-socials a[aria-label="Instagram"] svg,.footer-socials a[aria-label="YouTube"] svg{width:20px;height:20px}}
/* Standard white YouTube play icon */
.footer-socials a[aria-label="YouTube"] .social-youtube-icon{width:21px;height:21px;display:block;fill:#fff;stroke:none}.footer-socials a[aria-label="YouTube"] .social-youtube-icon polygon{fill:#fff;stroke:none}
/* Slightly larger navigation text */
nav a{padding-top:13px;padding-bottom:13px;font-size:17px}
@media(max-width:1180px){nav a{font-size:15px}}
@media(max-width:760px){nav a{font-size:15px}}
/* Reduce only the desktop space between branding and navigation */
@media(min-width:1181px){.site-header .header-inner{width:100%;padding-left:24px;padding-right:24px;box-sizing:border-box;justify-content:center}.site-header nav{margin-left:clamp(28px,3vw,56px)}}
/* Social icon name tooltips, layered on top of existing hover effects */
.footer-socials a{position:relative}.footer-socials a::after{content:attr(aria-label);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:10;padding:6px 9px;border:1px solid rgba(255,255,255,.7);border-radius:7px;background:#fff;color:var(--brand-navy);box-shadow:0 8px 20px rgba(0,0,0,.22);font-size:10px;font-weight:800;line-height:1;letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;translate:-50% 6px;transition:opacity .2s ease,visibility .2s ease,translate .25s cubic-bezier(.2,.8,.2,1)}.footer-socials a:hover::after,.footer-socials a:focus-visible::after{opacity:1;visibility:visible;translate:-50% 0}
@media(prefers-reduced-motion:reduce){.footer-socials a::after{transition:none}}
/* Fixed Call and WhatsApp actions above the back-to-top arrow */
.fixed-contact-actions{position:fixed;right:24px;bottom:84px;z-index:999;display:flex;flex-direction:column;gap:10px}.fixed-contact-btn{width:50px;height:50px;box-sizing:border-box;display:grid;place-items:center;border-radius:50%;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(4,31,52,.28);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.fixed-contact-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fixed-call-btn{border:2px solid var(--brand-gold-light);background:var(--brand-navy)}.fixed-whatsapp-btn{border:2px solid #fff;background:#25d366}.fixed-whatsapp-btn .whatsapp-phone{fill:#fff;stroke:none}.fixed-contact-btn:hover{color:#fff;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 28px rgba(4,31,52,.38)}.fixed-call-btn:hover{background:var(--brand-blue-dark)}.fixed-whatsapp-btn:hover{background:#1eaf55}.fixed-contact-btn:focus-visible{outline:3px solid var(--brand-gold-light);outline-offset:3px}
@media(max-width:600px){.fixed-contact-actions{right:16px;bottom:72px;gap:8px}.fixed-contact-btn{width:46px;height:46px}.fixed-contact-btn svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.fixed-contact-btn{transition:none}.fixed-contact-btn:hover{transform:none}}
/* Larger readable footer logo with its own white background */
.site-footer .footer-logo{width:124px;height:124px;flex:0 0 124px;box-sizing:border-box;display:block;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:900px){.site-footer .footer-logo{width:108px;height:108px;flex-basis:108px}}
@media(max-width:520px){.site-footer .footer-logo{width:100px;height:100px;flex-basis:100px}}
/* Calendar-check icon for Book Now buttons */
.booking-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.booking-icon{width:18px;height:18px;flex:0 0 18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.booking-btn:hover .booking-icon{transform:scale(1.06)}
@media(max-width:600px){.booking-icon{width:16px;height:16px;flex-basis:16px}}