/* Image-specific framing: preserve the subjects instead of forcing a universal crop. */
.hero-art{display:flex;flex-direction:column;justify-content:space-between;background:#e0e1e3;min-height:0;align-self:center;width:100%}
.hero-art .art-top{position:static;align-self:flex-start;padding:20px 24px;margin-right:45px;font-size:11px}
.hero-art>img{position:static;display:block;width:100%;height:auto;padding:0;margin:0;object-fit:contain;mix-blend-mode:normal;transform:none;aspect-ratio:4/3}
.hero-art .art-caption{position:static;background:#f0f2f4;width:100%;padding:20px 24px;gap:18px}
.hero-art .art-number{top:17px;right:20px}
.project-grid{grid-template-columns:1.15fr 1fr;align-items:start}
.project-photo{height:auto;aspect-ratio:4/3;background:#e7e8ea}
.project-photo.contain img{padding:0;object-fit:contain}
.project-photo:hover img{transform:none}
.project-photo img[src$="kit.webp"]{object-position:50% 59%}
.education-grid{grid-template-columns:1.12fr 1fr;gap:6%}
.education-photo img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:40% 70%}
.photo-label{position:static;max-width:none;background:var(--paper);border-top:1px solid var(--line);padding:16px 18px;font-size:12px}
.split img[src$="engineer.webp"]{height:auto;aspect-ratio:1331/1800;max-height:none;object-fit:contain}
.split img[src$="workspace.webp"]{height:auto;aspect-ratio:960/813;object-fit:contain}
.product-detail .visual{height:auto;aspect-ratio:1/1;background:#e3e1dc;overflow:hidden}
.product-detail .visual img{object-fit:cover;object-position:50% 55%}
.split img[src$="kits.webp"]{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 55%}
.product-cards article img{height:auto;aspect-ratio:4/3;object-fit:contain;padding:0;background:#e7e8ea}
.product-cards img[src$="relay.webp"],.product-cards img[src$="encoder.webp"],.product-cards img[src$="motor-driver.webp"]{background:#9a9aac;padding:12px}
body[data-page="education"] .image-full{height:auto;max-height:none;aspect-ratio:1600/837;object-fit:contain}
.gallery-three{grid-template-columns:1.25fr 1.25fr .8fr;gap:22px;align-items:start}
.gallery-three img{height:300px;object-fit:cover}
.gallery-three img[src$="classroom.webp"]{object-position:30% 55%}
.gallery-three img[src$="training.webp"]{object-position:35% 70%}
.gallery-three img[src$="faculty.webp"]{object-position:50% 64%}
.footer-brand{height:90px;object-fit:cover;object-position:center;margin:-8px 0 16px}
.social-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}
.social-links a{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:1.5;border-bottom:1px solid #ffffff40;padding:6px 0}
.social-links a:hover{color:#9bb8ff;border-color:currentColor}
.contact-block .social-links{margin-top:2px;gap:12px 18px}
.contact-block .social-links a{font-size:14px;border-color:var(--line)}
.contact-block .social-links a:hover{color:var(--blue)}
.honeypot{display:none!important}
.btn:disabled{opacity:.65;cursor:wait;transform:none}
.form-status[data-state="error"]{background:#fff0ed;color:#87342b;border:1px solid #f0cdc6}
.form-status[data-state="success"]{background:#e6f1eb;color:#234e39;border:1px solid #c4ddce}
@media(max-width:1100px){.gallery-three img{height:250px}}
@media(max-width:800px){
 .hero-art{max-width:620px;justify-self:start}
 .project-grid,.education-grid{grid-template-columns:1fr}
 .education-photo img{aspect-ratio:1600/837;object-fit:contain}
 .gallery-three{grid-template-columns:1fr 1fr}
 .gallery-three img{height:auto;aspect-ratio:4/3}
 .gallery-three figure:last-child{grid-column:1/-1;max-width:480px;width:100%;justify-self:center}
 .gallery-three img[src$="faculty.webp"]{aspect-ratio:4/5;object-position:50% 65%}
 .split img[src$="engineer.webp"]{max-width:540px;justify-self:center}
 .product-detail .visual{max-width:620px;width:100%}
}
@media(max-width:480px){
 .hero-art .art-top{font-size:10px;margin:0;padding:16px 18px}
 .hero-art .art-caption{padding:16px 18px}
 .hero-art .art-caption strong{font-size:14px}
 .gallery-three{grid-template-columns:1fr}
 .gallery-three img[src$="training.webp"],.gallery-three img[src$="classroom.webp"]{aspect-ratio:1600/864;object-fit:contain}
 .project-photo{aspect-ratio:4/3}
 .social-links{gap:12px 17px}
}
.breadcrumbs{display:flex;align-items:center;gap:12px;padding-top:15px;padding-bottom:15px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.breadcrumbs a:hover{color:var(--blue)}