/* Selected Everyday connection photographs and thread motion. */
#book-polaroids { max-width: 1180px; margin: 64px auto 0; color: #293d2c; scroll-margin-top: 108px; }
.connection-option[hidden] { display: none; }
.polaroid-heading { text-align: center; padding: 0 16px; }
.polaroid-kicker { margin: 0 0 17px; text-transform: uppercase; font-size: 10px; letter-spacing: .25em; color: #856744; }
.polaroid-heading h3 { font: 400 clamp(30px, 3vw, 44px)/1.12 var(--serif); letter-spacing: -.04em; margin: 0; }
.polaroid-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; padding: 44px 16px 30px; }
.polaroid-gallery:focus-visible { outline: 2px solid #7b704c; outline-offset: 4px; border-radius: 4px; }
.speaking-polaroid { min-width: 0; margin: 0; padding: 12px 12px 0; background: #fffcf5; box-shadow: 0 4px 7px #2733220c, 0 16px 30px #27332214; transform: rotate(-2deg); border: 1px solid #e7e3d9; }
.speaking-polaroid:nth-child(2) { transform: translateY(-7px) rotate(1deg); }
.speaking-polaroid:nth-child(3) { transform: rotate(2deg); }
.speaking-polaroid img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.speaking-polaroid figcaption { display: grid; place-items: center; min-height: 72px; padding: 8px 2px 12px; text-align: center; color: #3e4c36; font: 400 clamp(22px, 1.9vw, 29px)/1.2 "Caveat", cursive; }
.polaroid-footnote { text-align: center; padding: 0 15px; }
.polaroid-footnote p { font-size: 11px; line-height: 1.6; color: #656c5c; margin: 10px 0 0; }
.polaroid-swipe { display: none; }


@media (max-width: 900px) {
  .polaroid-gallery { gap: 15px; padding-inline: 8px; }
  .speaking-polaroid { padding: 9px 9px 0; }
  .speaking-polaroid figcaption { font-size: 23px; min-height: 58px; }
}
@media (max-width: 680px) {
  #book-polaroids { margin-top: 48px; }
  .polaroid-heading { padding: 0; }
  .polaroid-heading h3 { font-size: 33px; }
  .polaroid-kicker { font-size: 9px; }
  .polaroid-gallery { display: flex; gap: 20px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; margin-inline: -5px; padding: 32px 14px 24px; scrollbar-width: thin; scrollbar-color: #9baa8b transparent; }
  .speaking-polaroid { flex: 0 0 86%; max-width: 330px; scroll-snap-align: center; }
  .speaking-polaroid figcaption { font-size: 28px; }
  .polaroid-swipe { display: block; margin-top: 10px; color: #6d775e; font-size: 10px; letter-spacing: .08em; }
  .polaroid-footnote { padding: 0 5px; }
  .polaroid-footnote p { font-size: 10px; }
}
@media (max-width: 380px) {
  .speaking-polaroid figcaption { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) { .polaroid-gallery { scroll-behavior: auto; } }

/* Decorative motion sits below the photographs, leaving faces and covers clear. */
.connection-art { display: block; width: 100%; height: auto; max-height: 125px; overflow: visible; margin: -8px auto 0; pointer-events: none; fill: none; }
.thread-base { stroke: #a8b394; stroke-width: 1.4; opacity: .65; }
.thread-flow { stroke: #947644; stroke-width: 2; stroke-dasharray: 9 91; stroke-linecap: round; animation: thread-flow 14s linear infinite; }
.thread-node { stroke: #94a281; stroke-width: 1; fill: #f5f1e7; transform-box: fill-box; transform-origin: center; animation: connection-breathe 8s ease-in-out infinite; }
.thread-node:nth-of-type(2) { animation-delay: -2.7s; }
.thread-node:nth-of-type(3) { animation-delay: -5.4s; }
.node-center { fill: #977749; stroke: none; }
#book-polaroids .motion-element { animation-play-state: paused; }
#book-polaroids[data-in-view="true"][data-motion="running"] .connection-option:not([hidden]) .motion-element { animation-play-state: running; }
.connection-motion-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 7px 12px; color: #59664d; background: transparent; border-radius: 6px; font: 11px/1.3 var(--sans); }
.connection-motion-toggle:before { content: 'Ⅱ'; font-size: 13px; }
.connection-motion-toggle[aria-pressed="true"]:before { content: '▷'; }
.connection-motion-toggle:disabled:before { content: '–'; }
.connection-motion-toggle[hidden] { display: none; }
.connection-motion-toggle:hover:not(:disabled) { background: #e6ebdc; }
.connection-motion-toggle:focus-visible { outline: 2px solid #947644; outline-offset: 2px; }
.connection-motion-toggle:disabled { cursor: default; }
.polaroid-footnote p { margin-top: 0; }
@keyframes thread-flow { to { stroke-dashoffset: -100; } }
@keyframes connection-breathe { 0%,100% { opacity: .6; transform: scale(.95); } 50% { opacity: 1; transform: scale(1.12); } }
@media (max-width: 680px) {
  .connection-art { margin-top: 10px; min-height: 55px; }
  .polaroid-footnote .polaroid-swipe { margin-top: 0; margin-bottom: 4px; }
  .speaking-polaroid figcaption { font-size: 26px; min-height: 78px; }
}
@media (max-width: 380px) { .speaking-polaroid figcaption { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) {
  #book-polaroids .motion-element { animation: none !important; }
}

/* Motion preferences remain available in the existing design menu. */
.design-motion-controls{margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #aab79966}