.contact-page{min-height:100svh;height:auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:radial-gradient(ellipse at 77% 42%,#153e4d70,transparent 57%),linear-gradient(135deg,#071724,#03111d 65%,#091d29);color:#edf6f7}
.contact-page::-webkit-scrollbar{display:none}
.contact-page .site-header{height:88px;padding-block:14px}
.contact-main{width:calc(100% - 128px);max-width:1460px;margin:0 auto;padding:32px 0 calc(26px + env(safe-area-inset-bottom,0px))}
.contact-lead{margin-bottom:27px}
.contact-lead .eyebrow{color:#70ded3;font-size:11px;letter-spacing:.21em;margin-bottom:12px}
.contact-lead h1{font:400 clamp(32px,3.2vw,48px)/1.25 Georgia,'Noto Serif SC','Songti SC',SimSun,serif;color:#f0f8f5}
.contact-lead>p:last-child{color:#9dbdcc;font-size:14px;line-height:1.7;margin-top:12px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(280px,1fr);gap:24px;min-height:368px}
.contact-email-card{position:relative;min-width:0;overflow:hidden;border:1px solid #568e97;border-radius:21px;padding:28px 32px 22px;background:radial-gradient(ellipse at 76% 19%,#2065755c,transparent 65%),linear-gradient(135deg,#133d4b,#08222f);box-shadow:0 14px 55px #0002}
.contact-card-heading{display:flex;gap:16px;flex-wrap:wrap;align-items:center;position:relative;z-index:1}
.contact-card-heading h2{font-size:13px;font-weight:400;letter-spacing:.05em;color:#badbdc}
.contact-preferred{display:inline-flex;align-items:center;gap:8px;border:1px solid #7bd5c735;border-radius:99px;padding:6px 10px;font-size:9px;color:#a7ecd8;letter-spacing:.08em;background:#154f4d55}
.contact-preferred i{width:4px;height:4px;display:block;border-radius:50%;background:#a4f7d9;animation:contact-beacon 3s ease-in-out infinite}
.contact-mail-art{position:absolute;right:17px;top:6px;width:225px;height:225px;pointer-events:none;opacity:.9}
.contact-mail-art svg{display:block;width:100%;height:100%}
.contact-mail-orbit{animation:contact-orbit 12s linear infinite}
.contact-mail-letter{animation:contact-letter 5s ease-in-out infinite}
.contact-mail-flap{animation:contact-flap 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}
.contact-mail-beacon{animation:contact-beacon 3s ease-in-out infinite}
.contact-email-content{position:relative;z-index:1;margin-top:127px}
.contact-email-address{display:block;font-family:Georgia,'Noto Serif SC',serif;font-size:clamp(27px,2.7vw,42px);line-height:1.3;color:#effdf7;text-decoration:none;letter-spacing:-.025em;white-space:nowrap;user-select:text}
.contact-email-address:hover{color:#afffea}
.contact-email-content>p:not(.contact-feedback){font-size:13px;color:#a2c6cf;line-height:1.6;margin-top:10px}
.contact-email-actions{display:flex;gap:12px;margin-top:25px;align-items:stretch;max-width:440px}
.contact-primary-action,.contact-copy-action{min-height:48px;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:9px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.contact-primary-action{flex:1;padding:12px 19px;background:linear-gradient(120deg,#18aaa5,#158598);color:#f4fffb;border:1px solid #61dcd3}
.contact-primary-action:hover{background:linear-gradient(120deg,#23bdb1,#209aac);transform:translateY(-2px)}
.contact-primary-action .contact-icon{width:19px;height:19px;margin-left:auto}
.contact-copy-action{display:none;padding:12px 15px;border:1px solid #59888f;background:#122f3f80;color:#bededd}
.contact-enhanced .contact-copy-action{display:flex}
.contact-copy-action:hover{border-color:#8adbd0;background:#23526480}
.contact-copy-action .contact-icon{width:17px;height:17px}
.contact-copied-mark{display:none}
.contact-copy-action[data-state=copied]{border-color:#80d7bf;color:#b9f6d5}
.contact-copy-action[data-state=copied] .contact-copy-mark{display:none}
.contact-copy-action[data-state=copied] .contact-copied-mark{display:block}
.contact-feedback{min-height:19px;font-size:10px;line-height:1.6;color:#94d5c9;margin-top:12px}
.contact-secondary{display:grid;grid-template-rows:minmax(134px,.82fr) minmax(194px,1.18fr);gap:20px;min-width:0}
.contact-phone-card,.contact-location-card{display:flex;gap:20px;min-width:0;padding:27px 25px;border:1px solid #385f70;border-radius:19px;background:linear-gradient(145deg,#15344380,#081c2a);color:#d9edf2;text-decoration:none}
.contact-phone-card{align-items:center;transition:border-color .2s,transform .2s}
.contact-phone-card:hover{border-color:#69b7be;transform:translateY(-2px)}
.contact-symbol{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #426b79;border-radius:14px;color:#87bdcb;background:#1a3d4d70;flex:none}
.contact-symbol .contact-icon{width:27px;height:27px}
.contact-phone-card h2,.contact-location-card h2{font-size:12px;font-weight:400;color:#94bdc8;letter-spacing:.05em;margin:0 0 12px}
.contact-phone-value{font-size:clamp(21px,1.85vw,27px);white-space:nowrap;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#eaf7f3}
.contact-secondary-hint{display:block;margin-top:10px;color:#6fa9b4;font-size:10px;letter-spacing:.04em}
.contact-secondary-hint>span{margin-left:8px}
.contact-call-wave{animation:contact-call 6s ease-in-out infinite}
.contact-location-card{align-items:flex-start}
.contact-location-card address{font-style:normal;font-size:15px;line-height:1.85;color:#c8dfe7;overflow-wrap:anywhere}
.contact-location-label{font-size:9px;letter-spacing:.17em;color:#628e9f;margin-top:18px}
.contact-pin-ground{animation:contact-beacon 4s ease-in-out infinite}
.contact-footer{display:flex;align-items:center;gap:15px;margin-top:27px;color:#769ba9;font-size:11px}
.contact-footer-line{width:30px;height:1px;background:#579d9f;flex:none}
.contact-footer>span:last-child{margin-left:auto;color:#497381;font-size:9px;letter-spacing:.13em}
.contact-page a:focus-visible,.contact-page button:focus-visible{outline:2px solid #a5f4dc;outline-offset:5px}
.contact-motion-paused .contact-mail-orbit,.contact-motion-paused .contact-mail-letter,.contact-motion-paused .contact-mail-flap,.contact-motion-paused .contact-mail-beacon,.contact-motion-paused .contact-preferred i,.contact-motion-paused .contact-call-wave,.contact-motion-paused .contact-pin-ground{animation-play-state:paused}
@keyframes contact-orbit{to{stroke-dashoffset:-180}}
@keyframes contact-letter{0%,15%,85%,100%{transform:translateY(0)}35%,65%{transform:translateY(-11px)}}
@keyframes contact-flap{0%,15%,85%,100%{transform:scaleY(1);opacity:.9}35%,65%{transform:scaleY(.6);opacity:.55}}
@keyframes contact-beacon{50%{opacity:.35}}
@keyframes contact-call{0%,25%,100%{opacity:.85}10%{opacity:.25}18%{opacity:1}}
@media(min-width:1181px) and (max-height:800px){.contact-page .site-header{height:72px;padding-block:8px}.contact-main{padding-top:23px}.contact-lead h1{font-size:36px}.contact-lead{margin-bottom:23px}.contact-footer{margin-top:23px}}
@media(max-width:1180px){.contact-main{width:calc(100% - 64px);padding-top:29px}.contact-grid{grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:18px}.contact-email-card{padding-inline:25px}.contact-mail-art{width:192px;height:192px}.contact-email-content{margin-top:108px}.contact-email-address{font-size:28px}.contact-phone-card,.contact-location-card{padding:23px 20px;gap:14px}.contact-symbol{width:44px;height:44px}.contact-phone-value{font-size:20px}}
@media(max-width:800px){.contact-page .site-header{height:auto;min-height:76px;padding-block:16px}.contact-main{width:calc(100% - 42px);padding:23px 0 30px}.contact-grid{grid-template-columns:minmax(0,1fr);gap:18px}.contact-email-card{padding:24px 26px 17px;min-height:354px}.contact-mail-art{right:12px;top:4px;width:188px;height:188px}.contact-email-content{margin-top:109px}.contact-email-address{font-size:clamp(26px,4.8vw,35px)}.contact-secondary{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:16px}.contact-phone-card,.contact-location-card{flex-direction:column;padding:23px;gap:18px}.contact-phone-value{font-size:21px}.contact-location-card address{font-size:14px}.contact-footer{flex-wrap:wrap;gap:12px}.contact-footer>span:last-child{margin-left:auto}}
@media(max-width:520px){.contact-main{width:calc(100% - 38px)}.contact-lead h1{font-size:32px;line-height:1.28}.contact-lead>p:last-child{font-size:13px}.contact-lead{margin-bottom:23px}.contact-email-card{padding:22px 20px 14px;min-height:355px}.contact-card-heading{gap:10px}.contact-card-heading h2{font-size:12px}.contact-preferred{font-size:8px}.contact-mail-art{width:162px;height:162px;right:6px;top:29px}.contact-email-content{margin-top:125px}.contact-email-address{font-size:clamp(22px,6.1vw,29px)}.contact-email-content>p:not(.contact-feedback){font-size:12px}.contact-email-actions{gap:9px;margin-top:22px}.contact-primary-action,.contact-copy-action{font-size:12px;gap:9px;min-height:47px}.contact-primary-action{padding-inline:14px}.contact-copy-action{padding-inline:12px}.contact-feedback{font-size:9px}.contact-secondary{grid-template-columns:minmax(0,1fr);gap:15px}.contact-phone-card,.contact-location-card{flex-direction:row;padding:23px 20px;gap:17px}.contact-location-card address{font-size:14px;line-height:1.8}.contact-phone-value{font-size:22px}.contact-footer{align-items:flex-start}.contact-footer>span:last-child{width:100%;margin-left:45px}.contact-footer p{font-size:10px}}
@media(max-width:800px){.contact-main{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}
@media(max-width:1180px) and (orientation:landscape){.contact-main{width:calc(100% - max(32px,env(safe-area-inset-left,0px)) - max(32px,env(safe-area-inset-right,0px)));margin-left:max(32px,env(safe-area-inset-left,0px));margin-right:max(32px,env(safe-area-inset-right,0px))}}
@media(prefers-reduced-motion:reduce){.contact-mail-orbit,.contact-mail-letter,.contact-mail-flap,.contact-mail-beacon,.contact-preferred i,.contact-call-wave,.contact-pin-ground{animation:none!important}.contact-primary-action,.contact-phone-card,.contact-copy-action{transition:none}.contact-primary-action:hover,.contact-phone-card:hover{transform:none}}