.fanclub-hero{padding:48px 0 40px;color:#fff}.fanclub-hero__inner{display:flex;flex-direction:column;gap:20px}.fanclub-hero__top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.fanclub-hero__brand{display:flex;align-items:center;gap:16px}.fanclub-hero__logo{width:64px;height:64px;object-fit:contain;flex:0 0 auto}.fanclub-hero__kicker{display:block;font-size:12px;letter-spacing:.2em;color:var(--fanclub-accent);margin-bottom:4px}.fanclub-hero__heading{margin:0;font-size:clamp(28px,5vw,48px);font-weight:800;letter-spacing:.02em;line-height:1.1;background:linear-gradient(180deg,#fff,#c3c6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.fanclub-hero__badge{background:linear-gradient(135deg,#8a6a1e,var(--fanclub-accent),#f3e3b0);color:#241a05;padding:14px 22px;border-radius:6px;transform:rotate(-3deg);text-align:center;box-shadow:0 6px 16px #00000059}.fanclub-hero__badge-text{display:block;font-size:20px;font-weight:800}.fanclub-hero__badge-subtext{display:block;font-size:12px;margin-top:4px}.fanclub-hero__subheading{margin:0;font-size:16px;line-height:1.8;color:#e7e7ef}.fanclub-hero__intro{margin:4px 0 0;font-size:13px;line-height:1.9;color:#b9bccc;max-width:640px}.fanclub-hero__benefits{margin-top:32px}.fanclub-section-title{display:block;width:100%;box-sizing:border-box;position:relative;margin:0 0 24px;padding:14px 24px 14px 32px;background:var(--fanclub-accent);color:#241a05;font-size:18px;font-weight:800;letter-spacing:.04em}.fanclub-section-title:before{content:"";position:absolute;top:0;left:0;bottom:0;width:8px;background:#0000004d}.fanclub-hero__benefits-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fanclub-benefit{display:flex;gap:12px;align-items:flex-start}.fanclub-benefit__icon{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--fanclub-accent);color:var(--fanclub-accent);display:flex;align-items:center;justify-content:center}.fanclub-benefit__icon svg{width:18px;height:18px}.fanclub-benefit__title{margin:0;font-weight:700;font-size:14px;color:#fff}.fanclub-benefit__desc{margin:4px 0 0;font-size:12px;color:#b9bccc;line-height:1.5}@media screen and (max-width:989px){.fanclub-hero__benefits-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.fanclub-hero__top{flex-direction:column}.fanclub-hero__benefits-list{grid-template-columns:1fr}.fanclub-hero__badge{transform:none;align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/fanclub-hero.css.map */