:root{--white:#fff;--bone:#f3f2ee;--cream:#fcf9ee;--ink:#121212;--vermelho:#550a07;--line:#1212122e;--muted:#1212129e;--serif:"Amiri", "Iowan Old Style", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--pad-x:clamp(24px, 6vw, 88px);--ease:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--white);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-weight:300}img{max-width:100%;display:block}a{color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:1px solid var(--vermelho);outline-offset:4px}.page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy media";min-height:100%;display:grid;position:relative}.copy{grid-area:copy}.media{grid-area:media}.top{top:32px;left:var(--pad-x);z-index:2;position:absolute}.copy{padding:88px var(--pad-x) 32px;flex-direction:column;min-height:100svh;display:flex}.top .logo{width:auto;height:24px}.body{max-width:34rem;margin:auto 0;padding:8vh 0}.status{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--vermelho);margin-bottom:1.25rem;font-size:11px}.tag{margin:1.4rem 0 0}.title{font-family:var(--serif);letter-spacing:-.015em;margin-left:-.04em;font-size:clamp(76px,11.5vw,176px);font-weight:400;line-height:.86}.lede{font-family:var(--serif);margin-top:1.4rem;font-size:clamp(22px,2.2vw,30px);font-style:italic;line-height:1.3}.text{color:var(--muted);max-width:38ch;margin-top:1rem;font-size:15px;line-height:1.75}.date{font-family:var(--serif);margin-top:1.4rem;font-size:20px}.signup{margin-top:2.4rem}.form{align-items:stretch;gap:12px;max-width:30rem;display:flex}.form input{min-width:0;font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;flex:1;padding:14px 2px;font-size:16px;transition:border-color .3s}.form input::placeholder{color:#12121259}.form input:focus{border-color:var(--ink)}.form input[aria-invalid=true]{border-color:var(--vermelho)}.btn{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--cream);background:var(--ink);border:1px solid var(--ink);cursor:pointer;padding:16px 32px;font-size:12px;text-decoration:none;transition:background .35s,border-color .35s;display:inline-block}.btn:hover{background:var(--vermelho);border-color:var(--vermelho)}.btn:disabled{opacity:.55;cursor:default}.msg{min-height:1.4em;color:var(--vermelho);margin-top:.8rem;font-size:13px}.note{color:var(--muted);font-size:12px}.done{outline:none;margin-top:2.4rem}.done-title{font-family:var(--serif);font-size:clamp(26px,2.6vw,34px);line-height:1.2}.done .btn{margin-top:1.8rem}.foot{color:var(--muted);justify-content:space-between;gap:16px;font-size:12px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--vermelho)}.media{background:#000;height:100svh;position:sticky;top:0;overflow:hidden}.media img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.media img{clip-path:inset(0 50%);animation:open 1.6s var(--ease) .25s forwards}.title{opacity:0;animation:rise 1.2s var(--ease) .9s forwards}@keyframes open{to{clip-path:inset(0)}}@keyframes rise{0%{opacity:0;transform:translateY(.12em)}to{opacity:1;transform:none}}}@media (width<=820px){.page{grid-template-columns:1fr;grid-template-areas:"top""media""copy"}.top{padding:18px var(--pad-x);grid-area:top;justify-content:center;display:flex;position:static}.top .logo{height:20px}.media{height:46svh;position:relative}.media img{object-fit:cover;object-position:50% 70%}.copy{min-height:auto;padding:8px var(--pad-x) 28px}.body{padding:5vh 0 7vh}}@media (width<=480px){.form{flex-direction:column}.btn{text-align:center;width:100%}.done .btn{width:auto}}
