/* Photographs follow the frame, retaining their proportions without empty gutters. */
.hero .hero-visual{overflow:hidden}
.hero .hero-product-panel{inset:0}
.hero .hero-product-panel .product-stage{inset:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.hero .hero-product-panel .product-stage img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center; border-radius:0}
.hero .hero-tabs,.hero .hero-pause{z-index:4}
.hero .hero-product-panel .product-caption{z-index:3}
.about-visual .wp-block-image{overflow:hidden;border-radius:8px;background:transparent}
.about-visual .wp-block-image img{object-fit:cover;object-position:center;background:transparent}
.solution-image img,.featured-image img{width:100%;height:100%;object-fit:cover;object-position:center}
/* Reusable card vocabulary for upcoming sections. */
:root{--elotek-card-radius:20px;--elotek-card-border:#d6dfcc;--elotek-card-surface:#fffefb}
.elotek-card{padding:24px;background:var(--elotek-card-surface);border:1px solid var(--elotek-card-border);border-radius:var(--elotek-card-radius)}
.about-visual,.about-story,.about-expertise-card,.about-contact-card,.about-process,.about-metric{border-radius:var(--elotek-card-radius)}
.about-content .wp-block-details{background:var(--elotek-card-surface);border:1px solid var(--elotek-card-border);border-radius:16px;margin-bottom:10px;padding:17px 18px}
@media(max-width:600px){.elotek-card{padding:20px}.hero .hero-product-panel .product-stage img{height:100%;max-height:none}.about-visual,.about-story,.about-expertise-card,.about-contact-card,.about-process,.about-metric{border-radius:16px}}
/* Apply the same card system to the existing home and company pages. */
body{background-image:url('future-circuit.svg');background-size:1440px 1120px;background-position:center top}
.home .hero{background-image:url('future-circuit.svg'),linear-gradient(110deg,#faf9f2d9,#eff3e4cc);background-size:1440px auto,auto}
.hero .hero-product-panel .product-caption{background:rgba(255,254,248,.73);border-color:#ffffffa6;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.hero .hero-product-panel .product-caption span:not(.status-dot){color:#52613f}
.main-nav ul{background:#f8faf1;border:1px solid #d4dec3;border-radius:14px;padding:5px;gap:2px;box-shadow:0 5px 18px #34482708}
.main-nav a{color:#435832;border-radius:9px;position:relative;background:transparent;padding:11px 13px}
.main-nav a:hover,.main-nav a:focus-visible{background:#e8efd9;border-color:#c4d2a6;color:#2d4325}
.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:#78863e;border-color:#78863e;color:#fff;box-shadow:0 3px 9px #52662b26}
.engineering-mottos{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 36px;padding:0 20px 18px;color:#71814f;font-size:11px;font-weight:600;letter-spacing:.5px}
.engineering-mottos span{display:flex;align-items:center;gap:10px}.engineering-mottos span:before{content:'+';color:#8b9d5b;font:18px monospace}
@media(max-width:900px){.main-nav ul{background:#f8faf1}.main-nav a{padding:11px;font-size:12px}}
@media(max-width:600px){.engineering-mottos{gap:8px 18px;font-size:10px;padding-bottom:14px}.main-nav ul{padding:9px}.main-nav a{font-size:13px}body{background-size:1000px auto}}
.home .hero .hero-grid{padding:24px; margin-block:18px;background:#fffefbd9;border:1px solid var(--elotek-card-border);border-radius:var(--elotek-card-radius);box-sizing:border-box}
.home .hero .hero-visual{border-radius:16px}
.home .credentials .container>div{border:1px solid var(--elotek-card-border);border-radius:16px;background:var(--elotek-card-surface)}
.home .solutions .solution-card{border-radius:18px;overflow:hidden}
.home .solutions .solution-image{border-radius:12px;overflow:hidden}
.home .solution-spec-panel{border-radius:20px}
.home .solution-spec-grid{border:0;background:transparent;gap:14px}
.home .solution-spec-grid article{border:1px solid var(--elotek-card-border)!important;border-radius:18px;background:var(--elotek-card-surface);padding:22px}
.home .solution-explorer-nav button{border-radius:12px}
.home .shop-assistant,.home .woocommerce ul.products li.atelier-product,.home .service-config-grid{border-radius:18px;overflow:hidden}
.home .guide-result,.home .service-selection-summary,.home .guide-more{border-radius:12px}
.about-content .about-hero> .wp-block-group__inner-container> .wp-block-group:first-child{padding:26px;background:#fffefbe8;border:1px solid var(--elotek-card-border);border-radius:20px}
.about-process-step{border:1px solid #647b4f;border-radius:16px;padding:22px;background:#ffffff06}
.about-jump-nav{padding:15px 18px;border:1px solid var(--elotek-card-border);border-radius:16px;background:#fffefbd9}
.home .footer-top,.page-template-page-about .footer-top{padding:24px;border:1px solid #586b44;border-radius:20px;background:#ffffff05;margin-bottom:20px}
@media(max-width:600px){.home .hero .hero-grid{padding:18px;margin-block:14px;border-radius:18px}.home .solution-spec-grid{gap:10px}.home .solution-spec-grid article{padding:18px}.about-content .about-hero> .wp-block-group__inner-container> .wp-block-group:first-child{padding:20px}.about-process-step{padding:18px}.home .footer-top,.page-template-page-about .footer-top{padding:20px}}