.contact-page{background:var(--bg);padding-top:calc(var(--header-h) + clamp(40px, 6vw, 80px))}.contact-hero{text-align:center;padding-bottom:clamp(34px,5vw,56px)}.contact-hero h1{max-width:17ch;font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;text-wrap:balance;margin:0 auto;font-size:clamp(1.85rem,3.2vw,2.9rem);line-height:1.04}.contact-hero>p{color:oklch(96% 0 0/.6);max-width:50ch;margin:16px auto 0;font-size:.98rem;line-height:1.65}.contact-meta{color:oklch(96% 0 0/.58);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin:24px auto 0;font-size:.82rem;display:flex}.contact-meta a{color:var(--paper);transition:color .18s}.contact-meta a:hover{color:oklch(96% 0 0/.6)}.contact-meta .sep{color:oklch(96% 0 0/.24)}.contact-form-section{padding-bottom:clamp(60px,8vw,104px)}.contact-form{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:oklch(96% 0 0/.02);flex-direction:column;gap:16px;width:min(100% - 40px,700px);margin:0 auto;padding:clamp(20px,2.4vw,30px);display:flex}.field{flex-direction:column;gap:7px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field label,.fieldset-legend{letter-spacing:.14em;text-transform:uppercase;color:oklch(96% 0 0/.6);font-size:.66rem;font-weight:800}.field .opt{color:oklch(96% 0 0/.32);font-weight:700}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=date],.contact-form select,.contact-form textarea{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-md);width:100%;color:var(--paper);color-scheme:dark;font-family:var(--font-sans), system-ui, sans-serif;padding:11px 13px;font-size:.92rem;transition:border-color .2s,background .2s}.contact-form select option,.contact-form select optgroup{color:var(--paper);background:#0e0e0e}.contact-form select optgroup{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.contact-form select option{text-transform:none;padding:8px 10px;font-weight:400}.contact-form textarea{resize:vertical;min-height:92px;line-height:1.55}.contact-form input::placeholder,.contact-form textarea::placeholder{color:oklch(96% 0 0/.34)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:oklch(96% 0 0/.03);border-color:oklch(96% 0 0/.6);outline:none}.contact-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='1.4'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.contact-form select:invalid{color:oklch(96% 0 0/.34)}.fieldset{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;position:relative}.chip input{opacity:0;width:0;height:0;position:absolute}.chip span{border:1px solid var(--line-soft);border-radius:var(--radius-pill);color:oklch(96% 0 0/.78);padding:8px 14px;font-size:.82rem;transition:border-color .18s,background .18s,color .18s;display:inline-block}.chip:hover span{border-color:oklch(96% 0 0/.4)}.chip:has(input:checked) span{background:var(--paper);border-color:var(--paper);color:var(--ink);font-weight:700}.chip input:focus-visible+span{outline-offset:2px;outline:2px solid oklch(96% 0 0/.6)}.consent{color:oklch(96% 0 0/.6);align-items:flex-start;gap:11px;font-size:.84rem;line-height:1.5;display:flex}.consent input{width:17px;height:17px;accent-color:var(--paper);flex:none;margin-top:1px}.consent a{color:var(--paper);text-underline-offset:3px;text-decoration:underline}.contact-submit{background:var(--paper);border-radius:var(--radius-md);width:100%;color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;gap:11px;margin-top:2px;padding:15px 20px;font-size:.74rem;font-weight:900;transition:transform .19s;display:inline-flex}.contact-submit:hover{transform:translateY(-2px)}.contact-submit:active{transform:translateY(0)}.contact-submit svg{width:18px;height:18px}.contact-note{color:oklch(96% 0 0/.44);text-align:center;margin:0;font-size:.8rem}@media (width<=540px){.field-row{grid-template-columns:1fr;gap:18px}}
