/* 07 联系表单 + 页脚
   给「首页」用的样式。改这一块只动这个文件。 */

/* contact */
.contact{background:var(--ink);color:var(--bone);padding-top:70px;padding-bottom:24px;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.contact-top{display:flex;justify-content:space-between;border-top:1px solid rgba(244,240,232,.3);padding-top:12px;font:500 10px var(--mono)}.contact-title{font:700 clamp(64px,10.5vw,188px)/.83 var(--display);letter-spacing:-.075em;margin:10vh 0 12vh}.contact-title a{position:relative;color:#caa0ef}.contact-title a:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.035em;background:currentColor;transform-origin:left;transition:transform .5s var(--ease)}.contact-title a:hover:after{transform:scaleX(.18)}.contact-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid rgba(244,240,232,.3);padding-top:20px}.contact-foot>div{display:flex;flex-direction:column;gap:10px}.contact-foot span{font:500 9px var(--mono);opacity:.55}.contact-foot p,.contact-foot a{font-size:12px;margin:0}.contact-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#75d176;margin-right:8px;box-shadow:0 0 0 5px rgba(117,209,118,.12)}.footer-word{width:100%;display:flex;align-items:flex-end;justify-content:space-between;font:900 clamp(170px,31vw,590px)/.7 var(--display);letter-spacing:0;white-space:nowrap;margin:12vh 0 0;color:var(--bone)}.footer-word span{display:block;flex:none}.copyright{font:500 9px var(--mono);border-top:1px solid rgba(244,240,232,.3);padding-top:12px;margin:20px 0 0}