/* 엔딩 뒤의 명함. 브랜드·인물·연락처의 세 단계만 남긴다. */
#work.contact-card{position:relative;padding:96px 6vw 54px;margin:0;background:#0b1419;color:#f3efe7;scroll-margin-top:80px}
#work .contact-card-mark{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:40px;border-bottom:1px solid #c7ad7e55}
#work .innovation-logo{font-size:clamp(58px,8.3vw,140px);font-weight:760;letter-spacing:-.057em;line-height:1.1}
#work .innovation-logo i{width:.065em;height:.065em;margin-left:.065em}
#work .contact-card-edition{font-size:10px;letter-spacing:.2em;white-space:nowrap;color:#a2abae;padding-bottom:11px}
#work .contact-card-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding-top:40px}
#work .contact-card-identity h2{font-size:clamp(32px,3.8vw,56px);line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:0 0 16px}
#work .contact-card-identity p{font-size:13px;letter-spacing:.02em;color:#b4bdbf;line-height:1.8}
#work .contact-card-identity p span{margin:0 7px;color:#ccb385}
#work .contact-card-label{display:block;font-size:10px;letter-spacing:.18em;color:#ccb385;margin-bottom:17px}
#work .contact-email{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;text-align:left;min-height:48px;padding:0;color:#f3efe7;background:none;border:0;cursor:pointer}
#work .contact-email>span{font-size:clamp(20px,2.4vw,34px);font-weight:400;letter-spacing:-.035em;user-select:text}
#work .contact-email small{font-size:11px;color:#b9c0c0;white-space:nowrap}
#work .contact-email b,#work .contact-instagram b{font-weight:400;font-size:18px;margin-left:14px;color:#ccb385}
#email-copy-status{display:block;min-height:27px;font-size:11px;line-height:1.7;color:#d9c49e}
#work .contact-instagram{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0 24px;font-size:14px;border-bottom:1px solid #b1b8b82e;text-decoration:none;color:#e6e5de}
#work .contact-instagram>span:last-child{color:#acb5b7;font-size:12px}
#work .contact-message{scroll-margin-top:94px;border-bottom:1px solid #b1b8b82e}
#work .contact-message>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:80px;cursor:pointer;font-size:16px;color:#eee9df}
#work .contact-message>summary::-webkit-details-marker{display:none}
#work .contact-message>summary i{position:relative;width:16px;height:16px}
#work .contact-message>summary i:before,#work .contact-message>summary i:after{content:'';position:absolute;background:#cfb58c;left:0;top:7px;width:16px;height:1px}
#work .contact-message>summary i:after{transform:rotate(90deg);transition:transform .2s}
#work .contact-message[open]>summary i:after{transform:rotate(0)}
#work .contact-message-body{padding:2px 0 28px}
#work #inquiry-form{margin:0}
#work .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}
#work #inquiry-form label:not(.consent-line){display:block;font-size:12px;color:#c9d0d0;margin-bottom:9px}
#work #inquiry-form input:not([type=checkbox]),#work #inquiry-form textarea{box-sizing:border-box;width:100%;border:1px solid #7c8b9055;background:#101d24;color:#f2eee5;border-radius:2px;padding:13px 14px;font:400 16px/1.6 Pretendard,sans-serif;box-shadow:none}
#work #inquiry-form textarea{min-height:150px;resize:vertical;margin:0 0 20px}
#work #inquiry-form textarea::placeholder{color:#839398;font-size:13px}
#work #inquiry-form [hidden]{display:none!important}
#work #inquiry-guide{font-size:12px;line-height:1.7;margin:0 0 12px;color:#a0aeb2}
#work .contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#work .consent-line{display:flex;align-items:flex-start;gap:10px;color:#bac5c8;font-size:12px;line-height:1.7;cursor:pointer;margin:0 0 12px}
#work .consent-line input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#d4ba8d}
#work .privacy-details{font-size:11px;color:#9caaaf;line-height:1.8;margin:0 0 22px}
#work .privacy-details summary{cursor:pointer;min-height:32px;display:list-item;list-style:disclosure-closed inside}
#work .privacy-details p{font-size:11px;line-height:1.8;padding:8px 0;color:#9caaaf}
#work .contact-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 22px;border:1px solid #dcc49c;background:#dcc49c;color:#162027;font-size:14px;border-radius:2px;cursor:pointer}
#work .contact-button:disabled{cursor:wait;opacity:.6}
#work #copy-status{font-size:13px;line-height:1.8;color:#dfc9a4;margin:14px 0 0;overflow-wrap:anywhere}
#work #copy-status:empty{display:none}
#work :is(button,a,summary,input,textarea):focus-visible{outline:2px solid #e4c28d;outline-offset:5px}
.worlds-site .contact-card-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 6vw 22px;background:#0b1419;border-top:1px solid #afbab91c;color:#839397;font-size:10px;letter-spacing:.08em}
.contact-card-footer button{font-size:11px;letter-spacing:0;min-height:44px;color:#a8b6ba;border:0;background:none;padding:8px 0;cursor:pointer}
@media(max-width:760px){
 #work.contact-card{padding:75px 7vw 50px}
 #work .contact-card-mark{padding-bottom:36px;display:block}
 #work .innovation-logo{font-size:clamp(42px,11.7vw,88px)}
 #work .contact-card-edition{display:block;font-size:8px;margin-top:19px;padding:0;letter-spacing:.22em}
 #work .contact-card-grid{display:block;padding-top:35px}
 #work .contact-card-identity{margin-bottom:44px}
 #work .contact-card-identity h2{font-size:32px;margin-bottom:12px}
 #work .contact-card-identity p{font-size:12px}
 #work .contact-card-label{margin-bottom:12px}
 #work .contact-email>span{font-size:clamp(18px,5.6vw,30px)}
 #work .contact-email{gap:10px}
 #work .contact-email b{margin-left:5px}
 #work .contact-message>summary{min-height:74px;font-size:15px}
 #work .contact-fields{grid-template-columns:1fr;gap:20px}
 .worlds-site .contact-card-footer{padding:20px 7vw 26px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){#work .contact-message>summary i:after{transition:none}}