.contact{margin:0 12px 12px;padding:100px 6% 30px;background:var(--bg);scroll-margin-top:12px;overflow:hidden}.contact-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact-kicker{color:var(--orange);font-size:14px;font-style:italic;display:block;transform:rotate(-7deg);transform-origin:left;margin-bottom:20px}.contact h2{font-size:clamp(38px,4.5vw,62px);font-weight:500;line-height:1.02;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 26px}.contact h2 span{color:var(--orange)}.contact-intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:410px}.contact-note{position:relative;border:1px solid var(--line);border-radius:22px 36px 22px 22px;padding:31px 27px;margin-top:42px;max-width:410px;background:#ffffff02}.contact-note-label{position:absolute;top:-12px;left:20px;border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:var(--bg);font-size:11px;color:#cbc5ba}.contact-note h3{font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin:4px 0 15px}.contact-note p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px}.contact-note-bottom{display:flex;justify-content:space-between;color:var(--orange);font-size:12px}.contact-stage{position:relative;padding:20px 0}.contact-device{position:relative;padding:29px 26px 24px;border:1px solid #ffffff20;border-radius:32px;background:linear-gradient(145deg,#2b2926,#1a1a19);box-shadow:0 0 0 7px #121211,0 0 0 8px #ffffff0a,0 25px 65px #0005;max-width:380px;margin:auto}.contact-device-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px}.contact-avatar{border:1px solid #ed89555c;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:var(--orange);background:#ed895510;font-size:17px}.contact-device-header strong{display:block;font-size:13px}.contact-device-header small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.contact-device-header>span:last-child{margin-left:auto;color:var(--orange)}.contact-form h3{font-size:23px;letter-spacing:-.04em;margin:24px 0 8px}.contact-form>p{color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 20px}.contact-form label{display:block;font-size:12px;margin:15px 0 7px;color:#d8d2c8}.contact-form input,.contact-form textarea{font:inherit;font-size:14px;width:100%;border:1px solid #ffffff1c;border-radius:9px;padding:12px;background:#141413;color:var(--text);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--orange);outline-offset:2px}.contact-form textarea{min-height:105px}.contact-form .primary-button{width:100%;justify-content:center;padding:12px;margin-top:20px}.contact-form .contact-form-status{margin:12px 0 0;min-height:36px;font-size:12px;line-height:1.5;color:var(--orange)}.contact-float{position:absolute;z-index:2;display:flex;gap:11px;align-items:center;border:1px solid #ffffff20;border-radius:12px;padding:13px 17px;background:#30302ded;box-shadow:0 12px 35px #0005;backdrop-filter:blur(10px)}.contact-float>span{color:var(--orange);font-size:19px}.contact-float strong{display:block;font-size:12px;font-weight:500}.contact-float small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.contact-float-github{top:68px;left:-68px}.contact-float-linkedin{top:230px;right:-55px}.contact-float-location{bottom:65px;left:-77px}.contact-footer{max-width:1180px;margin:70px auto 0;border-top:1px solid var(--line);padding:22px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.contact-footer a{color:var(--text)}.contact-footer a span{color:var(--orange);margin-left:10px}@media(max-width:1100px){.contact-layout{gap:50px}.contact-float-github{left:-25px}.contact-float-linkedin{right:-20px}.contact-float-location{left:-25px}.contact-float{padding:10px 12px}.contact-device{max-width:330px}.contact-stage{padding:70px 0}.contact-float-github{top:15px}.contact-float-linkedin{top:15px}.contact-float-location{bottom:10px;left:20px}}@media(max-width:750px){.contact{padding:65px 7% 25px}.contact-layout{grid-template-columns:1fr;gap:42px;max-width:520px}.contact h2{font-size:48px}.contact-intro,.contact-note{max-width:none}.contact-stage{padding:68px 0}.contact-device{max-width:380px}.contact-float-github{left:0}.contact-float-linkedin{right:0}.contact-float-location{left:0;bottom:0}.contact-footer{margin-top:40px;font-size:11px;flex-wrap:wrap}}@media(max-width:450px){.contact{margin:0 6px 6px;padding:55px 23px 25px}.contact h2{font-size:41px}.contact-device{padding:25px 20px;border-radius:25px}.contact-note{padding:27px 22px}.contact-float{padding:9px 11px}.contact-float strong{font-size:11px}.contact-float small{font-size:9px}.contact-intro{font-size:15px}}