:root{--font-display: "Inter", "Helvetica Neue", Arial, sans-serif;--page-bg: #f2f5f0;--text-dark: #6b605c;--accent-red: #ca0f1f;--muted-gray: gray}.page{background-color:var(--page-bg);background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23111111' opacity='0.08'%3E%3Ccircle cx='8' cy='8' r='2.5'/%3E%3Ccircle cx='0' cy='0' r='2.5'/%3E%3Ccircle cx='16' cy='16' r='2.5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-blend-mode:multiply;min-height:100vh;padding:clamp(1.5rem,4vw,4rem) clamp(1rem,6vw,7rem) 1rem;color:var(--text-dark);font-family:var(--font-display)}.site-header{position:fixed;top:0;width:100vw;z-index:100;display:flex;justify-content:space-between;font-family:Chelsea Market,cursive;font-size:.9rem;color:var(--text-dark);pointer-events:none}.site-header p{pointer-events:auto;margin:2rem}.hero h1{margin:0;text-align:center;font-family:var(--font-display);font-weight:900;color:var(--accent-red);font-size:clamp(2.8rem,12vw,8rem);letter-spacing:-.08em;line-height:1;white-space:pre-line}.hero-meta{margin:clamp(1rem,4vw,2.5rem) auto 0;max-width:40rem;font-size:clamp(.95rem,1.75vw,1.45rem);line-height:1.25;text-align:center}.pyramid{margin-top:clamp(2rem,7vw,4rem);display:flex;flex-direction:column;align-items:center}.row{display:flex}.cell{--cell-size: clamp(70px, 12vw, 190px);width:var(--cell-size);height:calc(var(--cell-size) * 1.34);display:flex;align-items:center;justify-content:center}.cell img{width:100%;height:100%;object-fit:cover;display:block}.cell.image-only{background:none;border:none;padding:0;cursor:pointer;position:relative;overflow:hidden}.tone{position:absolute;inset:0;background-color:var(--tone-color);mix-blend-mode:screen;opacity:1;transition:opacity .35s ease}.cell.image-only:hover .tone{opacity:0}.letter{font-family:var(--font-display);font-weight:900;font-size:clamp(5rem,8vw,8rem);color:var(--muted-gray);letter-spacing:-.1em}.poster-dialog{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(20px) invert(80%);backdrop-filter:blur(20px) invert(80%);display:flex;align-items:center;justify-content:center;z-index:2000}.dialog-image{max-height:90vh;scale:2}.site-footer{display:flex;justify-content:center;margin-top:2rem;font-family:Chelsea Market,cursive}