.contact-page{--contact-line:#ffffff21;background:radial-gradient(circle at 82% 16%,#8158d13d,#0000 34rem),radial-gradient(circle at 5% 90%,#4b77bf21,#0000 30rem),#141117;flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.contact-page:before{content:"";pointer-events:none;border:1px solid #bea6f426;border-radius:50%;width:38rem;height:38rem;position:fixed;top:8rem;right:-25rem;box-shadow:0 0 0 7rem #bea6f406,0 0 0 14rem #bea6f405}.contact-header{border-bottom:1px solid var(--contact-line);justify-content:space-between;align-items:center;width:min(100% - 64px,1180px);min-height:92px;margin:0 auto;display:flex}.contact-header-note{color:#bcb3c5;letter-spacing:.15em;align-items:center;gap:10px;font-size:.62rem;font-weight:650;display:flex}.contact-header-note i{background:#cdeba9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #cdeba988}.contact-main{z-index:1;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:clamp(65px,10vw,145px);width:min(100% - 64px,1180px);margin:auto;padding:clamp(64px,9vw,118px) 0;display:grid;position:relative}.contact-kicker{color:#bda7e6;letter-spacing:.16em;font-size:.65rem;font-weight:650}.contact-intro h1{letter-spacing:-.07em;max-width:760px;margin-top:24px;font-size:clamp(3.3rem,6.3vw,6.4rem);line-height:.98}.contact-intro h1 em{color:#bba3ef;font-style:normal}.contact-intro>p{color:#aca2b4;max-width:520px;margin-top:30px;font-size:clamp(.92rem,1.25vw,1.08rem);line-height:1.8}.contact-tags{flex-wrap:wrap;gap:9px;margin-top:34px;display:flex}.contact-tags span{border:1px solid var(--contact-line);color:#cec5d5;border-radius:999px;padding:8px 12px;font-size:.65rem}.contact-panel{border:1px solid var(--contact-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1f1a25d1;border-radius:20px;padding:32px;box-shadow:0 35px 80px #00000040}.contact-panel-heading{color:#9d8eaa;letter-spacing:.14em;justify-content:space-between;font-size:.58rem;font-weight:650;display:flex}.contact-panel h2{letter-spacing:-.05em;margin-top:42px;font-size:clamp(1.75rem,2.4vw,2.45rem)}.contact-panel>p{color:#a99ead;margin-top:14px;font-size:.8rem;line-height:1.75}.contact-actions{gap:10px;margin-top:30px;display:grid}.contact-action{border:1px solid var(--contact-line);border-radius:10px;justify-content:space-between;align-items:center;min-height:72px;padding:15px 18px;transition:border-color .2s,background .2s,transform .2s;display:flex}.contact-action:hover{background:#ffffff0a;border-color:#ffffff52;transform:translateY(-2px)}.contact-action-primary{color:#1d2918;background:#d7edb1;border-color:#0000}.contact-action-primary:hover{background:#e2f4c4;border-color:#0000}.contact-action span{font-size:.9rem;font-weight:700}.contact-action small{letter-spacing:.13em;opacity:.65;margin-bottom:3px;font-size:.51rem;font-weight:700;display:block}.contact-action svg{width:19px}.contact-people{border-top:1px solid var(--contact-line);margin-top:27px;padding-top:24px}.contact-people>span{color:#8f8298;letter-spacing:.14em;margin-bottom:8px;font-size:.51rem;font-weight:700;display:block}.contact-people>a{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:9px 0;display:flex}.contact-people>a:last-child{border-bottom:0}.contact-people strong{font-size:.78rem;display:block}.contact-people small{color:#988da1;margin-top:2px;font-size:.61rem;display:block}.contact-people svg{color:#9d90a7;flex:none;width:15px}.contact-socials{flex-wrap:wrap;gap:18px;margin-top:25px;display:flex}.contact-socials a{color:#9e93a8;align-items:center;gap:5px;font-size:.63rem;display:flex}.contact-socials svg{width:12px}.contact-footer{border-top:1px solid var(--contact-line);color:#84798d;letter-spacing:.12em;justify-content:space-between;align-items:center;width:min(100% - 64px,1180px);min-height:74px;margin:0 auto;font-size:.56rem;display:flex}@media (max-width:820px){.contact-header,.contact-main,.contact-footer{width:min(100% - 40px,620px)}.contact-header{min-height:76px}.contact-header-note{font-size:.5rem}.contact-main{grid-template-columns:1fr;gap:50px;padding:54px 0 36px}.contact-intro h1{font-size:clamp(3rem,13vw,5.1rem)}.contact-intro>p{margin-top:23px}.contact-panel{border-radius:16px;padding:25px 20px 22px}.contact-panel h2{margin-top:34px}.contact-footer{min-height:66px}}@media (max-width:390px){.contact-header,.contact-main,.contact-footer{width:calc(100% - 32px)}.contact-header .wordmark-sub{display:none}.contact-intro h1{font-size:2.85rem}.contact-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.contact-action{transition:none}}
