.book{display:grid;grid-template-columns:minmax(21rem,31%) minmax(0,1fr)}.book__rail{background:var(--sage);padding:var(--s-6) var(--s-6) var(--s-9) var(--gutter);transition:background-color .9s var(--ease-in-out)}.book__rail.is-evening{background:var(--dusk)}.book__pages{padding:var(--s-7) var(--gutter) var(--s-9) var(--s-8);max-width:72rem}.book__index{align-self:start}.book__index ol{list-style:none;display:grid;gap:2px}.book__index a{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:var(--s-3);padding:6px;border-radius:var(--r);text-decoration:none;font-size:var(--fs-s);font-weight:500;color:var(--ink-2);transition:background-color var(--t-fast) ease,color var(--t-fast) ease}.book__index img{width:40px;height:40px;object-fit:cover;border-radius:var(--r);filter:grayscale(.6);transition:filter var(--t-mid) ease}.book__index a[aria-current=true] img{filter:none}.book__pages{display:grid;gap:var(--s-9)}.bpage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s-5) var(--s-6);align-items:start;scroll-margin-top:calc(var(--header) + var(--s-5))}.bpage__photo{grid-column:1 / -1;aspect-ratio:16 / 9}.bpage:nth-child(3n+2) .bpage__photo{grid-column:1 / span 8;aspect-ratio:4 / 5}.bpage:nth-child(3n+2) .bpage__text{grid-column:9 / -1;align-self:end}.bpage:nth-child(3n) .bpage__photo{grid-column:5 / -1;aspect-ratio:4 / 3}.bpage:nth-child(3n) .bpage__text{grid-column:1 / span 4;grid-row:1;align-self:center}.bpage__text{grid-column:1 / span 8;display:grid;gap:var(--s-4);justify-items:start}.bpage__text p{margin:0}.bpage__text .lede{color:var(--ink)}.bpage__brands{display:grid;gap:var(--s-2);width:100%}.tilewall--mini{grid-template-columns:repeat(var(--cols, 4),minmax(0,72px));width:fit-content;max-width:100%}@media(max-width:640px){.tilewall--mini{grid-template-columns:repeat(var(--cols-m, 3),minmax(0,84px))}}@media(max-width:1000px){.book{grid-template-columns:1fr}.book__index{overflow-x:auto;scrollbar-width:none}.book__index ol{display:flex;gap:var(--s-2);width:max-content}.book__index a{grid-template-columns:28px auto;padding:4px 10px 4px 4px}.book__index img{width:28px;height:28px}.bpage,.bpage:nth-child(3n+2),.bpage:nth-child(3n){grid-template-columns:1fr}.bpage .bpage__photo,.bpage:nth-child(3n+2) .bpage__photo,.bpage:nth-child(3n) .bpage__photo{grid-column:1;grid-row:auto;aspect-ratio:4 / 3}.bpage .bpage__text,.bpage:nth-child(3n+2) .bpage__text,.bpage:nth-child(3n) .bpage__text{grid-column:1;grid-row:auto}}.book__side{position:sticky;top:calc(var(--header) + var(--s-5));display:grid;gap:var(--s-4)}.book__rail.is-evening .book__index a{color:var(--plaster)}.book__rail.is-evening .book__index a[aria-current=true]{background:var(--plaster);color:var(--ink)}.book__side .book__index{position:static}.book__side .book__index a{color:var(--ink)}.book__side .book__index a[aria-current=true]{background:var(--ink);color:var(--plaster)}.book__room{position:relative;aspect-ratio:1036 / 882}.book__room img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(6px) scale(.98);transition:opacity .6s ease,transform .8s var(--ease-out)}.book__room img.is-on{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.book__side .book__index a:hover{background:#f2f3ef59;color:var(--ink)}}@media(max-width:1000px){.book__rail{position:sticky;top:var(--header);z-index:5;padding:var(--s-2) var(--gutter)}.book__pages{padding:var(--s-6) var(--gutter) var(--s-9)}.book__side{position:static;grid-template-columns:96px 1fr;align-items:center;gap:var(--s-3)}.book__room{aspect-ratio:1036 / 882}.book__side .book__index{position:static;margin:0;padding:0;background:transparent}}@media(prefers-reduced-motion:reduce){.book__room img{transition:opacity .2s ease;transform:none}}