/* SINTS product library, 2026-09-07. Shared components; real product imagery. */
:root{--orange:#b9431f;--orange-d:#973415;--orange-l:#ff916f;--orange-soft:#fff0e9}
.sec-kicker{color:#ae3b1b}.nav-links a:hover,.nav-links a[aria-current=page]{color:#ff916f}
.btn,.nav-cta{min-height:44px}.btn-cta,.nav-cta{background:var(--orange);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #237da0;outline-offset:4px}
.trust-bar{color:#fff}.trust-item strong{display:block;color:#fff;line-height:1.3;margin-bottom:6px}.trust-item>span,.trust-item .label{display:block;color:#c0cbd2;font-size:.8rem;letter-spacing:.025em;line-height:1.5}
.product-trust .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-trust{padding:18px 0}.product-trust .trust-item{padding:4px 20px}.product-trust strong{font-size:1rem}
.library-hero{padding:46px 0 38px;background:#edf1f3;border-bottom:1px solid var(--border)}
.library-hero-grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr);align-items:center;gap:48px}
.library-hero h1{font-size:clamp(2.1rem,4.4vw,3.8rem);letter-spacing:-.045em;line-height:1.06;margin:14px 0 20px;max-width:580px}
.library-hero .lead{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:550px;margin-bottom:24px}
.library-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0}.library-hero .btn-ghost{color:var(--ink);border-color:#9caeb8;background:transparent}
.product-carousel{min-width:0;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.carousel-stage{aspect-ratio:3/2;position:relative;background:white}
.carousel-slide{height:100%;width:100%;margin:0;position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;animation:productFade .35s ease}
.carousel-slide[hidden]{display:none}.carousel-slide picture{display:block;min-height:0}.carousel-slide img{display:block;width:100%;height:100%;object-fit:contain;padding:16px 18px 0;background:white}
.carousel-slide figcaption{padding:8px 20px 12px;font-size:.84rem;color:var(--muted)}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding:6px 12px}.carousel-controls[hidden]{display:none}
.carousel-controls button{min-width:44px;min-height:44px;border:0;border-radius:6px;background:#eef2f4;color:#142b38;font-size:1rem;padding:7px 12px}.carousel-controls button:hover{background:#dde6eb}.carousel-tabs{display:flex;gap:4px}.carousel-tabs button[aria-pressed=true]{background:#193544;color:white}.carousel-toggle{font-size:.78rem!important}
.carousel-note{font-size:.77rem;line-height:1.5;color:var(--muted);padding:0 18px 14px}
.library-section{padding:58px 0}.library-section.alt{background:#e9edef}.library-section h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:8px 0 12px}.library-section .section-intro{max-width:760px;color:var(--muted);margin-bottom:28px}
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.family-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.family-card:hover{transform:translateY(-3px);border-color:#849ba9}.family-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:14px}.family-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.family-card h3{font-size:1.04rem;line-height:1.3;margin:0 0 10px}.family-card p{color:var(--muted);font-size:.87rem;line-height:1.6}.family-card .arrow{display:block;color:var(--orange);font-weight:700;font-size:.83rem;margin-top:auto;padding-top:16px}
.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample-card{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.sample-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:18px}.sample-body{padding:20px;display:flex;flex-direction:column;flex:1}.sample-body h3{font-size:1.04rem;line-height:1.3;margin:0 0 10px}.sample-body p{color:var(--muted);font-size:.9rem;line-height:1.6;margin-bottom:14px}.sample-body a{color:var(--orange);font-size:.86rem;font-weight:700;margin-top:auto;padding:8px 0;min-height:44px}.sample-disclaimer{font-size:.83rem;color:var(--muted);margin-top:20px;max-width:850px}
.library-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.library-routes article{padding:24px;border-top:3px solid #273f4c;background:white}.library-routes h3{font-size:1.02rem;line-height:1.35;margin:0 0 12px}.library-routes p{font-size:.9rem;color:var(--muted)}
.library-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.library-links a{padding:9px 0;color:var(--orange);font-weight:700}.library-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.library-steps article{border-top:1px solid #93a5af;padding-top:22px}.step-number{font-family:var(--mono);color:var(--orange);font-size:.82rem}.library-steps h3{font-size:1.08rem;margin:8px 0}.library-steps p{color:var(--muted);font-size:.92rem}
.library-faq{max-width:900px}.library-faq details{border-bottom:1px solid var(--border);padding:17px 0}.library-faq summary{cursor:pointer;font-weight:700;padding:6px 0}.library-faq p{color:var(--muted);padding:12px 0 4px;line-height:1.7}
.library-cta{background:#142b38;color:white;padding:32px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:32px}.library-cta h2{color:white}.library-cta p{color:#c5d1d8;max-width:750px}.library-cta .btn{flex-shrink:0}
.family-page .cat-hero{padding:36px 0}.family-page .cat-hero-body{grid-template-columns:1.05fr .95fr;gap:42px}.family-page .cat-hero-img{background:white;box-shadow:var(--shadow-sm);max-height:330px;aspect-ratio:4/3;width:100%}.family-page .cat-hero-img img{object-fit:contain;padding:18px}.family-page .cat-hero h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.08}.family-page .cat-hero-lead{line-height:1.7;max-width:620px}
.family-page .section{padding:48px 0}.family-page .section h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25}.family-page .sec-head{margin-bottom:24px}.family-page .feature-card h3{line-height:1.4}.family-page .feature-card p{line-height:1.65}
.engineering-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:6px}.engineering-table{width:100%;border-collapse:collapse;background:white;font-size:.91rem}.engineering-table th,.engineering-table td{padding:17px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.engineering-table th{background:#203845;color:#fff;font-size:.81rem;letter-spacing:.03em}.engineering-table td:first-child{font-weight:700;min-width:160px}.engineering-table tr:last-child td{border-bottom:0}.material-note{padding:20px 22px;background:#fff;border-left:3px solid var(--orange);margin-top:22px;color:var(--muted);font-size:.92rem}.material-note strong{color:var(--ink)}
.detail-page .prod-hero img{object-fit:contain;background:white}.detail-page .detail-samples{margin-top:32px}.detail-page .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-page .sample-card img{max-height:290px}
.rfq-context-group{background:#edf3f6;border:1px solid var(--border);padding:18px;border-radius:6px}.rfq-context-group[hidden]{display:none}
.skip-link{position:absolute;left:16px;top:-90px;z-index:9999;background:#fff;color:#142b38;padding:12px 18px}.skip-link:focus{top:10px}
.nav .nav-links{pointer-events:auto}
.menu-toggle{display:none;background:#263d49;color:white;border:1px solid #78909d;border-radius:6px;width:46px;height:46px;align-items:center;justify-content:center;font-size:24px;margin-left:auto}.nav-links a{min-height:44px;display:inline-flex;align-items:center}
.muted-link{color:var(--muted);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes productFade{from{opacity:.65}to{opacity:1}}
@media(max-width:1050px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero-grid{gap:28px}.library-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.menu-toggle{display:inline-flex}.nav-inner{flex-wrap:wrap}.nav .nav-links{width:100%;order:5;position:static;display:flex;flex-direction:column;align-items:stretch;padding:16px;background:#142b38;max-height:none;height:auto;opacity:1;visibility:visible;overflow:visible;transform:none}.nav.js-nav .nav-links:not(.is-open){display:none}.nav-links a{padding:8px 12px}.nav .nav-cta{display:none}.family-page .cat-hero-body{grid-template-columns:1fr 1fr}.library-hero h1{font-size:2.7rem}}
@media(max-width:700px){.library-hero{padding:26px 0 24px}.library-hero-grid{grid-template-columns:1fr;gap:24px}.library-hero h1{font-size:2.15rem;max-width:420px;margin:10px 0 14px}.library-hero .lead{font-size:.96rem;line-height:1.65;margin-bottom:18px}.library-hero .sec-kicker{font-size:.63rem;letter-spacing:.13em}.library-hero .hero-actions .btn{padding:11px 14px;font-size:.82rem}.carousel-slide img{padding:10px 10px 0}.carousel-slide figcaption{font-size:.75rem;padding:6px 12px}.carousel-controls{padding:4px 8px}.carousel-controls button{padding:6px 9px}.carousel-note{font-size:.7rem;padding:0 12px 10px}.product-trust .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-trust .trust-item{padding:4px 8px}.product-trust strong{font-size:.85rem}.product-trust .trust-item>span{font-size:.68rem}.library-section,.family-page .section{padding:36px 0}.family-grid{gap:12px}.family-card img{padding:8px}.family-card-body{padding:13px}.family-card h3{font-size:.91rem}.family-card p{font-size:.78rem}.family-card .arrow{font-size:.77rem;padding-top:12px}.sample-grid{grid-template-columns:1fr 1fr;gap:14px}.sample-body{padding:15px}.sample-body h3{font-size:.94rem}.sample-body p{font-size:.82rem}.sample-card img{padding:10px}.library-steps{grid-template-columns:1fr;gap:22px}.library-cta{flex-direction:column;align-items:flex-start;padding:24px}.family-page .cat-hero{padding:28px 0}.family-page .cat-hero-body{grid-template-columns:1fr;gap:22px}.family-page .cat-hero-img{max-width:500px;max-height:270px}.family-page .cat-hero h1{font-size:2rem}.engineering-table{min-width:610px}.library-routes article{padding:18px}.library-routes{gap:14px}.detail-page .sample-grid{grid-template-columns:1fr}.process-table-wrap{overflow:auto}.process-table{min-width:600px}}
@media(max-width:430px){.library-hero h1{font-size:2rem}.sample-grid{grid-template-columns:1fr}.sample-card img{aspect-ratio:3/2;max-height:280px}.family-page .sample-grid{grid-template-columns:1fr}.library-routes{grid-template-columns:1fr}.carousel-toggle{font-size:.72rem!important}.carousel-tabs{gap:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:701px){.sample-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-count-1{grid-template-columns:1fr}.sample-count-1 .sample-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.sample-count-1 .sample-body{padding:32px}.sample-count-1 .sample-card img{max-height:380px}}
@media(min-width:701px){.family-page .feature-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:430px){.carousel-controls{gap:2px;padding:4px 6px}.carousel-controls button{padding:6px 7px}}