.page{min-height:100vh;padding:48px 24px 64px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% -10%,rgba(224,169,74,.16),transparent 55%),#1b1210}.header{text-align:center;max-width:560px;margin-bottom:40px}.header h1{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(2rem,4vw,2.8rem);margin:0 0 10px;color:#f4ece1}.header p{margin:0;color:#c9b8a8;font-size:.95rem;letter-spacing:.02em}.stage{position:relative;width:100%;max-width:2200px;display:flex;align-items:stretch;justify-content:center;gap:0}.photo-frame{position:relative;flex:0 0 auto;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #e0a94a59,0 30px 60px -20px #0009}.family-photo{display:block;width:auto;height:auto;max-width:min(calc(100vw - 648px),1700px);max-height:calc(100vh - 280px);transform-origin:0 0;transition:transform .5s cubic-bezier(.22,1,.36,1)}.hotspots{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;transition:transform .5s cubic-bezier(.22,1,.36,1)}.hotspot{position:absolute;display:block;cursor:pointer;border-radius:6px;transition:background .25s ease,box-shadow .25s ease}.hotspot:hover,.hotspot.is-active,.hotspot:focus-visible{background:#f4ece10f;box-shadow:inset 0 0 0 1.5px #e0a94aa6;outline:none}.anchor-dot{position:absolute;top:30%;left:50%;width:6px;height:6px;pointer-events:none}.margin{position:relative;flex:0 0 300px;display:block}.thread-card{position:absolute;width:260px;transform:translateY(-50%) rotate(var(--tilt, -1.5deg));background:#fbf3e4;color:#241a14;border-radius:3px;padding:18px 20px 16px;box-shadow:0 18px 32px -12px #0000008c;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}.thread-card--left{right:0;--tilt: -2deg}.thread-card--right{left:0;--tilt: 2deg}.thread-card.is-active{opacity:1;pointer-events:auto;transform:translateY(-50%) rotate(0)}.thread-card__role{margin:0 0 4px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#7a1f3d;font-weight:600}.thread-card__name{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;margin:0 0 8px;line-height:1.2}.thread-card__blurb{font-size:.85rem;line-height:1.45;margin:0 0 10px;color:#4a3a2e}.thread-card__link{display:inline-block;font-size:.78rem;font-weight:600;color:#7a1f3d;text-decoration:none;border-bottom:1px solid rgba(122,31,61,.35)}.thread-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.thread-path{fill:none;stroke:#e0a94a;stroke-width:1.5;stroke-dasharray:3 4}.thread-bead{fill:#e0a94a}.mobile-card{width:min(92%,420px);margin:20px auto 0;background:#fbf3e4;color:#241a14;border-radius:6px;padding:16px 18px 14px;box-shadow:0 16px 30px -10px #0009;animation:card-in .25s ease}@keyframes card-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-card .thread-card__role{margin:0 0 4px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#7a1f3d;font-weight:600}.mobile-card .thread-card__name{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;margin:0 0 6px}.mobile-card .thread-card__blurb{font-size:.82rem;line-height:1.4;margin:0 0 8px;color:#4a3a2e}.mobile-card .thread-card__link{display:inline-block;font-size:.78rem;font-weight:600;color:#7a1f3d;text-decoration:none;border-bottom:1px solid rgba(122,31,61,.35)}.footer{margin-top:40px;font-size:.75rem;letter-spacing:.06em;color:#6a584a;text-transform:uppercase}@media (max-width: 899px){.stage{max-width:640px}.photo-frame{width:min(calc(100vw - 48px),calc((100vh - 260px)*1.5648));aspect-ratio:3549 / 2268}.family-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:180%;height:180%;max-width:none;max-height:none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#1b1210;color:#f4ece1;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}