:root{--ink:#1c2029;--ink-soft:#2a2f3b;--paper:#efe8d8;--paper-dim:#e3dac5;--moss:#5c6e4f;--moss-bright:#7c9169;--wine:#7a3b45;--cream:#f3efe4;--line:#f3efe424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ink);color:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,64px) 0;display:flex}.wordmark{letter-spacing:.01em;font-family:Fraunces,serif;font-size:1.05rem;font-weight:500}.signin{border:1px solid var(--line);color:var(--cream);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-size:.85rem;transition:border-color .15s,background .15s}.signin:hover{border-color:var(--moss-bright);background:#7c91691a}.signin:focus-visible{outline:2px solid var(--moss-bright);outline-offset:2px}.hero{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,64px) 40px;display:grid}.copy{max-width:46ch}.eyebrow{gap:10px;margin-bottom:22px;display:flex}.tag{border:1px solid var(--line);color:var(--paper-dim);border-radius:999px;padding:5px 12px;font-size:.78rem}.tag.photos{color:#c98d94;border-color:#7a3b4580}.tag.notes{color:var(--moss-bright);border-color:#7c916980}.tag.films{color:var(--cream);border-color:#f3efe44d}h1{letter-spacing:-.01em;margin:0 0 20px;font-family:Fraunces,serif;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:500;line-height:1.08}h1 em{color:var(--moss-bright);font-style:italic}.lede{color:var(--paper-dim);margin:0 0 32px;font-size:1.05rem;line-height:1.6}.actions{align-items:center;gap:20px;display:flex}.primary{background:var(--paper);color:var(--ink);cursor:pointer;border:none;border-radius:8px;padding:13px 26px;font-size:.95rem;font-weight:500;transition:transform .15s,background .15s}.primary:hover{background:var(--cream);transform:translateY(-1px)}.primary:focus-visible{outline:2px solid var(--moss-bright);outline-offset:2px}.hint{color:#efe8d873;font-size:.85rem}.cluster{height:380px;display:none;position:relative}.card{border-radius:10px;width:210px;padding:16px;position:absolute;box-shadow:0 18px 40px #00000059}.card .label{text-transform:none;letter-spacing:.02em;font-size:.72rem}.card .body{margin-top:10px;font-family:Fraunces,serif;font-size:1.2rem;line-height:1.3}.card.one{background:var(--paper);color:var(--ink);z-index:3;top:10px;right:40px;transform:rotate(-4deg)}.card.two{background:var(--wine);color:var(--cream);z-index:2;top:150px;right:190px;transform:rotate(3deg)}.card.three{background:var(--moss);color:var(--cream);z-index:1;top:240px;right:10px;transform:rotate(-2deg)}.sprocket{align-items:center;gap:6px;height:22px;padding:0 clamp(20px,5vw,64px);display:flex}.sprocket .rule{background:var(--line);flex:1;height:1px}.sprocket .holes{gap:8px;display:flex}.sprocket .hole{background:#f3efe440;border-radius:1px;width:5px;height:5px}footer{color:#efe8d866;justify-content:space-between;padding:18px clamp(20px,5vw,64px) 30px;font-size:.8rem;display:flex}@media (width>=860px){.cluster{display:block}}@media (prefers-reduced-motion:reduce){.primary,.signin{transition:none}}@media (width<=600px){.hero{grid-template-columns:1fr;padding-top:40px}.actions{flex-direction:column;align-items:flex-start;gap:14px}}.home-page{flex-direction:column;justify-content:center;max-width:640px;min-height:100vh;padding:0 clamp(20px,5vw,64px);display:flex}.home-page h1{margin:0 0 12px;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:500}.home-page p{color:var(--paper-dim);margin:0;font-size:1.05rem;line-height:1.6}