/* Rules below set display, which would otherwise beat the UA [hidden] rule
   and leave hidden elements rendering. */
[hidden]{display:none!important}
.library-product{
  --lib-line:#e7e8eb;
  --lib-soft:#f6f7f9;
  --lib-blue:#91959c;
  background:#fff;color:#17181b;
}
.lib-nav{
  height:58px;padding:0 34px;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;border-bottom:1px solid var(--lib-line);font-size:12px;
  position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);
}
.lib-brand{font-size:16px;font-weight:650;letter-spacing:-.04em}
.lib-nav nav{display:flex;gap:25px;color:#6f7279}
.lib-nav nav a{padding:20px 0 17px;border-bottom:1px solid transparent}
.lib-nav nav a:hover,.lib-nav nav a.active{color:#18191c;border-color:#18191c}
.lib-create{
  justify-self:end;background:#18191c;color:#fff;padding:8px 12px;border-radius:7px;font-weight:550;
}
.lib-hero{
  min-height:470px;display:grid;place-content:center;text-align:center;padding:90px 24px;
  background:
    linear-gradient(180deg,#fff 18%,rgba(244,247,255,.78) 100%);
  border-bottom:1px solid var(--lib-line);
}
.lib-kicker,.lib-section-head p{
  color:var(--lib-blue);font-size:11px;font-weight:600;margin:0 0 18px;
}
.lib-hero h1{
  font-size:clamp(40px,6vw,70px);line-height:1.01;letter-spacing:-.055em;
  font-weight:560;margin:0;
}
.lib-hero>p:last-child{color:#757982;font-size:15px;max-width:520px;margin:24px auto 0}
.lib-collection{max-width:1380px;margin:0 auto;padding:86px 32px 120px}
.lib-section-head{
  display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;
}
.lib-section-head p{margin-bottom:6px}
.lib-section-head h2{font-size:26px;font-weight:560;letter-spacing:-.035em;margin:0}
.lib-section-head>span{font-size:11px;color:#92959c}
.lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#fff;border:1px solid var(--lib-line)}
.lib-card{margin:0;background:#fff;padding:12px}
.lib-card.featured{grid-column:span 2;grid-row:span 2}
.lib-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--lib-soft)}
.lib-card figcaption{display:flex;justify-content:space-between;padding:10px 2px 1px;font-size:10px;color:#8b8e95}
.lib-card figcaption b{font-weight:550;color:#4a4c51}
.lib-empty{
  border:1px solid var(--lib-line);padding:80px 24px;text-align:center;background:var(--lib-soft);
}
.lib-empty h3{font-size:23px;font-weight:550;letter-spacing:-.03em;margin:0}
.lib-empty p{color:#7b7e85;margin:12px auto 24px;max-width:490px}
.lib-empty a,.lib-cta a{display:inline-flex;background:#18191c;color:#fff;padding:10px 14px;border-radius:7px;font-size:12px;font-weight:550}
.lib-cta{
  min-height:390px;border-top:1px solid var(--lib-line);border-bottom:1px solid var(--lib-line);
  display:grid;place-content:center;text-align:center;padding:80px 24px;
}
.lib-cta p{color:var(--lib-blue);font-size:11px;font-weight:600;margin:0 0 14px}
.lib-cta h2{font-size:clamp(30px,4vw,50px);line-height:1.07;letter-spacing:-.045em;font-weight:540;max-width:720px;margin:0 auto 27px}
.lib-cta a{justify-self:center}
.lib-footer{display:flex;justify-content:space-between;padding:34px;color:#909299;font-size:10px}
.lib-footer a{color:#1c1d20;font-weight:650}
@media(max-width:820px){
  .lib-nav{padding:0 18px;grid-template-columns:1fr auto}.lib-nav nav{display:none}
  .lib-grid{grid-template-columns:1fr}.lib-card.featured{grid-column:auto;grid-row:auto}
  .lib-collection{padding:60px 18px 80px}.lib-footer{gap:18px;flex-wrap:wrap}
}