.contact{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:48px;min-height:max(620px,100svh);padding:88px 32px 30px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;color:#edf1ed;text-align:center}
.contact-content{position:relative;z-index:1;width:100%;max-width:1120px;margin-block:auto}
.contact .section-label{margin-bottom:32px;color:#a4b6bc}
.contact h2{margin:0;font-size:clamp(56px,7.8vw,112px);font-weight:420;line-height:1.04;letter-spacing:-.055em}
.contact h2 span{display:block}.contact h2 span+span{color:#d1b48c}
.contact-details{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:46px;font-style:normal}
.contact-details a{display:flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:7px 4px;border-radius:4px;color:#e1e9e5;text-decoration:underline;text-decoration-color:#a6bfbb45;text-decoration-thickness:1px;text-underline-offset:8px;transition:color .2s,text-decoration-color .2s;overflow-wrap:anywhere}
.contact-email{font-size:clamp(22px,2.7vw,38px);letter-spacing:-.035em;line-height:1.3}
.contact-details .contact-phone{font-size:clamp(17px,1.5vw,21px);font-variant-numeric:tabular-nums;color:#aebfc2;letter-spacing:.015em;text-decoration-color:transparent}
.contact-details a:hover{color:#ebd3ac;text-decoration-color:#d1b48c}.contact-details a:focus-visible{outline:2px solid #d7b479;outline-offset:6px}
.contact-signature{position:relative;z-index:1;flex:none;margin:0;color:#8ca1a8;font-size:12px;font-weight:650;letter-spacing:.28em;padding-left:.28em}
.contact-signal{position:absolute;z-index:0;pointer-events:none;left:50%;top:46%;width:min(1120px,110vw);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.65}
.contact-ring{position:absolute;inset:0;border:1px solid #91b5bf26;border-radius:50%;transform:rotate(-19deg) scaleY(.52)}
.contact-ring:nth-child(2){inset:8%;border-color:#c7ac8029;transform:rotate(22deg) scaleY(.72)}
.contact-ring:nth-child(3){inset:17%;border-color:#91b5bf1b;transform:rotate(-40deg) scaleY(.85)}
.contact-ring::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:#b4d4d980;transform:rotate(0);animation:contact-signal-orbit 32s linear infinite}
.contact-ring:nth-child(2)::after{border-top-color:#dac6a35c;animation-duration:41s;animation-direction:reverse}.contact-ring:nth-child(3)::after{display:none}
.contact.motion-paused .contact-ring::after{animation-play-state:paused}
@keyframes contact-signal-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.contact{min-height:max(600px,100svh);padding:76px 24px 28px;gap:42px}.contact .section-label{margin-bottom:27px}.contact h2{font-size:clamp(38px,9.2vw,66px);line-height:1.1;letter-spacing:-.05em}.contact-details{margin-top:36px;gap:10px}.contact-email{font-size:clamp(21px,5.6vw,30px)}.contact-signal{width:150vw;top:44%}.contact-signature{font-size:12px}}
@media(prefers-reduced-motion:reduce){.contact-ring::after{animation:none}}