@font-face{font-family:Geist;src:url('/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.contact-page header .brand{font-size:27px}@media(max-width:480px){.contact-page header .brand{font-size:24px}}
:root{font-family:Geist,Arial,sans-serif}.contact-page{background:radial-gradient(ellipse at 75% 10%,var(--kb-33213e44,#33213e44),transparent 50%),var(--kb-0c0b0e,#0c0b0e)}.brand{display:flex;align-items:center;gap:10px;color:var(--sp-text, #fff);font-size:27px;font-weight:750;letter-spacing:-1.3px;text-decoration:none!important}.brand img{border-radius:9px}.period{color:var(--sp-text, #fff)}.contact-intro{padding:var(--sp-page-gap) 0 32px;border-bottom:1px solid var(--kl-ffffff25,#ffffff25)}.breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--sp-text, #fff);margin-bottom:24px}.breadcrumb a{color:inherit;text-decoration:none}.contact-intro h1{font-size:clamp(38px,6vw,58px);letter-spacing:-.055em;margin:0 0 13px}.contact-intro h1 span{color:var(--sp-text, #fff)}.contact-intro>p{font-size:16px;color:var(--sp-text, #fff);line-height:1.6;margin:0}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:32px 0 0}form{min-width:0}fieldset{border:0;padding:0;margin:0;min-width:0}.name-email{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}label{display:block;font-size:12px;font-weight:600;line-height:1.5;color:var(--sp-text, #fff);margin:0 0 8px}.optional{font-weight:400;color:var(--sp-text, #fff)}input,textarea{display:block;width:100%;background:var(--kb-151218,#151218);border:1px solid var(--kl-514458,#514458);color:var(--sp-text, #fff);border-radius:8px;padding:11px 13px;font:14px/1.5 Geist,Arial,sans-serif;margin:0 0 20px}input{height:44px}textarea{resize:vertical;min-height:145px;max-height:400px;margin-bottom:0}::placeholder{color:var(--sp-text, #fff)}.form-note{font-size:11px;color:var(--sp-text, #fff);margin:12px 0 16px}.form-note a{color:var(--sp-text, #fff)}#send-message{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:12px;border:1px solid var(--kl-c8a4eb,#c8a4eb);background:var(--kb-c7a0e9,#c7a0e9);color:#1a1124;border-radius:8px;font:600 14px/1.4 Geist,Arial,sans-serif;cursor:pointer;transition:background .15s,transform .15s}#send-message:hover{background:var(--kb-d6b5f0,#d6b5f0)}#send-message:active{transform:scale(.995)}#send-message:disabled{cursor:wait;opacity:.75}.spinner{display:none;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}#send-message[aria-busy=true]>.spinner{display:block;animation:contact-spin .7s linear infinite}#send-message[aria-busy=true]>svg{display:none}#contact-status{padding:14px 16px;border-radius:9px;border:1px solid var(--kl-684672,#684672);background:var(--kb-24192e,#24192e);color:var(--sp-text, #fff);font-size:13px;margin:16px 0 0;overflow-wrap:anywhere}#contact-status.error{color:var(--sp-text, #fff);border-color:#744954;background:#301c25}#contact-status.success{color:var(--sp-text, #fff);border-color:var(--kl-42634d,#42634d);background:var(--kb-17241d,#17241d)}
.contact-aside{display:block;border-left:1px solid var(--kl-ffffff20,#ffffff20);padding:0 0 0 28px}.aside-label{font-size:10px;font-weight:650;letter-spacing:.1em;color:var(--sp-text, #fff);margin:0 0 15px}.email-card{display:flex;align-items:center;gap:11px;border:1px solid var(--kl-584361,#584361);border-radius:10px;padding:15px 12px;background:var(--kb-211829,#211829);text-decoration:none;min-width:0}.mail-icon{display:flex;align-items:center;justify-content:center;background:var(--kb-422e55,#422e55);color:var(--sp-text, #fff);flex:none;width:34px;height:34px;border-radius:8px}.email-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.email-card strong{font-size:13px;font-weight:600;color:var(--sp-text, #fff)}.email-card span span{font-size:11px;color:var(--sp-text, #fff);overflow-wrap:anywhere}.email-card>span:last-child{margin-left:auto;font-size:15px}.email-card:hover{background:var(--kb-2b1e36,#2b1e36)}.help-note{display:flex;align-items:flex-start;gap:9px;margin:15px 0 25px;padding:12px 0}.help-note p{font-size:12px;color:var(--sp-text, #fff);line-height:1.6;margin:0}.help-dot{width:6px;height:6px;border-radius:50%;background:var(--kb-ba91e0,#ba91e0);margin-top:7px;flex:none}.help-links{display:grid;gap:14px;font-size:12px}.help-links a{display:flex;justify-content:space-between;text-decoration:none;color:var(--sp-text, #fff)}.spam-trap,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}@keyframes contact-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}.contact-aside{padding:24px 0 0;border-left:0;border-top:1px solid var(--kl-ffffff25,#ffffff25);display:block}.contact-aside .email-card{max-width:360px}.help-note{margin-bottom:10px}.help-links{display:flex;gap:24px}.help-links a{gap:16px}}@media(max-width:480px){.contact-intro{padding:var(--sp-page-gap) 0 24px}.contact-intro>p{font-size:14px}.contact-grid{padding-top:24px}.name-email{grid-template-columns:minmax(0,1fr);gap:0}input,textarea{font-size:16px}.brand{font-size:24px}header>a:not(.brand){font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.contact-page main{padding-bottom:var(--sp-section-gap)}

.contact-help{margin-top:28px}.contact-help h2{font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.02em;margin:0 0 10px;color:var(--sp-text,#fff)}.contact-help details{border-top:1px solid var(--kl-ffffff25,#ffffff25)}.contact-help details:last-child{border-bottom:1px solid var(--kl-ffffff25,#ffffff25)}.contact-help summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer;font-size:13px;line-height:1.5;font-weight:550;color:var(--sp-text,#fff)}.contact-help summary::-webkit-details-marker{display:none}.contact-help summary::after{content:'+';flex:none;color:var(--kt-c8a4eb,#c8a4eb);font-size:18px;font-weight:400}.contact-help details[open]>summary::after{content:'\2212'}.contact-help summary:focus-visible{outline:2px solid var(--kl-c8a4eb,#c8a4eb);outline-offset:3px;border-radius:3px}.contact-help p{margin:0 0 14px;font-size:13px;line-height:1.7;color:var(--sp-text,#fff)}.contact-help p a{text-underline-offset:3px}.contact-help p a:hover{text-decoration-thickness:2px}@media(max-width:800px){.contact-help{max-width:680px}}

/* Inspector finish (2026-10-22): dot field, a crisp form card, solid fields and a keycap
   send button. Tokens (--sp-*) come from /site-header.css. */
.contact-page{background:var(--sp-bg,var(--kb-0a0a0c,#0a0a0c))}
.contact-page main{position:relative;isolation:isolate}
.contact-page main::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:420px;pointer-events:none;background:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.2px) 0 0/18px 18px;-webkit-mask:linear-gradient(#000 30%,transparent);mask:linear-gradient(var(--kb-000,#000) 30%,transparent)}
.contact-intro{border-bottom:0;padding-bottom:28px}
.contact-grid{padding-top:8px;align-items:start}
#contact-form{padding:24px;border:1px solid var(--kl-2e2e34,#2e2e34);border-radius:12px;background:var(--kb-111114,#111114);box-shadow:0 2px 0 var(--ks-000,#000)}
#contact-form input,#contact-form textarea{border:1px solid var(--kl-38383f,#38383f);border-radius:8px;background:var(--sp-bg,var(--kb-0a0a0c,#0a0a0c));transition:border-color .15s,box-shadow .15s}
#contact-form input:hover,#contact-form textarea:hover{border-color:var(--kl-4a4a53,#4a4a53)}
#contact-form input:focus,#contact-form textarea:focus{border-color:var(--sp-sel,var(--kl-b58df4,#b58df4));box-shadow:0 0 0 1px var(--sp-sel,#b58df4)}
@media(forced-colors:active){#contact-form input:focus,#contact-form textarea:focus{border-color:Highlight}}
#send-message{min-height:46px;border:1px solid var(--kl-dcc8f7,#dcc8f7);border-radius:8px;background:var(--kb-c4a5ed,#c4a5ed);color:#170e22;box-shadow:inset 0 1px 0 var(--ks-ffffff59,#ffffff59),0 2px 0 #5f4687;transition:transform .09s cubic-bezier(.2,.8,.2,1),box-shadow .09s,background .15s}
#send-message:hover{background:var(--kb-cfb4f2,#cfb4f2);transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--ks-ffffff59,#ffffff59),0 3px 0 #5f4687}
#send-message:active{transform:translateY(2px);box-shadow:inset 0 1px 2px var(--ks-0003,#0003)}
.contact-aside{padding-left:28px;border-left:0}
.email-card{border:1px solid var(--kl-2e2e34,#2e2e34);border-radius:10px;background:var(--kb-111114,#111114);box-shadow:0 2px 0 var(--ks-000,#000);transition:border-color .15s,transform .15s}
.email-card:hover{background:var(--kb-111114,#111114);border-color:var(--sp-sel,var(--kl-b58df4,#b58df4));transform:translateY(-1px)}
.mail-icon{width:36px;height:36px;border-radius:7px;background:var(--sp-bg,var(--kb-0a0a0c,#0a0a0c));color:var(--kt-dcc6f7,#dcc6f7);box-shadow:inset 0 0 0 1px #2e2e34}
.help-links a{min-height:36px;align-items:center;padding:0 12px;border:1px solid var(--kl-2e2e34,#2e2e34);border-radius:8px;background:var(--kb-111114,#111114);box-shadow:0 1px 0 var(--ks-000,#000)}
.help-links a:hover{border-color:var(--kl-4a4a53,#4a4a53);background:var(--kb-17171b,#17171b)}
.help-links{gap:6px}
.contact-help details{border-top-color:var(--kl-222226,#222226)}
.contact-help details:last-child{border-bottom-color:var(--kl-222226,#222226)}
#contact-status{border-radius:8px}
@media(max-width:800px){.contact-aside{padding:4px 0 0;border-top:0}.help-links a{min-height:44px;flex:1}}
@media(max-width:480px){#contact-form{padding:16px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){#send-message:hover,#send-message:active{transform:none}}