.about-hero{position: relative;width: 100%;height: 520px;overflow: hidden}.has-hero-header .about-hero{margin-top: calc(var(--header-offset) * -1)}.about-hero-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.about-hero-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(to bottom,rgba(var(--brand-rgb),.06) 0%,rgba(var(--brand-rgb),.16) 100%)}.has-hero-header .about-hero-overlay{padding-top: var(--header-offset)}.about-hero-title{display: inline-block;color: var(--text-light);font-size: clamp(2rem,5vw,3rem);text-align: center;text-shadow: var(--shadow-text);margin: 0;padding: 6px 22px}.about-hero-overlay .container{text-align: center}.about-content{padding: 0}.about-tabs{padding: 16px 0}.about-tabs-nav{max-width: var(--container-w);margin: 0 auto;padding: 5px;background: var(--brand);border-radius: var(--radius-lg)}.about-tabs-list{display: flex;list-style: none;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;padding: 0;margin: 0}.about-tabs-list::-webkit-scrollbar{display: none}.about-tabs-item{flex: 1;flex-shrink: 0;text-align: center}.about-tab-link{display: block;padding: 14px 22px;color: var(--text-light);font-size: .8rem;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;white-space: nowrap;border-radius: var(--radius);transition: background var(--transition),color var(--transition)}.about-tab-link:hover{background: rgba(var(--brand-rgb),.6);color: var(--accent)}.about-tab-link.active{background: var(--surface);color: var(--brand)}.about-tab-panel{display: none;padding: 36px 0}.about-tab-panel.active{display: block}.about-section-title{color: var(--brand);margin-bottom: 12px}.about-subtitle{color: var(--brand);font-size: 1.05rem;font-weight: 600;margin-bottom: 12px}.about-body-text{color: var(--text-secondary)}.about-body-text-lg{font-size: 1.05rem;line-height: 1.75}.about-category-label{background: var(--border-light);color: var(--brand);font-size: .85rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;padding: 10px 16px;border-radius: var(--radius);margin-bottom: 20px}.about-category-label-spaced{margin-top: 36px}.about-category-label-tight{margin-top: 48px}.about-overview-row{display: grid;grid-template-columns: 1fr;gap: 36px;margin-bottom: 48px}.about-overview-image{order: -1}@media (min-width: 992px){.about-overview-row{grid-template-columns: 60fr 40fr;align-items: start}.about-overview-image{order: 0}} .about-overview-image{aspect-ratio: 1 / 1}.about-overview-img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius-lg);box-shadow: var(--shadow)}.about-companies{margin-top: 40px}.about-logo-grid{display: flex;flex-wrap: wrap;gap: 24px;align-items: center;margin-top: 16px}.about-company-logo{height: 44px;width: auto;object-fit: contain;transition: transform var(--transition)}.about-company-logo:hover{transform: scale(1.05)}.about-team-filter{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 32px}.about-team-btn{padding: 10px 20px;border: 2px solid var(--brand);border-radius: var(--radius);background: transparent;color: var(--brand);font-size: .8rem;font-weight: 600;text-transform: uppercase;letter-spacing: .04em;cursor: pointer;transition: background var(--transition),color var(--transition)}.about-team-btn.active{background: var(--brand);color: var(--text-light)}#staff-grid{align-items: start}.about-staff-card{border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow-sm);transition: box-shadow var(--transition),border-color var(--transition);overflow: hidden}.about-staff-card:hover{box-shadow: var(--shadow);border-color: var(--brand-light)}.about-staff-card-inner{padding: 24px}.about-staff-layout{display: flex;gap: 20px;margin-bottom: 16px}.about-staff-photo-wrap{flex-shrink: 0}.about-staff-photo{width: 110px;height: 110px;border-radius: 50%;object-fit: cover;border: 2px solid var(--brand)}.about-staff-placeholder{width: 110px;height: 110px;border-radius: 50%;background: var(--border-light);display: flex;align-items: center;justify-content: center;color: var(--text-muted);border: 2px solid var(--brand)}.about-staff-placeholder-icon{width: 40px;height: 40px}.about-staff-info{flex: 1;min-width: 0}.about-staff-name{font-family: 'Poppins','Segoe UI',Arial,sans-serif;color: var(--brand);font-size: 1rem;margin-bottom: 2px}.about-staff-position{color: var(--text-secondary);font-size: .85rem;margin-bottom: 8px}.about-staff-contact{display: flex;align-items: center;gap: 6px;color: var(--text-secondary);font-size: .82rem;margin-bottom: 4px}.about-staff-contact-icon{width: 14px;height: 14px;flex-shrink: 0;padding: 4px;border: 1.5px solid var(--brand);border-radius: 50%;box-sizing: content-box;color: var(--brand)}.about-staff-bio{color: var(--text-secondary);font-size: .9rem;line-height: 1.65;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;transition: max-height .4s ease}.about-staff-bio.expanded{display: block;-webkit-line-clamp: unset;max-height: none;overflow: visible}.about-read-more{display: inline-flex;align-items: center;gap: 4px;background: none;border: none;padding: 0;font-family: inherit;color: var(--brand);font-size: .82rem;font-weight: 600;margin-top: 8px;cursor: pointer;transition: color var(--transition)}.about-read-more:hover{color: var(--accent-dark)}.about-read-more-icon{width: 14px;height: 14px;transition: transform .25s ease}.about-read-more.open .about-read-more-icon{transform: rotate(180deg)}.about-year-btns{display: flex;flex-wrap: wrap;margin-bottom: 24px;border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden}.about-year-btn{flex: 1;min-width: 70px;padding: 12px 8px;border: none;border-right: 1px solid var(--border);background: var(--bg);color: var(--brand);font-size: .85rem;font-weight: 600;cursor: pointer;transition: background var(--transition),color var(--transition)}.about-year-btn:last-child{border-right: none}.about-year-btn:hover{background: var(--brand-light);color: var(--brand)}.about-year-btn.active{background: var(--brand);color: var(--text-light)}.about-carousel{position: relative;background: var(--brand-dark);border-radius: var(--radius-lg);overflow: hidden;margin-bottom: 16px;height: 620px}.about-carousel-track{display: flex;height: 100%;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none}.about-carousel-track::-webkit-scrollbar{display: none}.about-carousel-slide{flex: 0 0 100%;height: 100%;scroll-snap-align: start;position: relative}.about-carousel-slide img{width: 100%;height: 100%;object-fit: cover;position: absolute;inset: 0}.about-carousel-nav{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(var(--brand-rgb),.82);color: var(--text-light);border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background var(--transition);z-index: 1}.about-carousel-nav:hover{background: var(--brand)}.about-carousel-nav-prev{left: 10px}.about-carousel-nav-next{right: 10px}.about-carousel-nav i[data-lucide]{width: 20px;height: 20px}.about-carousel-counter{position: absolute;bottom: 10px;right: 12px;background: var(--brand-dark);color: var(--text-light);font-size: .75rem;font-weight: 600;padding: 3px 10px;border-radius: 20px}.about-partner-logo-grid{display: grid;grid-template-columns: repeat(auto-fill,160px);justify-content: space-between;justify-items: center;align-items: center;row-gap: 30px;padding: 15px 0}.about-partner-logo{width: 120px;height: auto;object-fit: contain;transition: transform var(--transition)}.about-partner-logo:hover,.about-partner-logo-square:hover{transform: scale(1.08)}.about-partner-logo-square{width: 120px;height: 120px;object-fit: contain;transition: transform var(--transition)}.about-partner-link{display: inline-block}.about-accred-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 24px 20px;box-shadow: var(--shadow-sm);transition: box-shadow var(--transition),border-color var(--transition);text-align: center;display: flex;flex-direction: column;align-items: center}.about-accred-card:hover{box-shadow: var(--shadow);border-color: var(--brand-light)}.about-accred-logo-wrap{width: 100%;display: flex;align-items: center;justify-content: center;min-height: 80px;margin-bottom: 14px}.about-accred-logo{object-fit: contain;display: block}.about-accred-logo-sm{max-height: 60px;max-width: 120px}.about-accred-logo-md{max-height: 80px;max-width: 160px}.about-accred-logo-lg{max-height: 100px;max-width: 200px}.about-accred-name{color: var(--brand);font-size: .95rem;margin-bottom: 8px}.about-accred-bio{color: var(--text-secondary);font-size: .85rem;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;transition: max-height .4s ease;width: 100%;text-align: left}.about-accred-bio.expanded{display: block;-webkit-line-clamp: unset;max-height: none;overflow: visible}.about-accred-read-more{display: inline-flex;align-items: center;gap: 4px;background: none;border: none;padding: 0;font-family: inherit;color: var(--brand);font-size: .8rem;font-weight: 600;margin-top: 10px;cursor: pointer;transition: color var(--transition)}.about-accred-read-more:hover{color: var(--accent-dark)}.about-accred-read-more-icon{width: 13px;height: 13px;transition: transform .25s ease}.about-accred-read-more.open .about-accred-read-more-icon{transform: rotate(180deg)}.about-wholesale-list{list-style: disc;padding-left: 20px;margin-top: 12px;columns: 3;column-gap: 40px}.about-wholesale-item{color: var(--text-secondary);font-size: .95rem;margin-bottom: 6px;padding-left: 4px;break-inside: avoid}@media (max-width: 1199px){.about-hero{height: 360px}.about-tabs-list{flex-direction: column;overflow-x: visible}.about-tabs-item{flex: 1 1 auto}} @media (max-width: 991px){.about-tab-link{padding: 14px 16px;font-size: .75rem}.about-tab-panel{padding: 40px 0}.about-hero{height: 300px}.about-carousel{height: 450px}.about-overview-image{max-width: 480px;margin: 0 auto}} @media (max-width: 767px){.about-tab-panel{padding: 28px 0}.about-hero{height: 240px}.about-hero-title{font-size: 1.5rem;padding: 10px 22px}.about-staff-layout{flex-direction: column;align-items: center;text-align: center}.about-staff-contact{justify-content: flex-start}.about-carousel{height: 340px}.about-partner-logo-grid{grid-template-columns: repeat(auto-fill,100px)}.about-partner-logo{width: 100px}.about-partner-logo-square{width: 100px;height: 100px}.about-wholesale-list{columns: 2}} @media (max-width: 575px){.about-tab-link{padding: 12px 12px;font-size: .7rem;letter-spacing: .03em}.about-year-btn{padding: 6px 10px;font-size: .78rem}.about-carousel{height: 250px}.about-partner-logo-grid{grid-template-columns: repeat(auto-fill,80px)}.about-partner-logo{width: 80px}.about-partner-logo-square{width: 80px;height: 80px}.about-wholesale-list{columns: 1}}