/* Library Overview — editorial archive room */
.library-overview{
  width:min(100%,1680px);
  margin:0 auto;
  padding:18px clamp(18px,2.35vw,38px) 48px;
  box-sizing:border-box;
  color:#403a35;
}
.library-overview *{box-sizing:border-box}
.library-overview a{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.library-overview-kicker{
  margin:0 0 6px;
  color:#6c6880;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.library-overview-hero{
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(340px,.83fr);
  gap:18px;
  align-items:stretch;
}
.library-overview-title-card,
.library-overview-principle,
.library-overview-ribbon-card,
.library-overview-card{
  border:1px solid rgba(82,78,105,.17);
  box-shadow:0 13px 34px rgba(48,43,61,.075),0 3px 10px rgba(59,50,38,.035),inset 0 1px rgba(255,255,255,.9);
}
.library-overview-title-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 116px;
  align-items:center;
  gap:18px;
  min-height:150px;
  padding:18px 22px;
  border-radius:23px;
  background:linear-gradient(145deg,#fbf8f1 0%,#f2ede3 62%,#e9e2d7 100%);
}
.library-overview-title-card h1{
  margin:0;
  color:#393447;
  font:500 clamp(2.65rem,4vw,4.35rem)/.96 Georgia,serif;
  letter-spacing:-.025em;
}
.library-overview-script{
  margin:8px 0 0;
  color:#696073;
  font:500 1.16rem/1.22 "Segoe Script","Brush Script MT","Snell Roundhand",cursive;
}
.library-overview-book-art{
  position:relative;
  display:grid;
  place-items:center;
  min-height:102px;
  overflow:hidden;
  border:1px solid rgba(95,89,112,.16);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(239,234,224,.96),rgba(218,213,220,.76));
}
.library-overview-book-art>span{position:relative;z-index:3;color:#625f76;font-size:3rem;text-shadow:0 1px #fff}
.library-overview-book-art>i{position:absolute;display:block;width:60px;height:12px;border:1px solid rgba(81,76,102,.25);border-radius:3px;background:rgba(255,251,244,.75);box-shadow:0 4px 8px rgba(50,44,60,.05)}
.library-overview-book-art>i:nth-of-type(1){right:12px;bottom:22px;transform:rotate(-4deg)}
.library-overview-book-art>i:nth-of-type(2){right:18px;bottom:35px;transform:rotate(2deg);background:rgba(190,184,200,.52)}
.library-overview-book-art>i:nth-of-type(3){right:9px;bottom:49px;transform:rotate(-1deg);background:rgba(224,209,180,.55)}
.library-overview-principle{
  position:relative;
  display:grid;
  align-content:center;
  padding:22px 28px 18px;
  border-radius:23px;
  background:linear-gradient(145deg,#f3f1f2 0%,#ebe7e8 55%,#ded9de 100%);
  overflow:hidden;
}
.library-overview-principle::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-44px;
  width:145px;
  height:145px;
  border:1px solid rgba(97,90,112,.10);
  border-radius:50%;
  box-shadow:0 0 0 14px rgba(255,255,255,.12),0 0 0 30px rgba(100,93,117,.035);
}
.library-overview-quote{position:absolute;left:18px;top:8px;color:#c7bfca;font:700 3.6rem/1 Georgia,serif}
.library-overview-principle p{position:relative;z-index:2;margin:17px 0 12px;color:#5e5767;font-size:1.02rem;line-height:1.65}
.library-overview-principle small{position:relative;z-index:2;color:#7a6f61;font-size:.74rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.library-overview-return{margin-top:22px}
.library-overview-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.library-overview-section-heading h2{margin:0;color:#3f3949;font:500 clamp(2rem,3vw,3.15rem)/1.02 Georgia,serif;letter-spacing:-.018em}
.library-overview-section-heading>a{color:#6a5f7f;text-decoration:none;font-size:.81rem;font-weight:780}
.library-overview-section-heading>a:hover{transform:translateX(2px)}
.library-overview-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.library-overview-ribbon-card{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"number label" "number detail";
  column-gap:16px;
  row-gap:2px;
  min-height:91px;
  padding:15px 16px;
  border-radius:18px;
  color:#49434f;
  text-decoration:none;
}
.library-overview-ribbon-card:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(48,43,61,.11)}
.library-overview-ribbon-card>span{grid-area:number;align-self:start;color:#807456;font:500 2rem/1 Georgia,serif}
.library-overview-ribbon-card strong{grid-area:label;align-self:end;color:#494250;font:600 .98rem/1.15 Georgia,serif}
.library-overview-ribbon-card small{grid-area:detail;color:#776f72;font-size:.72rem;line-height:1.35}
.library-overview-ribbon-card--ink{background:linear-gradient(145deg,#f4f2f4,#dedce4)}
.library-overview-ribbon-card--blue{background:linear-gradient(145deg,#f1f3f4,#dfe5e7)}
.library-overview-ribbon-card--linen{background:linear-gradient(145deg,#fbf8f1,#efe8dc)}
.library-overview-ribbon-card--brass{background:linear-gradient(145deg,#f8f2e7,#eadcc3)}
.library-overview-collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:20px}
.library-overview-card{
  position:relative;
  overflow:hidden;
  padding:23px;
  border-radius:23px;
  grid-column:span 4;
}
.library-overview-card h2{margin:0 0 12px;color:#403947;font:500 1.66rem/1.13 Georgia,serif;letter-spacing:-.01em}
.library-overview-card p:not(.library-overview-kicker){margin:0;color:#716a69;line-height:1.6;font-size:.86rem}
.library-overview-card--shelves{grid-column:span 8}
.library-overview-card--recent{grid-column:span 4}
.library-overview-card--collections{grid-column:span 4}
.library-overview-card--organize{grid-column:span 4}
.library-overview-card--find{grid-column:span 4}
.library-overview-card--media{grid-column:span 4}
.library-overview-card--wide{grid-column:span 8}
.library-overview-card--inkwash{background:linear-gradient(145deg,#f8f6f4,#e9e6e8)}
.library-overview-card--parchment{background:linear-gradient(145deg,#fbf8f0,#eee5d5)}
.library-overview-card--bluewash{background:linear-gradient(145deg,#f4f6f6,#e3e8e9)}
.library-overview-card--linen{background:linear-gradient(145deg,#fbf9f4,#efe9df)}
.library-overview-card--cream{background:linear-gradient(145deg,#fbfaf6,#f0ece5)}
.library-overview-card--mist{background:linear-gradient(145deg,#f5f4f5,#e6e3e7)}
.library-overview-card--archivewash{background:linear-gradient(145deg,#f9f5ec,#e8dfd1)}
.library-overview-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}
.library-overview-card-heading>a{color:#6b617e;text-decoration:none;font-size:.78rem;font-weight:760}
.library-overview-shelf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.library-overview-shelf-metrics>a{
  display:grid;
  gap:5px;
  min-height:145px;
  padding:15px;
  border:1px solid rgba(82,78,105,.12);
  border-radius:17px;
  background:rgba(255,255,255,.46);
  color:#4d4755;
  text-decoration:none;
}
.library-overview-shelf-metrics>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.68)}
.library-overview-shelf-metrics>a>span{color:#7d748e;font-size:1.5rem}
.library-overview-shelf-metrics strong{font:600 .96rem/1.2 Georgia,serif;color:#45404d}
.library-overview-shelf-metrics small{color:#786f73;font-size:.75rem;line-height:1.43}
.library-overview-placeholder-list{display:grid;gap:9px;margin:4px 0 15px}
.library-overview-placeholder-list>div{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(82,78,105,.11);border-radius:14px;background:rgba(255,255,255,.42)}
.library-overview-placeholder-list>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(100,94,117,.08);color:#756d83}
.library-overview-placeholder-list strong{display:block;color:#4c4552;font:600 .9rem Georgia,serif}
.library-overview-placeholder-list small{display:block;margin-top:2px;color:#7d7475;font-size:.7rem;line-height:1.4}
.library-overview-text-link{display:inline-flex;margin-top:2px;color:#675d78;text-decoration:none;font-weight:760;font-size:.8rem}
.library-overview-text-link:hover{transform:translateX(2px)}
.library-overview-collection-stack{position:relative;height:106px;margin:8px 0 15px}
.library-overview-collection-stack i{position:absolute;left:50%;top:50%;display:block;width:74%;height:68px;border:1px solid rgba(81,79,103,.15);border-radius:9px;background:#eee9df;box-shadow:0 7px 17px rgba(45,41,57,.06)}
.library-overview-collection-stack i:nth-child(1){transform:translate(-54%,-52%) rotate(-4deg);background:#e3dfdf}
.library-overview-collection-stack i:nth-child(2){transform:translate(-48%,-51%) rotate(3deg);background:#e0e6e5}
.library-overview-collection-stack i:nth-child(3){transform:translate(-50%,-50%);background:#efe6d6}
.library-overview-collection-stack span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#726679;font:600 .72rem Georgia,serif;letter-spacing:.16em}
.library-overview-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.library-overview-list li{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid rgba(82,78,105,.10)}
.library-overview-list li:last-child{border-bottom:0}
.library-overview-list strong{color:#4c4551;font:600 .92rem Georgia,serif}
.library-overview-list span{color:#766f70;font-size:.77rem;line-height:1.45}
.library-overview-link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.library-overview-link-row a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 12px;
  border:1px solid rgba(82,78,105,.16);
  border-radius:11px;
  background:rgba(255,255,255,.48);
  color:#5d556f;
  text-decoration:none;
  font-size:.75rem;
  font-weight:760;
  box-shadow:0 4px 12px rgba(48,43,61,.035);
}
.library-overview-link-row a:hover{transform:translateY(-1px);background:rgba(255,255,255,.72)}
.library-overview-search-art{position:relative;display:grid;place-items:center;height:78px;margin:6px 0 13px;border:1px solid rgba(82,78,105,.11);border-radius:17px;background:rgba(255,255,255,.36);overflow:hidden}
.library-overview-search-art span{position:relative;z-index:2;color:#736a81;font:500 2.4rem Georgia,serif}
.library-overview-search-art i{position:absolute;width:94px;height:94px;border:1px solid rgba(92,85,108,.10);border-radius:50%;right:-14px;top:-30px;box-shadow:0 0 0 14px rgba(95,87,110,.025)}
.library-overview-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.library-overview-media-grid a{display:grid;gap:5px;padding:13px;border:1px solid rgba(82,78,105,.11);border-radius:15px;background:rgba(255,255,255,.42);text-decoration:none;color:#4d4654}
.library-overview-media-grid a:hover{transform:translateY(-2px);background:rgba(255,255,255,.65)}
.library-overview-media-grid span{color:#756d83;font-size:1.2rem}
.library-overview-media-grid strong{font:600 .88rem Georgia,serif}
.library-overview-media-grid small{color:#786f73;font-size:.69rem;line-height:1.4}
.library-overview-card--archive{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:center}
.library-overview-archive-art{position:relative;display:grid;place-items:center;min-height:166px;border:1px solid rgba(88,78,67,.14);border-radius:20px;background:linear-gradient(145deg,#c9baa5,#a99478);overflow:hidden;box-shadow:inset 0 0 0 9px rgba(255,248,235,.18)}
.library-overview-archive-art>span{position:relative;z-index:3;color:#f1e5d0;font:600 .8rem Georgia,serif;letter-spacing:.2em;text-shadow:0 1px rgba(65,49,33,.3)}
.library-overview-archive-art>i{position:absolute;display:block;width:72%;height:10px;border:1px solid rgba(84,64,44,.28);border-radius:2px;background:rgba(245,229,204,.58)}
.library-overview-archive-art>i:nth-of-type(1){bottom:34px;transform:rotate(-3deg)}
.library-overview-archive-art>i:nth-of-type(2){bottom:47px;transform:rotate(2deg);background:rgba(89,83,104,.35)}
.library-overview-archive-art>i:nth-of-type(3){bottom:60px;transform:rotate(-1deg);background:rgba(236,224,205,.5)}

@media(max-width:1280px){
  .library-overview-hero{grid-template-columns:1fr 1fr}
  .library-overview-ribbon{grid-template-columns:1fr 1fr}
  .library-overview-card--shelves,.library-overview-card--recent,.library-overview-card--collections,.library-overview-card--organize,.library-overview-card--find,.library-overview-card--media,.library-overview-card--wide{grid-column:span 6}
  .library-overview-shelf-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .library-overview{padding:14px}
  .library-overview-hero,.library-overview-ribbon,.library-overview-card--archive{grid-template-columns:1fr}
  .library-overview-card--shelves,.library-overview-card--recent,.library-overview-card--collections,.library-overview-card--organize,.library-overview-card--find,.library-overview-card--media,.library-overview-card--wide{grid-column:1/-1}
  .library-overview-section-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .library-overview-title-card{grid-template-columns:1fr}
  .library-overview-book-art{min-height:84px}
  .library-overview-shelf-metrics,.library-overview-media-grid{grid-template-columns:1fr}
}