.soulsign-contact{
width:100vw;
margin-left:calc(50% - 50vw);
background:#ffffff;
padding:96px 24px;
}
.soulsign-contact__wrap{
max-width:1180px;
margin:0 auto;
}
.soulsign-contact__header{
max-width:760px;
margin-bottom:80px;
}
.soulsign-contact__label{
display:inline-block;
margin-bottom:18px;
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
color:#9a8774;
font-weight:600;
}
.soulsign-contact h1{
margin:0 0 24px;
font-size:clamp(52px,7vw,92px);
line-height:.95;
font-weight:400;
color:#2E241D;
}
.soulsign-contact__header p{
margin:0;
font-size:24px;
line-height:1.55;
color:#4D4339;
}
.soulsign-contact__grid{
display:grid;
grid-template-columns:380px minmax(0,1fr);
gap:80px;
border-top:1px solid #eadfd4;
padding-top:56px;
}
.soulsign-contact__info{
display:flex;
flex-direction:column;
gap:24px;
}
.soulsign-contact__card{
padding:32px;
border:1px solid #eadfd4;
border-radius:24px;
background:#fffdfb;
}
.soulsign-contact__card h2{
margin:0 0 24px;
font-size:28px;
font-weight:400;
color:#2E241D;
}
.soulsign-contact__item{
margin-bottom:24px;
}
.soulsign-contact__item:last-child{
margin-bottom:0;
}
.soulsign-contact__item span{
display:block;
margin-bottom:6px;
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:#9a8774;
}
.soulsign-contact__item a{
color:#2E241D;
text-decoration:none;
font-size:18px;
}
.soulsign-contact__item p{
margin:0;
font-size:18px;
line-height:1.7;
color:#4D4339;
}
.soulsign-contact__content{
display:flex;
flex-direction:column;
gap:24px;
}
.soulsign-contact__intro,
.soulsign-contact__notice{
padding:40px;
border:1px solid #eadfd4;
border-radius:24px;
}
.soulsign-contact__intro h2{
margin:0 0 24px;
font-size:42px;
line-height:1.1;
font-weight:400;
color:#2E241D;
}
.soulsign-contact__notice h3{
margin:0 0 18px;
font-size:28px;
font-weight:400;
color:#2E241D;
}
.soulsign-contact__intro p,
.soulsign-contact__notice p,
.soulsign-contact__card p{
font-size:18px;
line-height:1.8;
color:#4D4339;
}
@media screen and (max-width:900px){
.soulsign-contact{
width:auto;
margin-left:0;
padding:64px 20px;
}
.soulsign-contact__grid{
grid-template-columns:1fr;
gap:32px;
}
.soulsign-contact__header{
margin-bottom:56px;
}
.soulsign-contact__header p{
font-size:20px;
}
.soulsign-contact__intro h2{
font-size:32px;
}
.soulsign-contact__card,
.soulsign-contact__intro,
.soulsign-contact__notice{
padding:28px 22px;
}
}
