.ksm-sample-library{margin:0 0 92px;padding:clamp(30px,4vw,54px);border:1px solid #314b59;background:radial-gradient(circle at 88% 4%,rgba(109,211,245,.12),transparent 28%),#071117}
.ksm-sample-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:50px;align-items:end;margin-bottom:30px}
.ksm-sample-heading h2{max-width:820px;margin:13px 0 0;color:#f2f7f9;font-size:clamp(2.5rem,4.4vw,5rem);line-height:.92;text-transform:uppercase}
.ksm-sample-heading>p{margin:0;color:#9fb1ba;line-height:1.7}

.ksm-sample-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #314b59}
.ksm-sample-tabs button{min-width:0;padding:16px 14px;border:0;border-right:1px solid #314b59;background:#0a151c;color:#a9bbc4;font:800 .66rem/1.2 monospace;letter-spacing:.06em;text-align:left;text-transform:uppercase;cursor:pointer}
.ksm-sample-tabs button:last-child{border-right:0}
.ksm-sample-tabs button span{float:right;color:#6dd3f5}
.ksm-sample-tabs button[aria-selected="true"]{background:#6dd3f5;color:#061018}
.ksm-sample-tabs button[aria-selected="true"] span{color:#061018}
.ksm-sample-panel{padding-top:26px}
.ksm-sample-panel[hidden]{display:none}
.ksm-sample-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}
.ksm-sample-panel-head h3{margin:0;color:#eff5f8;font-size:1.15rem;text-transform:uppercase}
.ksm-sample-panel-head>div{display:flex;align-items:center;gap:12px;color:#7f929d;font:700 .58rem/1 monospace;letter-spacing:.08em;text-transform:uppercase}
.ksm-sample-panel-head button,.production-library-controls button{width:38px;height:38px;border:1px solid #385563;background:#0a151c;color:#dce8ed;cursor:pointer}
.ksm-sample-panel-head button:hover,.production-library-controls button:hover{border-color:#6dd3f5;color:#6dd3f5}

.ksm-sample-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,30vw,360px);align-items:start;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#6dd3f5 #101c24;scrollbar-width:thin;padding-bottom:13px}
.ksm-sample-card{scroll-snap-align:start;align-self:start;margin:0;border:1px solid #314b59;background:#0b161d;overflow:hidden}
.ksm-sample-card img{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:1/1;object-fit:contain;background:#e3e5e6}
.ksm-sample-card figcaption{min-height:122px;padding:16px}
.ksm-sample-card figcaption span,.ksm-sample-card figcaption strong,.ksm-sample-card figcaption small{display:block}
.ksm-sample-card figcaption span{color:#6dd3f5;font:800 .6rem/1 monospace;letter-spacing:.1em}
.ksm-sample-card figcaption strong{margin:10px 0 7px;color:#eef5f8;font-size:.86rem;text-transform:uppercase}
.ksm-sample-card figcaption small{color:#8497a1;font-size:.65rem;line-height:1.45}

.production-image-library{margin-top:clamp(56px,8vw,105px);padding:clamp(28px,4vw,52px);border:1px solid #314b59;background:#071117}
.production-library-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:44px;align-items:end}
.production-library-head h2{max-width:800px;margin:13px 0 0;color:#f1f6f8;font-size:clamp(2.35rem,4vw,4.8rem);line-height:.92;text-transform:uppercase}
.production-library-head>p{margin:0;color:#9fb1ba;line-height:1.7}
.production-library-controls{display:none}
.production-library-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:0}
.production-library-track figure{scroll-snap-align:start;margin:0;border:1px solid #314b59;background:#0b161d}
.production-library-track img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#101c24}
.production-library-track figcaption{padding:17px}
.production-library-track figcaption span,.production-library-track figcaption strong,.production-library-track figcaption small{display:block}
.production-library-track figcaption span{color:#6dd3f5;font:800 .6rem/1 monospace;letter-spacing:.1em}
.production-library-track figcaption strong{margin:10px 0 7px;color:#eef5f8;font-size:.92rem;text-transform:uppercase}
.production-library-track figcaption small{color:#899ca6;font-size:.7rem;line-height:1.45}
.production-library-note{margin:18px 0 0;padding-left:13px;border-left:2px solid #6dd3f5;color:#7f929d;font:700 .59rem/1.55 monospace;letter-spacing:.05em;text-transform:uppercase}

@media(max-width:900px){.ksm-sample-heading,.production-library-head{grid-template-columns:1fr;gap:18px}
.ksm-sample-tabs{grid-template-columns:repeat(3,1fr)}
.ksm-sample-tabs button{border-bottom:1px solid #314b59}
.ksm-sample-track{grid-auto-columns:minmax(270px,46%)}
.production-library-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){.ksm-sample-library,.production-image-library{padding:26px 18px;margin-bottom:65px}
.ksm-sample-tabs{grid-template-columns:1fr 1fr}
.ksm-sample-track{grid-auto-columns:86%}
.production-library-track{grid-template-columns:1fr}
.production-library-controls,.ksm-sample-panel-head>div{justify-content:space-between}
.ksm-sample-heading h2,.production-library-head h2{font-size:2.6rem}
}