#hmb-bn{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px 22px;align-items:center;margin:0 0 18px;padding:20px 22px 20px 26px;border-radius:14px;overflow:hidden;color:#fff;
 background:radial-gradient(420px 220px at 92% 0%,rgba(255,196,110,.22),transparent 70%),linear-gradient(120deg,#3A2410 0%,#5B3712 46%,#7A4A16 100%);
 box-shadow:0 1px 2px rgba(30,20,10,.25),0 12px 26px -12px rgba(60,35,10,.55)}
#hmb-bn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(#FFD27A,#E8A23A 60%,#B8731F)}
#hmb-bn::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px);pointer-events:none}
#hmb-bn > *{position:relative;z-index:1}
#hmb-bn .hmb-art{width:84px;height:68px;flex:0 0 auto}
#hmb-bn .hmb-art svg{width:100%;height:100%;display:block;overflow:visible}
#hmb-bn .hmb-pg{transform-origin:42px 58px;animation:hmbFlip 4.8s ease-in-out infinite}
#hmb-bn .hmb-pg.p2{animation-delay:1.6s}
#hmb-bn .hmb-pg.p3{animation-delay:3.2s}
@keyframes hmbFlip{0%,8%{transform:scaleX(1)}30%,100%{transform:scaleX(-1)}}
#hmb-bn .hmb-t{display:block;text-decoration:none;color:inherit;min-width:0}
#hmb-bn .hmb-k{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}
#hmb-bn .hmb-k b{display:inline-block;padding:2px 10px;border-radius:99px;background:#FFD27A;color:#4A2C0C;font-size:12px;font-weight:800;letter-spacing:.06em}
#hmb-bn .hmb-k em{font-style:normal;display:inline-block;padding:2px 9px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:11.5px;font-weight:700;letter-spacing:.04em}
#hmb-bn .hmb-h{display:block;font-size:21px;font-weight:800;letter-spacing:.06em;line-height:1.35}
#hmb-bn .hmb-h small{font-size:13px;font-weight:700;color:#FFE1A8;margin-left:8px;letter-spacing:.04em}
#hmb-bn .hmb-d{display:block;margin-top:5px;font-size:13.5px;line-height:1.75;color:#F3E6D2}
#hmb-bn .hmb-st{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px}
#hmb-bn .hmb-st span{font-size:12px;color:#FFE1A8;letter-spacing:.03em}
#hmb-bn .hmb-st span b{font-size:17px;color:#fff;margin-right:2px;font-variant-numeric:tabular-nums}
#hmb-bn .hmb-b{display:flex;flex-direction:column;gap:10px;align-items:stretch}
#hmb-bn .hmb-go,#hmb-bn .hmb-sub{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:11px 18px;border-radius:10px;font-weight:800;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:transform .15s ease}
#hmb-bn .hmb-go{background:#FFC94A;color:#3A2410;box-shadow:0 4px 0 #B9801E}
#hmb-bn .hmb-sub{background:#fff;color:#5B3712;box-shadow:0 4px 0 rgba(0,0,0,.18)}
#hmb-bn .hmb-go:hover,#hmb-bn .hmb-sub:hover{transform:translateY(-2px)}
#hmb-bn a:focus-visible{outline:3px solid #FFE1A8;outline-offset:2px}
@media (max-width:860px){#hmb-bn{grid-template-columns:auto minmax(0,1fr)}#hmb-bn .hmb-b{grid-column:1/-1;flex-direction:row}#hmb-bn .hmb-go,#hmb-bn .hmb-sub{flex:1 1 0}}
@media (max-width:520px){#hmb-bn{padding:16px 14px 16px 20px;gap:12px}#hmb-bn .hmb-art{width:60px;height:50px}#hmb-bn .hmb-h{font-size:18px}#hmb-bn .hmb-h small{display:block;margin:2px 0 0}#hmb-bn .hmb-d{font-size:12.5px}#hmb-bn .hmb-b{flex-direction:column}}
@media (prefers-reduced-motion:reduce){#hmb-bn .hmb-pg{animation:none}}