.media2026-figure{margin:24px 0;background:#fff;color:#222}.media2026-figure img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.media2026-figure figcaption{padding:12px 16px;font-size:13px}.media2026-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.media2026-product-hero{background:#080808}.media2026-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding-top:120px;padding-bottom:56px}.media2026-product-hero .hero-copy{position:relative;z-index:2;padding:0;max-width:none;min-width:0}.media2026-product-hero h1{font-size:clamp(28px,3.6vw,52px);overflow-wrap:anywhere}.media2026-product-photo{display:block;width:100%;height:440px;object-fit:contain;background:#fff}.media2026-product-hero .hero-actions{flex-wrap:wrap}.media-gallery img{object-fit:contain!important}@media(max-width:800px){.media2026-product-layout{grid-template-columns:1fr;padding-top:108px;gap:26px}.media2026-product-photo{height:330px}.media2026-grid{grid-template-columns:1fr}}



.media2026-system-card{min-width:0;background:#fff;border:1px solid #ddd;padding:20px;color:#222}.media2026-system-card h3{margin:0 0 12px}.media2026-system-card .media2026-figure img{height:320px}.media2026-product-hero .hero-copy h1{max-width:100%}



.media2026-pending{min-height:130px;padding:24px;border:1px dashed #aaa;background:#eee;color:#555;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px}.media2026-pending+p{margin-top:18px}



/* 2026-10-09: override the locked shell at equal specificity on small screens. */

.media-gallery figure{margin:0;min-width:0}

.spec-table{table-layout:fixed}

.spec-table th,.spec-table td,.yw-specs th,.yw-specs td{overflow-wrap:anywhere}

.media2026-product-layout>*{min-width:0}

.media2026-system-card h3,.media2026-figure figcaption{overflow-wrap:anywhere}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff7a00;outline-offset:4px}

@media(max-width:1200px){

 .site-header .header-inner>.header-cta{display:none!important}

 .site-header .nav{top:100%!important;padding:12px 20px!important;max-height:70vh;max-height:70dvh;overflow-x:hidden!important;overflow-y:auto!important;white-space:normal!important}

 .site-header .nav-item{display:block!important;min-width:0;width:100%}

 .site-header .nav-item>a{height:auto!important;min-height:44px;padding:12px 0!important;line-height:1.4!important}

 .site-header .nav-menu{position:static!important;display:block!important;min-width:0!important;width:auto!important;margin:0 0 8px 8px!important;padding:0 0 0 8px!important;border:0!important;border-left:1px solid #454545!important;box-shadow:none!important;background:transparent!important}

 .site-header .nav-menu a{min-height:40px;padding:10px!important;white-space:normal!important;overflow-wrap:anywhere}

}

@media(max-width:600px){

 .spec-table th,.spec-table td{padding:10px 7px}

 .media2026-product-photo{height:auto;max-height:360px}

}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}



/* Desktop screenshot review: readable secondary actions on dark hero sections. */

.hero .btn.btn-outline,.hero .btn.outline{color:#fff;background:#15191c;border:1px solid #abb3b9}

.hero .btn.btn-outline:hover,.hero .btn.outline:hover{color:#15191c;background:#fff;border-color:#fff}



/* Use mapped photography at its natural proportions in the CMS product center. */

.pc4-products-hero .media2026-catalog-container{padding-top:132px;padding-bottom:40px}

.media2026-catalog-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:40px}

.media2026-catalog-layout>div{min-width:0}

.media2026-catalog-layout h1{font-size:clamp(28px,3.4vw,52px);line-height:1.08;overflow-wrap:anywhere;margin:12px 0;text-transform:uppercase}

.media2026-catalog-photo{display:block;width:100%;height:300px;object-fit:contain;background:#fff}

.media2026-category-hero p{color:#cbd0d4;max-width:680px}

.category .visual img{object-fit:contain;background:#fff}

@media(max-width:800px){.media2026-catalog-layout{grid-template-columns:1fr;gap:24px}.media2026-catalog-photo{height:260px}.pc4-products-hero .media2026-catalog-container{padding-top:108px;padding-bottom:32px}}



/* The catalog container owns hero spacing; cancel the legacy outer padding. */

.hero.pc4-products-hero{padding:0}

.media2026-catalog-container .pc4-product-search{margin-top:24px}



/* User screenshot review: dark labels retain contrast on orange primary actions. */

main .btn:not(.outline):not(.btn-outline){color:#0b0d0f}



/* Keep the mobile trigger aligned with the right edge in both preview shells. */

@media(max-width:1200px){.site-header .mobile-menu-toggle{margin-left:auto}}



/* Whole-site review: consistent content sizing and keyboard access. */

.media2026-product-hero{min-height:0;padding:0}

.media2026-product-layout .hero-copy{width:auto;transform:none;margin:0}

.media2026-product-hero .hero-copy h1{line-height:1.1;text-transform:none}

.media2026-product-hero .hero-copy h2{font-size:clamp(20px,2vw,28px);line-height:1.3}

.media2026-product-photo{aspect-ratio:4/3}

.media2026-product-hero .hero-copy p{font-size:clamp(16px,1.3vw,19px);line-height:1.65}

.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}

.feature strong{font-size:16px;line-height:1.65;text-transform:none}

.feature p,.detail-content,.spec-table,.media2026-system-card p{font-size:16px;line-height:1.65}

.media2026-model-links{display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}

.media2026-model-links a,.light .text-link{color:#9b4300;text-decoration:underline;text-underline-offset:3px}

.media2026-figure a{display:block}.media2026-figure img{height:auto}

.media2026-skip{position:fixed;left:16px;top:-120px;z-index:1000;background:#fff;color:#111;padding:14px 20px}

.media2026-skip:focus{top:12px}.media2026-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

[id]{scroll-margin-top:100px}.tabs a{font-size:13px;min-height:48px;display:inline-flex;align-items:center}

.pc4-product-grid>[hidden]{display:none!important}.media2026-use{color:#525a61}

@media(max-width:800px){.media2026-product-layout{padding-bottom:36px}.media2026-product-hero .hero-copy h1{font-size:clamp(28px,6vw,38px)}.media2026-product-photo{height:330px}.hero-actions .btn{max-width:100%;white-space:normal}}

@media(max-width:400px){.media2026-product-photo{height:260px}.hero-actions{gap:12px}.hero-actions .btn{width:100%;text-align:center}.media2026-product-layout{gap:24px}}



/* Final experience: full-image viewer, readable links and narrow-screen controls. */

.media2026-viewer-open{overflow:hidden}

.media2026-viewer{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #666;background:#101519;color:#fff;overflow:auto}

.media2026-viewer::backdrop{background:rgba(0,0,0,.82)}

.media2026-viewer-toolbar,.media2026-viewer-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px}

.media2026-viewer-toolbar p{margin:0;min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.5}

.media2026-viewer button{min-height:44px;padding:10px 16px;border:1px solid #acb5bc;background:#202a31;color:#fff;font:600 15px/1.4 Arial;cursor:pointer;flex-shrink:0}

.media2026-viewer button:disabled{opacity:.4;cursor:default}

.media2026-viewer a{color:#ffc18b;font-size:14px;text-decoration:underline}

.media2026-viewer-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain;background:#fff}

a[data-image-viewer]{cursor:zoom-in}.media-gallery a[data-image-viewer]{display:block}

.section.light a:not(.btn):not(.visual),.section.section-light a:not(.btn):not(.visual){color:#9b4300}

@media(max-width:600px){.media2026-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.media2026-viewer-toolbar,.media2026-viewer-actions{padding:12px;gap:10px}.media2026-viewer-actions{flex-wrap:wrap}.media2026-viewer-actions a{order:3;flex-basis:100%;text-align:center}.media2026-viewer-image{max-height:calc(100dvh - 230px)}}


/* Browser verification: keep detail labels readable inside the horizontal tab strip. */
.tabs .container{overflow-x:auto;overflow-y:hidden}
.tabs a{flex:0 0 auto;min-width:max-content}

/* Browser verification: engineering navigation and mobile section headings. */
.engineering-nav-inner{overflow-x:auto;overflow-y:hidden}
.engineering-nav-inner a{flex:0 0 auto;min-width:max-content}
@media(max-width:600px){.section-title{flex-direction:column;align-items:flex-start;gap:12px}.section-title h2,.section-title p{width:100%;max-width:none;flex:none}}

/* About Us photography: preserve natural proportions and complete groups. */
.about2026-hero-image{display:block;min-width:0;width:100%}
.media2026-product-photo.about2026-photo{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:#080808}
.about2026-figure{margin:0;min-width:0;width:100%}
.about2026-figure img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.about2026-figure figcaption{padding:12px 0;font-size:14px;line-height:1.5}
#team .about2026-figure{max-width:1100px;margin:0 auto 36px}
.about2026-environment p,#export-packing p{font-size:16px;line-height:1.7}
.about2026-environment .section-title{display:block}
#global .about2026-figure figcaption{color:#c4ccd1}
@media(max-width:800px){.about2026-environment,#export-packing .split{grid-template-columns:minmax(0,1fr)}.about2026-hero-image{margin:0}.about2026-figure img{height:auto}}