/* The homepage hero, scoped so Breath keeps its own typography and layout. */
@font-face{font-family:"Yoink Promo Serif";src:url('/fonts/ember-hawk.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Yoink Promo Sans";src:url('/fonts/stone-bloom.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.yoink-promo{
  --promo-ink:#111;--promo-paper:#f1eee6;
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  width:calc(100% - 64px);max-width:1260px;margin:0 auto 64px;border:2px solid var(--promo-ink);
  color:var(--promo-ink);background:#ff653a;color-scheme:light;
  font-family:"Yoink Promo Sans",Arial,sans-serif;
}
.yoink-promo-copy{min-width:0;padding:clamp(28px,4vw,56px);border-right:2px solid var(--promo-ink)}
.yoink-promo h2{margin:0 0 26px;font:inherit}
.yoink-promo-kicker{display:block;margin:0 0 24px;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.yoink-promo-wordmark{display:block;width:100%;height:auto;filter:brightness(0) invert(96%);}
.yoink-promo-line{margin:0 0 16px;font:600 clamp(27px,3vw,40px)/1.08 "Yoink Promo Serif",Georgia,serif;letter-spacing:-.04em}
.yoink-promo-description{max-width:360px;margin:0 0 26px;font-size:15px;line-height:1.5}
.yoink-promo-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border:2px solid var(--promo-ink);background:var(--promo-ink);color:var(--promo-paper);font-size:12px;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:transform .14s,box-shadow .14s}
.yoink-promo-button:hover{box-shadow:5px 5px 0 var(--promo-paper);transform:translate(-3px,-3px)}
.yoink-promo-button:focus-visible{outline:3px solid var(--promo-paper);outline-offset:4px}
.yoink-promo-demo{min-width:0;display:grid;place-items:center;padding:clamp(26px,3.5vw,52px);background:linear-gradient(#111 1.5px,transparent 1.5px),linear-gradient(90deg,#111 1.5px,transparent 1.5px),#4059f1;background-size:40px 40px}
.yoink-promo-window{width:100%;border:2px solid var(--promo-ink);background:var(--promo-ink);box-shadow:10px 10px 0 #f4e84d;transform:rotate(1.5deg)}
.yoink-promo-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:8px 12px;border-bottom:2px solid var(--promo-ink);background:#86ded5;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.yoink-promo video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1114/720;object-fit:contain;background:var(--promo-ink)}
@media(max-width:760px){
  .yoink-promo{grid-template-columns:1fr;width:calc(100% - 40px);max-width:540px;margin-bottom:36px}
  .yoink-promo-copy{padding:28px;border-right:0;border-bottom:2px solid var(--promo-ink)}
  .yoink-promo-wordmark{max-width:330px}
  .yoink-promo-line{font-size:30px}
  .yoink-promo-demo{padding:28px 28px 34px}
}
@media(prefers-reduced-motion:reduce){.yoink-promo-button{transition:none}}