:root{--ink:#28261f;--cream:#f1e9dc;--paper:#eee5d7;--line:rgba(40,38,31,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:10;padding:.7rem 1rem;background:#fff;color:#111;transform:translateY(-160%);opacity:0}
.skip-link:focus{transform:none;opacity:1}
.hero{position:relative;overflow:hidden;background:#65523b}
.hero img{width:100%;height:clamp(28rem,44vw,38rem);min-height:0;object-fit:cover;object-position:center 12%}
.values{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:auto;padding:2.7rem 1.3rem 2.2rem;background:var(--paper)}
.value{text-align:center;padding:0 2rem 1.3rem;position:relative}
.value+.value{border-left:1px solid var(--line)}
.value img{width:100%;height:11.5rem;object-fit:contain;margin:0 auto .45rem;mix-blend-mode:multiply}
.value h2{margin:.4rem 0 .8rem;font-size:1.05rem;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;font-weight:500}
.rule{display:block;width:2.6rem;height:1px;background:#8f826f;margin:0 auto 1.2rem}
.value p{max-width:15rem;margin:auto;font-size:1rem;line-height:1.65}
.creed{background:#25231c;overflow:hidden}
.creed img{width:100%;height:auto;min-height:15.5rem;object-fit:cover;object-position:center}
footer{min-height:10rem;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;max-width:1024px;margin:auto;padding:1.15rem 2.5rem;color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:.07em}
.footer-mark{width:13.75rem;max-height:8.2rem;object-fit:contain;mix-blend-mode:multiply;margin:auto}
footer p{margin:0;padding:0 2.2rem;font-size:.92rem;line-height:1.45;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.footer-grass{font-size:2rem;letter-spacing:-.18em;transform:rotate(180deg);opacity:.65}
@media (max-width:800px){
 .hero img{height:28rem;min-height:0;width:100%;object-position:55% 15%}
 .values{grid-template-columns:1fr 1fr;padding:1.8rem 1rem}
 .value{padding:1.2rem 1.3rem 2rem}
 .value:nth-child(3){border-left:0}
 .value:nth-child(n+3){border-top:1px solid var(--line);padding-top:2rem}
 .creed img{min-height:18rem;object-fit:cover}
 footer{grid-template-columns:1fr;padding:1.4rem 1.5rem;gap:.8rem}
 footer p{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem}
 .footer-grass{display:none}
}
@media (max-width:520px){
 .hero img{min-height:0;height:auto;object-fit:contain}
 .values{grid-template-columns:1fr;padding:1.1rem 1.4rem}
 .value,.value:nth-child(3){border-left:0}
 .value+.value{border-left:0;border-top:1px solid var(--line);padding-top:2rem}
 .value img{height:10.5rem}
 .value p{font-size:1.03rem}
 .creed img{min-height:0;height:auto;object-fit:contain}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}