.about-hero{background:linear-gradient(to bottom,rgb(13 17 23 / .82),rgb(13 17 23 / .64)),url("https://friendsteelpipe.com/wp-content/themes/GlobalZT/assets/images/about/Tianjin Friend Metal Material Co.,Ltd.webp") center/cover no-repeat fixed;color:#fff;padding:12rem 0 6rem;position:relative;overflow:hidden}.about-hero .p-banner__layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;position:relative;z-index:2}.about-hero .p-banner__eyebrow{color:var(--clr-primary);font-family:var(--font-display);font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;display:block}.about-hero .p-banner__title{font-family:var(--font-display);font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:900;line-height:1.1;text-transform:uppercase;margin-bottom:2rem}.about-hero .p-banner__desc{font-size:1.15rem;line-height:1.7;color:rgb(255 255 255 / .8);max-width:620px}.about-hero .p-banner__adv{display:grid;grid-template-columns:1fr;gap:1.5rem}.about-hero .p-adv-item{background:rgb(255 255 255 / .1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-left:3px solid var(--clr-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:transform 0.3s ease,background 0.3s ease}.about-hero .p-adv-item:hover{transform:translateX(10px);background:rgb(255 255 255 / .14)}.about-hero .p-adv-item__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.about-hero .p-adv-item__text{font-size:.875rem;color:rgb(255 255 255 / .68)}.about-company{background:var(--clr-bg)}.about-tabs{margin-top:2rem}.about-tabs__nav-wrap{--about-tabs-nav-gap:0.75rem;display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem}.about-tabs__nav{display:flex;gap:var(--about-tabs-nav-gap);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1}.about-tabs__nav::-webkit-scrollbar{display:none}.about-tabs__nav-control{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgb(14 73 151 / .2);background:#fff;color:#143865;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.2s ease,transform 0.2s ease,color 0.2s ease,border-color 0.2s ease;opacity:0;pointer-events:none}.about-tabs__nav-wrap.has-overflow .about-tabs__nav-control{opacity:1;pointer-events:auto}.about-tabs__nav-control:hover:not(:disabled){color:#0f2f58;border-color:rgb(14 73 151 / .45);transform:translateY(-1px)}.about-tabs__nav-control:disabled{opacity:.38;cursor:not-allowed}.about-tabs__btn{flex:0 0 calc((100% - (var(--about-tabs-nav-gap) * 2)) / 3);border:1px solid rgb(14 73 151 / .16);background:#f8fafc;color:#27374d;border-radius:10px;padding:.7rem .95rem;font-size:.9rem;cursor:pointer;transition:color 0.25s ease,background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease}.about-tabs__btn.is-active,.about-tabs__btn:hover{color:#12335f;background:#fff;border-color:rgb(14 73 151 / .35);box-shadow:0 6px 18px rgb(10 38 75 / .08)}.about-tabs__panel-wrap{background:#fff;border-radius:16px;border:1px solid rgb(14 73 151 / .12);overflow:hidden;box-shadow:0 16px 40px rgb(10 38 75 / .08)}.about-tabs__panel{display:none}.about-tabs__panel.is-active{display:block}.about-tabs__content{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center;padding:1.6rem}.about-tabs__panel.is-active .about-tabs__text{animation:tabsTextSlideIn 0.45s ease both}.about-tabs__panel.is-active .about-tabs__image{animation:tabsImageSlideIn 0.45s ease both}.about-tabs__text{max-height:300px;overflow-y:auto}.about-tabs__text h3{font-size:1.45rem;margin-bottom:.85rem}.about-tabs__text p{color:var(--clr-text-muted);margin-bottom:.8rem;line-height:1.75}.about-tabs__highlights{margin-top:1rem;display:grid;gap:.6rem;padding-left:1rem}.about-tabs__highlights li{color:var(--clr-text-muted);line-height:1.65}.about-tabs__highlights strong{color:#122f57}.about-tabs__image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.about-services{background:linear-gradient(180deg,#f8fbff 0%,#f2f6fc 100%)}.about-services__layout{margin-top:2rem;display:grid;grid-template-columns:0.95fr 1.05fr;gap:2rem;align-items:stretch}.about-services__intro{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgb(12 35 66 / .88),rgb(18 55 102 / .8)),url(https://friendsteelpipe.com/wp-content/themes/GlobalZT/assets/images/product-img.webp) center/cover fixed no-repeat;border-radius:16px;padding:2rem;color:#fff;box-shadow:0 18px 40px rgb(10 38 75 / .2);text-align:center}.about-services__intro h3{font-size:1.45rem;margin-bottom:1rem}.about-services__intro p{color:rgb(255 255 255 / .82);line-height:1.8}.about-services__metrics{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.about-services__metrics div{border-radius:12px;padding:.85rem .7rem;text-align:center;background:rgb(255 255 255 / .12)}.about-services__metrics strong{display:block;font-size:1.05rem;font-family:var(--font-display)}.about-services__metrics span{font-size:.8rem;color:rgb(255 255 255 / .74)}.about-services__flow{display:grid;gap:1rem}.about-service-item{display:grid;grid-template-columns:56px 1fr;gap:1rem;align-items:start;position:relative;overflow:hidden;background:linear-gradient(140deg,#ffffff 0%,#f7fbff 100%);border-radius:14px;border:1px solid rgb(14 73 151 / .12);padding:1.15rem 1.2rem;box-shadow:0 10px 24px rgb(10 38 75 / .06);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.about-service-item::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgb(35 92 170 / .08),#fff0 52%);opacity:0;transition:opacity 0.25s ease;pointer-events:none}.about-service-item:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgb(10 38 75 / .14);border-color:rgb(14 73 151 / .28)}.about-service-item:hover::before{opacity:1}.about-service-item__icon{width:48px;height:48px;border-radius:10px;background:rgb(29 109 227 / .1);color:var(--clr-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:inset 0 0 0 1px rgb(14 73 151 / .12);transition:transform 0.25s ease,background-color 0.25s ease}.about-service-item:hover .about-service-item__icon{transform:translateY(-2px) scale(1.05);background:rgb(29 109 227 / .16)}.about-service-item__body h3{font-size:1.04rem;margin-bottom:.42rem}.about-service-item__body p{color:var(--clr-text-muted);line-height:1.75}.about-video-banner{position:relative;min-height:52vh;display:flex;align-items:center;justify-content:center;text-align:center;background:url(https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?q=80&w=1800&auto=format&fit=crop) center/cover no-repeat}.about-video-banner__overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgb(5 22 46 / .82),rgb(10 38 75 / .45))}.about-video-banner__inner{position:relative;z-index:1;color:#fff}.about-video-banner__inner h2{font-size:clamp(1.8rem, 4vw, 2.8rem);margin-bottom:.65rem}.about-video-banner__inner p{color:rgb(255 255 255 / .92);margin-bottom:1.6rem}.about-video-play{position:relative;width:92px;height:92px;border:none;background:#fff0;cursor:pointer}.about-video-play__halo{position:absolute;inset:0;border-radius:50%;background:rgb(255 255 255 / .22);animation:playHalo 1.9s ease-out infinite}.about-video-play__icon{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--clr-primary);font-size:1.4rem;box-shadow:0 10px 24px rgb(3 16 35 / .35)}@keyframes playHalo{0%{transform:scale(1);opacity:1}100%{transform:scale(1.7);opacity:0}}.about-certs{background:var(--clr-bg-soft)}.about-certs__grid{margin-top:1.8rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.about-cert-card{background:#fff;overflow:hidden;box-shadow:0 10px 22px rgb(11 35 70 / .08);border:1px solid rgb(14 73 151 / .12);cursor:pointer;transition:transform 0.25s ease,box-shadow 0.25s ease}.about-cert-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgb(11 35 70 / .14)}.about-cert-card:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}.about-cert-card img{width:100%;height:100%;object-fit:cover}.about-video-modal{position:fixed;inset:0;background:rgb(6 18 38 / .86);z-index:3000;display:none;align-items:center;justify-content:center;padding:1rem}.about-video-modal.is-open{display:flex}.about-video-modal__dialog{position:relative;margin-top:126px;width:auto;height:calc(100vh - 126px - 5rem);max-width:min(92vw, 1400px);border-radius:12px;overflow:hidden;background:#000;box-shadow:0 24px 40px rgb(0 0 0 / .4)}.about-video-modal__dialog video{width:auto;height:100%;max-width:100%;display:block}.about-video-modal__close{position:absolute;top:10px;right:10px;width:38px;height:38px;border:none;border-radius:50%;background:rgb(0 0 0 / .55);color:#fff;cursor:pointer;z-index:2}.about-cert-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:1rem;background:rgb(6 18 38 / .86)}.about-cert-modal.is-open{display:flex}.about-cert-modal__dialog{position:relative;width:min(90vw, 980px);max-height:88vh;background:#0a1d36;border-radius:12px;padding:.5rem;box-shadow:0 24px 42px rgb(0 0 0 / .45)}.about-cert-modal__dialog img{display:block;width:100%;max-height:calc(70vh - 1rem);object-fit:contain;border-radius:8px}.about-cert-modal__close{position:absolute;top:10px;right:10px;width:38px;height:38px;border:none;border-radius:50%;background:rgb(0 0 0 / .55);color:#fff;cursor:pointer;z-index:2}@keyframes tabsTextSlideIn{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes tabsImageSlideIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.about-services__layout{grid-template-columns:1fr}}@media (max-width:992px){.about-hero{padding:10.5rem 0 5rem}.about-hero .p-banner__layout{grid-template-columns:1fr;gap:2rem}.about-tabs__content{grid-template-columns:1fr}.about-tabs__btn{flex-basis:calc((100% - var(--about-tabs-nav-gap)) / 2)}.about-certs__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.about-hero{padding:9.5rem 0 4.5rem;background-attachment:scroll}.about-hero .p-banner__title{margin-bottom:1.25rem}.about-services__metrics{grid-template-columns:1fr}.about-services__intro{background-attachment:scroll}.about-tabs__nav-wrap{gap:.45rem}.about-tabs__btn{flex-basis:100%;text-align:left}.about-tabs__nav-control{width:2rem;height:2rem}.about-certs__grid{grid-template-columns:repeat(2,1fr)}.about-video-modal__dialog{width:90vw;height:auto;max-height:80vh}.about-video-modal__dialog video{width:100%;height:auto;max-height:80vh}.about-service-item{grid-template-columns:48px 1fr;padding:1rem}.about-cert-modal__dialog{width:94vw}}@media (max-width:520px){.about-certs__grid{grid-template-columns:1fr 1fr;gap:.75rem}}