/* Version 530: responsive contact section based on Jacob Rytter's email signature. */
.contact-section{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(22,131,255,.24),transparent 31%),linear-gradient(145deg,#020913 0%,#06182a 55%,#092d4b 100%)}
.contact-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(105,213,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(105,213,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 58%,#000)}
.signature-contact{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(560px,1.2fr);gap:clamp(38px,5vw,82px);align-items:center}
.signature-contact-intro h2{max-width:650px;margin:0;font:700 clamp(3rem,5.4vw,5.4rem)/.95 Syne,sans-serif;letter-spacing:-.055em}.signature-contact-intro h2 span{display:block;color:var(--cyan)}
.signature-card{position:relative;padding:clamp(28px,4vw,52px);border:1px solid rgba(105,213,255,.34);border-radius:28px;background:linear-gradient(145deg,rgba(11,38,64,.96),rgba(3,16,29,.96));box-shadow:0 35px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}
.signature-card:after{content:"";position:absolute;left:clamp(28px,4vw,52px);right:clamp(28px,4vw,52px);top:clamp(110px,11vw,142px);height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent)}
.signature-identity{display:flex;align-items:center;gap:22px;padding-bottom:31px}.signature-jr{flex:0 0 auto;width:88px;height:88px;display:block;border:0;border-radius:50%;object-fit:contain;box-shadow:0 0 0 7px rgba(22,131,255,.1),0 16px 34px rgba(0,0,0,.3)}
.signature-name{min-width:0;display:grid;gap:8px}.signature-name strong{font:700 clamp(1.8rem,3vw,2.7rem)/1 Syne,sans-serif;letter-spacing:-.045em}.signature-name small{color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.19em}
.signature-services{margin:28px 0 26px;color:#d7e9f5;font:700 clamp(.9rem,1.5vw,1.08rem)/1.5 Syne,sans-serif;letter-spacing:.025em}.signature-services span{margin-inline:.32em;color:var(--cyan)}
.signature-links{display:grid;gap:10px}.signature-links>a{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:70px;padding:11px 14px;border:1px solid rgba(105,213,255,.2);border-radius:16px;background:rgba(2,12,22,.52);transition:transform .2s,border-color .2s,background .2s}.signature-links>a:hover,.signature-links>a:focus-visible{transform:translateY(-2px);border-color:var(--cyan);background:rgba(11,49,81,.75);outline:none}.signature-link-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(22,131,255,.16);color:var(--cyan);font-size:1rem}.signature-links small{display:block;margin-bottom:3px;color:#86aac2;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.signature-links strong{display:block;overflow-wrap:anywhere;font-size:.94rem}.signature-arrow{color:var(--cyan);font-weight:900;text-align:right}
@media(max-width:980px){.signature-contact{grid-template-columns:1fr}.signature-contact-intro{max-width:720px}.signature-card{width:min(100%,720px)}}
@media(max-width:600px){.signature-contact{gap:28px}.signature-contact-intro h2{font-size:clamp(2.65rem,13vw,4rem)}.signature-card{padding:24px 18px;border-radius:20px}.signature-card:after{left:18px;right:18px;top:119px}.signature-identity{gap:15px;padding-bottom:29px}.signature-jr{width:72px;height:72px;font-size:1.28rem}.signature-name strong{font-size:clamp(1.55rem,8vw,2rem)}.signature-name small{font-size:.59rem;line-height:1.45;letter-spacing:.13em}.signature-services{margin:24px 0 20px;font-size:.84rem}.signature-links>a{grid-template-columns:40px minmax(0,1fr) 18px;gap:11px;min-height:66px;padding:10px}.signature-link-icon{width:38px;height:38px}.signature-links strong{font-size:.82rem}}
@media(max-width:370px){.signature-name small{font-size:.53rem;letter-spacing:.1em}.signature-services{font-size:.75rem}.signature-links strong{font-size:.76rem}}
.brand-logo{display:block!important;flex:0 0 auto;border:0!important;border-radius:50%;object-fit:contain;background:transparent!important;padding:0!important}