.tech-cover {
    position: relative;
    display: grid;
    align-items: stretch;
    min-height: 225px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--secondary);
    color: var(--on-secondary);
}
.tech-cover.has-cover-image { grid-template-columns: minmax(0,1.16fr) minmax(0,1fr); }
.tech-cover-copy { padding: clamp(22px, 4.8vw, 58px); align-self: center; }
.tech-cover .tech-breadcrumb { color: color-mix(in srgb,var(--on-secondary) 84%,var(--secondary)); }
.tech-cover h1 { font-size: clamp(2rem, 4.2vw, 3.75rem); overflow-wrap: anywhere; }
.tech-cover-copy p { margin: .9rem 0 0; max-width: 48ch; line-height: 1.65; }
.tech-cover-media { position: relative; min-height: 220px; }
.tech-cover-media .arven-cover-photo, .tech-cover-media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.tech-cover-media img { opacity: 0; object-fit: cover; transition: opacity .25s ease; }
.tech-cover-media img.is-active { opacity: 1; }
.tech-cover-control { position: absolute; bottom: 12px; inset-inline-end: 12px; display: flex; align-items: center; gap: .45rem; padding: .3rem; background: var(--secondary); color: var(--on-secondary); border-radius: 10px; font-size: .8rem; }
.tech-cover-control button { background: var(--primary); color: var(--on-primary); border: 0; border-radius: 7px; width: 38px; height: 36px; cursor: pointer; font: inherit; }
.tech-tags { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0; }
.tech-tags a { display: inline-flex; align-items: center; gap: .45rem; background: var(--surface-soft); border-radius: 8px; padding: .65rem .8rem; font-size: .86rem; font-weight: 700; }
.tech-tags a[aria-current="page"] { background: var(--primary); color: var(--on-primary); }
.tech-filters { display: flex; align-items: end; gap: .8rem; margin: 1.4rem 0; flex-wrap: wrap; }
.tech-filters label { display: grid; gap: .35rem; font-size: .85rem; font-weight: 700; }
.tech-filters input, .tech-filters select { min-width: 0; max-width: 100%; min-height: 46px; padding: .65rem .8rem; font: inherit; background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-radius: 9px; }
.tech-filters label:has(input) { flex: 1 1 220px; }
.tech-filters button { border: 0; }
.tech-card-link svg, .tech-tags svg, .tech-module-link svg, .tech-video > a svg { width: 15px; height: 15px; }
.tech-faq { margin-block: 1.35rem; border-top: 1px solid var(--line); }
.tech-faq details { border-bottom: 1px solid var(--line); }
.tech-faq summary { padding: 1.05rem .15rem; font-weight: 750; cursor: pointer; }
.tech-faq .prose { padding: 0 .15rem 1.2rem; color: var(--muted); }
.tech-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 1rem; margin-top: 1rem; }
.tech-stats article { padding: 1.15rem; border: 1px solid var(--line); border-radius: 12px; }
.tech-stats strong { color: var(--secondary); font-size: 2rem; }
.tech-stats p { margin: 0; }
.tech-detail-layout { display: grid; gap: clamp(18px,4vw,48px); padding-block: 1.8rem; align-items: start; }
.tech-detail-layout.has-photo { grid-template-columns: minmax(0,1fr) minmax(0,.75fr); }
.tech-detail-layout .prose { max-width: 72ch; overflow-wrap: anywhere; }
.tech-detail-layout .tech-actions { margin-top: 1rem; }
.tech-detail-photo, .tech-photo-grid img, .tech-record-block img { display: block; width: 100%; height: auto; border-radius: 14px; }
.tech-detail-photo, .tech-photo-grid img { aspect-ratio: 1.5; object-fit: cover; }
.tech-record-block { margin-top: 1.6rem; }
.tech-record-block h2, .tech-detail-form h2 { font-size: 1.55rem; margin-bottom: 1rem; }
.tech-video { width: min(100%,900px); margin: 1.4rem auto; }
.tech-video iframe { border: 0; width: 100%; aspect-ratio: 16/9; border-radius: 13px; }
.tech-detail-form { max-width: 740px; margin: 1.8rem 0 0; }
.tech-module-link { margin-top: 1.05rem; }
.tech-section--soft { background: var(--surface-soft); }
.tech-section--dark { background: var(--secondary); color: var(--on-secondary); }
.tech-section--dark .tech-section-heading > p, .tech-section--dark .tech-faq .prose { color: inherit; }
.tech-section--dark .tech-card, .tech-section--dark .tech-stats article { color: var(--ink); background: var(--paper); }
.tech-about { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 2rem; align-items: center; }
.tech-about img { width: 100%; height: auto; aspect-ratio: 1.55; object-fit: cover; border-radius: 17px; }
.tech-about h2 { margin-bottom: .8rem; }
.tech-about p { max-width: 54ch; }
.tech-footer-main > nav > ul { display: grid; grid-template-columns: repeat(2,minmax(100px,1fr)); gap: .7rem 1.2rem; }
.tech-footer-main nav li li { margin: .3rem 0; font-size: .84rem; opacity: .86; }
.tech-footer-main nav > ul > li > a { font-weight: 750; }
.tech-desktop-nav > ul { gap: clamp(.45rem,1.5vw,1.3rem); }
.tech-desktop-nav li:has(> ul) > a::after { content: '⌄'; margin-inline-start: .3rem; opacity: .65; }
.tech-mobile-menu summary { min-height: 44px; }
.tech-mobile-menu nav > ul > li { border-bottom: 1px solid var(--line); }
.tech-mobile-menu nav > ul > li > a { font-weight: 750; }
.tech-mobile-menu nav > .tech-button { margin-top: .8rem; }
.tech-footer-main { grid-template-columns: .9fr 1.75fr .65fr; }
.tech-footer-main > div:last-child:empty { display: none; }
.tech-contact-data { margin-top: 1.4rem; }
.tech-contact-data div { padding: .7rem 0; border-bottom: 1px solid var(--line); }
.tech-contact-data dt { font-weight: 750; }
.tech-contact-data dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
@media(max-width: 1100px) {
    .tech-desktop-nav, .tech-header-request { display:none; }
    .tech-mobile-menu { display:block; }
    .tech-mobile-menu nav { position:absolute; inset-inline:0; top:100%; max-height: min(75vh,650px); overflow:auto; padding:16px 24px 24px; border-bottom:1px solid var(--line); background:var(--paper); }
    .tech-mobile-menu nav ul ul { padding-inline-start:18px; }
    .tech-mobile-menu nav li > a { display:block; padding:.65rem 0; }
}
@media(max-width: 680px) {
    .tech-cover.has-cover-image, .tech-detail-layout.has-photo, .tech-about, .tech-footer-main { grid-template-columns: 1fr; }
    .tech-cover { min-height: 0; }
    .tech-cover-media { min-height: 160px; }
    .tech-footer-main > nav > ul { gap: .75rem; }
}
@media(prefers-reduced-motion: reduce) { .tech-cover-media img { transition:none; } }

.tech-hero-video{width:100%;height:100%;object-fit:cover;min-height:230px}

.tech-cover-copy .tech-button { margin-top: 1.25rem; }
.tech-contact-cover { padding-bottom: 0; }
.tech-contact-cover + .tech-form-layout { padding-top: clamp(22px, 3vw, 40px); }
.tech-menu-group > summary { padding: .72rem 0; }
.tech-menu-group > ul { padding-inline-start: .8rem; }
.tech-menu-group > ul svg { width: 14px; height: 14px; vertical-align: middle; }
.tech-header nav a[aria-current="page"] { color: var(--secondary); font-weight: 800; }
.tech-part-card .tech-card-image img { object-fit: contain; background: #f7efe6; }