/* About content only. Header/Footer and all other page styles are preserved. */
.about-page{--about-navy:#08084c;--about-blue:#0c55e9;--about-copy:#405789;--about-line:#b7ddfa;background:linear-gradient(180deg,#fff 19rem,#fff 32rem,#f2faff 78rem,#fff);color:var(--about-navy)}
.about-page .about-hero-scene{position:absolute;z-index:-1;inset:0 0 auto;height:17.72rem;overflow:hidden;background:#02316e}
.about-page .about-hero-scene>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.about-page .about-hero{height:13.925rem;position:relative;color:#fff}
.about-page .about-hero-copy{width:55.25rem;max-width:calc(100% - 3rem);margin:auto;padding-top:2.15rem;position:relative}
.about-page .about-hero h1{color:#effdff;font-size:3.85rem;font-weight:850;line-height:1.2;letter-spacing:.07rem;max-width:29rem;text-shadow:0 .12rem .3rem #00234e60}
@supports(background-clip:text){.about-page .about-hero h1{background:linear-gradient(180deg,#fff 28%,#d9faff 65%,#8fe4f4);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}}
.about-page .about-hero-english{font:650 2rem/1.2 Arial,sans-serif;letter-spacing:.035rem;color:#8ce9f4;margin-top:.18rem;max-width:30rem}
.about-page .about-hero-description{font-size:1.45rem;line-height:1.6;font-weight:500;color:#fff;margin-top:.12rem;text-shadow:0 1px 4px #001b46;max-width:29rem}
.about-page .about-content{width:59.1rem;max-width:calc(100% - 3rem);margin:0 auto;padding-bottom:.7rem}
.about-page .about-breadcrumb{min-height:2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;border-bottom:1px solid #c5e1f6;color:var(--about-copy);font-size:.82rem;line-height:1.6}
.about-page .about-breadcrumb a:hover{color:var(--about-blue);text-decoration:underline}
.about-page .about-breadcrumb>span[aria-hidden]{color:var(--about-blue);font-size:1.15rem}
.about-page .about-section-heading{display:flex;gap:1.1rem;align-items:center;min-height:3.45rem;padding:0;min-width:0}
.about-page .about-section-number{color:var(--about-blue);font:800 2.75rem/1 Arial,sans-serif;position:relative;flex:none;padding-bottom:.42rem}
.about-page .about-section-number:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.25rem;border-radius:.2rem;background:linear-gradient(90deg,#04e5e5,#00a5f3 55%,#09dfdb)}
.about-page .about-section-heading h2{color:var(--about-navy);font-size:2.1rem;line-height:1.3;font-weight:850;position:relative;padding-left:1.3rem}
.about-page .about-section-heading h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:.12rem;background:var(--about-blue)}
.about-page .about-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.055fr);gap:2rem;align-items:stretch;margin-top:1.05rem}
.about-page .about-introduction-copy{min-width:0;padding-bottom:.2rem}
.about-page .about-introduction .about-section-heading{margin-bottom:.6rem}
.about-page .about-company-name{font-size:1.75rem;line-height:1.45;letter-spacing:-.025rem;font-weight:850;color:var(--about-navy);overflow-wrap:anywhere}
.about-page .about-company-english{font:500 1.06rem/1.5 Arial,sans-serif;letter-spacing:.3rem;color:var(--about-copy);margin-top:.12rem;overflow-wrap:anywhere}
.about-page .about-introduction-paragraphs{margin-top:.65rem;font-size:.98rem;line-height:1.65;color:var(--about-copy)}
.about-page .about-introduction-paragraphs p+p{margin-top:.45rem}
.about-page .about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.85rem 0 0;list-style:none;border-top:1px solid #7cbbff;padding:.7rem 0 0;color:var(--about-navy);font-size:1rem;font-weight:650;line-height:1.3}
.about-page .about-values li{text-align:center;border-left:1px solid #7cbbff;padding-inline:.35rem;overflow-wrap:anywhere}
.about-page .about-introduction-image{min-width:0;min-height:18.25rem;border-radius:.85rem;overflow:hidden;background:#d6eeff}
.about-page .about-introduction-image>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.about-page .about-section{margin-top:.8rem}
.about-page .about-service-grid{display:grid;grid-template-columns:minmax(0,2.85fr) repeat(3,minmax(0,1fr));gap:.6rem}
.about-page .about-virus-card,.about-page .about-service-card{min-width:0;border:1px solid var(--about-line);border-radius:.55rem;background:linear-gradient(130deg,#fff,#f7fcff);box-shadow:0 .2rem .8rem #1b9ad414}
.about-page .about-virus-card{display:flex;gap:.75rem;padding:.8rem .8rem .75rem .65rem;align-items:center;min-height:10rem}
.about-page .about-virus-art{width:7.9rem;aspect-ratio:1;flex:none;border-radius:50%;background:radial-gradient(circle at 45% 45%,#e7f6ff,#dff2ff 66%,#f4fbff 67%);display:flex;align-items:center;justify-content:center}
.about-page .about-virus-art img{width:94%;height:94%;object-fit:contain}
.about-page .about-virus-copy{min-width:0;flex:1}
.about-page .about-virus-copy h3{font-size:1.4rem;line-height:1.5;font-weight:800;margin-bottom:.55rem;color:var(--about-navy)}
.about-page .about-virus-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .55rem}
.about-page .about-virus-links a{display:flex;align-items:center;justify-content:center;min-height:2.35rem;font-size:.87rem;font-weight:550;line-height:1.4;padding:.3rem .25rem;border:1px solid #c8e8ff;border-radius:.4rem;background:#eaf6ff;color:var(--about-navy);text-align:center;overflow-wrap:anywhere}
.about-page .about-virus-links a:hover{background:#daf0ff;border-color:#6bb9ff}
.about-page .about-service-card{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:.5rem .35rem .7rem;gap:.35rem;min-height:10rem}
.about-page .about-service-icon{width:4.3rem;height:4.3rem;flex:none;display:block}
.about-page .about-service-icon>img{width:100%;height:100%;object-fit:contain}
.about-page .about-molecule-icon{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#f5fcff,#d4ebff);color:var(--about-blue)}
.about-page .about-molecule-icon svg{width:2.8rem;height:2.8rem}
.about-page .about-service-card h3{font-size:1.08rem;font-weight:800;line-height:1.45;color:var(--about-navy);overflow-wrap:anywhere}
.about-page .about-round-arrow{display:grid;place-items:center;width:2.35rem;height:2.35rem;flex:none;border-radius:50%;color:var(--about-blue);background:radial-gradient(circle at 35% 20%,#e6f7ff,#bde1ff);margin-top:.1rem}
.about-page .about-round-arrow svg{width:1.35rem;height:1.35rem}
.about-page .about-service-card:hover{border-color:#6bb9ff;background:#f1faff;box-shadow:0 .2rem .8rem #1b9ad428}
.about-page .about-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.65rem .3rem .9rem;list-style:none;border:1px solid #9dceff;border-radius:.55rem;background:linear-gradient(120deg,#ebf8ff,#e8f5ff);margin:0;position:relative;min-height:11.25rem}
.about-page .about-steps:before{content:"";position:absolute;height:1px;background:#419cff;top:1.68rem;left:12.5%;right:12.5%}
.about-page .about-steps>li{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .35rem}
.about-page .about-step-number{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(135deg,#058bff,#003efa);box-shadow:0 0 0 .18rem #f0faff;color:#fff;font:600 1.15rem/1 Arial,sans-serif;position:relative}
.about-page .about-step-icon{width:4.6rem;height:4.6rem;display:block;margin-top:.04rem}
.about-page .about-step-icon img{width:100%;height:100%;object-fit:contain}
.about-page .about-steps h3{font-size:1.2rem;line-height:1.5;font-weight:800;color:var(--about-navy);margin-top:.02rem}
.about-page .about-steps p{font-size:.95rem;line-height:1.65;color:var(--about-copy);margin-top:.2rem;overflow-wrap:anywhere}
.about-page .about-contact-panel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);border:1px solid #94caff;border-radius:.6rem;background:linear-gradient(90deg,#f4fbffff 0%,#eaf7fff2 37%,#d6efffd9 66%,#eaf7fff2),url('../assets/cases/cover-molecular-biology.webp') center/cover no-repeat;padding:.9rem 1.95rem 1rem 2.6rem;min-height:15rem;gap:1.65rem;align-items:center}
.about-page .about-contact-copy{min-width:0}
.about-page .about-contact-copy h3{font-size:1.7rem;font-weight:850;line-height:1.5;color:var(--about-navy);margin-bottom:.55rem;overflow-wrap:anywhere}
.about-page .about-contact-details{font-style:normal;color:var(--about-navy);font-size:1rem;line-height:1.55;display:grid;gap:.25rem}
.about-page .about-contact-details>a,.about-page .about-contact-details>div{display:flex;align-items:center;gap:.75rem;min-width:0}
.about-page .about-contact-details>a:hover{text-decoration:underline;text-underline-offset:.2rem}
.about-page .about-contact-details>div>span:last-child,.about-page .about-contact-details>a>span:last-child{overflow-wrap:anywhere}
.about-page .about-contact-symbol{display:grid;place-items:center;width:1.4rem;height:1.4rem;background:#057fff;color:#fff;border-radius:50%;flex:none;padding:.24rem}
.about-page .about-contact-symbol svg{width:100%;height:100%}
.about-page .about-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:10.5rem;min-height:2.4rem;padding:.4rem 1.2rem;border:1px solid #0872fe;border-radius:.6rem;color:#fff;background:linear-gradient(115deg,#087fff,#004bfc);font-weight:600;font-size:1rem;line-height:1.5;margin-top:.7rem;text-align:center}
.about-page .about-button>svg{width:1.2rem;height:1.2rem;flex:none}
.about-page .about-button:hover{background:linear-gradient(115deg,#0571df,#003bcc)}
.about-page .about-qr-column{min-width:0;border-left:1px solid #6cbbff;padding-left:3.1rem}
.about-page .about-qr{margin:0;border:1px solid #9ecfff;border-radius:.65rem;background:#fff;padding:.55rem .65rem .65rem;text-align:center}
.about-page .about-qr img{display:block;width:100%;height:auto;max-width:12rem;aspect-ratio:1;object-fit:contain;margin:auto;background:#fff}
.about-page .about-qr figcaption{color:var(--about-navy);font-size:.95rem;line-height:1.5;margin-top:.25rem;overflow-wrap:anywhere}
.about-page .about-qr-pending{min-height:9rem;display:grid;place-items:center;font-size:.9rem;color:var(--about-copy)}
.about-page .about-preview-banner{padding:.85rem 1rem;border:1px solid #c79b32;border-radius:.4rem;color:#715014;background:#fff5d8;font-size:.9rem;margin:.8rem 0}
/* Approved desktop rhythm; mobile text retains its own readable spacing. */
@media(min-width:1024px){
 .about-page .about-section .about-section-heading{min-height:3rem}
 .about-page .about-introduction-image{margin-top:.3rem}
 .about-page .about-steps{padding-bottom:.8rem}
 .about-page .about-step-icon{width:4.2rem;height:4.2rem}
 .about-page .about-contact-panel{background-color:#edf9ff;background-size:100% 100%,auto 100%;background-position:center,72% center}
 .about-page .about-qr img{max-width:10.5rem}
 .about-page .about-qr figcaption{font-size:.9rem;line-height:1.3;margin-top:.2rem}
}
@media(max-width:1023px){
 .about-page .about-hero-scene{height:22rem}.about-page:has(.site-nav.is-open) .about-hero-scene{height:28rem}.about-page .about-hero-scene img{object-position:60% center}
 .about-page .about-hero{height:17rem}.about-page .about-hero-copy{width:auto;max-width:none;margin-inline:1.5rem;padding-top:2.6rem}.about-page .about-hero h1{font-size:3.2rem}.about-page .about-hero-english{font-size:1.65rem}.about-page .about-hero-description{font-size:1.2rem;max-width:22rem}
 .about-page .about-content{width:auto;max-width:none;margin-inline:1.25rem}.about-page .about-breadcrumb{min-height:2.75rem;font-size:.8rem}
 .about-page .about-section-heading{gap:.8rem}.about-page .about-section-number{font-size:2.6rem}.about-page .about-section-heading h2{font-size:1.85rem;padding-left:1rem}
 .about-page .about-introduction{gap:1.2rem;grid-template-columns:1fr 1fr}.about-page .about-company-name{font-size:1.45rem}.about-page .about-company-english{font-size:.9rem;letter-spacing:.17rem}.about-page .about-introduction-paragraphs{font-size:.95rem}.about-page .about-values{font-size:.9rem;line-height:1.5}.about-page .about-introduction-image{min-height:18rem}
 .about-page .about-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.about-page .about-virus-card{grid-column:1/-1;min-height:9rem;padding:.9rem 1.3rem;gap:1.7rem}.about-page .about-virus-art{width:7rem}.about-page .about-virus-copy h3{font-size:1.35rem}.about-page .about-virus-links{grid-template-columns:repeat(4,minmax(0,1fr))}.about-page .about-virus-links a{min-height:2.8rem;font-size:.87rem;padding:.4rem .3rem}.about-page .about-service-card{min-height:10rem}.about-page .about-service-card h3{font-size:1.1rem}
 .about-page .about-section{margin-top:1.1rem}.about-page .about-steps{padding:.8rem .4rem 1rem;min-height:12rem}.about-page .about-steps:before{top:1.83rem}.about-page .about-steps h3{font-size:1.1rem}.about-page .about-steps p{font-size:.87rem;max-width:10rem}.about-page .about-step-icon{width:4.4rem;height:4.4rem}
 .about-page .about-contact-panel{grid-template-columns:minmax(0,2fr) minmax(0,1fr);padding:1.2rem;gap:1.1rem}.about-page .about-contact-copy h3{font-size:1.45rem}.about-page .about-contact-details{font-size:.94rem;gap:.35rem}.about-page .about-contact-symbol{width:1.35rem;height:1.35rem}.about-page .about-qr-column{padding-left:1.1rem}.about-page .about-qr{padding:.45rem .35rem .6rem}.about-page .about-qr figcaption{font-size:.85rem}.about-page .about-button{min-height:2.8rem;font-size:.95rem}
}
@media(max-width:599px){
 .about-page .about-hero-scene{height:20.5rem}.about-page .about-hero-scene img{object-position:56% center}.about-page .about-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001946b3,transparent)}.about-page .about-hero{height:15.5rem}.about-page .about-hero-copy{margin-inline:1.1rem;padding-top:2.7rem}.about-page .about-hero h1{font-size:2.85rem}.about-page .about-hero-english{font-size:1.45rem;letter-spacing:0}.about-page .about-hero-description{font-size:1.1rem;margin-top:.35rem}
 .about-page .about-content{margin-inline:1rem;padding-bottom:1rem}.about-page .about-breadcrumb{gap:.55rem;font-size:.78rem}.about-page .about-section-heading{min-height:3.2rem}.about-page .about-section-heading h2{font-size:1.7rem}.about-page .about-section-number{font-size:2.35rem}
 .about-page .about-introduction{grid-template-columns:1fr;gap:1rem;margin-top:.8rem}.about-page .about-introduction .about-section-heading{margin-bottom:.65rem}.about-page .about-company-name{font-size:1.45rem;letter-spacing:0;line-height:1.55}.about-page .about-company-english{font-size:.91rem;letter-spacing:.17rem}.about-page .about-introduction-paragraphs{font-size:1rem;line-height:1.85}.about-page .about-introduction-paragraphs p+p{margin-top:.55rem}.about-page .about-values{margin-top:1rem;padding-top:.8rem;font-size:.95rem}.about-page .about-introduction-image{min-height:0;aspect-ratio:1.6}.about-page .about-introduction-image img{height:100%}
 .about-page .about-section{margin-top:1.25rem}.about-page .about-service-grid{gap:.65rem}.about-page .about-virus-card{gap:.65rem;padding:.8rem .7rem;min-height:10rem}.about-page .about-virus-art{width:5.2rem}.about-page .about-virus-copy h3{font-size:1.22rem;line-height:1.5}.about-page .about-virus-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.about-page .about-virus-links a{font-size:.8rem;min-height:2.75rem;padding:.35rem .2rem}.about-page .about-service-card{min-height:9.4rem;padding:.6rem .25rem}.about-page .about-service-icon{width:3.5rem;height:3.5rem}.about-page .about-molecule-icon svg{width:2.3rem;height:2.3rem}.about-page .about-service-card h3{font-size:.91rem;line-height:1.5;min-height:2.75em;display:grid;place-items:center}.about-page .about-round-arrow{width:2.15rem;height:2.15rem;margin-top:.2rem}
 .about-page .about-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.3rem;padding:1rem .45rem 1.2rem}.about-page .about-steps:before{display:none}.about-page .about-steps>li{padding-inline:.25rem}.about-page .about-step-icon{width:4.2rem;height:4.2rem;margin-top:.12rem}.about-page .about-steps h3{font-size:1.12rem}.about-page .about-steps p{font-size:.87rem;line-height:1.7;max-width:9rem}.about-page .about-step-number{width:1.9rem;height:1.9rem;font-size:1.1rem}
 .about-page .about-contact-panel{grid-template-columns:1fr;padding:1.1rem;gap:1.35rem}.about-page .about-contact-copy h3{font-size:1.36rem;margin-bottom:.75rem}.about-page .about-contact-details{font-size:.9rem;gap:.55rem;line-height:1.6}.about-page .about-contact-details>a,.about-page .about-contact-details>div{gap:.55rem;align-items:flex-start}.about-page .about-contact-symbol{margin-top:.1rem}.about-page .about-button{width:100%;min-height:2.85rem;margin-top:1rem;font-size:1rem}.about-page .about-qr-column{border-left:0;border-top:1px solid #aad4f7;padding:1.15rem 0 0}.about-page .about-qr{width:12.75rem;max-width:100%;margin:auto;padding:.65rem .75rem .85rem}.about-page .about-qr figcaption{font-size:.95rem}
}