/* Book-cover portraits keep every friend tied to the published adventure. */
.friends-gallery{max-width:1240px;margin:0 auto}
.friends-gallery>.page-heading{padding:16px 10px 34px;text-align:center}
.friends-gallery>.page-heading h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.1;margin:10px 0 16px}
.friends-gallery>.page-heading>p:last-child{color:#c7cede;margin:0}
.friends-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}
.friend-profile{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;align-items:start;padding:28px 24px;border:1px solid #e5cea943;border-radius:18px 26px 20px 24px;background:#102039d9;box-shadow:0 14px 30px #030c2133;position:relative}
.friend-profile:before{content:'';position:absolute;inset:6px;border:1px dashed #e5cea917;border-radius:14px 22px 16px 20px;pointer-events:none}
.friend-book-picture{padding:0;margin:4px 0 0;border:0;background:none;transform:rotate(-4deg);cursor:pointer;transition:transform .22s;min-width:0}
.friend-book-picture:hover,.friend-book-picture:focus-visible{transform:rotate(0) translateY(-4px)}
.friend-book-picture img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain;filter:drop-shadow(5px 9px 6px #05081766);border-radius:2px}
.friend-book-picture>span{display:block;padding:20px 8px;border:1px dashed #cabda467;border-radius:7px;color:#d3c9bd;font-size:.7rem;line-height:1.5}
.friend-profile-copy{min-width:0}
.friend-book-name{font-family:var(--font-display);font-size:.57rem;letter-spacing:.08em;line-height:1.5;color:#e1cd9c;margin:0 0 7px}
.friend-profile h2{font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2rem);color:#fff0c6;line-height:1.2;margin:0 0 12px}
.friend-introduction{font-size:.9rem;line-height:1.65;color:#d0d9e9;margin:0 0 16px}
.friend-story-link{display:block;min-height:44px;padding:8px 0 0;border:0;background:none;text-align:left;font-family:var(--font-display);font-size:.76rem;font-weight:700;line-height:1.45;color:#a5e6e0;cursor:pointer}
.friend-story-link:hover{color:#ffe2a1;text-decoration:underline;text-underline-offset:4px}
html[data-motion="off"] .friend-book-picture{transition:none}
html[data-motion="off"] .friend-book-picture:hover,html[data-motion="off"] .friend-book-picture:focus-visible{transform:rotate(-4deg)}
@media(prefers-reduced-motion:reduce){.friend-book-picture{transition:none}.friend-book-picture:hover,.friend-book-picture:focus-visible{transform:rotate(-4deg)}}
@media(max-width:700px){
 .friends-gallery>.page-heading{padding:12px 5px 27px}
 .friends-gallery>.page-heading h1{font-size:2.6rem}
 .friends-profile-grid{gap:18px}
 .friend-profile{grid-template-columns:82px minmax(0,1fr);gap:19px;padding:25px 20px}
 .friend-profile h2{font-size:1.7rem}
 .friend-introduction{font-size:.87rem;line-height:1.6}
 .friend-book-name{font-size:.54rem}
 .friend-story-link{font-size:.73rem}
}