.ob-section{--ob-ink:#171a16;--ob-cream:#f6f1e6;--ob-brown:#8d5535;--ob-orange:#c85120;--ob-green:#25372d;color:var(--ob-ink)}
.ob-shell{width:min(100% - 32px,1440px);margin-inline:auto}
.ob-kicker{margin:0 0 8px;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.ob-heading{margin:0;font-family:var(--font-heading--family);font-weight:800;letter-spacing:-.025em;line-height:.92;text-transform:uppercase}
.ob-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid currentColor;background:var(--ob-cream);color:var(--ob-ink);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background .18s ease,color .18s ease}
.ob-btn:hover{transform:translateY(-2px)}
.ob-btn--accent{border-color:var(--ob-orange);background:var(--ob-orange);color:#fff}
.ob-link{color:inherit;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-underline-offset:5px;text-transform:uppercase}
.ob-section img{display:block;width:100%;height:100%;object-fit:cover}
.ob-placeholder{height:100%;min-height:240px;background:#ded8cb}
.ob-placeholder svg{width:100%;height:100%;opacity:.35}
@media(min-width:750px){.ob-shell{width:min(100% - 64px,1440px)}}