.reading-opening {
padding-block: clamp(3rem, 7vw, 5.5rem) clamp(2.5rem, 5vw, 4rem);
}
.reading-opening h1 {
max-inline-size: 16ch;
}
.reading-lede {
max-inline-size: 40rem;
margin-block-start: var(--spacing-5);
color: var(--prism-muted);
font-size: clamp(1rem, 0.94rem + 0.36vw, 1.0625rem);
line-height: 1.6;
}
.arrow {
flex: none;
inline-size: 18px;
block-size: 18px;
}
.text-link {
display: inline-flex;
align-items: center;
gap: var(--spacing-2);
min-block-size: 44px;
color: var(--prism-text);
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}
.contact-opening {
padding-block: clamp(3rem, 7vw, 5.5rem);
}
.contact-grid {
display: grid;
gap: var(--spacing-10) var(--spacing-16);
align-items: start;
}
.contact-opening h1 {
font-size: clamp(2.5rem, 1.4rem + 4vw, 4.5rem);
}
.unlisted-note {
max-inline-size: 36rem;
margin-block-start: var(--spacing-5);
padding: var(--spacing-3) var(--spacing-4);
border: 1px solid var(--prism-border);
border-radius: 14px;
background: var(--prism-bg-2);
color: var(--prism-muted);
font-size: 14px;
}
.contact-opening-actions {
display: grid;
justify-items: start;
gap: var(--spacing-3);
margin-block-start: var(--spacing-6);
}
.printed-email {
font-size: 14px;
}
.printed-email a {
color: var(--prism-muted);
}
.contact-expectations {
margin-block-start: var(--spacing-8);
padding-block-start: var(--spacing-6);
border-block-start: 1px solid var(--prism-border);
}
.contact-expectations h2 {
margin-block-end: var(--spacing-3);
font-size: 20px;
letter-spacing: -0.02em;
}
.contact-expectations p {
color: var(--prism-muted);
font-size: 15px;
line-height: 1.7;
}
.contact-expectations p + p {
margin-block-start: var(--spacing-3);
}
.contact-letter {
padding: var(--spacing-8);
border: 1px solid var(--prism-border);
border-radius: 22px;
background: var(--prism-card);
box-shadow: var(--prism-shadow);
}
.contact-letter h2 {
margin-block-end: var(--spacing-3);
font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.25rem);
}
.contact-letter > p {
color: var(--prism-muted);
}
.contact-guidance {
margin-block: var(--spacing-5) var(--spacing-6);
color: var(--prism-muted);
}
.contact-guidance ul {
display: grid;
gap: var(--spacing-2);
padding-inline-start: 1.1rem;
margin-block-end: var(--spacing-4);
list-style: disc;
color: var(--prism-text);
}
.contact-letter .printed-email {
margin-block-start: var(--spacing-3);
}
.contact-note {
margin-block-start: var(--spacing-4);
color: var(--prism-muted);
font-size: 14px;
}
.contact-links {
display: flex;
flex-wrap: wrap;
gap: 0 var(--spacing-5);
margin-block-start: var(--spacing-3);
}
.contact-links a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
font-weight: 600;
}
.error-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-3) var(--spacing-6);
margin-block-start: var(--spacing-8);
}
@media (min-width: 62rem) {
.contact-grid {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}
}
.waitlist-form{inline-size:100%;max-inline-size:600px;text-align:start;margin-inline:auto;display:grid;gap:20px}
.waitlist-fields{display:grid;gap:18px}.waitlist-fields>div{display:grid;gap:8px}.waitlist-fields label{font-size:14px;font-weight:600}.waitlist-fields label span{font-weight:400;color:inherit;opacity:.8}
.waitlist-fields input{inline-size:100%;min-block-size:52px;border:1px solid var(--prism-border-strong);border-radius:12px;background:var(--prism-card);color:var(--prism-text);padding:12px 16px;font:inherit}
.waitlist-fields input:focus-visible{outline:3px solid var(--prism-focus);outline-offset:3px}
.waitlist-trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.waitlist-consent{display:flex;gap:12px;align-items:start;font-size:14px;line-height:1.6}.waitlist-consent input{inline-size:20px;block-size:20px;flex:none;accent-color:var(--prism-violet);margin-block-start:2px}.waitlist-consent a{color:inherit;text-underline-offset:3px}
.waitlist-status{font-size:14px;line-height:1.6;min-block-size:46px;margin:0!important}.waitlist-form .btn{inline-size:100%;display:flex;justify-content:space-between;border-radius:12px;min-block-size:52px}.waitlist-form .btn:disabled{opacity:.72;cursor:default}
.contact-letter{box-shadow:0 20px 60px color-mix(in srgb,var(--prism-text) 7%,transparent);border-radius:24px}.contact-letter h2{font-size:30px;letter-spacing:-.035em}
@media(min-width:760px){.waitlist-fields{grid-template-columns:1fr 1fr}}
.workspace-kicker{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--prism-muted)}.waitlist-arrow{flex:none}