.memory{position:relative;isolation:isolate;min-height:82svh;margin-top:22px;overflow:hidden;background:radial-gradient(ellipse at top,#686054,#1f2120)}.memory video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) sepia(.1);z-index:-3}.memory-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#302e2ff5,transparent 75%),linear-gradient(90deg,#16181590,transparent)}.memory::after{content:'';position:absolute;inset:14px;border:1px solid #e9e2d235;pointer-events:none}.memory-copy{padding:clamp(110px,28vh,300px) max(24px,calc((100vw - 1132px)/2)) 95px}.film-controls{position:absolute;bottom:25px;left:max(24px,calc((100vw - 1132px)/2));right:max(24px,calc((100vw - 1132px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.film-controls button{font:12px monospace;color:#e9e2d2;background:#302e2fcc;border:1px dashed #e9e2d280;padding:12px 16px;cursor:pointer}.chapter{min-height:65svh}.chapter:not(.paper):not(.lavender){color:#e9e2d2}.chapter:not(.paper):not(.lavender) svg{stroke:#a193c5}.chapter p{max-width:36ch}.chapter details{border-top:1px dashed currentColor;padding-top:15px;margin-top:25px;max-width:38ch}.chapter summary{cursor:pointer;font-weight:700}.chapter details p{font-size:15px}@media(max-width:700px){.memory{min-height:78svh}.memory-copy{padding:30vh 24px 105px}.chapter{padding:45px 24px}.film-controls .label{font-size:9px}} 
.film-shelf { padding: 60px max(24px,calc((100vw - 1080px)/2)); }
.film-samples { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 32px; }
.film-placeholder { aspect-ratio: 16/9; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px dashed #a193c570; background: #a193c510; border-radius: 3px 6px 2px 4px; }
.film-placeholder span { font: 10px/1.6 monospace; text-transform: uppercase; letter-spacing: .08em; }
.film-placeholder strong { color: #c5b7d8; font-size: 13px; font-weight: 500; }
.film-samples h3 { margin: 18px 0 6px; font-size: 23px; letter-spacing: -.035em; }
.film-samples p { margin: 0; font-size: 15px; }
@media(max-width:700px) { .film-samples { grid-template-columns: 1fr; gap: 36px; } .film-shelf { padding-block: 42px; } }