.contact-scene{--contact-accent:#dbbf8d;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:50px;background:radial-gradient(ellipse at 100% 0%,#688b8914,transparent 60%),radial-gradient(ellipse at 0% 100%,#22464b24,transparent 65%),#0b1618;color:#f0ede5}
.contact-intro .contact-caption{font-size:12px;letter-spacing:.13em;color:#aebfbc;margin:0 0 22px}
.contact-intro h2{font-family:Arial,sans-serif;font-size:clamp(40px,4.7vw,67px);line-height:1.03;font-weight:700;letter-spacing:-.045em;margin:0}
.contact-intro h2 .contact-arrow{display:block;font-size:.9em;line-height:1;font-weight:400;letter-spacing:0;margin:12px 0 0;color:var(--contact-accent)}
.contact-intro .contact-subtitle{font-size:15px;letter-spacing:.12em;line-height:1.8;color:#c4cecb;margin:22px 0 30px}
.contact-signature{display:inline-flex;align-items:center;gap:17px;border-radius:30px;padding:9px 17px;background:#193035;border:1px solid #a4b9b54d;box-shadow:none;color:#dbbf8d;font:700 14px/1.3 Arial,sans-serif;letter-spacing:.08em}.contact-signature span{font-size:11px;font-weight:500;letter-spacing:.05em}
.business-card{--contact-accent:#dbbf8d;padding:30px;border:1px solid #98b2ae35;border-radius:24px;background:linear-gradient(140deg,#8ca7a71a,#ffffff03);box-shadow:inset 0 1px 0 #ffffff0c,0 24px 50px #0004;color:#eeeee5;min-width:0}
.business-card .business-label{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--contact-accent);margin:0 0 22px}
.business-download{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:12px 15px;margin-top:24px;border:1px solid #a4b9b54d;border-radius:10px;background:#193035;color:#dbbf8d;font-size:12px;line-height:1.5;letter-spacing:.04em}.business-download:hover{background:#254146;border-color:#dbbf8d}.business-download:focus-visible{outline:2px solid #dbbf8d;outline-offset:4px}
.business-identity{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.business-identity strong{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:.08em}.business-identity strong span{font:11px Arial,sans-serif;letter-spacing:.1em;margin-left:13px;color:#a7b8b4}.business-identity>span{color:#a5b8b4;font-size:11px;letter-spacing:.09em}
.business-details{margin:0}.business-details>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #9db5b522;align-items:baseline}.business-details dt{font:12px/1.6 Arial,sans-serif;color:#aabfba}.business-details dd{font:14px/1.6 Arial,sans-serif;margin:0;overflow-wrap:anywhere;user-select:text}.business-details a{color:inherit}.business-details a:hover{color:var(--contact-accent)}
.business-qr-row{display:flex;gap:18px;align-items:center;margin-top:26px}.business-qr{flex-shrink:0;width:78px;height:78px;padding:12px;border-radius:15px;border:1px solid #a9bfbb40;background:#0b1618;color:var(--contact-accent);box-shadow:0 0 24px #dbbf8d10;cursor:pointer;transition:box-shadow .2s,transform .2s}.business-qr svg{display:block;width:100%;height:100%}.business-qr:hover{box-shadow:0 0 26px #dbbf8d35;transform:translateY(-2px)}.business-qr-row p{font-size:12px;line-height:1.7;margin:0;color:#dce5df}.business-qr-row p span{display:block;font:10px/1.8 Arial,sans-serif;letter-spacing:.06em;color:#a4b8b3}.business-qr-row p .business-qr-hint{font-size:10px;color:#dbbf8d;margin-top:7px}
#contact-dialog{width:min(1000px,calc(100vw - 40px));max-width:1000px;height:fit-content;min-height:0;max-height:calc(100svh - 32px);margin:auto;padding:0;overflow:auto;background:#0b1618;color:#f0ede5;border:1px solid #92aaa840;box-shadow:0 24px 100px #0009;border-radius:22px}
#contact-dialog::backdrop{background:#050d10dd;backdrop-filter:blur(9px)}
#contact-dialog .contact-scene{padding:66px 45px 42px;gap:40px}
#contact-dialog .contact-scene p{text-align:left}
#contact-dialog .contact-dismiss{margin:0;position:sticky;top:0;height:0;z-index:2}
#contact-dialog .contact-close{position:absolute;right:18px;top:15px;padding:7px 11px;min-height:32px;font-size:11px;border:1px solid #abc1bc35;border-radius:20px;background:#0b1618ee;color:#dde5dd;cursor:pointer}
#contact-dialog .contact-close:hover{border-color:#dbbf8d;color:#dbbf8d}
#contact-dialog [hidden]{display:none!important}
#contact-dialog.showing-qr{max-width:570px}
#contact-dialog .contact-qr-view{padding:24px 28px 18px;text-align:center}
.qr-heading{text-align:left;margin-bottom:20px}.qr-back{padding:5px 0;background:none;border:0;color:#dbbf8d;font-size:12px;cursor:pointer}.qr-heading p{font-size:24px;line-height:1.3;margin:20px 0 0;letter-spacing:.06em}
.qr-switch{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.qr-switch button{min-width:100px;padding:10px 22px;border-radius:30px;border:1px solid #93aaa840;background:none;color:#b6c7c2;font-size:13px;cursor:pointer}.qr-switch button[aria-pressed="true"]{background:#213b3e;border-color:#b7a582;color:#ead1aa}
.qr-image-frame{display:flex;justify-content:center}
#contact-dialog .contact-qr-image{display:block;width:auto;height:auto;max-width:100%;max-height:min(570px,calc(100svh - 300px));object-fit:contain;margin:0;border-radius:8px}
#contact-dialog .qr-account{font:12px/1.8 Arial,sans-serif;letter-spacing:.03em;color:#d1ddd6;margin:12px 0 0;text-align:center}
#contact-dialog :focus-visible,.contact-scene :focus-visible{outline:2px solid #dbbf8d;outline-offset:5px}
.profile-contact.contact-scene{margin:55px 0 25px;padding:55px 40px;border:1px solid #95afad30;border-radius:24px;gap:40px}.profile-contact.contact-scene .contact-intro h2{font-size:clamp(40px,4.7vw,67px);line-height:1.03;letter-spacing:-.045em;font-weight:700}.business-download.contact-resume{width:100%;max-width:320px;margin-top:24px}
@media(max-width:900px){.contact-scene{gap:25px;grid-template-columns:1fr 1fr}.business-card{padding:25px}.contact-intro h2{font-size:42px}.profile-contact.contact-scene{padding:35px 25px;gap:25px}.profile-contact.contact-scene .contact-intro h2{font-size:42px}#contact-dialog .contact-scene{gap:25px;padding:65px 30px 30px}}
@media(max-width:650px){.contact-scene{grid-template-columns:1fr}.contact-intro h2{font-size:40px}.contact-arrow{display:inline;margin-left:12px}.contact-intro .contact-caption{margin-bottom:15px}.contact-intro .contact-subtitle{margin:17px 0}.contact-signature{font-size:12px}.business-card{padding:25px;border-radius:20px}#contact-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:20px}#contact-dialog .contact-scene{grid-template-columns:1fr;padding:58px 20px 22px;gap:28px}#contact-dialog .contact-intro h2{font-size:37px}#contact-dialog .contact-intro .contact-subtitle{font-size:12px}.profile-contact.contact-scene{grid-template-columns:1fr;padding:30px 20px;gap:30px;margin-top:35px}.profile-contact.contact-scene .contact-intro h2{font-size:42px}#contact-dialog .contact-qr-view{padding:24px 18px 18px}.business-details dd{font-size:13px}}
@media(prefers-reduced-motion:reduce){.business-qr{transition:none}}

.business-details dt{display:flex;align-items:center;gap:9px;white-space:nowrap}.contact-method-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:#dbbf8d}.contact-method-icon svg{display:block;width:18px;height:18px}
@media(max-width:650px){.business-details>div{grid-template-columns:58px minmax(0,1fr);gap:10px}.business-details dt{gap:6px}.business-download.contact-resume{max-width:none}}