@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap";.brio{--b-red: #D42A1F;--b-red-deep: #A3170E;--b-yellow: #F6C343;--b-cream: #FBF1DC;--b-ink: #2A1712;--b-orange: #EE5A2B;--b-olive: #3F5A1E;--b-display: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--b-text: "DM Sans", system-ui, sans-serif;--b-pad-x: clamp(20px, 5vw, 72px);--b-pad-y: clamp(72px, 11vw, 150px);font-family:var(--b-text);color:var(--b-ink)}.brio *,.brio *:before,.brio *:after{box-sizing:border-box}.brio-wrap{max-width:1320px;margin:0 auto;padding:0 var(--b-pad-x)}.brio-section{padding:var(--b-pad-y) 0;position:relative;overflow:hidden}.brio-cream{background:var(--b-cream);color:var(--b-ink)}.brio-yellow{background:var(--b-yellow);color:var(--b-ink)}.brio-red{background:var(--b-red);color:var(--b-cream)}.brio-dark{background:var(--b-ink);color:var(--b-cream)}.brio-kicker{margin:0 0 18px;font:700 13px/1.2 var(--b-text);letter-spacing:.18em;text-transform:uppercase;color:var(--b-yellow)}.brio-kicker--red{color:var(--b-red)}.brio-h1{margin:0;font:700 clamp(64px,10.5vw,168px)/.86 var(--b-display);letter-spacing:-.02em;color:var(--b-yellow);text-shadow:0 .06em 0 var(--b-red-deep)}.brio-h2{margin:0 0 24px;font:700 clamp(40px,6vw,88px)/.95 var(--b-display);letter-spacing:-.015em;max-width:14ch}.brio-red .brio-h2,.brio-dark .brio-h2{color:var(--b-yellow)}.brio-h3{margin:0 0 10px;font:600 clamp(24px,2.4vw,32px)/1.05 var(--b-display)}.brio-lead{margin:28px 0 0;max-width:34ch;font:500 clamp(18px,1.6vw,22px)/1.45 var(--b-text);color:var(--b-cream)}.brio-text{margin:0;max-width:44ch;font:400 clamp(16px,1.3vw,19px)/1.55 var(--b-text)}.brio-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.brio-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border-radius:999px;border:3px solid var(--b-ink);font:600 18px/1 var(--b-display);text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s ease;box-shadow:0 5px 0 var(--b-ink)}.brio-btn:hover{transform:translateY(-2px) rotate(-1.5deg);box-shadow:0 7px 0 var(--b-ink)}.brio-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--b-ink)}.brio-btn:focus-visible{outline:3px solid var(--b-yellow);outline-offset:4px}.brio-btn--yellow{background:var(--b-yellow);color:var(--b-ink)}.brio-btn--red{background:var(--b-red);color:var(--b-cream)}.brio-btn--line{background:transparent;color:var(--b-cream);border-color:var(--b-cream);box-shadow:0 5px 0 var(--b-red-deep)}.brio-btn--line:hover{box-shadow:0 7px 0 var(--b-red-deep)}.brio-pill{display:inline-flex;align-items:center;gap:10px;margin:26px 0 0;padding:9px 18px;border-radius:999px;background:var(--b-cream);color:var(--b-red);font:700 14px/1 var(--b-text);letter-spacing:.06em;text-transform:uppercase}.brio-pill__dot{width:9px;height:9px;border-radius:50%;background:var(--b-red);animation:brio-blink 1.6s ease-in-out infinite}@keyframes brio-blink{50%{opacity:.25}}.brio-hero{background:var(--b-red);color:var(--b-cream);padding:calc(var(--nav-h, 80px) + clamp(40px,7vw,100px)) 0 clamp(64px,9vw,120px);overflow:hidden;position:relative}.brio-hero:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:radial-gradient(ellipse 60% 70% at 70% 100%,rgba(0,0,0,.18),transparent 70%);pointer-events:none}.brio-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:center;position:relative;z-index:1}.brio-hero__stage{position:relative;display:grid;place-items:center;min-height:clamp(400px,44vw,600px)}.brio-ring{position:absolute;width:min(100%,560px);aspect-ratio:1;animation:brio-spin 38s linear infinite}.brio-ring text{font:700 19px var(--b-display);letter-spacing:4.4px;fill:var(--b-cream)}@keyframes brio-spin{to{transform:rotate(360deg)}}.brio-hero__can{position:relative;width:clamp(150px,min(17vw,26vh),250px);height:auto;filter:drop-shadow(0 30px 30px rgba(60,5,0,.45));animation:brio-bob 4.5s ease-in-out infinite}@keyframes brio-bob{50%{transform:translateY(-12px) rotate(1.5deg)}}.brio-sticker{position:absolute;top:14%;right:6%;display:grid;place-items:center;width:clamp(74px,8vw,104px);aspect-ratio:1;border-radius:50%;background:var(--b-yellow);color:var(--b-red);border:4px solid var(--b-cream);font:700 clamp(20px,2vw,26px)/1 var(--b-display);transform:rotate(12deg);box-shadow:0 6px 0 var(--b-red-deep);animation:brio-wiggle 3.2s ease-in-out infinite}@keyframes brio-wiggle{0%,to{transform:rotate(12deg)}50%{transform:rotate(-6deg) scale(1.06)}}.brio-ticker{background:var(--b-ink);color:var(--b-yellow);padding:22px 0;border-block:4px solid var(--b-ink)}.brio-ticker .marquee{-webkit-mask-image:none;mask-image:none}.brio-ticker .marquee__item{padding:0 22px;font:700 clamp(28px,4vw,52px)/1 var(--b-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.brio-ticker .brio-ticker__dot{color:var(--b-red);padding:0}.brio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(32px,4vw,56px)}.brio-card{padding:30px 28px 34px;border:3px solid var(--b-ink);border-radius:28px;background:#fff;box-shadow:0 8px 0 var(--b-ink);transition:transform .22s cubic-bezier(.3,1.6,.5,1)}.brio-card:hover{transform:translateY(-4px) rotate(-1deg)}.brio-card p{margin:0;font:400 17px/1.55 var(--b-text)}.brio-card__no{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border-radius:50%;background:var(--b-ink);color:var(--b-yellow);font:700 17px/1 var(--b-display)}.brio-card--red{background:var(--b-red);color:var(--b-cream)}.brio-card--red .brio-card__no{background:var(--b-yellow);color:var(--b-ink)}.brio-card--yellow{background:var(--b-yellow)}.brio-cans{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,32px);align-items:end}.brio-can{display:grid;justify-items:center;gap:18px}.brio-can img{width:100%;max-width:240px;height:auto;filter:drop-shadow(0 20px 18px rgba(80,40,0,.3));transition:transform .26s cubic-bezier(.3,1.6,.5,1)}.brio-can:nth-child(odd) img{transform:rotate(-3deg)}.brio-can:nth-child(2n) img{transform:rotate(3deg)}.brio-can:hover img{transform:rotate(0) translateY(-10px) scale(1.04)}.brio-can__name{padding:8px 16px;border-radius:999px;background:var(--b-ink);color:var(--b-yellow);font:600 16px/1 var(--b-display);white-space:nowrap}.brio-wozu{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}.brio-uses{list-style:none;margin:0;padding:0;display:grid;gap:6px}.brio-uses li{font:700 clamp(48px,7.5vw,120px)/.95 var(--b-display);color:var(--b-cream);letter-spacing:-.02em}.brio-uses li:nth-child(2){color:var(--b-yellow);padding-left:.6em}.brio-uses li:nth-child(3){padding-left:1.2em}.brio-trade{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,100px);align-items:start}.brio .form{padding:clamp(24px,3vw,40px);border:3px solid var(--b-ink);border-radius:28px;background:#fff;box-shadow:0 8px 0 var(--b-ink);gap:22px 20px}.brio .field label{font:700 12px/1.3 var(--b-text);letter-spacing:.14em;color:var(--b-ink)}.brio .field input,.brio .field select,.brio .field textarea{border:2px solid var(--b-ink);border-radius:14px;padding:12px 14px;background:var(--b-cream);font:400 16px/1.4 var(--b-text);color:var(--b-ink)}.brio .field input:focus,.brio .field select:focus,.brio .field textarea:focus{border-color:var(--b-red);outline:none;box-shadow:0 0 0 3px #d42a1f2e}.brio .field textarea{min-height:96px}.brio .form__done .brio-h3{color:var(--b-red)}.brio-soon{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,100px);align-items:center}.brio-soon__can{width:clamp(150px,18vw,240px);height:auto;transform:rotate(-6deg);filter:drop-shadow(0 24px 22px rgba(0,0,0,.5))}.brio-notify{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;max-width:560px}.brio-notify input{flex:1 1 240px;min-height:56px;padding:0 22px;border:3px solid var(--b-cream);border-radius:999px;background:transparent;color:var(--b-cream);font:400 17px/1 var(--b-text)}.brio-notify input::placeholder{color:#fbf1dc99}.brio-notify input:focus{outline:none;border-color:var(--b-yellow)}.brio-notify .brio-btn{box-shadow:0 5px #000}.brio-notify.is-sent input{border-color:var(--b-yellow)}.brio-notify__done{flex-basis:100%;margin:6px 0 0;font:600 18px/1.4 var(--b-display);color:var(--b-yellow)}@media(max-width:900px){.brio-hero__grid,.brio-wozu,.brio-trade,.brio-soon{grid-template-columns:1fr}.brio-hero__stage{min-height:400px;order:-1}.brio-ring{width:min(92vw,420px)}.brio-cards{grid-template-columns:1fr}.brio-cans{grid-template-columns:repeat(2,1fr);row-gap:40px}.brio-soon__can{justify-self:center}.brio .form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.brio-ring,.brio-hero__can,.brio-sticker,.brio-pill__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/174/assets/brio.css.map */