.all-designs{padding:70px var(--g)}.all-designs>header{max-width:780px;margin-bottom:55px}.all-designs h1{font-size:clamp(40px,5.7vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:35px 0 25px}.all-designs p{color:var(--sc-ink-soft);line-height:1.7}.expanded-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px}.expanded-design figure{margin:0;aspect-ratio:1.44;overflow:hidden;background:var(--sc-surface);border:1px solid var(--sc-line)}.expanded-design img{display:block;width:100%;height:auto;transform:none;transition:transform .45s}.expanded-design a:hover img{transform:scale(1.015)}.expanded-design h2{font-size:26px;font-weight:500;margin:17px 0 5px}.expanded-design p{font-size:14px;margin:0}.expanded-design a{color:var(--sc-ink);text-decoration:none}.expanded-design a:focus-visible{outline:3px solid var(--sc-accent);outline-offset:5px;display:block}.all-designs-close{margin-top:75px;padding-top:40px;border-top:1px solid var(--sc-line)}.all-designs-close h2{font-size:36px;font-weight:500;margin-bottom:12px}.all-designs-close .ap-button{margin-top:18px}@media(max-width:700px){.all-designs{padding:40px 24px}.expanded-design-grid{grid-template-columns:1fr;gap:35px}}@media(prefers-reduced-motion:reduce){.expanded-design img{transition:none}}

.expanded-design img.offscript-preview,.expanded-design img.open-margin-preview{height:100%;object-fit:cover;object-position:center}

/* Show the depth behind each homepage without adding another gallery screen. */
.expanded-design .design-format{margin-top:7px;font-size:13px;color:var(--sc-ink-soft)}
.expanded-design .design-interior{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--sc-line);min-height:100px}
.expanded-design .design-interior img{width:132px;height:92px;object-fit:cover;object-position:top;border:1px solid var(--sc-line)}
.expanded-design .design-interior>span{font-size:15px;line-height:1.45;text-decoration:underline;text-underline-offset:4px}
.expanded-design .design-interior small{display:block;margin-top:7px;font-size:12px;color:var(--sc-ink-soft);text-decoration:none}
.expanded-design .design-interior:focus-visible{display:grid}
@media(max-width:420px){.expanded-design .design-interior{grid-template-columns:105px minmax(0,1fr);gap:14px}.expanded-design .design-interior img{width:105px;height:82px}}

/* Image-only interior links have no empty caption column. */
.expanded-design .design-interior,.expanded-design .design-interior:focus-visible{display:block;width:132px;min-height:0;margin-top:16px;padding-top:0;border-top:0}
@media(max-width:420px){.expanded-design .design-interior,.expanded-design .design-interior:focus-visible{width:105px}}
/* Each interior page rests on the corner of its homepage preview, like a second sheet. */
.expanded-design{position:relative}
.expanded-design figure{border:1px solid var(--tv-line,#cdd7e7)}
.expanded-design .design-interior,.expanded-design .design-interior:focus-visible{position:absolute;right:-14px;bottom:-18px;width:clamp(104px,24%,168px);margin:0}
.expanded-design .design-interior img{width:100%;height:auto;aspect-ratio:1.44;border:1px solid var(--tv-line,#cdd7e7);outline:6px solid var(--sc-canvas)}
.all-designs-close{border-top:1px solid var(--tv-line,#cdd7e7)}
@media(max-width:420px){.expanded-design .design-interior,.expanded-design .design-interior:focus-visible{width:96px;right:-8px}}