.kcontact,
.kcontact *{
box-sizing:border-box;
}
.kcontact{
--green:#4c6b58;
--green-dark:#1f4f38;
--ink:#1f1f1f;
--cream:#faf7f2;
--line:rgba(76,107,88,.16);
background:var(--cream);
color:var(--ink);
font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
.kcontact-kicker{
margin:0 0 18px;
font-size:11px;
line-height:1.4;
font-weight:700;
letter-spacing:.19em;
text-transform:uppercase;
color:var(--green);
}
.kcontact-hero{
max-width:780px;
margin:0 auto;
padding:84px 24px 46px;
text-align:center;
}
.kcontact-hero h1{
margin:0 auto;
font-family:"Playfair Display",Georgia,serif;
font-size:38px;
line-height:1.28;
font-weight:600;
letter-spacing:-.02em;
color:var(--ink);
}
.kcontact-hero-sub{
max-width:580px;
margin:20px auto 0;
font-size:16px;
line-height:1.75;
color:#686860;
}
.kcontact-main{
padding:0 24px 76px;
}
.kcontact-inner{
max-width:1080px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
gap:48px;
align-items:start;
}
.kcontact-details{
display:grid;
gap:14px;
}
.kcontact-card{
padding:26px 24px 24px;
border:1px solid var(--line);
border-radius:18px;
background:#fff;
}
.kcontact-card h2{
margin:0 0 16px;
padding-bottom:13px;
border-bottom:1px solid var(--line);
font-family:"Playfair Display",Georgia,serif;
font-size:19px;
line-height:1.3;
font-weight:600;
color:var(--green-dark);
}
.kcontact-card address{
font-style:normal;
font-size:15px;
line-height:1.85;
color:#4b4b46;
}
.kcontact-card address strong{
font-weight:700;
color:var(--ink);
}
.kcontact-note{
margin:14px 0 0;
padding-top:13px;
border-top:1px solid var(--line);
font-size:13px;
line-height:1.65;
color:#7d7d74;
}
.kcontact-list{
margin:0;
padding:0;
list-style:none;
}
.kcontact-list li{
display:flex;
flex-direction:column;
gap:2px;
margin-bottom:14px;
font-size:15px;
line-height:1.6;
color:#4b4b46;
}
.kcontact-list li:last-child{
margin-bottom:0;
}
.kcontact-label{
font-size:10.5px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--green);
}
.kcontact-list a{
color:var(--green-dark);
text-decoration:underline;
text-decoration-color:rgba(31,79,56,.35);
text-underline-offset:3px;
word-break:break-word;
}
.kcontact-list a:hover{
text-decoration-color:var(--green-dark);
}
.kcontact-form-wrap{
padding:34px 32px 32px;
border:1px solid var(--line);
border-radius:18px;
background:#fff;
}
.kcontact-form-wrap h2{
margin:0 0 10px;
font-family:"Playfair Display",Georgia,serif;
font-size:26px;
line-height:1.3;
font-weight:600;
color:var(--green-dark);
}
.kcontact-form-lead{
margin:0 0 26px;
font-size:14.5px;
line-height:1.7;
color:#6d6d65;
}
.kcontact-row{
margin-bottom:18px;
}
.kcontact-row label{
display:block;
margin-bottom:7px;
font-size:12.5px;
font-weight:700;
letter-spacing:.04em;
color:#4b4b46;
}
.kcontact-row label span{
font-weight:500;
color:#95958c;
}
.kcontact-row input,
.kcontact-row textarea{
width:100%;
padding:12px 14px;
border:1.5px solid #e2e0d8;
border-radius:10px;
background:#fcfaf6;
font-family:inherit;
font-size:15px;
line-height:1.5;
color:var(--ink);
transition:border-color .15s;
}
.kcontact-row input:focus,
.kcontact-row textarea:focus{
outline:none;
border-color:var(--green);
}
.kcontact-row textarea{
resize:vertical;
min-height:130px;
}
.kcontact-submit{
width:100%;
padding:14px 20px;
border:0;
border-radius:100px;
background:var(--green);
color:#fff;
font-family:inherit;
font-size:14.5px;
font-weight:700;
letter-spacing:.01em;
cursor:pointer;
transition:background .2s ease,transform .2s ease;
}
.kcontact-submit:hover{
background:var(--green-dark);
transform:translateY(-1px);
}
.kcontact-privacy{
margin:16px 0 0;
font-size:12.5px;
line-height:1.65;
color:#8b8b82;
text-align:center;
}
.kcontact-privacy a{
color:var(--green-dark);
}
.kcontact-help{
padding:64px 24px 72px;
background:#fff;
border-top:1px solid var(--line);
}
.kcontact-help-inner{
max-width:820px;
margin:0 auto;
text-align:center;
}
.kcontact-help h2{
margin:0 0 26px;
font-family:"Playfair Display",Georgia,serif;
font-size:27px;
line-height:1.3;
font-weight:600;
color:var(--green-dark);
}
.kcontact-help-row{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px 26px;
}
.kcontact-help-row a{
font-size:14px;
font-weight:600;
color:var(--green-dark);
text-decoration:none;
border-bottom:1px solid rgba(31,79,56,.28);
padding-bottom:2px;
}
.kcontact-help-row a:hover{
border-bottom-color:var(--green-dark);
}
.kcontact-disclaimer{
max-width:720px;
margin:34px auto 0;
padding-top:26px;
border-top:1px solid var(--line);
font-size:12.5px;
line-height:1.7;
color:#87877e;
}
@media(max-width:880px){
.kcontact-inner{
grid-template-columns:1fr;
gap:16px;
}
}
@media(max-width:600px){
.kcontact-hero{
padding:58px 20px 34px;
}
.kcontact-hero h1{
font-size:28px;
}
.kcontact-hero-sub{
font-size:15px;
}
.kcontact-main{
padding:0 18px 56px;
}
.kcontact-card,
.kcontact-form-wrap{
padding:24px 20px;
}
.kcontact-form-wrap h2{
font-size:23px;
}
.kcontact-help{
padding:52px 18px 58px;
}
.kcontact-help h2{
font-size:23px;
}
.kcontact-help-row{
gap:10px 20px;
}
.kcontact-help-row a{
font-size:13.5px;
}
}
