@font-face{font-family:'Instrument Sans';src:url('./assets/instrument-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('./assets/instrument-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('./assets/instrument-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Libre Baskerville';src:url('./assets/libre-baskerville-700.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fbf9f5;color:#241f19;font-family:'Instrument Sans',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #9c6f30;outline-offset:5px}
.site-nav{height:78px;background:#47493f;padding:14px 44px;display:flex;align-items:center;justify-content:space-between;color:white}.site-nav img{width:104px;height:52px}.site-nav a{font-size:13px;text-decoration:none}.site-nav .wordmark{display:flex}.site-nav .back-link{border-bottom:1px solid #b2b0a3;padding:5px 0;letter-spacing:.2px}
.site-footer{max-width:1160px;margin:0 auto;padding:0 0 32px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#6d665d}
.demo{max-width:1240px;margin:56px auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,5vw,72px)}
.demo-media{margin:0;min-width:0;width:100%;aspect-ratio:5 / 4;display:grid;place-items:center;background:#f5f2ed;border-radius:6px;overflow:hidden}
.demo-media img{display:block;width:100%;height:100%;max-width:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.demo-content{min-width:0;padding:12px 0}.demo h1{font-family:'Libre Baskerville',Georgia,serif;color:#2c2621;font-size:clamp(32px,3.2vw,44px);line-height:1.3;letter-spacing:0;margin:14px 0 22px;overflow-wrap:break-word}.demo p{font-size:16px;line-height:1.8;color:#625b53;margin-bottom:28px;max-width:420px}.demo .eyebrow{font-size:12px;font-weight:500;letter-spacing:2px;color:#47493f}.demo-link{font-size:14px;display:inline-block;margin-top:22px;text-underline-offset:5px}
@media(max-width:760px){.site-nav{height:78px;padding:10px 20px}.site-nav img{height:50px;width:88px}.site-footer{padding:0 18px 22px;gap:20px;flex-wrap:wrap}.demo{margin:28px auto 44px;grid-template-columns:minmax(0,1fr);gap:28px;padding:0 22px}.demo-media{width:min(100%,520px);justify-self:center}.demo-content{padding:0}.demo h1{font-size:32px}.demo p{max-width:none}}