.contact-page{position:relative;min-height:100svh;background-color:#e7e1da;background-image:url('design/board-contact-updated.png');background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.contact-page .site-header{background:transparent}
.contact-page .site-header.is-scrolled{background:rgba(231,225,218,.78)}
.contact-main{max-width:1120px;margin:0 auto;padding:70px 40px 96px}
.contact-main>h1{font-size:clamp(32px,4.5vw,62px);line-height:1.4;margin:18px 0 48px;letter-spacing:-.035em}
.contact-panel{max-width:780px;padding:44px 48px;background:#fffbea}
.contact-panel h2{font-size:clamp(24px,2.8vw,32px);line-height:1.5;margin:12px 0 24px}
.participation-copy{font-size:16px;line-height:2.1;margin:0;overflow-wrap:anywhere}
.contact-address{border-top:1px solid #d8d8d1;margin-top:36px;padding-top:28px}
.contact-address h3{font-size:16px;font-weight:500;margin-bottom:12px}
.contact-email{font-size:clamp(18px,2vw,25px);line-height:1.6;margin-bottom:10px;overflow-wrap:anywhere}
.contact-email span{font-size:14px}
.contact-note{font-size:14px;line-height:1.8;margin-bottom:0;color:#555}
.contact-page footer{background:transparent}
.participation-entry{max-width:1050px;margin:0 auto;padding:0 24px 64px}
.participation-entry a{display:inline-block;text-underline-offset:5px}
@media(max-width:700px){
 .contact-page{background-size:auto max(100%,1300px);background-position:20% top}
 .contact-main{padding:48px 24px 64px}
 .contact-main>h1{margin-bottom:30px}
 .contact-panel{padding:28px 24px}
 .contact-panel h2{margin-bottom:20px}
 .contact-address{margin-top:28px;padding-top:24px}
}

.contact-page{isolation:isolate}
.contact-page main,.contact-page footer{position:relative;z-index:1}