/* A compact correspondence desk: routing first, a usable sheet alongside. */
.interior-page .contact-desk { padding-block:132px 84px; }
.contact-desk h1 { font-size:58px; margin:0 0 28px; }
.correspondence-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:7%; align-items:start; }
.routing-slips { padding:8px 8px 0 0; }
.routing-slips>p { font-size:17px; margin:0 0 20px; }
.routing-slip { display:block; position:relative; isolation:isolate; padding:25px 30px 27px; margin:0 12px 24px 0; color:var(--link-ink); transform:rotate(var(--action-tilt,-1deg)); transition:transform 180ms ease; }
.routing-slip::before,.routing-slip::after { content:''; position:absolute; z-index:-1; clip-path:var(--paper-cut); }
.routing-slip::before { inset:6px -5px -7px 4px; background:var(--stone) url('/assets/stone-matte.webp') center / cover; transform:rotate(.6deg); }
.routing-slip::after { inset:0; background:var(--link-backer); }
.routing-slip:nth-of-type(2) { margin-left:24px; margin-right:0; --action-tilt:1deg; --action-hover-tilt:2deg; }
.routing-slip:nth-of-type(2)::after { clip-path:polygon(0 0,100% 2%,99% 99%,1% 100%); }
.routing-slip:nth-of-type(3) { margin-right:25px; --action-tilt:-.7deg; --action-hover-tilt:-1.7deg; }
.routing-slip h2 { font-size:30px; margin:0 0 10px; }
.routing-slip p { font-size:17px; line-height:1.5; margin:0; }
.routing-action { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:16px; font-size:16px; font-weight:750; line-height:1.2; white-space:nowrap; }
.routing-action span { font:22px/1 var(--font-body); }
.routing-slip:is(:hover,:focus-visible) { transform:rotate(var(--action-hover-tilt,-2deg)) translateY(-2px); }
/* Clip the paper faces, never the controls or focus rings. */
.contact-page .correspondence-sheet { position:relative; isolation:isolate; padding:32px 36px 36px; background:transparent; box-shadow:none; border:0; }
.contact-page .correspondence-sheet::before,.contact-page .correspondence-sheet::after { content:''; position:absolute; z-index:-1; clip-path:var(--paper-cut); }
.contact-page .correspondence-sheet::before { inset:10px -8px -10px 8px; background:var(--stone) url('/assets/stone-matte.webp') center / cover; transform:rotate(.6deg); }
.contact-page .correspondence-sheet::after { inset:0; background:var(--white); transform:rotate(-.5deg); }
.contact-page .correspondence-sheet h2 { font-size:40px; margin:0 0 10px; }
.contact-page .correspondence-sheet>p { font-size:20px; margin:0 0 24px; }
.contact-page .form-fields { grid-template-columns:1fr 1fr; gap:22px 24px; }
.contact-page [data-field=message] { grid-column:1/-1; }
.contact-page .form-status:empty { display:none; }
.contact-page .form-status:not(:empty) { border:0; padding:12px 0; margin-bottom:22px; }
.contact-page .form-status h3 { font-size:32px; margin-bottom:12px; }
.contact-page .form-status p { font-size:17px; }
.contact-page .form-notice { margin-block:20px!important; }
.contact-send,.contact-partner { padding:16px 24px; font-size:18px; line-height:1.4; }
.contact-partner::before { background:var(--navy); }
.contact-page .contact-closing { padding-block:100px; }
.contact-closing .closing-art>.closing-art-title { line-height:1.08; min-height:3.1em; }
.contact-closing .closing-art .closing-art-title>.closing-art-hand { right:.05em; }
.contact-closing .closing-response { max-width:none; }
.contact-provenance { margin-top:46px; }
.contact-provenance>p { font-size:17px; max-width:33ch; margin-bottom:20px; }
.contact-provenance .foundation-mark { gap:16px; font-size:17px; flex-wrap:wrap; }
.contact-provenance .foundation-mark a { width:260px; padding:16px 18px; }
@media(max-width:1100px) and (min-width:761px) {
 .correspondence-layout { grid-template-columns:1fr 1.1fr; gap:5%; }
 .contact-page .correspondence-sheet { padding:28px; }
 .routing-slip { padding:23px; }
 .routing-slip h2 { font-size:27px; }
 .contact-page .form-fields { grid-template-columns:1fr; gap:18px; }
 .contact-desk h1 { font-size:52px; }
}
@media(max-width:760px) {
 .interior-page .contact-desk { padding-block:124px 65px; }
 .contact-desk h1 { font-size:48px; margin-bottom:28px; }
 .correspondence-layout { grid-template-columns:1fr; gap:28px; }
 .routing-slips { padding-right:4px; }
 .routing-slip { padding:24px; margin-bottom:24px; }
 .routing-slip h2 { font-size:28px; }
 .routing-slip:nth-of-type(2) { margin-left:12px; }
 .routing-slip:nth-of-type(3) { margin-right:12px; }
 .contact-page .correspondence-sheet { padding:28px 22px; }
 .contact-page .correspondence-sheet h2 { font-size:36px; }
 .contact-page .contact-closing { padding-block:70px; }
 .contact-closing>.wrap { gap:24px; }
 .contact-provenance { margin-top:36px; }
}
@media(max-width:440px) {
 .contact-page .form-fields { grid-template-columns:1fr; gap:20px; }
 .routing-slip { padding:22px; }
 .routing-slip h2 { font-size:26px; }
 .contact-page .correspondence-sheet { padding:26px 16px; }
 .contact-page .correspondence-sheet h2 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce) {
 .routing-slip:is(:hover,:focus-visible) { transform:rotate(var(--action-tilt,-1deg))!important; }
}