/* Ultra-lite v2 responsive styles */
:root{--ink:#2B2B2B;--cream:#f7efc1;--ring:#d8cdaa;--saddle:#8B5A3C;--forest:#2F4F2F}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
.wrap{max-width:1040px;margin:0 auto;padding:0 1rem}
.hero{position:relative;min-height:56vh;display:grid;place-items:center;background:var(--cream);border-bottom:1px solid var(--ring)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(247,239,193,.75), rgba(247,239,193,.4) 40%, rgba(247,239,193,.85))}
.hero-inner{position:relative;text-align:center;padding:4rem 1rem}
.brand{width:148px;height:auto;display:block;margin:0 auto .65rem;border-radius:0;image-rendering:auto}
.name{margin:.2rem 0 0;font-size:clamp(2rem,4vw,3rem)}
.tagline{margin:.25rem 0 1rem;font-size:1rem;color:#3b3b3b;font-style:italic}
.cta{display:inline-block;padding:.7rem 1.1rem;border-radius:999px;background:var(--saddle);color:#fff;text-decoration:none;font-weight:700}
.section{padding:2.6rem 0}.section h2{margin:0 0 .75rem;font-size:clamp(1.3rem,2.2vw,1.8rem)}
.about-grid{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr}
.about-grid figure{margin:0;background:#fff;border:1px solid var(--ring);border-radius:14px;overflow:hidden}
.about-grid img{display:block;width:100%;height:220px;object-fit:cover}
.pillars{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pillars li{background:#fff;border:1px solid var(--ring);border-radius:16px;padding:.9rem}
.notice{background:#fff;border:1px solid var(--ring);border-left:6px solid var(--forest);border-radius:12px;padding:1rem}
.herd-tree{list-style:none;padding:0;margin:.25rem 0 0}.herd-tree li{padding:.2rem 0}
.gallery .grid{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gallery figure{margin:0;background:#fff;border:1px solid var(--ring);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.gallery img{width:100%;height:200px;object-fit:cover}
.gallery figcaption{padding:.55rem .7rem;color:#333}
.gallery-link .gallery-card{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid var(--ring)}
.gallery-link img{display:block;width:100%;height:300px;object-fit:cover}
.gallery-link .card-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(transparent, rgba(0,0,0,.25));}
.gallery-link .card-overlay span{padding:.6rem 1rem;border-radius:999px;background:#fff;color:#000;font-weight:700;border:1px solid var(--ring)}
.sub-hero{background:#fff;border-bottom:1px solid var(--ring)} .sub-hero .wrap{display:flex;justify-content:space-between;align-items:center;padding:1rem}
.sub-hero h1{margin:.4rem 0;font-size:clamp(1.6rem,3vw,2rem)} .back{text-decoration:none;color:var(--saddle);font-weight:700}
.site-footer{padding:1.1rem 0;border-top:1px solid var(--ring);background:#fff;color:#444;text-align:center}
@media(max-width:860px){.about-grid{grid-template-columns:1fr}.hero-inner{padding:3rem 1rem}.brand{width:128px}}
