:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #232725; background: #f8f8f6; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
.page { max-width: 1440px; margin: auto; min-height: 100svh; padding: 42px 7%; display: flex; flex-direction: column; }
.wordmark { display: inline-block; text-decoration: none; font-size: 28px; font-weight: 650; letter-spacing: -1.2px; }
main { padding: 100px 0 110px; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.status { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 28px; border: 1px solid #d9ddd8; padding: 8px 13px; border-radius: 30px; font-size: 13px; color: #535b55; }
.status span { width: 6px; height: 6px; border-radius: 50%; background: #68766a; }
h1 { font-size: clamp(42px, 5.9vw, 84px); line-height: 1.06; font-weight: 500; letter-spacing: -0.055em; margin: 0; }
.intro { max-width: 520px; margin: 30px 0 28px; color: #606760; font-size: 18px; line-height: 1.65; }
.contact { font-size: 16px; text-decoration-thickness: 1px; text-underline-offset: 6px; padding: 10px 0; }
.contact span { display: inline-block; margin-left: 14px; }
a:hover { color: #566859; }
a:focus-visible { outline: 2px solid #526758; outline-offset: 7px; border-radius: 2px; }
footer { border-top: 1px solid #dedfd9; padding-top: 24px; display: flex; justify-content: space-between; gap: 16px; font-size: 12px; color: #697069; }
@media (max-width: 600px) { .page { padding: 28px 24px; } main { padding: 76px 0 84px; } h1 { font-size: clamp(39px, 10vw, 58px); } .desktop-break { display: none; } .intro { font-size: 17px; } footer { flex-direction: column; gap: 9px; } }