@keyframes ba-float-1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes ba-float-2{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-15px) rotate(-3deg)}}@keyframes ba-float-3{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-18px) rotate(50deg)}}@keyframes ba-float-4{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(-8deg)}}@keyframes ba-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ba-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes ba-card-hover{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}@keyframes ba-card-hover-2{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(5deg) translateY(-6px)}}.brutal-about{--ba-yellow: #FFD600;--ba-pink: #FF006E;--ba-lime: #06FFA5;--ba-coral: #FF6B4A;--ba-black: #1A1A1A;--ba-white: #FFFFFF;--ba-offwhite: #FAFAFA;--ba-font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--ba-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ba-border: 4px solid var(--ba-black);--ba-shadow: 6px 6px 0 var(--ba-black);--ba-max-width: 1200px;position:relative;background:var(--ba-offwhite);padding:clamp(60px,10vw,100px) 0;overflow:hidden}.brutal-about__shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.brutal-about__shape{position:absolute;border:4px solid var(--ba-black)}.brutal-about__shape--circle{width:120px;height:120px;background:var(--ba-yellow);border-radius:50%;top:10%;left:-30px;animation:ba-float-1 8s ease-in-out infinite}.brutal-about__shape--rect{width:80px;height:40px;background:var(--ba-pink);top:60%;right:5%;transform:rotate(-8deg);box-shadow:4px 4px 0 var(--ba-black);animation:ba-float-2 7s ease-in-out infinite .5s}.brutal-about__shape--diamond{width:50px;height:50px;background:var(--ba-lime);top:20%;right:15%;transform:rotate(45deg);animation:ba-float-3 6s ease-in-out infinite 1s}.brutal-about__shape--pill{width:70px;height:30px;background:var(--ba-coral);border-radius:15px;bottom:15%;left:10%;transform:rotate(-12deg);animation:ba-float-4 9s ease-in-out infinite .3s}.brutal-about__container{position:relative;z-index:1;max-width:var(--ba-max-width);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.brutal-about__grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media screen and (min-width: 750px){.brutal-about__grid{grid-template-columns:1fr 1.1fr;gap:60px}}.brutal-about__content{opacity:0;transform:translateY(30px)}.brutal-about__content.brutal-about--visible{animation:ba-slide-up .6s ease-out forwards}.brutal-about__eyebrow{display:inline-block;font-family:var(--ba-font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--ba-lime);color:var(--ba-black);padding:6px 12px;margin-bottom:16px;border:2px solid var(--ba-black);box-shadow:3px 3px 0 var(--ba-black)}.brutal-about__title{font-family:var(--ba-font-display);font-size:clamp(32px,6vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ba-black);margin:0 0 24px}.brutal-about__text{font-family:var(--ba-font-body);font-size:16px;line-height:1.7;color:var(--ba-black)}.brutal-about__text p{margin:0 0 16px}.brutal-about__text p:last-child{margin-bottom:0}.brutal-about__features{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.brutal-about__feature{display:flex;align-items:center;gap:12px;font-family:var(--ba-font-body);font-size:15px;font-weight:500;color:var(--ba-black);padding:12px 16px;background:var(--ba-white);border:2px solid var(--ba-black);box-shadow:4px 4px 0 var(--ba-black);transition:transform .15s ease,box-shadow .15s ease;opacity:0;transform:translate(-20px)}.brutal-about--visible .brutal-about__feature{animation:ba-slide-up .5s ease-out forwards;animation-delay:var(--delay, 0s)}.brutal-about__feature:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ba-black)}.brutal-about__feature-icon{font-size:20px;flex-shrink:0}.brutal-about__visual{display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(30px)}.brutal-about__visual.brutal-about--visible{animation:ba-slide-up .6s ease-out .2s forwards}.brutal-about__card-showcase{display:flex;flex-direction:column;align-items:center;gap:20px}@media screen and (min-width: 750px){.brutal-about__card-showcase{flex-direction:row;gap:24px}}.brutal-about__showcase-card{position:relative;width:140px;height:190px;background:var(--ba-white);border:var(--ba-border);box-shadow:var(--ba-shadow);display:flex;flex-direction:column;transition:transform .3s ease}.brutal-about__showcase-card--front{transform:rotate(-6deg);animation:ba-card-hover 5s ease-in-out infinite}.brutal-about__showcase-card--inside{transform:rotate(3deg);animation:ba-card-hover-2 6s ease-in-out infinite .5s}.brutal-about__showcase-card:hover{transform:rotate(0) scale(1.05)}@media screen and (min-width: 750px){.brutal-about__showcase-card{width:160px;height:220px}}.brutal-about__card-art{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.brutal-about__card-frog{width:100%;height:100%}.brutal-about__card-message{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--ba-white);position:relative}.brutal-about__message-text{font-family:"Caveat",cursive,var(--ba-font-body);font-size:14px;line-height:1.4;color:var(--ba-black);text-align:center}@media screen and (min-width: 750px){.brutal-about__message-text{font-size:16px}}.brutal-about__message-cursor{display:inline-block;width:2px;height:16px;background:var(--ba-pink);margin-left:2px;animation:ba-cursor-blink 1s step-end infinite}.brutal-about__card-label{display:block;font-family:var(--ba-font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:8px;background:var(--ba-black);color:var(--ba-white)}.brutal-about__showcase-card--front .brutal-about__card-label{background:var(--ba-lime);color:var(--ba-black)}.brutal-about__showcase-card--inside .brutal-about__card-label{background:var(--ba-pink);color:var(--ba-white)}.brutal-about__showcase-arrow{color:var(--ba-black);transform:rotate(90deg)}@media screen and (min-width: 750px){.brutal-about__showcase-arrow{transform:rotate(0)}}@media screen and (max-width: 749px){.brutal-about{padding:48px 0}.brutal-about__shape--circle{width:80px;height:80px;top:5%;left:-20px}.brutal-about__shape--rect{width:50px;height:25px;top:auto;bottom:10%;right:5%}.brutal-about__shape--diamond{width:35px;height:35px;top:8%;right:10%}.brutal-about__shape--pill{display:none}.brutal-about__visual{order:-1;margin-bottom:16px}.brutal-about__showcase-card{width:120px;height:160px}.brutal-about__message-text{font-size:12px}.brutal-about__card-label{font-size:9px;padding:6px}}@media (prefers-reduced-motion: reduce){.brutal-about__shape,.brutal-about__showcase-card,.brutal-about__feature,.brutal-about__content,.brutal-about__visual{animation:none!important;opacity:1!important;transform:none!important}.brutal-about__showcase-card--front{transform:rotate(-6deg)}.brutal-about__showcase-card--inside{transform:rotate(3deg)}.brutal-about__message-cursor{animation:none;opacity:0}.brutal-about__feature:hover,.brutal-about__showcase-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brutal-about.css.map */