.ks-hero .hero-samples{gap:10px;padding:34px 22px 58px}
.ks-hero .hero-samples img{width:calc(33.333% - 7px);aspect-ratio:4/5;object-fit:cover;object-position:50% 72%}
.ks-library{padding-bottom:10px}
.ks-style{display:grid;grid-template-columns:minmax(250px,340px) 1fr;gap:56px;padding:64px 0;border-top:1px solid var(--line);align-items:start;scroll-margin-top:110px}
.ks-style[hidden]{display:none}
.ks-info{position:sticky;top:110px}
.ks-info h2{font:500 clamp(30px,3.4vw,42px)/1.12 var(--serif);letter-spacing:-1.2px;margin:0 0 18px}
.ks-info h2 i{color:#997b51}
.ks-desc{font-size:15px;color:var(--muted);margin:0 0 24px}
.ks-palette{display:flex;height:46px;margin:0 0 22px;border:1px solid var(--line)}
.ks-palette span{flex:1}
.ks-info .tags{flex-wrap:wrap}
.ks-gallery{columns:2;column-gap:14px}
.ks-photo{display:block;width:100%;margin:0 0 14px;padding:0;border:0;background:#e9e4da;cursor:zoom-in;break-inside:avoid;overflow:hidden}
.ks-photo img{display:block;width:100%;height:auto;transition:transform .5s ease}
.ks-photo:hover img,.ks-photo:focus-visible img{transform:scale(1.03)}
.ks-photo:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
.ks-lightbox{position:fixed;inset:0;z-index:50;background:rgba(30,28,26,.94);display:flex;align-items:center;justify-content:center;padding:56px 70px}
.ks-lightbox[hidden]{display:none}
.ks-lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.ks-lightbox img{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;display:block;background:#e9e4da}
.ks-lightbox figcaption{color:#eee8dd;font-size:13px;letter-spacing:.5px;text-align:center}
.ks-lightbox button{position:absolute;background:transparent;border:1px solid rgba(238,232,221,.45);color:#eee8dd;cursor:pointer;font:400 28px/1 var(--sans);width:46px;height:46px}
.ks-lightbox button:hover,.ks-lightbox button:focus-visible{background:var(--clay);border-color:var(--clay)}
.ks-close{top:16px;right:16px}
.ks-prev{left:14px;top:50%;transform:translateY(-50%)}
.ks-next{right:14px;top:50%;transform:translateY(-50%)}
body.ks-open{overflow:hidden}
@media(max-width:1000px){.ks-style{grid-template-columns:260px 1fr;gap:34px}}
@media(max-width:760px){
  .ks-style{grid-template-columns:1fr;gap:26px;padding:46px 0;scroll-margin-top:160px}
  .ks-info{position:static}
  .ks-gallery{column-gap:10px}
  .ks-photo{margin-bottom:10px}
  .ks-hero .hero-samples{padding:24px 14px 50px;gap:8px}
  .ks-hero .hero-samples img{width:calc(33.333% - 6px)}
  .ks-lightbox{padding:60px 12px 70px}
  .ks-prev,.ks-next{top:auto;bottom:12px;transform:none}
  .ks-prev{left:calc(50% - 56px)}
  .ks-next{right:calc(50% - 56px)}
}
@media(prefers-reduced-motion:reduce){.ks-photo img{transition:none}}