.hero--contact{ padding-bottom:var(--s-6) } .hero--contact .hero__copy{ grid-column:1 / span 8 }
.contact-grid{ align-items:start }
.brief{ position:sticky; top:calc(var(--header-h) + var(--s-5)); display:flex; flex-direction:column; gap:var(--s-5) }
.brief__sheet{ position:relative; background:var(--bg-2); border:1px solid var(--line); padding:var(--s-6); display:flex; flex-direction:column; gap:var(--s-5); overflow:hidden }
.brief__sheet::before{ content:""; position:absolute; inset:12px; border:1px solid var(--line); pointer-events:none }
.brief__title{ color:var(--fg-muted); display:flex; justify-content:space-between }
.brief__list{ display:grid; grid-template-columns:auto 1fr; gap:var(--s-3) var(--s-4); margin:0; font-size:var(--fs-small) }
.brief__list dt{ color:var(--fg-muted) } .brief__list dd{ margin:0; font-weight:500; min-height:1.4em; overflow-wrap:anywhere; white-space:pre-line }
.brief__list dd[data-brief-out="message"]{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden }
.brief__stamp{ position:absolute; right:var(--s-5); bottom:var(--s-5); padding:var(--s-2) var(--s-3); border:2px solid var(--signal); color:var(--signal-text); transform:rotate(-8deg) scale(0); opacity:0; transition:transform .3s var(--ease-flip), opacity .3s }
.brief__stamp.is-on{ transform:rotate(-8deg) scale(1); opacity:1 }
.brief__ops{ display:flex; flex-direction:column; gap:var(--s-3); text-transform:none; letter-spacing:.02em; font-size:var(--fs-mono); line-height:1.5 }
.brief__ops a{ color:var(--fg) }
.contact-form .field__label .req{ margin-left:4px }
@media (max-width:1023px){ .brief{ position:static } .hero--contact .hero__copy{ grid-column:1 / -1 } }