/* index image/logo additions */
.logo-img{width:54px;height:54px;border-radius:12px;object-fit:contain;background:#fff;padding:3px;box-shadow:0 8px 20px rgba(38,74,130,.08);border:1px solid #e6eff8}
.footer .logo-img{width:46px;height:46px}.brand .mark{display:none}
.hero-media{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:16/9;min-height:0;background:#d7e7ff;border:1px solid rgba(67,118,189,.22);box-shadow:0 30px 80px rgba(30,67,118,.1)}
.hero-media img{width:100%;height:100%;min-height:0;object-fit:cover;background:#fff;opacity:1}.hero-media .caption{position:absolute;left:22px;right:22px;bottom:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(67,118,189,.18);border-radius:18px;padding:16px;color:#0f3555}.hero-media .caption strong{display:block;font-size:22px}
.image-card{padding:0;overflow:hidden}.image-card img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#f7fafc;padding:0;border-bottom:1px solid var(--line)}.image-card .card-body{padding:22px}
.wide-card{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.wide-card img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#f7fafc;padding:0;border-radius:22px;border:1px solid var(--line)}
.section-anchor{scroll-margin-top:96px}.mini-nav{position:relative;z-index:5;margin-top:-28px}.mini-nav .container{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.mini-nav a{font-size:14px;color:#385066;border:1px solid #e7edf2;border-radius:999px;padding:8px 12px;background:#f8fbfd}
.customer-panel{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);padding:12px}.customer-panel img{width:100%;height:auto;object-fit:contain}.contact-strip{display:block;background:linear-gradient(135deg,#5b8dda,#b2d1ff);color:#0c3155;border-radius:34px;padding:42px;box-shadow:0 24px 56px rgba(28,57,100,.14)}.contact-strip p{color:#102f53}.contact-methods{display:flex;gap:12px;flex-wrap:wrap}.contact-methods span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(28,57,100,.12)}.metric strong{display:block;font-size:30px;color:var(--blue)}.metric span{color:var(--steel);font-size:14px}
@media(max-width:980px){.wide-card,.contact-strip{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.hero-media{display:none}}
@media(max-width:620px){.logo-img{width:40px;height:40px}.brand small{display:none}.news-item{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.contact-strip{padding:26px}.mini-nav{margin-top:0}}

/* 2026-05-14 latest v8 revision: promo video and manufacturing real-material gallery */
.promo-video-box{overflow:hidden}.hero-video{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;border-radius:inherit;background:#cfdff5}.text-only-card{min-height:210px;border-left:4px solid var(--green);background:linear-gradient(180deg,#fff,#eef3fb)}.text-only-card .card-body{padding:28px}.asset-zigzag{display:grid;gap:28px}.asset-row{display:grid;grid-template-columns:minmax(260px,1.08fr) minmax(260px,.92fr);gap:28px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.asset-row.reverse{grid-template-columns:minmax(260px,.92fr) minmax(260px,1.08fr)}.asset-row.reverse .asset-visual{order:2}.asset-visual{min-height:300px;background:#eef4f8;display:flex;align-items:center;justify-content:center}.asset-visual img{width:100%;height:100%;max-height:420px;object-fit:contain;padding:10px}.asset-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.asset-copy span{color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.asset-copy h3{font-size:26px;margin:8px 0 10px}.asset-copy p{color:var(--steel);margin:0}@media(max-width:760px){.asset-row,.asset-row.reverse{grid-template-columns:1fr}.asset-row.reverse .asset-visual{order:0}.hero-video{min-height:240px}.asset-copy{padding:24px}}

/* 2026-05-14 v10: move promo video to positioning card; image-only relaxed manufacturing mosaic */
.media-feature-card{align-items:stretch}.feature-video-box{min-height:360px;background:#c6daf4;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(30,67,118,.14)}.feature-video{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;background:#c6daf4}.compact-head{margin-bottom:20px}.photo-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:92px;gap:12px}.mosaic-tile{margin:0;overflow:hidden;border-radius:18px;background:#e5effd;box-shadow:0 10px 28px rgba(30,67,118,.1);border:1px solid rgba(64,105,161,.16)}.mosaic-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.mosaic-tile:hover img{transform:scale(1.035)}.mosaic-tile.wide{grid-column:span 7;grid-row:span 3}.mosaic-tile.tall{grid-column:span 5;grid-row:span 4}.mosaic-tile.square{grid-column:span 4;grid-row:span 3}.photo-mosaic .mosaic-tile:nth-child(5n+2){border-radius:28px}.photo-mosaic .mosaic-tile:nth-child(4n){transform:translateY(10px)}.photo-mosaic .mosaic-tile:nth-child(6n){transform:translateY(-6px)}@media(max-width:900px){.photo-mosaic{grid-template-columns:repeat(6,1fr);grid-auto-rows:78px;gap:10px}.mosaic-tile.wide,.mosaic-tile.tall,.mosaic-tile.square{grid-column:span 6;grid-row:span 3}.feature-video-box,.feature-video{min-height:260px}}@media(max-width:560px){.photo-mosaic{display:block}.mosaic-tile{height:230px;margin-bottom:12px}.feature-video-box,.feature-video{min-height:220px}}

/* 2026-05-14 v11: first-frame video poster, complete-image ordered manufacturing grid, quality text-only */
.feature-video[poster]{background:#c6daf4}.clean-photo-grid{display:block;column-count:4;column-gap:18px}.clean-photo-tile{position:relative;margin:0 0 18px 0;border-radius:28px;background:transparent;border:none;box-shadow:0 24px 60px rgba(30,67,118,.12);overflow:hidden;display:flex;align-items:center;justify-content:center;break-inside:avoid;background-clip:padding-box}.clean-photo-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.1));pointer-events:none}.clean-photo-tile.normal{min-height:240px}.clean-photo-tile.wide{min-height:340px}.clean-photo-tile.feature{min-height:420px}.clean-photo-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:auto;padding:16px;transition:transform .35s ease}.clean-photo-tile:hover img{transform:scale(1.02)}.clean-photo-grid.lab .clean-photo-tile:nth-child(2n){border-radius:32px}.clean-photo-grid.equip .clean-photo-tile:nth-child(3n+1){border-radius:32px}.clean-photo-grid.equip .clean-photo-tile:nth-child(odd)::after{content:'';position:absolute;top:16px;right:16px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 4px rgba(255,255,255,.05)}.quality-text-grid .text-only-card,.text-only-card{overflow:hidden}@media(max-width:980px){.clean-photo-grid{column-count:2}.clean-photo-tile.normal{min-height:200px}.clean-photo-tile.wide{min-height:280px}.clean-photo-tile.feature{min-height:360px}}@media(max-width:620px){.clean-photo-grid{column-count:1;column-gap:12px}.clean-photo-tile{margin-bottom:12px}.clean-photo-tile.normal,.clean-photo-tile.wide,.clean-photo-tile.feature{min-height:220px}.clean-photo-tile img{max-height:320px}}