
:root{--green:#174b3a;--green2:#23664e;--gold:#d8a84e;--ink:#24332d;--muted:#66736d;--cream:#f6f5ef;--white:#fff;--line:#e4e8e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit}.topbar{background:#10382c;color:#e8f1eb;font-size:.85rem;padding:8px max(5vw,20px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 3px 18px #102e2210}.navwrap{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:240px}.logo{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;font-size:1.1rem;border:3px solid #e6d5a7}.brand strong{display:block;color:var(--green);font-size:1rem;line-height:1.2}.brand small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:.9rem;font-weight:650;color:#394b42}.nav a:hover,.nav a.active{color:#b07a1c}.menu{display:none;border:0;background:var(--green);color:#fff;padding:10px 12px;border-radius:8px}.hero{background:linear-gradient(105deg,#10382ceF 0%,#174b3ad9 50%,#174b3a70 100%),url('assets/image20.jpeg') center/cover;min-height:490px;color:white;display:flex;align-items:center}.hero-inner,.wrap{width:min(1120px,90%);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--gold);font-size:.78rem}.hero h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.08;max-width:760px;margin:14px 0 20px}.hero p{font-size:1.12rem;max-width:650px;color:#eef4f0}.btn{display:inline-block;background:var(--gold);color:#172f25;text-decoration:none;padding:12px 20px;border-radius:5px;font-weight:800;margin:10px 10px 0 0}.btn.secondary{border:1px solid #fff;background:transparent;color:#fff}.pagehero{background:linear-gradient(110deg,#10382c,#28664f);color:#fff;padding:64px 0}.pagehero h1{font-size:clamp(2rem,4vw,3.2rem);margin:6px 0}.pagehero p{max-width:760px;color:#e4eee7}.section{padding:72px 0}.section.soft{background:var(--cream)}.sectionhead{max-width:720px;margin-bottom:32px}.sectionhead h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;color:var(--green);margin:8px 0 14px}.sectionhead p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fff;box-shadow:0 8px 24px #173e2b08}.card h3{color:var(--green);margin:8px 0}.iconbox{height:46px;width:46px;background:#e8f0e9;border-radius:10px;display:grid;place-items:center;color:var(--green);font-size:1.35rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-35px;position:relative}.stat{background:#fff;padding:23px;border-radius:10px;box-shadow:0 10px 30px #102e2214;text-align:center}.stat strong{font-size:1.8rem;color:var(--green);display:block}.stat span{color:var(--muted);font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.photo{width:100%;height:360px;object-fit:cover;border-radius:14px}.list{padding-left:20px}.list li{margin:8px 0}.tag{display:inline-block;padding:5px 10px;border-radius:30px;background:#eaf2ec;color:var(--green);font-size:.8rem;font-weight:750}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:10px;background:#eee;transition:transform .2s}.gallery img:hover{transform:scale(1.02)}.person{padding:22px;border:1px solid var(--line);border-radius:10px;background:white}.person h3{margin:0;color:var(--green)}.person p{margin:4px 0;color:var(--muted);font-size:.92rem}.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contactitem{padding:14px 0;border-bottom:1px solid var(--line)}.contactitem strong{display:block;color:var(--green)}.formbox{padding:28px;border:1px solid var(--line);border-radius:12px}.formbox input,.formbox textarea{width:100%;padding:13px;border:1px solid #d7ded8;border-radius:6px;margin:6px 0 14px;font:inherit}.formbox button{border:0;cursor:pointer}.footer{background:#10382c;color:#e4eee7;padding:48px 0 20px}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer a{color:#e4eee7;text-decoration:none}.footer h3{color:#f0c56e}.copyright{border-top:1px solid #ffffff2a;margin-top:30px;padding-top:18px;color:#b8cbc0;font-size:.85rem}.notice{font-size:.88rem;color:var(--muted)}
@media(max-width:900px){.nav{gap:10px}.nav a{font-size:.82rem}.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.navwrap{flex-wrap:wrap}.menu{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:12px 0}.nav.open{display:flex}.hero{min-height:520px}.grid,.grid.two,.split,.contactgrid,.footergrid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.photo{height:280px}.section{padding:52px 0}.brand{min-width:0}.brand small{max-width:220px}}


/* AREARD identity logo */
.site-logo{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;vertical-align:middle;flex-shrink:0}.logo-link{display:inline-flex;align-items:center;margin:8px 12px}.brand{display:inline-flex;align-items:center;gap:10px}
@media(max-width:900px){.site-logo{width:82px;height:82px}}
@media(max-width:600px){.site-logo{width:68px;height:68px}}
