*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e4e8e9;color:#080808}body{font-family:Georgia,'Times New Roman',serif}.intro,canvas{position:absolute;inset:0;width:100%;height:100%;height:100dvh}canvas{display:block}.title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 2.2s ease,visibility 2.2s;gap:28px;padding:24px}.title.visible{opacity:1;visibility:visible}h1{font-weight:400;font-size:clamp(68px,11vw,154px);letter-spacing:-.055em;line-height:1;margin:0}#enter{font:400 13px/1.2 Georgia,serif;letter-spacing:.32em;padding:16px 27px 16px 31px;border:1px solid #111;color:#080808;text-decoration:none;background:transparent;transition:background .3s,color .3s}#enter:hover,#enter:focus-visible{background:#111;color:#f4e6e4;outline:none}.curtain{position:fixed;inset:0;background:#e4e8e9;opacity:0;pointer-events:none;transition:opacity .65s ease}body.leaving .curtain{opacity:1;pointer-events:auto}.next-page{display:grid;place-items:center;animation:arrive .7s ease}.next-page p{font-size:32px;font-weight:400}@keyframes arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.title{transition-duration:.4s}.curtain{transition-duration:.2s}}