/* 仅保留新版结尾，覆盖旧首页的 contact 样式。 */
.contact{--footer-line:rgba(244,240,232,.3);min-height:auto;background:#1d211c;color:#f4f0e8;padding:75px var(--pad) 24px}
.contact .section-kicker{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--footer-line);padding-top:16px;color:inherit;font:500 11px/1.5 var(--mono);letter-spacing:.08em}
.contact-primary{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(54px,6vw,118px);align-items:stretch;margin-top:clamp(48px,6vh,76px)}
.contact-intro{min-width:0;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,2.8vw,52px) 0 20px}
.contact .contact-title-layered{position:relative;z-index:1;margin:0;font:800 clamp(78px,5.8vw,132px)/.68 var(--display);letter-spacing:-.075em}
.contact .contact-title-layered span{display:block;width:max-content;max-width:100%}
.contact .contact-title-layered span:last-child{max-width:calc(100% - 3vw);margin-left:3vw;padding:0 .03em .06em;color:#caa0ef;border-bottom:clamp(2px,.25vw,5px) solid currentColor}
.contact-intro>p{max-width:500px;margin:clamp(52px,7vh,90px) 0 0;font-size:14px;line-height:1.8;opacity:.8}
.brief-form{min-width:0;height:100%;border:1px solid var(--footer-line);padding:28px}
.brief-form h3{margin:0 0 24px;font-size:21px;font-weight:500}
.brief-form label{display:block;margin-bottom:18px;font-size:12px}
.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:11px 12px;border:1px solid var(--footer-line);border-radius:0;background:#292e28;color:#f4f0e8;font:400 14px/1.5 var(--body)}
.brief-form textarea{resize:vertical}
.brief-form input::placeholder,.brief-form textarea::placeholder{color:#b8bdb4}
.brief-form select option{background:#292e28}
.brief-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.brief-form button{min-height:44px;padding:12px 18px;border:0;border-radius:0;background:#f4f0e8;color:#191914;font:500 13px/1.4 var(--body);cursor:pointer}
.brief-form .brief-submit{width:100%}
.brief-form .form-note{margin:12px 0 0;font-size:11px;opacity:.65}
#briefResult{margin-top:25px}
#copyStatus{margin:10px 0 0;font-size:12px}
.contact-platform-reserve{min-height:clamp(260px,32vh,440px);margin-top:clamp(70px,9vh,120px);border-top:1px solid var(--footer-line)}
.contact .footer-word{width:calc(100% + var(--pad) * 2);height:clamp(220px,23vw,480px);margin:0 calc(var(--pad) * -1);padding:0 clamp(14px,2vw,40px);display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--footer-line);overflow:hidden;color:inherit;font:900 27.5vw/.72 var(--display);letter-spacing:0;white-space:nowrap;cursor:default}
.contact .footer-word span{display:block;flex:none;transform:translateY(112%) rotate(3deg);transform-origin:50% 100%;transition:transform 1.05s cubic-bezier(.16,.78,.18,1),color .38s ease,-webkit-text-stroke .38s ease;will-change:transform}
.contact .footer-word span:nth-child(2){transition-delay:.07s;transform:translateY(112%) rotate(-2deg)}
.contact .footer-word span:nth-child(3){transition-delay:.14s;transform:translateY(112%) rotate(2deg)}
.contact .footer-word span:nth-child(4){transition-delay:.21s;transform:translateY(112%) rotate(-3deg)}
.contact .footer-word.is-visible span{transform:translateY(0) rotate(0)}
@media(hover:hover){.contact .footer-word.is-visible:hover span:nth-child(odd){transform:translateY(.025em)}.contact .footer-word.is-visible:hover span:nth-child(even){color:transparent;-webkit-text-stroke:clamp(1px,.12vw,3px) #f4f0e8;transform:translateY(-.055em) skewX(-3deg)}}
.contact .copyright{margin:20px 0 0;color:inherit;font:500 9px/1.6 var(--mono);letter-spacing:.05em}
.contact :focus-visible{outline:2px solid #caa0ef;outline-offset:4px}
@media(max-width:1100px){.contact-primary{grid-template-columns:1fr;gap:42px;margin-top:52px}.contact-intro{min-height:auto;padding:20px 0 0}.contact .contact-title-layered{font-size:clamp(58px,10.4vw,100px);line-height:.73}.contact .contact-title-layered span:last-child{max-width:calc(100% - 4vw);margin-left:4vw}.contact-intro>p{margin-top:65px}.brief-form{width:100%;height:auto;max-width:760px}.contact-platform-reserve{min-height:clamp(190px,25vh,300px);margin-top:75px}}
@media(max-width:520px){.contact{padding-top:58px}.contact .section-kicker{font-size:9px}.contact-primary{gap:34px;margin-top:38px}.contact-intro{padding-top:12px}.contact .contact-title-layered{font-size:10.8vw;line-height:.78;letter-spacing:-.06em}.contact .contact-title-layered span:last-child{max-width:calc(100% - 3vw);margin-left:3vw}.contact-intro>p{margin-top:48px;font-size:13px}.brief-form{padding:20px}.brief-form .form-row{grid-template-columns:1fr}.contact-platform-reserve{min-height:170px;margin-top:58px}.contact .footer-word{height:27vw;padding-inline:10px;font-size:28vw}}
@media(prefers-reduced-motion:reduce){.contact *{animation:none!important;transition:none!important}.contact .footer-word span{transform:none!important}}
