*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F4F3EF}
.page{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1B1F1D;background:#F4F3EF;min-height:100vh;-webkit-font-smoothing:antialiased}
[hidden]{display:none !important}
img{max-width:100%}
button[disabled]{opacity:.7;cursor:wait}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #E2B9A1;outline-offset:2px}
#contact{scroll-margin-top:16px}
a{color:#3F6150}a:hover{color:#2A4237}
.ph{background-color:#DCDAD3;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.35) 0 2px,transparent 2px 14px)}
@media (max-width:860px){
.g2,.g3,.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.hero-grid{grid-template-columns:minmax(0,1fr) !important}
.gal{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:none !important}
.gal > *{grid-column:auto !important;grid-row:auto !important;min-height:180px}
.split{flex-direction:column !important}
.h1{font-size:40px !important}
.sec{padding:56px 20px !important}
}
@media (max-width:520px){
.g2,.g3,.g4,.g5{grid-template-columns:minmax(0,1fr) !important}
}