@layer pages{.memory-page{--memory-paper: #efede7;--memory-black: #101111;--memory-muted: rgba(16, 17, 17, .58);--memory-line: rgba(16, 17, 17, .18);min-width:0;overflow:clip;color:var(--memory-black);background:var(--memory-paper)}.memory-page *,.memory-page *:before,.memory-page *:after{box-sizing:border-box}.memory-intro{min-height:min(70rem,100svh);display:grid;align-items:end;overflow:hidden;padding-block:calc(var(--header-height) + var(--space-5)) var(--space-5);background:linear-gradient(90deg,transparent 49.96%,rgba(16,17,17,.05) 50%,transparent 50.04%),linear-gradient(rgba(16,17,17,.035) 1px,transparent 1px),var(--memory-paper);background-size:100% 100%,100% 12.5%,100% 100%}.memory-intro__grid,.memory-explanation__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2)}.memory-intro__kicker,.memory-intro__meta,.memory-explanation__index,.memory-stage__caption,.memory-stage__identity,.memory-stage__phase,.memory-stage__time{font-family:var(--font-ui);font-size:var(--text-label);letter-spacing:.105em;text-transform:uppercase}.memory-intro__kicker{grid-column:1 / span 4;align-self:start;margin:0}.memory-intro h1{grid-column:1 / -1;margin:clamp(4rem,9vh,8rem) 0 0;font-family:var(--font-display);font-size:clamp(6rem,14.5vw,17rem);font-weight:var(--weight-regular);letter-spacing:-.083em;line-height:.69}.memory-intro__copy{grid-column:7 / span 3;margin:clamp(4rem,8vw,8rem) 0 0;font-size:var(--text-body-lg);line-height:1.42}.memory-intro__meta{grid-column:10 / -1;display:grid;gap:.75rem;align-self:end;margin:clamp(4rem,8vw,8rem) 0 0}.memory-intro__meta div{display:flex;justify-content:space-between;gap:1rem;padding-top:.65rem;border-top:1px solid var(--memory-line)}.memory-intro__meta dt,.memory-intro__meta dd{margin:0}.memory-intro__meta dt{color:var(--memory-muted)}.memory-experience{position:relative;padding:var(--space-2);color:var(--memory-paper);background:var(--memory-black)}.memory-stage{position:relative;width:100%;min-height:max(43rem,calc(100svh - (2 * var(--space-2))));overflow:hidden;border:1px solid rgba(239,237,231,.17);background:var(--memory-black);outline-offset:-3px;touch-action:pan-y;isolation:isolate}.memory-stage:focus-visible{outline:1px solid var(--memory-paper)}.memory-stage__canvas,.memory-stage__fallback{position:absolute;inset:0;width:100%;height:100%}.memory-stage__canvas{display:block}.memory-stage__fallback{display:none;object-fit:cover}.memory-stage.is-fallback .memory-stage__canvas{display:none}.memory-stage.is-fallback .memory-stage__fallback{display:block}.memory-stage__live-ui{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:var(--space-2);padding:clamp(1.25rem,2.2vw,2.5rem);pointer-events:none}.memory-stage__identity{grid-column:1 / span 3;display:grid;gap:.45rem}.memory-stage__identity span,.memory-stage__phase span,.memory-stage__time span{color:#efede77a}.memory-stage__identity strong,.memory-stage__phase strong,.memory-stage__time strong{font:inherit;font-weight:var(--weight-regular)}.memory-stage__phase{grid-column:7 / span 3;display:grid;gap:.45rem;margin:0}.memory-stage__time{grid-column:11 / -1;display:grid;justify-items:end;gap:.45rem;margin:0}.memory-stage__hint,.memory-stage__ending{grid-column:1 / span 4;grid-row:3;align-self:end;max-width:24rem;margin:0;font-size:clamp(1rem,1.3vw,1.35rem);line-height:1.35;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.memory-stage__ending{font-size:clamp(1.35rem,2.4vw,2.6rem)}.memory-stage__ending[hidden],.memory-stage__reset[hidden]{display:none}.memory-stage__reset{grid-column:11 / -1;grid-row:3;justify-self:end;align-self:end;min-height:2.75rem;display:inline-flex;align-items:center;gap:1.5rem;padding:0;border:0;border-bottom:1px solid rgba(239,237,231,.7);color:inherit;background:transparent;font:inherit;cursor:pointer;pointer-events:auto}.memory-stage__reset:focus-visible{outline:1px solid currentColor;outline-offset:5px}.memory-stage__reset:disabled{opacity:.42;cursor:default}.memory-stage__caption{margin:0;padding-block:1.1rem .25rem;color:#efede76b}.memory-explanation{padding-block:clamp(8rem,16vw,16rem)}.memory-explanation__index{grid-column:1 / span 2;margin:0;color:var(--memory-muted)}.memory-explanation h2{grid-column:3 / -1;max-width:11ch;margin:0;font-family:var(--font-display);font-size:clamp(4.8rem,10.5vw,12rem);font-weight:var(--weight-regular);letter-spacing:-.075em;line-height:.83}.memory-explanation__copy{grid-column:7 / span 4;margin-top:clamp(5rem,10vw,10rem);font-size:var(--text-body-lg);line-height:1.5}.memory-explanation__copy p{margin:0}.memory-explanation__copy p+p{margin-top:1.4em}.memory-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:var(--space-5);color:var(--memory-black);background:var(--memory-paper)}.memory-navigation a{min-height:4.5rem;display:grid;align-content:space-between;gap:1rem;padding:var(--space-2) 0;border-top:1px solid var(--memory-line);color:inherit;text-decoration:none}.memory-navigation a:not(:first-child){padding-left:var(--space-3)}.memory-navigation a:last-child{text-align:right}.memory-navigation a:last-child small{justify-content:flex-end}.memory-navigation small{display:flex;align-items:center;gap:.6rem;color:var(--memory-muted)}.memory-navigation strong{font-size:var(--text-body-lg);font-weight:var(--weight-regular)}.memory-navigation a:focus-visible{outline:1px solid currentColor;outline-offset:5px}@media(max-width:63.999rem){.memory-intro__copy{grid-column:5 / span 4}.memory-intro__meta{grid-column:9 / -1}.memory-stage{min-height:max(42rem,82svh)}.memory-explanation__copy{grid-column:6 / span 6}}@media(max-width:47.999rem){.memory-intro{min-height:92svh;padding-block:calc(var(--header-height) + 5.5rem) 3rem}.memory-intro__grid,.memory-explanation__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-intro__kicker,.memory-intro h1,.memory-intro__copy,.memory-intro__meta{grid-column:1 / -1}.memory-intro__kicker{margin-bottom:3rem}.memory-intro h1{margin-top:0;font-size:clamp(4rem,19vw,6.2rem);line-height:.73}.memory-intro__copy{max-width:22rem;margin-top:4rem;font-size:1.06rem}.memory-intro__meta{margin-top:3rem}.memory-experience{padding:.65rem}.memory-stage{min-height:calc(100svh - 1.3rem)}.memory-stage__live-ui{grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(var(--header-height) + 1rem) 1rem 1rem}.memory-stage__identity{grid-column:1 / span 2}.memory-stage__phase{grid-column:3 / -1;justify-items:end}.memory-stage__time{grid-column:3 / -1;grid-row:2;align-self:start;margin-top:2rem}.memory-stage__hint,.memory-stage__ending{grid-column:1 / span 3;max-width:18rem}.memory-stage__reset{grid-column:3 / -1}.memory-stage__caption{padding-inline:.35rem;font-size:.62rem}.memory-explanation{padding-block:7rem}.memory-explanation__index,.memory-explanation h2,.memory-explanation__copy{grid-column:1 / -1}.memory-explanation h2{margin-top:3rem;font-size:clamp(3.6rem,17vw,5.8rem)}.memory-explanation__copy{margin-top:4rem;font-size:1.05rem}.memory-navigation{grid-template-columns:1fr}.memory-navigation a:not(:first-child){padding-left:0}.memory-navigation a:last-child{text-align:left}.memory-navigation a:last-child small{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.memory-stage__hint,.memory-stage__reset{transition:none}}}
