/* 연락 페이지는 명함과 작성란을 같은 화면에서 읽는 두 열로 구성한다. */
.contact-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:9%;padding:155px 0 80px;min-height:calc(100svh - 180px);align-items:start}
.contact-page-identity h1{font-size:clamp(62px,7vw,98px);font-weight:500;letter-spacing:-.06em;line-height:1.2;margin:33px 0 17px}
.contact-page-links{margin-top:45px}.contact-page-email{display:block;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.035em;color:#f1ede4;overflow-wrap:anywhere}
.contact-copy{display:inline-flex;align-items:center;gap:24px;background:none;border:0;border-bottom:1px solid #c6ae7f70;padding:13px 0 9px;color:#d7c09a;font-size:12px;min-height:44px;cursor:pointer}
.contact-page #email-copy-status{min-height:30px;padding-top:7px;color:#cdb58e;font-size:12px;line-height:1.7}
.contact-page-instagram{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin-top:25px;padding:22px 0;font-size:13px;color:#b9c0c3}.contact-page-instagram span:last-child{color:#dbc5a0}
.contact-signature{font-size:10px;letter-spacing:.16em;color:#8f9ba3;margin-top:55px}
.contact-page-message{border-left:1px solid #ffffff24;padding-left:10%;scroll-margin-top:110px}
.contact-page-message h2{font-size:29px;letter-spacing:-.04em;font-weight:500;margin:0 0 14px;line-height:1.3}.contact-page-intro{color:#a9b3ba;font-size:14px;line-height:1.8;margin-bottom:30px}
.contact-page form{margin:0}.contact-page .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px}
.contact-page label:not(.consent-line){display:block;font-size:12px;color:#d2d5d3;margin:0 0 10px}
.contact-page input:not([type=checkbox]),.contact-page textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #80929b55;border-radius:3px;background:#111f28;color:#f2eee5;font:400 16px/1.65 Pretendard,sans-serif;box-shadow:none}
.contact-page input:not([type=checkbox]){min-height:50px}.contact-page textarea{min-height:170px;resize:vertical;margin-bottom:20px}.contact-page textarea::placeholder{font-size:13px;color:#889aa5}
.contact-page .form-note{color:#97a6ae;font-size:12px;line-height:1.8;margin:0 0 10px}.contact-page [hidden]{display:none!important}
.contact-page .contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.contact-page .consent-line{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;color:#b4c0c7;cursor:pointer;margin:0 0 9px}.contact-page .consent-line input{flex:none;width:20px;height:20px;accent-color:#dcc39b;margin:2px 0}
.contact-page .privacy-details{color:#99a9b1;font-size:11px;line-height:1.8;margin:0 0 22px}.contact-page .privacy-details summary{cursor:pointer;min-height:38px;padding:8px 0;list-style:disclosure-closed inside}.contact-page .privacy-details p{font-size:11px;line-height:1.8;padding:8px 0}
.contact-page .contact-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;min-height:58px;border:1px solid #dfc89f;border-radius:3px;background:#dfc89f;color:#14212a;font-size:15px;font-weight:550;cursor:pointer;touch-action:manipulation}.contact-page .contact-button:hover{background:#eedab7}.contact-page .contact-button:disabled{opacity:.6;cursor:wait}
.contact-page #copy-status{font-size:13px;line-height:1.8;color:#e3cca4;margin-top:16px;overflow-wrap:anywhere}.contact-page #copy-status:empty{display:none}.contact-page :is(input,textarea,button,a,summary):focus-visible{outline:2px solid #e8cca0;outline-offset:4px}
#work.contact-card-compact{padding-top:65px;padding-bottom:45px}#work.contact-card-compact .innovation-logo{font-size:clamp(38px,5vw,68px)}#work.contact-card-compact .contact-card-grid{align-items:center;padding-top:30px}#work.contact-card-compact .contact-card-mark{padding-bottom:30px}#work.contact-card-compact .contact-card-identity h2{font-size:30px;margin-bottom:0}
.compact-email{font-size:clamp(18px,2vw,26px);color:#e7e5de;overflow-wrap:anywhere}.compact-contact-link{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-top:15px;border-bottom:1px solid #c5ad8055;color:#dfc79e;font-size:17px}
@media(max-width:900px){.contact-page{grid-template-columns:1fr;gap:45px;padding:125px 0 55px}.contact-page-identity h1{font-size:66px;margin-top:23px}.contact-page-links{margin-top:35px}.contact-page-message{border-left:0;border-top:1px solid #ffffff25;padding:36px 0 0}.contact-signature{display:none}.contact-page-instagram{margin-top:10px}.contact-page-email{font-size:26px}}
@media(max-width:500px){.contact-page{padding-top:115px;gap:32px}.contact-page-identity h1{font-size:60px}.contact-page-email{font-size:23px}.contact-page .contact-fields{grid-template-columns:1fr;gap:20px}.contact-page-message h2{font-size:27px}.contact-page textarea{min-height:190px}.contact-page .consent-line{font-size:12px}#work.contact-card-compact .contact-card-identity{margin-bottom:26px}}