/* The shelf is made from light and CSS; the covers are existing catalog media. */
.nav-item.inspiration-toggle {gap:6px}
.inspiration-toggle svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.inspiration-toggle[aria-pressed=true] {background:var(--ink);color:var(--on-ink)}
.inspiration-mode .library-nav button.active {background:none;color:var(--muted)}
.inspiration-mode .nav-item[data-view] {background:none;color:var(--muted)}
.inspiration {max-width:1280px;margin:auto;padding:40px 0 64px}
.inspiration-heading {text-align:center;margin-bottom:30px}
.inspiration-eyebrow {font-size:10px;letter-spacing:2.5px;color:var(--muted);margin:0 0 12px}
.inspiration-heading h1 {font-size:34px;line-height:1.35;font-weight:650;letter-spacing:-1px;margin:0}
.inspiration-heading>p:last-child {font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0 0}
.inspiration-controls {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 20px 14px}
.inspiration-filters {display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px}
.inspiration-filters button {font-size:12px;padding:8px 17px;min-height:34px;border-radius:99px;color:var(--muted)}
.inspiration-filters [aria-pressed=true] {background:var(--ink);color:var(--on-ink)}
.inspiration-shuffle {display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;min-height:42px;padding:10px 18px;font-size:12px;background:var(--paper);transition:background 160ms ease}
.inspiration-shuffle svg {width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;transition:transform 240ms ease}
.inspiration-shuffle:hover {background:var(--surface)}
.inspiration-shuffle:hover svg {transform:rotate(25deg)}
.inspiration-meta {display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:0 24px 8px;min-height:22px}
.inspiration-meta p {margin:0}
.inspiration-touch-hint {display:none}
.inspiration-failure {font-size:12px;text-align:center;padding:12px;line-height:1.7;color:var(--muted)}
.inspiration-failure button {text-decoration:underline;text-underline-offset:3px;min-height:36px;color:var(--ink)}
/* Theme-aware wall and warm oak shelves. The grain is static, with no media requests. */
.inspiration-wall {
  --wall-ink:#62605c;
  --wood-top:#ddbd93;--wood-front:#bb8a56;--wood-edge:#855a33;
  --wood-light:#fff0d447;--wood-grain:#54321420;--wood-fiber:#fff6df26;
  --shelf-shadow:#34251838;--shelf-shadow-soft:#34251818;
  --cover-shadow:#24241f;--cover-shadow-opacity:.23;--cover-hover-shadow-opacity:.16;
  --wood-lines:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='64' viewBox='0 0 640 64'%3E%3Cg fill='none' stroke='%23432a15' stroke-opacity='.18' stroke-width='.65'%3E%3Cpath d='M-10 7C65 1 105 12 180 8S305 2 382 8 510 14 650 6M-10 13C80 8 131 20 209 14S331 6 405 15 554 19 650 12M-10 20C90 26 139 11 236 21S360 29 440 20 563 16 650 22M-10 29C81 36 165 21 257 30S371 40 472 29 575 27 650 32M-10 35C75 41 164 28 265 37S395 45 482 37 580 35 650 38M-10 44C81 38 158 49 249 44S397 36 494 46 580 49 650 45M-10 51C68 47 138 58 225 52S367 44 458 53 574 57 650 52M-10 59C77 53 173 63 271 58S401 52 490 59 582 62 650 58'/%3E%3C/g%3E%3C/svg%3E");
  position:relative;isolation:isolate;padding:78px 32px 104px;border-radius:4px;
  background:var(--paper);overflow:hidden;
}
.inspiration-shelf {display:flex;flex-direction:column;gap:104px}
.inspiration-row {position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:34px;padding:0 32px;align-items:end}
.inspiration-slot {position:relative;min-width:0;z-index:4;--book-yaw:-2deg;--book-roll:-.4deg}
.inspiration-slot:nth-of-type(2n) {--book-yaw:2deg;--book-roll:.4deg}
.inspiration-slot:has(.inspiration-card[data-active=true]) {z-index:5}
/* The button stays still so lifting the book cannot move the hit area away from the cursor. */
.inspiration-card {display:block;position:relative;width:100%;max-width:250px;margin:auto;padding:0;aspect-ratio:1;border:0;border-radius:2px;text-align:left;perspective:1100px;background:transparent;color:white;animation:inspiration-arrive 350ms both;animation-delay:var(--shelf-delay,0ms)}
.inspiration-card:focus-visible {outline-offset:9px}
.inspiration-book {display:block;position:absolute;inset:0;transform-origin:50% 100%;transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(var(--book-yaw)) rotateZ(var(--book-roll));transition:transform 440ms cubic-bezier(.2,.8,.2,1);box-shadow:0 1px 2px #0005}
.inspiration-book::before {content:'';position:absolute;inset:2px -5px 1px auto;width:6px;background:repeating-linear-gradient(90deg,#b9b9b5 0px,#eeeee9 1px,#d4d4cf 2px);transform:rotateY(55deg);transform-origin:left;box-shadow:inset -1px 0 1px #0003}
.inspiration-book::after {content:'';position:absolute;left:1px;right:-1px;bottom:-3px;height:3px;background:linear-gradient(#d3d3ce,#92928e);transform:skewX(-30deg);transform-origin:top}
.inspiration-book-shadow {position:absolute;inset:6% 1% -1% 4%;border-radius:1px;background:var(--cover-shadow);opacity:var(--cover-shadow-opacity);filter:blur(7px);transform:translate(8px,5px) skewY(1deg);transition:transform 440ms cubic-bezier(.2,.8,.2,1),opacity 440ms ease;pointer-events:none}
.inspiration-slot::after {content:'';position:absolute;bottom:-8px;left:-8%;right:-8%;height:17px;background:radial-gradient(ellipse,#17171370 0%,#1717132b 35%,transparent 70%);transform:scaleY(.65);opacity:.9;transition:transform 440ms ease,opacity 440ms ease;pointer-events:none}
.inspiration-cover {display:block;position:absolute;inset:0;overflow:hidden;border-radius:1px;background:linear-gradient(145deg,#46464c,#222227)}
.inspiration-cover::after {content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fff2,transparent 18%,#fff0 70%,#fff1);box-shadow:inset 0 0 0 1px #ffffff28,inset 2px 0 2px #ffffff30;pointer-events:none}
.inspiration-cover>img,.inspiration-cover>video {position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}
.inspiration-cover>video {opacity:0;transition:opacity 180ms ease}
.inspiration-cover>video.is-playing {opacity:1}
.inspiration-spine {position:absolute;z-index:1;inset:0 auto 0 0;width:7px;background:linear-gradient(90deg,#0005,#fff3 30%,#0001 65%,transparent);pointer-events:none}
.inspiration-cover-title {position:absolute;inset:auto 0 0;padding:54px 13px 15px;background:linear-gradient(transparent,#000b);font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.3px;text-wrap:balance;transition:opacity 160ms ease}
.inspiration-caption {position:absolute;top:calc(100% + 37px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:16px;color:var(--wall-ink)}
.inspiration-caption>span:first-child {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inspiration-caption>span:last-child {font-size:8px;font-variant-numeric:tabular-nums;opacity:.65}
.inspiration-card[data-active=true] .inspiration-book {transform:translate3d(0,-38px,52px) rotateX(3deg) rotateY(-9deg) rotateZ(-2deg)}
.inspiration-card[data-active=true] .inspiration-book-shadow {transform:translate(20px,20px) skewY(3deg) scale(.95);opacity:var(--cover-hover-shadow-opacity)}
.inspiration-slot:has(.inspiration-card[data-active=true])::after {transform:scale(1.18,.85);opacity:.26}
.inspiration-card[data-active=true] .inspiration-cover-title {opacity:0}
.inspiration-card.has-no-image .inspiration-cover-title {opacity:1}
/* Curved grain, fine fibers, a lit top and a darker end face form one solid board. */
.inspiration-plank {
  position:relative;z-index:3;grid-column:1/-1;height:14px;margin:0 -32px;
  background-color:var(--wood-front);
  background-image:var(--wood-lines),repeating-linear-gradient(178deg,transparent 0 2px,var(--wood-grain) 3px,transparent 4px,var(--wood-fiber) 5px,transparent 7px),linear-gradient(180deg,var(--wood-light),transparent 35%,var(--wood-edge));
  background-size:640px 34px,auto,auto;
  border-radius:1px 1px 3px 3px;box-shadow:inset 0 1px var(--wood-light),inset 0 -1px #35200d38,0 2px 3px #0002,0 7px 10px var(--shelf-shadow);
  isolation:isolate;pointer-events:none;
}
.inspiration-plank::before {
  content:'';position:absolute;left:0;right:0;top:-18px;height:19px;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);
  background-color:var(--wood-top);
  background-image:var(--wood-lines),repeating-linear-gradient(177deg,transparent 0 3px,var(--wood-grain) 4px,transparent 5px,var(--wood-fiber) 7px,transparent 9px),linear-gradient(180deg,#32200f20,transparent 60%,var(--wood-light));
  background-size:640px 52px,auto,auto;
  box-shadow:inset 0 -1px var(--wood-light);
}
.inspiration-plank::after {content:'';position:absolute;z-index:-1;top:14px;left:15px;right:15px;height:64px;background:linear-gradient(var(--shelf-shadow),var(--shelf-shadow-soft) 42%,transparent);filter:blur(12px);transform:translateY(9px);pointer-events:none}
.inspiration-row:nth-child(even) .inspiration-plank,.inspiration-row:nth-child(even) .inspiration-plank::before {background-position:180px 8px,0 0,0 0}
.inspiration-plank-mobile {display:none}
.inspiration-loading .inspiration-cover {background:var(--preview-skeleton)}
.inspiration-loading .inspiration-cover::before,.inspiration-card.is-loading .inspiration-cover::before {content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff38 48%,transparent 75%);animation:inspiration-shimmer 1.4s linear infinite}
.inspiration-footer {font-size:11px;color:var(--muted);text-align:center;line-height:1.8;margin:24px 0 0}
@keyframes inspiration-arrive {from {opacity:0;translate:0 10px} to {opacity:1;translate:0 0}}
@keyframes inspiration-shimmer {from {transform:translateX(-100%)} to {transform:translateX(100%)}}
@media(max-width:900px) {
  .inspiration-wall {padding:68px 24px 94px}.inspiration-row {column-gap:24px;padding-inline:22px}.inspiration-plank {margin-inline:-22px}
  .inspiration-cover-title {font-size:14px}
}
@media(max-width:600px) {
  .inspiration {padding-top:28px}.inspiration-heading {margin-bottom:24px}.inspiration-heading h1 {font-size:27px}
  .inspiration-heading>p:last-child {font-size:12px;max-width:270px;margin-inline:auto}
  .inspiration-eyebrow {font-size:9px}.inspiration-controls {margin-inline:0;gap:8px}
  .inspiration-filters button {padding-inline:13px;font-size:11px}.inspiration-shuffle {padding-inline:12px;font-size:11px;gap:5px}
  .inspiration-meta {margin-inline:4px;font-size:10px;gap:8px}.inspiration-pointer-hint {display:none}.inspiration-touch-hint {display:inline}
  .inspiration-wall {margin-inline:-8px;padding:52px 16px 82px}.inspiration-shelf {gap:74px}
  .inspiration-row {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;padding-inline:10px}
  .inspiration-plank {margin-inline:-10px;height:12px}.inspiration-plank::before {height:15px;top:-14px}.inspiration-plank::after {top:12px;height:48px;filter:blur(9px)}
  .inspiration-plank-mobile {display:block;margin-bottom:74px}
  .inspiration-cover-title {font-size:14px;padding-inline:11px}
  .inspiration-caption {font-size:8px;top:calc(100% + 31px)}.inspiration-toggle svg {display:none}
  .inspiration-card[data-active=true] .inspiration-book {transform:translate3d(0,-24px,26px) rotateX(2deg) rotateY(-7deg) rotateZ(-2deg)}
}
@media(max-width:360px) {.inspiration-filters button {padding-inline:10px}.inspiration-shuffle {padding-inline:10px}.inspiration-row {column-gap:20px}.inspiration-cover-title {font-size:12px}.view-nav {gap:0}.nav-item {padding-inline:8px}}
@media(prefers-color-scheme:dark) {
  :where(:root:not([data-site-theme])) .inspiration-wall {
    --wall-ink:#a8a39c;
    --wood-top:#98734f;--wood-front:#795234;--wood-edge:#3d281a;
    --wood-light:#f5cc9c2b;--wood-grain:#25120638;--wood-fiber:#edbd8420;
    --shelf-shadow:#0009;--shelf-shadow-soft:#0004;
    --cover-shadow:#000;--cover-shadow-opacity:.58;--cover-hover-shadow-opacity:.36;
  }
  :where(:root:not([data-site-theme])) .inspiration-book::before {background:repeating-linear-gradient(90deg,#777670 0px,#c0beb4 1px,#96948b 2px)}
  :where(:root:not([data-site-theme])) .inspiration-book::after {background:linear-gradient(#8c8a80,#4c4a43)}
}
:where(:root[data-site-theme="dark"]) .inspiration-wall {
    --wall-ink:#a8a39c;
    --wood-top:#98734f;--wood-front:#795234;--wood-edge:#3d281a;
    --wood-light:#f5cc9c2b;--wood-grain:#25120638;--wood-fiber:#edbd8420;
    --shelf-shadow:#0009;--shelf-shadow-soft:#0004;
    --cover-shadow:#000;--cover-shadow-opacity:.58;--cover-hover-shadow-opacity:.36;
  }
@media(prefers-reduced-motion:reduce) {
  .inspiration-card,.inspiration-book,.inspiration-book-shadow,.inspiration-slot::after,.inspiration-cover-title,.inspiration-cover>video,.inspiration-shuffle,.inspiration-shuffle svg {animation:none;transition:none}
  .inspiration-card[data-active=true] .inspiration-book {transform:rotateX(-6deg) rotateY(var(--book-yaw)) rotateZ(var(--book-roll))}
  .inspiration-card[data-active=true] .inspiration-book-shadow {transform:translate(8px,5px) skewY(1deg);opacity:var(--cover-shadow-opacity)}
  .inspiration-slot:has(.inspiration-card[data-active=true])::after {transform:scaleY(.65);opacity:.9}
  .inspiration-shuffle:hover svg {transform:none}
  .inspiration-loading .inspiration-cover::before,.inspiration-card.is-loading .inspiration-cover::before {animation:none;display:none}
}