/* A thread connects actual example context to its resulting action. */
.moment-story{position:relative;isolation:isolate}
.moment-selector,.next-move{position:relative;z-index:1}
.memory-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.memory-thread path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round}
.thread-track{opacity:.22}
.thread-travel{opacity:0}
.thread-spark{fill:var(--accent);opacity:0}
.next-move{transform-origin:left center}
/* The closed book is a product metaphor rendered as a dimensional object, not a UI card. */
.privacy-title{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center}
.privacy-title h2{max-width:16ch}
.private-book{height:320px;display:grid;place-items:center;perspective:1100px}
.book-object{position:relative;width:210px;height:280px;transform:rotateX(14deg) rotateY(-22deg) rotateZ(-8deg);transform-style:preserve-3d}
.book-back,.book-pages,.book-cover,.book-spine{position:absolute;inset:0;transform-style:preserve-3d}
.book-back{background:#080808;transform:translateZ(-22px);border-radius:2px 9px 9px 2px}
.book-pages{inset:6px 4px 6px 10px;background:#ded3b3;transform:translateZ(-11px);border-radius:0 5px 5px 0}
.book-cover{background:#080808;transform-origin:left center;backface-visibility:hidden;border-radius:2px 9px 9px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden}
.book-cover img{width:125px;height:125px;object-fit:cover;mix-blend-mode:normal}
.book-cover span{font:500 24px/1.2 var(--display);color:var(--accent)}
.book-spine{right:auto;width:22px;background:#17130b;transform-origin:left;transform:rotateY(90deg)}
.capture-image{position:relative;isolation:isolate}
.capture-scan{position:absolute;inset:0 0 auto;height:3px;background:var(--accent);pointer-events:none;opacity:0}
.footer-name{perspective:1000px;white-space:nowrap}
.footer-name span{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden}
@media(max-width:1000px){.privacy-title{gap:35px;grid-template-columns:1.5fr 1fr}.private-book{height:260px}.book-object{width:172px;height:230px}.book-cover img{width:100px;height:100px}}
@media(max-width:600px){.privacy-title{grid-template-columns:1fr;gap:20px}.privacy-title h2{max-width:14ch}.private-book{height:240px;justify-content:center}.book-object{width:156px;height:210px}.book-cover img{width:90px;height:90px}.book-cover span{font-size:24px}.privacy-layout{margin-top:25px}.memory-thread path{stroke-width:2}}
@media(prefers-reduced-motion:reduce){.memory-thread,.capture-scan{display:none}.book-object{transform:rotateY(-12deg) rotateZ(-5deg)}.book-cover,.footer-name span{transform:none!important}}

.private-book{position:relative}
/* Independent orbit preserves the cover-closing choreography inside it. */
.book-orbit{transform-style:preserve-3d;}
@media(prefers-reduced-motion:reduce){.book-orbit{transform:none!important;transition:none}}


@media(prefers-reduced-motion:reduce){.footer-name span{opacity:1!important}}