#contactSection[hidden]{display:none!important}
.contact-active .gallery-panel,.contact-active .archive-panel{display:none!important}
.contact-active .topbar nav a[href="#works"]{color:#77766e!important;border-bottom:0!important}
.contact-active .topbar nav a[href="#works"]::after{display:none!important}
.contact-active .topbar nav a[href="#contact"]{color:#e1d9c8;border-bottom:1px solid #b5ad92}
#contactSection{height:907px;padding:62px 68px;box-sizing:border-box;color:#bcb4a4;font:13px/1.6 'Courier New',monospace;background:#0d0d0d}
.contact-dossier{position:relative;border:1px solid #5e574b;border-radius:4px;background:linear-gradient(115deg,#181818,#101010 60%);box-shadow:inset 0 0 0 5px #090909,inset 0 0 0 6px #746c4933,4px 6px 0 #554e3633;padding:24px}
.contact-dossier:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h130v130H0z' filter='url(%23n)'/%3E%3C/svg%3E")}
.contact-tag{position:absolute;top:-15px;left:24px;padding:5px 20px;background:linear-gradient(110deg,#d0c1a4,#e1d4bb,#afa48c);color:#242421;border:1px solid #dfd2b6;box-shadow:1px 3px 4px #0009}
.contact-dossier>header,.contact-bottom{display:flex;justify-content:space-between;border-bottom:1px solid #6d624b66;padding:8px 0 14px;font-size:11px;letter-spacing:.05em}
.contact-body{display:grid;grid-template-columns:38% 62%;padding:25px 0 20px}
.contact-intro{padding:0 34px 0 8px;border-right:1px solid #6d624b66}
.contact-intro h1{font:54px/1.05 'EB Garamond',Georgia,serif;color:#e0d5bd;margin:18px 0}
.contact-intro p{max-width:290px}.contact-intro small,.contact-intro dt{font-size:10px;color:#9c927e}
.contact-intro dl{margin-top:30px}.contact-intro dd{margin:3px 0 18px}.contact-intro a{color:#d0c7b6}
.contact-note{font:italic 20px/1.4 Georgia,serif;border-top:1px solid #6d624b66;padding-top:22px;color:#a59c8d}
#contactForm{padding:0 8px 0 30px;position:relative}#contactForm label{display:block;font-size:11px;letter-spacing:.04em;margin-bottom:17px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contactForm input,#contactForm select,#contactForm textarea{display:block;box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #645b4966;background:#09090988;color:#d0c7b6;padding:12px;font:13px/1.5 'Courier New',monospace;border-radius:0}
#contactForm textarea{resize:vertical;min-height:180px;max-height:260px}
#contactForm :focus-visible{outline:1px solid #c7b999;outline-offset:3px}
#contactForm ::placeholder{color:#787366}.contact-privacy{font-size:10px;color:#9c927e}
#contactForm footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;margin-top:20px}
#contactForm button{padding:12px 18px;border:1px solid #b5a98d;background:linear-gradient(#25251e,#11120e);color:#ddd4c1;font:12px 'Courier New',monospace;cursor:pointer}
#contactForm button:disabled{opacity:.5;cursor:wait}#contactStatus{font-size:12px;min-height:20px}.contact-honeypot{position:absolute;left:-10000px}
.contact-bottom{border-bottom:0;border-top:1px solid #6d624b66;padding:14px 0 0;font-size:9px}
@media(min-width:861px){.contact-active .shell{grid-template-columns:196px 1340px}.contact-active .workspace{padding-top:54px}.rail-symbols{top:530px;gap:12px}}
@media(max-width:860px){#contactSection{height:auto;padding:30px 18px}.contact-dossier{padding:20px 16px}.contact-body{display:block}.contact-intro{padding:0;border:0}.contact-intro h1{font-size:42px}.contact-intro p{max-width:none}.contact-intro dl{display:grid;grid-template-columns:100px 1fr;gap:8px;margin:20px 0}.contact-intro dd{margin:0;overflow-wrap:anywhere}.contact-note{display:none}#contactForm{border-top:1px solid #6d624b66;padding:22px 0 0}.contact-fields{grid-template-columns:1fr;gap:0}#contactForm input,#contactForm select,#contactForm textarea{font-size:16px}#contactForm footer{flex-wrap:wrap}.contact-bottom{gap:14px;flex-wrap:wrap}.contact-active .workspace{width:100%;min-width:0}.rail-nav a{font-size:8px!important}.topbar nav{gap:18px}}
@media(max-width:860px){.rail-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;padding-right:4px!important}.rail-nav a{flex-direction:column;gap:3px!important;padding:4px 1px!important;font-size:7px!important}.rail-nav a::before{font-size:10px!important}}