.contact-page { background:#fffaf2; }
.contact-hero { padding:clamp(56px,7vw,92px) 0; background:#f4f1e6; background-image:linear-gradient(90deg,rgba(255,250,242,.90),rgba(255,250,242,.68)),url('/assets/pepper-calm-lake.jpg'); background-size:cover; background-position:center 55%; }
.contact-hero h1 { margin:0 0 22px; color:#214b3a; font:400 clamp(64px,8vw,108px)/1.1 'kentwell',cursive; }
.contact-hero p { color:#43564b; font:300 clamp(17px,1.7vw,21px)/1.75 Geologica,system-ui,sans-serif; margin:0; }
.contact-section { padding:clamp(48px,6vw,88px) 0; background:#f7f1e8; }
.contact-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,6vw,80px); align-items:start; }
.contact-aside { padding:24px 0; color:#43564b; }
.contact-aside h2 { margin:0 0 24px; color:#214b3a; font:400 clamp(32px,3.6vw,46px)/1.15 'reiher-headline',Georgia,serif; }
.contact-aside h3 { margin:0 0 16px; color:#214b3a; font:400 27px/1.2 'reiher-headline',Georgia,serif; }
.contact-aside p,.contact-aside li { font:300 17px/1.75 Geologica,system-ui,sans-serif; }
.contact-aside p { margin:0 0 28px; }
.contact-aside ol { padding-left:24px; margin:0 0 40px; }
.contact-aside li { padding-left:8px; margin-bottom:16px; }
.contact-direct { border-top:1px solid #ced5c8; padding-top:28px; }
.contact-direct a { display:block; width:fit-content; color:#214b3a; font:400 15px/1.7 Geologica,system-ui,sans-serif; text-underline-offset:4px; margin:12px 0; }
.contact-direct a:hover { color:#84263f; }
.contact-direct a:focus-visible { outline:2px solid #cc8617; outline-offset:4px; }
@media(max-width:700px) { .contact-layout { grid-template-columns:1fr; } .contact-aside { padding:0; } }