header .links{gap:clamp(12px,1.8vw,26px);white-space:nowrap}
header .member-link{padding:7px 12px;border:1px solid #b9c3b8;border-radius:6px;font-size:15px}
.craft-header{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:40px;margin-bottom:28px}
.craft-header h2{margin:8px 0 0}.craft-header p{margin:0 0 10px;color:#6a6257;max-width:640px}
.craft-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.craft-videos article{min-width:0}.roasting .craft-videos video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#173b30;border-radius:6px}
.craft-videos h3{font-size:21px;line-height:1.4;margin:14px 0 6px}.craft-videos p{font-size:15px;line-height:1.7;color:#6a6257;margin:0}
.craft-videos .eyebrow{display:block;font-size:12px;letter-spacing:1px;margin-top:14px}
@media(max-width:1100px){header .links{display:none}.mobile-menu{display:block;order:3}.mobile-menu > summary{cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center}.mobile-menu div{position:absolute;left:0;right:0;z-index:20;background:#faf8f3;padding:20px;box-shadow:0 5px 15px #0001}.mobile-menu a{display:block;padding:10px 14px}.mobile-menu .member-link{margin-top:8px}.cart{margin-left:auto}.craft-videos{gap:16px}}
@media(max-width:700px){.craft-header{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.craft-header h2{font-size:30px}.craft-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.craft-videos h3{font-size:19px}.craft-videos p{font-size:14px}.roasting{padding:40px 0}}
@media(max-width:380px){nav .brand-name{font-size:12px;letter-spacing:0}nav .brand-lockup{gap:5px}.cart{font-size:12px;padding:7px 8px}}