.l-about-banner{display:flex;align-items:center;padding-block:calc(var(--header-total-h) + var(--space-16)) var(--space-16);background:var(--color-banner-gradient);color:#fff}.l-about-banner h1{font-size:var(--text-5xl);color:#fff;margin:0 0 var(--space-3)}.l-about-banner p{color:var(--color-primary);font-size:var(--text-lg);font-family:var(--font-heading);letter-spacing:.05em}.shell .c-breadcrumb{padding-block:var(--space-4)}.c-slider__viewport{border-radius:0}.l-about-certs .c-slider__item{flex:0 0 calc(50% - 10px)}@media (min-width:48em){.l-about-certs .c-slider__item{flex:0 0 calc(20% - 20px)}}.l-about-certs__cert{overflow:hidden;height:100%;border-radius:10px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.l-about-certs__cert img{width:100%;height:100%;display:block}.l-about-intro{padding-block:var(--space-16);background:var(--color-surface-muted)}.l-about-intro__grid{display:grid;gap:var(--space-10)}@media (min-width:768px){.l-about-intro__grid{grid-template-columns:1fr 1fr;align-items:center}}.l-about-intro__img{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;position:relative}.l-about-intro__img img{width:100%;height:100%;object-fit:cover;display:block}.l-about-intro__text h2{font-size:var(--text-3xl);margin:0 0 var(--space-4);color:var(--color-primary)}.l-about-intro__scroll{max-height:350px;overflow-y:auto;padding-right:var(--space-4)}.l-about-intro__scroll p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.l-about-stats{padding:0;background:url(https://oupuoptic.com/wp-content/themes/GlobalZT/assets/images/about/number-bg.webp) center / cover no-repeat fixed;position:relative}.l-about-stats::before{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .5)}.l-about-stats__inner{position:relative;padding:var(--space-24) var(--space-16)}.l-about-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media (min-width:48em){.l-about-stats__grid{grid-template-columns:repeat(4,1fr)}}.l-about-stats__item{text-align:center;color:#fff}.l-about-stats__num{display:block;font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.l-about-stats__label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:rgb(255 255 255 / .75)}.l-about-services{padding-block:var(--space-20)}.l-about-services__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width:36em){.l-about-services__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:64em){.l-about-services__grid{grid-template-columns:repeat(4,1fr)}}.l-about-services__item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3 / 4;cursor:pointer}.l-about-services__item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.l-about-services__item:hover img{transform:scale(1.1)}.l-about-services__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(21 34 56 / .85) 0%,rgb(44 82 130 / .2) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);opacity:0;transform:scale(.9);transition:all 0.35s ease}.l-about-services__item:hover .l-about-services__overlay{opacity:1;transform:scale(1)}.l-about-services__overlay h3{color:var(--color-primary);font-size:var(--text-lg);margin:0 0 var(--space-2)}.l-about-services__overlay p{color:rgb(255 255 255 / .85);font-size:var(--text-sm);margin:0;line-height:1.5}.l-about-timeline{background:var(--color-surface-muted)}.l-about-timeline__track{position:relative;margin:0 auto}.l-about-timeline__line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--color-border);transform:translateX(-50%)}.l-about-timeline__row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:start;gap:0;padding-bottom:var(--space-12);position:relative}.l-about-timeline__row:last-child{padding-bottom:0}.l-about-timeline__spacer{display:block}.l-about-timeline__connector{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;z-index:1}.l-about-timeline__dot{width:16px;height:16px;border-radius:50%;background:var(--color-primary-blue);border:3px solid var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-blue);flex-shrink:0}.l-about-timeline__year{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--color-primary-blue);white-space:nowrap}.l-about-timeline__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.l-about-timeline__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.l-about-timeline__card-img{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-surface-muted)}.l-about-timeline__card-img img{width:100%;height:100%;object-fit:cover;display:block}.l-about-timeline__card-body{padding:var(--space-5)}.l-about-timeline__card-body h3{font-size:var(--text-base);margin:0 0 var(--space-2);color:var(--color-primary)}.l-about-timeline__card-body p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.js-timeline-card{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.js-timeline-card.is-visible{opacity:1;transform:translateY(0)}.l-about-timeline__row--left .l-about-timeline__card::after{content:"";position:absolute;top:8px;right:-40px;width:40px;height:2px;background:var(--color-border)}.l-about-timeline__row--right .l-about-timeline__card::after{content:"";position:absolute;top:8px;left:-40px;width:40px;height:2px;background:var(--color-border)}.l-about-timeline__card{position:relative}@media (min-width:64em){.l-about-timeline__row--left .l-about-timeline__card{grid-column:1;grid-row:1;margin-right:var(--space-8)}.l-about-timeline__row--left .l-about-timeline__connector{grid-column:2;grid-row:1}.l-about-timeline__row--left .l-about-timeline__spacer{grid-column:3;grid-row:1}.l-about-timeline__row--right .l-about-timeline__spacer{grid-column:1;grid-row:1}.l-about-timeline__row--right .l-about-timeline__connector{grid-column:2;grid-row:1}.l-about-timeline__row--right .l-about-timeline__card{grid-column:3;grid-row:1;margin-left:var(--space-8)}}@media (min-width:48em) and (max-width:63.99em){.l-about-timeline__row{grid-template-columns:1fr 60px 1fr;padding-bottom:var(--space-10)}.l-about-timeline__line{left:50%}}@media (max-width:47.99em){.l-about-timeline__line{left:22px}.l-about-timeline__row{grid-template-columns:44px 1fr;padding-bottom:var(--space-8)}.l-about-timeline__row--left .l-about-timeline__card,.l-about-timeline__row--right .l-about-timeline__card{grid-column:2;grid-row:1;margin:0}.l-about-timeline__row--left .l-about-timeline__connector,.l-about-timeline__row--right .l-about-timeline__connector{grid-column:1;grid-row:1}.l-about-timeline__spacer{display:none}.l-about-timeline__row--left .l-about-timeline__card::after,.l-about-timeline__row--right .l-about-timeline__card::after{left:-22px;right:auto;width:22px}.l-about-timeline__dot{width:14px;height:14px}.l-about-timeline__year{font-size:var(--text-sm)}}.l-about-gallery{padding-block:var(--space-20)}.l-about-gallery__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width:768px){.l-about-gallery__grid{grid-template-columns:repeat(2,1fr)}}.l-about-gallery__item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.l-about-gallery__item img{width:100%;display:block;transition:transform 0.4s ease}.l-about-gallery__item:hover img{transform:scale(1.05)}.l-about-gallery__hover{position:absolute;inset:0;background:rgb(44 82 130 / .55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.l-about-gallery__item:hover .l-about-gallery__hover{opacity:1}.l-about-gallery__label{position:absolute;bottom:var(--space-4);left:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);font-family:var(--font-heading)}.c-modal--gallery .c-slider__track{gap:0}.c-modal--gallery .c-slider__item{flex:0 0 100%;max-width:100%;display:flex;justify-content:center;align-items:center}.c-modal--gallery .c-slider__viewport{border-radius:var(--radius-lg);overflow:hidden}.c-modal--gallery img{width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-md);display:block}@media (max-width:768px){.l-about-stats__inner{padding:50px 30px}.l-about-stats__grid{grid-template-columns:repeat(1,1fr)}.l-about-services__overlay{opacity:1;transform:scale(1)}}