*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:root{--red:#9b2a1f;--redd:#7a1f16;--trim:#fbf6ea;--hay:#e6b94c;--ink:#2b1a14}
body{background:var(--trim);color:var(--ink);font-family:'Chivo',Arial,sans-serif;line-height:1.65}
.wrap{width:min(1000px,92%);margin:0 auto}
.barn{background:repeating-linear-gradient(90deg,var(--red) 0 46px,var(--redd) 46px 49px);color:var(--trim);border-bottom:10px solid var(--trim);box-shadow:0 8px 0 var(--ink)}
.roof{height:26px;background:var(--ink)}
.bh{padding:46px 0 56px}
.logo,h1,h2{font-family:'Alfa Slab One',Georgia,serif;font-weight:400}
.logo{color:var(--hay);font-size:1.2rem;margin-bottom:18px}
h1{font-size:clamp(2.2rem,5.4vw,3.8rem);line-height:1.08;margin-bottom:14px;max-width:16ch}
.sub{max-width:46ch}
.btn{display:inline-block;margin-top:22px;background:var(--hay);color:var(--ink);font-weight:700;text-decoration:none;padding:10px 26px;border:3px solid var(--ink)}
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:44px 0}
.door{background:var(--red);color:var(--trim);border:8px solid var(--trim);outline:3px solid var(--ink);padding:56px 14px 18px;text-align:center;position:relative;min-height:210px;
 background-image:linear-gradient(to top right,transparent calc(50% - 2px),var(--trim) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(to top left,transparent calc(50% - 2px),var(--trim) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px))}
.door h2,.door p{position:relative;background:var(--red);display:inline-block;padding:2px 8px}
.door h2{font-size:1.2rem}
.door p{font-size:.88rem;margin-top:8px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding-bottom:50px}
.story h2{font-size:1.8rem;color:var(--red);margin-bottom:10px}
.story img{border:8px solid var(--trim);outline:3px solid var(--ink)}
.hay{background:var(--hay);border:3px solid var(--ink);padding:26px 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px 36px;margin-bottom:50px}
.hay span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
footer{background:var(--ink);color:var(--trim);text-align:center;padding:18px;font-size:.85rem}
@media(max-width:820px){.doors{grid-template-columns:1fr 1fr}.story,.hay{grid-template-columns:1fr}}
@media(max-width:480px){.doors{grid-template-columns:1fr}}