.memory-story{overflow:hidden;background:#f7f7f7}.memory-story .story-opening{padding-bottom:65px}.memory-story .story-opening h1{font-size:clamp(3rem,7.5vw,7.6rem);line-height:1.07}.memory-story .story-opening h1 em{color:#737373}.memory-index{display:flex;justify-content:space-between;gap:24px;padding-block:24px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.memory-index a{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.4;color:#555}.memory-index a span{font-size:12px;color:#888;font-family:monospace}.memory-index a:hover,.memory-index a[aria-current]{color:#000;text-decoration:underline;text-underline-offset:6px}.memory-gallery{padding-block:45px 120px}.memory-chapter{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:center;min-height:750px;padding-block:90px;position:relative;scroll-margin-top:110px}.memory-chapter:nth-child(even){grid-template-columns:1fr 1.15fr}.memory-chapter:nth-child(even) .memory-copy{grid-column:2;grid-row:1}.memory-chapter:nth-child(even) .portrait-float{grid-column:1;grid-row:1}.memory-copy{max-width:580px}.memory-copy .chapter-number{display:block;margin-bottom:28px;font-size:12px;letter-spacing:.12em;color:#666}.memory-copy h2{font-size:clamp(2.5rem,4.9vw,5rem);line-height:1.1;letter-spacing:-.06em;margin-bottom:30px}.memory-copy h2 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}.memory-copy p{font-size:17px;line-height:1.8;color:#555;margin-top:19px;max-width:46ch}.portrait-float{width:100%;max-width:355px;margin-inline:auto;transform:translateY(var(--drift,0px));will-change:auto}.memory-chapter:nth-child(2) .portrait-float{max-width:310px;margin-top:65px}.memory-chapter:nth-child(3) .portrait-float{max-width:345px;margin-right:0}.memory-chapter:nth-child(4) .portrait-float{max-width:325px;margin-left:20px}.memory-chapter:nth-child(5) .portrait-float{max-width:355px}.memory-frame{margin:0;background:white;padding:12px 12px 0;border:1px solid #ddd;box-shadow:0 35px 60px -32px #0006,0 2px 6px #0001;transform:rotate(var(--angle)) perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .6s;position:relative}.frame-window{overflow:hidden;background:#151515;aspect-ratio:2/3}.frame-window img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.memory-frame figcaption{display:flex;justify-content:space-between;gap:15px;padding:18px 4px;font-size:11px;font-family:Inter,Arial,sans-serif;letter-spacing:.1em;color:#444}.memory-frame:hover{box-shadow:0 42px 75px -30px #0007,0 2px 6px #0001}.memory-chapter:nth-child(even) .memory-frame{background:#151515;border-color:#333}.memory-chapter:nth-child(even) .memory-frame figcaption{color:#ccc}.memory-story .story-manifesto{background:#111}.memory-story .story-manifesto>.wrap>p{font-size:clamp(3rem,8vw,8rem)}
@media(max-width:1050px){.memory-chapter{gap:9%;min-height:650px}.memory-copy h2{font-size:4.8vw}.portrait-float{max-width:300px}.memory-copy p{font-size:16px}.memory-index{gap:15px}.memory-index a{font-size:12px;gap:7px}}
@media(max-width:760px){.memory-story .story-opening{padding-bottom:38px}.memory-story .story-opening h1{font-size:clamp(2.6rem,9.8vw,4.8rem)}.memory-story .story-deck{margin-top:28px}.memory-index{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding-block:22px}.memory-index a{font-size:13px;gap:10px}.memory-index a:last-child{grid-column:1/-1}.memory-gallery{padding-block:5px 70px}.memory-chapter,.memory-chapter:nth-child(even){grid-template-columns:1fr;gap:45px;min-height:0;padding-block:55px 35px}.memory-chapter:nth-child(even) .memory-copy,.memory-chapter:nth-child(even) .portrait-float{grid-column:auto;grid-row:auto}.memory-copy .chapter-number{font-size:11px;margin-bottom:22px}.memory-copy h2{font-size:clamp(2.3rem,9vw,4rem);margin-bottom:25px}.memory-copy p{font-size:16px;line-height:1.75;margin-top:16px}.portrait-float,.memory-chapter:nth-child(n) .portrait-float{width:72%;max-width:290px;margin:0 6% 0 auto}.memory-chapter:nth-child(even) .portrait-float{margin:0 auto 0 5%;width:66%}.memory-frame{padding:9px 9px 0}.memory-frame figcaption{font-size:10px;padding:14px 2px;letter-spacing:.07em}.memory-story .story-manifesto>.wrap>p{font-size:10vw}}
@media(prefers-reduced-motion:reduce){.portrait-float{transform:none!important}.memory-frame{transform:rotate(var(--angle))!important;transition:none}}