.home-gallery-section { position: relative; overflow: hidden; padding: 76px 0 82px; background: linear-gradient(180deg, #fff 0%, #fff8f2 100%); }.home-gallery-section::before { position: absolute; top: 0; left: 50%; width: min(88vw, 1200px); height: 1px; background: #f0d7c1; content: ""; transform: translateX(-50%); }.home-gallery-section .section-heading,.testimonials-heading { margin-bottom: 36px; }.home-gallery-section .section-heading h2,.testimonials-heading h2 { font-size: clamp(2rem, 3vw, 2.9rem); }.home-gallery-section .section-heading h2::after { display: block; width: 52px; height: 3px; margin: 15px auto 0; background: #FC6C00; content: ""; }.home-extra-empty { max-width: 420px; margin: 0 auto; text-align: center; }
.gallery-carousel-window { position: relative; overflow: hidden; padding: 12px 3px 18px; }.gallery-carousel-window::before,.gallery-carousel-window::after { position: absolute; z-index: 2; top: 0; bottom: 0; width: 100px; pointer-events: none; content: ""; }.gallery-carousel-window::before { left: 0; background: linear-gradient(90deg, #fff8f2, transparent); }.gallery-carousel-window::after { right: 0; background: linear-gradient(270deg, #fff8f2, transparent); }.gallery-carousel-track { display: flex; width: max-content; gap: 18px; will-change: transform; }.gallery-carousel-card { position: relative; display: block; width: 206px; height: 118px; flex: 0 0 206px; overflow: hidden; border: 1px solid #f0d7c1; border-radius: 8px; background: #fff; box-shadow: 0 10px 26px rgba(201, 85, 0, .07); color: #fff; text-decoration: none; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }.gallery-carousel-card::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(82, 35, 0, .8)); content: ""; }.gallery-carousel-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }.gallery-carousel-card span { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; padding: 20px 14px 12px; font: 700 .9rem/1.25 "Lora", serif; text-align: center; }.gallery-carousel-card:hover { z-index: 1; transform: translateY(-6px); border-color: #FC6C00; box-shadow: 0 18px 35px rgba(201, 85, 0, .15); }.gallery-carousel-card:hover img { transform: scale(1.07); }
.testimonials-section { position: relative; overflow: hidden; padding: 82px 0 88px; background: radial-gradient(circle at 15% 30%, rgba(67, 136, 216, .34), transparent 31%), radial-gradient(circle at 86% 88%, rgba(239, 173, 45, .17), transparent 27%), linear-gradient(120deg, #061f48, #123e78 60%, #082c60); color: #fff; }.testimonials-section::before { position: absolute; inset: 18px; border: 1px solid rgba(255,255,255,.1); content: ""; pointer-events: none; }.testimonials-section .container { position: relative; }.testimonials-section .section-label { color: #ffbf48; }.testimonials-section .section-heading h2 { color: #fff; }.testimonials-section .section-heading h2::after { display: block; width: 52px; height: 3px; margin: 15px auto 0; background: #ffbf48; content: ""; }.testimonial-window { max-width: 1180px; margin: 0 auto; overflow: hidden; padding: 4px; }.testimonials-grid { display: flex; gap: 22px; will-change: transform; }.testimonial-card { flex: 0 0 calc(50% - 11px); }.testimonial-card { position: relative; display: flex; min-height: 265px; flex-direction: column; padding: 31px 33px 27px; border: 1px solid rgba(255,255,255,.22); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.06)); box-shadow: 0 18px 36px rgba(1,16,42,.2); }.testimonial-quote-mark { display: block; height: 38px; color: #ffc145; font: 700 5rem/.75 "Lora", serif; }.testimonial-card blockquote { flex: 1; margin: 16px 0 25px; color: #f5f8fe; font: 500 1.08rem/1.7 "Source Sans 3", sans-serif; }.testimonial-card footer { display: flex; align-items: center; gap: 13px; padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,.22); background: transparent; color: #fff; }.testimonial-card footer img,.testimonial-avatar { width: 48px; height: 48px; border: 2px solid rgba(255,255,255,.52); border-radius: 50%; object-fit: cover; }.testimonial-avatar { display: grid; place-items: center; box-sizing: border-box; background: #ffc145; color: #092b5d; font: 700 1.12rem "Lora", serif; }.testimonial-card footer div { display: grid; gap: 3px; }.testimonial-card footer strong { color: #fff; font: 700 .9rem "Source Sans 3", sans-serif; letter-spacing: .06em; text-transform: uppercase; }.testimonial-card footer div span { color: #bcd1ed; font: .87rem "Source Sans 3", sans-serif; }
@media (max-width: 760px) { .home-gallery-section,.testimonials-section { padding: 57px 0 62px; }.gallery-carousel-card { width: 164px; height: 98px; flex-basis: 164px; }.gallery-carousel-window::before,.gallery-carousel-window::after { width: 42px; }.testimonials-section::before { inset: 10px; }.testimonial-card { flex-basis: 100%; }.testimonial-card { min-height: 235px; padding: 27px 23px; }.testimonial-card blockquote { font-size: 1rem; } }
