.hanb{--hanb-ink:#141414;--hanb-red:#C8261E;--hanb-cream:#F3EFE6;--hanb-paper:#FBFAF6;--hanb-sand:#E8E2D4;font-family:Inter,system-ui,sans-serif;color:var(--hanb-ink);background:var(--hanb-cream);overflow-x:hidden}.hanb *,.hanb *:before,.hanb *:after{box-sizing:border-box}.hanb :where(p,h1,h2,h3){letter-spacing:normal;text-transform:none;margin:0}.hanb :where(a){color:inherit}.hanb-wrap{max-width:1240px;margin:0 auto;padding:96px 24px}.hanb-tape{display:inline-block;font-family:Space Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff;background:var(--hanb-red);padding:.35em .7em .3em;border-radius:3px;line-height:1.2;white-space:nowrap;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000059,0 2px 3px #00000040;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.55)}.hanb-tape--black{background:var(--hanb-ink)}.hanb-tape--h2{font-size:30px;font-weight:700;margin:0;align-self:flex-start}.hanb-biro{font-family:Caveat,cursive;font-weight:700;color:var(--hanb-ink);line-height:1}.hanb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font-family:Space Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:15px;text-decoration:none;border-radius:3px;border:2px solid transparent;cursor:pointer}.hanb-btn--red{background:var(--hanb-red);color:#fff}.hanb-btn--outline{border-color:var(--hanb-ink);color:var(--hanb-ink);background:transparent}.hanb-btn:hover{filter:brightness(.92)}.hanb-btn:focus-visible{outline:3px solid var(--hanb-ink);outline-offset:3px}.hanb-mono{font-family:Space Mono,monospace}.hanb-lead{font-size:18px;line-height:1.55;max-width:640px}.hanb-lead p+p{margin-top:12px}.hanb-hero{display:flex;flex-wrap:wrap;gap:64px;align-items:center;padding-top:80px}.hanb-hero__text{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:28px}.hanb-hero__h1{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin:0;font-size:inherit;font-weight:inherit}.hanb-hero__h1 .hanb-tape{font-size:clamp(28px,4.4vw,56px)}.hanb-hero__copy{font-size:20px;line-height:1.55;max-width:540px}.hanb-hero__copy p+p{margin-top:20px}.hanb-hero__ctas{display:flex;flex-wrap:wrap;gap:14px}.hanb-hero__cardwrap{flex:1 1 360px;display:flex;justify-content:center}.hanb-card{aspect-ratio:5/7;background:var(--hanb-paper);box-shadow:0 1px #e2ddd2,0 12px 24px #1414141f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:18px}.hanb-card .hanb-tape{font-size:15px;transform:rotate(-2deg)}.hanb-card__line{width:86%;height:54px;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid var(--hanb-ink);padding-bottom:2px}.hanb-card__line .hanb-biro{white-space:nowrap}.hanb-card--hero{width:360px;max-width:100%;gap:30px;padding:32px;transform:rotate(3deg);box-shadow:0 1px #e2ddd2,0 24px 48px #1414142e}.hanb-card--hero .hanb-tape{font-size:26px}.hanb-card--hero .hanb-card__line{width:82%;height:auto}.hanb-card--hero .hanb-biro{font-size:46px}.hanb-strip{background:var(--hanb-ink);color:#fff}.hanb-strip .hanb-wrap{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.hanb-strip__col{display:flex;flex-direction:column;gap:12px}.hanb-strip__label{font-family:Space Mono,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#bdbdbd}.hanb-strip__text{font-size:18px;line-height:1.55}.hanb-head{display:flex;flex-direction:column;gap:14px;margin-bottom:48px}.hanb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:36px 28px;padding:0;margin:0;list-style:none}.hanb-note{margin-top:28px;font-family:Space Mono,monospace;font-size:13px;color:#555}.hanb-steps{background:var(--hanb-sand);border-top:2px solid var(--hanb-ink);border-bottom:2px solid var(--hanb-ink)}.hanb-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin:48px 0 0;padding:0;list-style:none}.hanb-step{display:flex;flex-direction:column;gap:12px}.hanb-step .hanb-tape{font-size:20px;align-self:flex-start}.hanb-step__title{font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.hanb-step__text{font-size:16px;line-height:1.55}.hanb-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.hanb-pack{position:relative;background:var(--hanb-paper);border:2px solid var(--hanb-ink);padding:36px;display:flex;flex-direction:column;gap:18px}.hanb-pack__name{font-size:22px;align-self:flex-start}.hanb-pack__sticker{position:absolute;top:-16px;right:24px;font-size:13px;transform:rotate(4deg)}.hanb-pack__blurb{font-size:16px;line-height:1.55}.hanb-pack__specs{font-size:14px;line-height:1.5;color:#555}.hanb-pack__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hanb-pack__amount{font-family:Space Mono,monospace;font-size:28px;font-weight:700}.hanb-pack__post{font-family:Space Mono,monospace;font-size:13px;color:#555}.hanb-pack form{margin:0;align-self:flex-start}.hanb-notes{margin:36px 0 0;padding:20px 0 0;border-top:1px dashed var(--hanb-ink);display:flex;flex-wrap:wrap;gap:12px 32px;font-family:Space Mono,monospace;font-size:13px;line-height:1.5;color:#333;list-style:none}.hanb-faq{background:var(--hanb-ink);color:#fff}.hanb-faq .hanb-wrap{max-width:900px;display:flex;flex-direction:column;gap:36px}.hanb-faq__item{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #3A3A3A;padding-bottom:28px}.hanb-faq__q{font-family:Space Mono,monospace;font-size:18px;font-weight:700;line-height:1.4;color:#fff}.hanb-faq__a{font-size:17px;line-height:1.55;color:#e6e6e6}.hanb-signoff .hanb-wrap{padding-top:56px;padding-bottom:56px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hanb-signoff .hanb-tape{font-size:16px;transform:rotate(-2deg)}.hanb-signoff .hanb-biro{font-size:30px;border-bottom:2px solid var(--hanb-ink)}@media(max-width:640px){.hanb-wrap{padding-top:56px;padding-bottom:56px}.hanb-hero{padding-top:40px;gap:40px}.hanb-hero__h1 .hanb-tape{font-size:clamp(18px,6.2vw,24px)}.hanb-hero__indent{margin-left:12px!important}.hanb-hero__copy{font-size:18px}.hanb-card--hero{width:260px;gap:20px;padding:24px}.hanb-card--hero .hanb-tape{font-size:19px}.hanb-card--hero .hanb-biro{font-size:34px}.hanb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.hanb-grid .hanb-card{padding:10px;gap:10px}.hanb-grid .hanb-card .hanb-tape{font-size:10px}.hanb-grid .hanb-card__line{height:34px}.hanb-grid .hanb-card .hanb-biro{font-size:22px!important}.hanb-tape--h2{font-size:24px;white-space:normal;max-width:100%}.hanb-pack{padding:28px 22px}.hanb-signoff .hanb-biro{font-size:24px}}@media(prefers-reduced-motion:reduce){.hanb *{transition:none!important}}.hanb-card--hero .hanb-card__line{height:60px;align-items:flex-end;overflow:visible}.hanb-card--hero .hanb-biro{display:inline-block;padding:0 .18em}.hanb-biro.is-writing{animation:hanb-write .7s steps(14,end) both}@keyframes hanb-write{0%{clip-path:inset(-20% 100% -30% -20%)}to{clip-path:inset(-20% -20% -30% -20%)}}.hanb-hero__cardcol{display:flex;flex-direction:column;align-items:center;gap:22px}.hanb-pause{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:none;border:0;padding:12px 8px;min-height:44px;color:#555;cursor:pointer;text-decoration:underline}.hanb-pause:focus-visible{outline:2px solid var(--hanb-ink);outline-offset:2px}@media(max-width:640px){.hanb-card--hero .hanb-card__line{height:44px}}@media(prefers-reduced-motion:reduce){.hanb-biro.is-writing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hanb.css.map */