/* The cabinet is a drawing to explore, rather than a wall of identical cards. */
.collection-world{--paper:#f3f1e9;--ink:#30392c;--sage:#63755a;--accent:#987b48}.collection-world .business-main{max-width:1480px;padding-top:60px}.cabinet-opening{position:relative;min-height:350px;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;padding-bottom:40px}.cabinet-opening>.eyebrow{grid-column:1/-1;margin-bottom:32px}.cabinet-opening h1{font-size:clamp(64px,8vw,114px);line-height:.94;letter-spacing:-.065em;margin:0;z-index:1}.cabinet-intro{align-self:end;justify-self:end;max-width:310px;z-index:1;padding-bottom:9px}.cabinet-coordinate{font-size:8px;letter-spacing:.18em;color:var(--sage);display:block;margin-bottom:18px}.cabinet-intro .lead{font-size:14px;margin:0}.cabinet-orbit{position:absolute;width:64%;height:285px;left:24%;top:28px;fill:none;stroke:var(--sage);stroke-width:.65;opacity:.35;pointer-events:none;z-index:-1}.cabinet-orbit .cabinet-guide{stroke-dasharray:1 6;opacity:.5}.cabinet-orbit circle{fill:var(--accent);stroke:var(--accent)}.cabinet-orbit .cabinet-leaf{transform-origin:370px 183px;animation:leaf-breathe 13s ease-in-out infinite}.collection-world .filter-bar{border-top:0;border-bottom:1px solid #cdd1c3;padding:12px 0 18px;margin-bottom:22px}.collection-world .tabs{gap:3px}.collection-world .tabs button{border-radius:30px;font-size:12px}.collection-world .filter-tools input,.collection-world .filter-tools select{border-radius:16px;background:#fffdf780;border-color:#c6ccbd;font-size:12px}.collection-world #collection-count{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.collection-world .collection-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 4%;padding:30px 2% 55px}.collection-world .collection-grid:empty{display:none}.collection-world .collection-grid:before{content:'';position:absolute;inset:12% 7% 14%;border:1px solid #a58c5733;border-radius:50%;transform:rotate(-13deg);pointer-events:none}.collection-world .resource-card{grid-column:span 4;padding-top:calc(var(--folio-order) * 32px)}.collection-world .resource-card:nth-child(3n+2){grid-column:span 5}.collection-world .resource-card:nth-child(3n){grid-column:span 3}.folio-index{font:italic 15px Georgia,serif;color:var(--accent);display:block;margin:0 0 12px 10px}.collection-world .resource-cover{border:0;background:#e8e8dc;box-shadow:0 15px 26px -23px #35432a90,0 1px 0 #a2aa9540;transform:rotate(-2deg);transition:transform 1.1s cubic-bezier(.2,.7,.3,1),box-shadow 1.1s;aspect-ratio:4/5;border-radius:2px}.collection-world .resource-card:nth-child(2n) .resource-cover{transform:rotate(3deg);aspect-ratio:5/4}.collection-world .resource-cover:hover,.collection-world .resource-cover:focus-visible{transform:rotate(0) translateY(-8px);box-shadow:0 20px 35px -20px #35432a70}.collection-world .resource-card h2{font-size:29px}.collection-world .resource-card p{max-width:33ch}.collection-world .resource-format{font-size:9px}.collection-world .cabinet-empty{display:grid;grid-template-columns:1.05fr 1fr;position:relative;border:0;text-align:left;background:transparent;padding:16px 0 0;min-height:360px;align-items:center;gap:5%}.empty-drawing{position:relative;min-width:0;align-self:center}.empty-drawing svg{width:100%;fill:none;stroke:var(--sage);stroke-width:1}.empty-drawing .faint{opacity:.22;stroke-dasharray:1 6}.empty-drawing .orbit-line{stroke:var(--accent);stroke-width:.65;opacity:.6}.empty-drawing circle{fill:var(--accent);stroke:none}.empty-drawing .paper-one{transform-origin:120px 147px;animation:paper-drift 14s ease-in-out infinite}.empty-drawing .paper-two{transform-origin:458px 199px;animation:paper-drift 17s ease-in-out infinite reverse}.empty-words{max-width:440px}.collection-world .empty-words h2{font-size:clamp(38px,4vw,57px);margin-bottom:20px}.collection-world .empty-words>p{margin:0 0 18px;max-width:38ch;font-size:13px}.collection-world .empty-words>.eyebrow{font-size:8px;margin-bottom:18px}.collection-world .empty-words .text-link{font-size:12px}.collection-world .empty-words .owner-notice{border:0;border-left:1px solid #b6bea8;padding:0 0 0 16px;margin-top:25px;font-size:11px;max-width:35ch}.format-compass{grid-column:1/-1;display:flex;justify-content:center;gap:42px;padding:26px 0;border-top:1px solid #cdd1c370;margin-top:10px}.format-compass button{background:transparent;border:0;padding:8px 0;font-size:11px;color:var(--sage);border-bottom:1px solid transparent;display:flex;gap:12px;align-items:center}.format-compass i{font:italic 17px Georgia,serif;color:var(--accent)}.format-compass button[aria-pressed=true],.format-compass button:hover{border-color:var(--accent)}.collection-world .resource-dialog{border:1px solid #bdc5ae;border-radius:18px;padding:34px;box-shadow:0 35px 90px #1f2a2350}.collection-world .resource-dialog::backdrop{background:#29372ed9;backdrop-filter:blur(7px)}.collection-world .resource-dialog[open]{animation:folio-open .65s cubic-bezier(.2,.7,.3,1)}.collection-world .detail-grid>div:first-child{transform:rotate(-2deg)}.collection-world .detail-grid img{box-shadow:0 20px 30px -25px #30392c80}.collection-world .dialog-close{border:1px solid #bdc5ae;border-radius:30px;padding:8px 15px}.collection-world .collection-note{margin-top:25px}.collection-world .collection-note .small{max-width:55ch;font-size:11px}
@keyframes paper-drift{50%{transform:translateY(-7px) rotate(3deg)}}@keyframes leaf-breathe{50%{transform:rotate(4deg)}}@keyframes folio-open{from{opacity:0;transform:translateY(16px) rotate(-1deg)}to{opacity:1;transform:none}}
@media(max-width:800px){.cabinet-opening{min-height:330px}.cabinet-orbit{left:22%;width:78%;top:20px;opacity:.25}.cabinet-opening h1{font-size:80px}.cabinet-intro{max-width:240px}.collection-world .resource-card,.collection-world .resource-card:nth-child(3n+2),.collection-world .resource-card:nth-child(3n){grid-column:span 6}.collection-world .resource-card:nth-child(2n){padding-top:50px}.format-compass{gap:22px}.collection-world .resource-card h2{font-size:25px}}
@media(max-width:550px){.collection-world .business-main{padding-top:35px}.cabinet-opening{display:block;min-height:340px;padding-bottom:26px}.cabinet-opening>.eyebrow{font-size:8px;margin-bottom:27px}.cabinet-opening h1{font-size:78px;max-width:5ch}.cabinet-intro{max-width:250px;margin:27px 0 0 20%}.cabinet-coordinate{font-size:7px;margin-bottom:9px}.cabinet-intro .lead{font-size:12px}.cabinet-orbit{width:105%;left:5%;top:47px;height:230px;opacity:.25}.collection-world .filter-tools{gap:8px}.collection-world .filter-tools select{width:122px}.collection-world .filter-tools input{font-size:12px;padding:11px}.collection-world .cabinet-empty{grid-template-columns:1fr;gap:0;min-height:0}.empty-drawing{max-width:390px;margin:0 auto;width:100%;height:190px}.empty-drawing svg{height:100%}.empty-words{margin:10px auto 0;text-align:center}.collection-world .empty-words h2{font-size:43px}.collection-world .empty-words>p{font-size:12px;margin-inline:auto}.collection-world .empty-words .owner-notice{text-align:left;margin-top:20px}.format-compass{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:25px;padding:18px 10px}.format-compass button{font-size:10px}.collection-world .collection-grid{gap:28px 7%;padding:20px 3%}.collection-world .resource-card h2{font-size:23px}.collection-world .resource-format{font-size:8px;display:block}.collection-world .resource-access{display:block;margin-top:5px}.collection-world .resource-card p{font-size:11px}.collection-world .resource-dialog{padding:22px}.collection-world .collection-note .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.collection-world *{animation:none!important;transition:none!important}.collection-world .resource-cover:hover{transform:none}.collection-world .resource-dialog::backdrop{backdrop-filter:none}}
/* One real piece is a focused study, rather than an unfinished row. */
.collection-world .collection-grid:has(>.resource-card:only-child){display:block;max-width:850px;margin-inline:auto;padding:32px 5% 55px}.collection-world .collection-grid:has(>.resource-card:only-child):before{inset:16% 2% 16%;transform:rotate(-16deg)}.collection-world .resource-card:only-child{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(220px,1fr);column-gap:12%;align-items:start;padding-top:0}.collection-world .resource-card:only-child .folio-index{grid-column:1;margin-bottom:14px}.collection-world .resource-card:only-child .resource-cover{grid-column:1;grid-row:2/7;aspect-ratio:4/5}.collection-world .resource-card:only-child .resource-format{grid-column:2;grid-row:2;margin-top:25px;margin-bottom:17px}.collection-world .resource-card:only-child h2{grid-column:2;grid-row:3;font-size:38px;margin-bottom:18px}.collection-world .resource-card:only-child>p{grid-column:2;grid-row:4;max-width:34ch}.collection-world .resource-card:only-child>.text-link{grid-column:2;grid-row:5;justify-self:start;align-self:start;margin-top:10px}
@media(max-width:550px){.collection-world .collection-grid:has(>.resource-card:only-child){max-width:330px;padding:18px 8% 35px}.collection-world .collection-grid:has(>.resource-card:only-child):before{inset:7% -8% 40%}.collection-world .resource-card:only-child{display:block}.collection-world .resource-card:only-child .resource-cover{aspect-ratio:4/5}.collection-world .resource-card:only-child .resource-format{margin-top:25px}.collection-world .resource-card:only-child h2{font-size:30px}.collection-world .resource-card:only-child>p{font-size:13px}.collection-world .resource-card:only-child>.text-link{margin-top:8px}}
@media(max-width:550px){.collection-world .cabinet-opening{overflow:clip}.collection-world .cabinet-orbit{width:100%;left:0}}
/* Keep the decorative orbit inside the phone's paper margin. */
@media(max-width:550px){.collection-world .collection-grid{overflow:clip}}
