/* Lumina's quiet gestures guide the reading order without replacing the words. */
.memory-heading{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:35px;max-width:none}
.memory-heading-copy{min-width:0}
.memory-heading-copy>.muted{max-width:650px;margin-top:28px;line-height:2.05}
.memory-guide{position:relative;height:245px;align-self:end;isolation:isolate;pointer-events:none}
.memory-guide:before{content:'';position:absolute;inset:20% -25% 5%;background:radial-gradient(ellipse,#9fd4e314,transparent 68%);z-index:-1}
.memory-guide img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 16px #a1d7e311);mask-image:linear-gradient(#000 0 75%,transparent 100%)}
.remembered-friends{margin-top:48px;gap:clamp(22px,3vw,44px)}
.friend-card-head{margin-bottom:22px}
.friend-conversation{min-height:0}
.friend-comment{min-height:92px;margin-top:12px;line-height:1.75}
.friend-lumina-reply{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px;margin:23px -12px 0;padding:20px 12px;border:1px solid #b4ddeb16;border-radius:14px;background:linear-gradient(120deg,#92c9e009,#a6d4e003)}
.reply-portrait{position:relative;display:block;width:52px;height:60px;overflow:hidden;border-radius:50% 50% 42% 42%;background:radial-gradient(ellipse at 50% 70%,#8dc2d81d,transparent 72%);mask-image:linear-gradient(#000 0 78%,transparent)}
.reply-portrait img{position:absolute;width:110px;height:auto;max-width:none;top:-7px;left:50%;transform:translateX(-50%)}
.reply-copy{min-width:0}
.friend-lumina-reply .reply-label{margin:0;color:#b9d2de}
.friend-lumina-reply .friend-reply{min-height:76px;margin:8px 0 0;font-size:13px;line-height:1.95;color:#c5dbe5}
.friend-comment-source{margin-top:16px;padding-top:0}
.friend-memory{padding-top:22px;margin-top:10px}
.friend-memory-thread{margin-bottom:22px}
.friend-thought{line-height:1.95;color:#d7e7ed}
.friend-memory-summary{margin-top:24px;padding-top:19px}
.memory-flow{gap:35px;margin-top:40px}
.memory-flow li{display:flex;flex-direction:column;padding:0 20px 0 0;border-top:0}
.flow-portrait{position:relative;width:100%;height:180px;margin-bottom:21px;isolation:isolate}
.flow-portrait:before{content:'';position:absolute;width:170px;height:125px;left:50%;bottom:5px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#91cad414,transparent 70%);z-index:-1}
.flow-portrait:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#b3dbe52a,transparent)}
.flow-portrait img{display:block;width:145px;height:180px;object-fit:contain;object-position:center bottom;margin:0 auto;mask-image:linear-gradient(#000 0 73%,transparent 100%);transition:transform .4s ease;transform-origin:center bottom}
.flow-glint{position:absolute;right:18%;top:26px;font:20px/1 'Cormorant Garamond',serif;color:#b8dbe5a6;text-shadow:0 0 18px #b0ddec40}
.memory-flow li:nth-child(2) .flow-glint{right:auto;left:16%;top:63px;font-size:15px}
.memory-flow li:nth-child(3) .flow-glint{right:12%;top:48px}
.memory-flow li:not(:last-child):after{top:88px;right:-10px;font-size:19px;color:#a5c9d477}
.flow-point{font-size:20px;margin-bottom:10px}
.memory-flow h4{font-size:16px}
.memory-flow li p{font-size:13px;margin-top:12px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.memory-flow li:hover .flow-portrait img{transform:translateY(-4px)}}
@media(max-width:1050px) and (min-width:761px){.memory-heading{grid-template-columns:minmax(0,1fr) 145px;gap:22px}.memory-guide{height:210px}.friend-comment{min-height:100px}.friend-lumina-reply{grid-template-columns:42px minmax(0,1fr);gap:9px}.reply-portrait{width:42px;height:54px}.reply-portrait img{width:100px}.friend-lumina-reply .friend-reply{min-height:104px}.memory-flow{gap:24px}}
@media(max-width:760px){
 .memory-heading{grid-template-columns:minmax(0,1fr) 85px;gap:10px;align-items:start}.memory-heading-copy{display:contents}.memory-heading .overline{grid-column:1/-1}.memory-heading h2{grid-column:1;grid-row:2;font-size:clamp(26px,6.8vw,34px);line-height:1.65}.memory-heading-copy>.muted{grid-column:1/-1;grid-row:3;font-size:14px;line-height:2;margin-top:12px}.memory-guide{grid-column:2;grid-row:2;height:128px;align-self:center}
 .remembered-friends{margin-top:34px}.friend-comment{min-height:0;font-size:21px}.friend-lumina-reply{margin-top:24px;padding:17px 12px;gap:12px;grid-template-columns:44px minmax(0,1fr)}.reply-portrait{width:44px;height:57px}.reply-portrait img{width:105px}.friend-lumina-reply .friend-reply{min-height:0;font-size:13px}.friend-comment-source{margin-top:16px}.friend-thought{font-size:17px;line-height:1.95}
 .memory-flow{gap:30px;margin-top:30px}.memory-flow li{display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:19px;row-gap:5px;align-items:start;padding:20px 0 0;border-top:1px solid #b9dce321}.flow-portrait{grid-column:1;grid-row:1/4;width:94px;height:144px;margin:0}.flow-portrait img{width:108px;max-width:none;height:144px;margin-left:-7px}.flow-portrait:before{width:130px;height:100px}.flow-portrait:after{display:none}.flow-glint{right:0;top:23px;font-size:15px}.memory-flow li:nth-child(2) .flow-glint{left:-2px;top:49px}.memory-flow li:nth-child(3) .flow-glint{right:-5px;top:33px}.flow-point{position:static;grid-column:2;grid-row:1;font-size:18px;margin:0}.memory-flow h4{grid-column:2;grid-row:2;font-size:15px}.memory-flow li p{grid-column:2;grid-row:3;font-size:12px;line-height:1.95;margin:5px 0 0}.memory-flow li:not(:last-child):after{display:none}
 html[lang=en] .memory-heading h2{font-size:31px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.flow-portrait img{transition:none}}
body.motion-reduced .flow-portrait img{transition:none;transform:none}