html.fb-page body{margin:0;background:var(--field);color:#000;font-family:var(--f-ui);}
html.fb-page [data-uichemy-root]{font-family:var(--f-ui);--uc-body-case:none;--uc-heading-case:uppercase;--uc-heading-case-first:none;--uc-body-case-first:none;--uc-body-weight:400;--uc-body-tracking:normal;--uc-body-leading:inherit;}
html.fb-page body :is(h1,h2,h3,p,li,figcaption){text-transform:none!important;line-height:inherit!important;letter-spacing:inherit!important;font-weight:inherit!important;overflow-wrap:normal!important;}
html.fb-page body :is(h1,h2,h3,p,li,figcaption)::first-letter{text-transform:none!important;}
html.fb-page .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0;}
html.fb-page .elementor,html.fb-page .e-con,html.fb-page .e-con-inner{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;--widgets-spacing:0px;--gap:0px;gap:0;padding:0;max-width:none;}
html.fb-page .elementor-widget{margin:0!important;width:100%;}
html.fb-page .elementor-widget-container{padding:0;margin:0;}
html.fb-page [data-uichemy-root]{overflow:visible;}
html.fb-page .fb-section{width:100%;}
html.fb-page .elementor img{height:revert-layer;}
html.fb-page .fb-gl-hit{opacity:0;position:absolute;inset:0;width:100%;height:100%;z-index:2;}
html.fb-page .fb-gl-view{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;}
html.fb-page .hero__copy :is(p,a){pointer-events:auto;}
@font-face{ font-family: 'Bricolage Grotesque'; src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fizzbloom__fonts-bricolage-grotesque-latin.woff2) format('woff2'); font-weight: 200 800; font-stretch: 75% 100%; font-display: swap; }
@font-face{ font-family: 'Onest'; src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fizzbloom__fonts-onest-latin.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face{ font-family: 'Fragment Mono'; src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/fizzbloom__fonts-fragment-mono-latin.woff2) format('woff2'); font-weight: 400; font-display: swap; }
html.fb-page{
  --sky: var(--fb-sky);
  --gum: var(--fb-gum);
  --grape: var(--fb-grape);
  --sun: var(--fb-sun);
  --white: var(--fb-white);
  --black: var(--fb-black);

  --field: #00B8FF;          
  --ink: #000000;            
  --pat-band: rgba(0, 184, 255, .5);  

  --h-ink: var(--ink);
  --h-pill: var(--ink);
  --h-pill-ink: var(--field);

  --f-title: 'Bricolage Grotesque', 'Arial Narrow', sans-serif;
  --f-ui: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'Fragment Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --g: clamp(16px, 2.78vw, 56px);     
  --head-d: 17.0139vw;                
  --head-top: 32px;
}
html.fb-page *,html.fb-page *::before,html.fb-page *::after{ box-sizing: border-box; }
html.fb-page{ overflow-x: clip; -webkit-text-size-adjust: 100%; }
html.fb-page,html.fb-page body{ margin: 0; }
html.fb-page body{
  background: var(--field);
  color: var(--black);
  font-family: var(--f-ui) !important;
  font-size: 16px;
  line-height: 1.45 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
html.fb-page img{ display: block; max-width: 100%; }
html.fb-page a{ color: inherit; text-decoration: none; }
html.fb-page button,html.fb-page input{ font: inherit; color: inherit; }
html.fb-page button{ cursor: pointer; background: none; border: 0; padding: 0; }
html.fb-page ul{ list-style: none; margin: 0; padding: 0; }
html.fb-page h1,html.fb-page h2,html.fb-page h3,html.fb-page p,html.fb-page figure{ margin: 0; }
html.fb-page :focus-visible{ outline: 2px solid var(--black); outline-offset: 3px; }
html.fb-page .mono{
  font-family: var(--f-mono) !important;
  font-size: 11.5px;
  line-height: 1.3 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  font-weight: 400 !important;
}
html.fb-page .title,html.fb-page .hero__mark,html.fb-page .coupon__title,html.fb-page .panel__name,html.fb-page .foot__mark,html.fb-page .head__logo{
  font-family: var(--f-title) !important;
  font-weight: 800 !important;
  font-stretch: 75%;
  font-variation-settings: 'wdth' 75, 'opsz' 96;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
  line-height: .84 !important;
}
html.fb-page .title{ font-size: clamp(44px, 6.4vw, 120px); }
html.fb-page .eyebrow{ text-align: center; }
html.fb-page .roll{ display: inline-block; position: relative; overflow: hidden; vertical-align: top; line-height: 1.15 !important; }
html.fb-page .roll .rl{ display: inline-block; white-space: pre; will-change: transform; }
html.fb-page .roll .rl-b{ position: absolute; left: 0; top: 0; white-space: nowrap; }
html.fb-page .btn{
  display: inline-flex; align-items: center; justify-content: center;
  height: 52px; padding: 0 26px; border-radius: 999px;
  font-weight: 500 !important; font-size: 16px; white-space: nowrap;
  transition: background-color .3s, color .3s, border-color .3s;
}
html.fb-page .btn--ink{ background: var(--ink); color: var(--field); }
html.fb-page .btn--line{ border: 1.5px solid var(--ink); color: var(--ink); }
html.fb-page .btn--grape{ background: var(--grape); color: var(--white); }
html.fb-page .intro{ display: none; }
html.fb-page.js .intro{
  position: fixed; inset: 0; z-index: 100;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;
  background: var(--field); color: var(--ink);
  clip-path: inset(0 0 0 0);
}
html.fb-page.no-intro .intro{ display: none; }
html.fb-page .intro__lid{ width: 168px; height: 168px; overflow: visible; }
html.fb-page .intro__rim{ fill: none; stroke: var(--ink); stroke-width: 5; }
html.fb-page .intro__plate{ fill: none; stroke: var(--ink); stroke-width: 2.5; }
html.fb-page .intro__mouth{ fill: var(--ink); opacity: 0; }
html.fb-page .intro__tab path{ fill: var(--white); stroke: var(--ink); stroke-width: 3; stroke-linejoin: round; }
html.fb-page .intro__rivet{ fill: var(--ink); }
html.fb-page .intro__pop path{ stroke: var(--ink); stroke-width: 4; stroke-linecap: round; fill: none; opacity: 0; }
html.fb-page .fizz{ position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
html.fb-page.is-reduced .fizz{ display: none; }
html.fb-page .head{
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  pointer-events: none;
  will-change: transform;
}
html.fb-page .head__row{
  position: relative;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 var(--g);
  margin-top: calc(var(--head-top) + var(--head-d));
  height: 56px;
}
html.fb-page .head[data-theme="white"]{ --h-ink: var(--black); --h-pill: var(--black); --h-pill-ink: var(--white); }
html.fb-page .head[data-theme="black"],html.fb-page .head[data-theme="grape"]{ --h-ink: var(--white); --h-pill: var(--white); --h-pill-ink: var(--black); }
html.fb-page .head[data-theme="field"]{ --h-bg: var(--field); }
html.fb-page .head[data-theme="white"]{ --h-bg: var(--white); }
html.fb-page .head[data-theme="black"]{ --h-bg: var(--black); }
html.fb-page .head[data-theme="grape"]{ --h-bg: var(--grape); }
html.fb-page .head__logo{
  pointer-events: auto; color: var(--h-ink); font-size: 30px; line-height: 1 !important; letter-spacing: -.01em !important;
  transition: color .3s;
}
html.fb-page .head__logo-clip{ display: block; clip-path: inset(0 0 100% 0); padding: 2px 0 1px; }
html.fb-page .head__nav{ pointer-events: auto; }
html.fb-page .head__group{
  display: flex; align-items: center; gap: 30px;
  transform-origin: 100% 50%;
  will-change: transform;
}
html.fb-page .head__link{ color: var(--h-ink); font-size: 18px; font-weight: 500 !important; transition: color .3s; }
html.fb-page .pill{
  display: inline-flex; align-items: center; gap: 12px;
  height: 58px; padding: 0 12px 0 28px; border-radius: 999px;
  background: var(--h-pill); color: var(--h-pill-ink);
  font-size: 18px; font-weight: 500 !important;
  transition: background-color .3s, color .3s;
}
html.fb-page .pill__short{ display: none; }
html.fb-page .hint--touch{ display: none; }
html.fb-page .pill__count{
  display: inline-grid; place-items: center; min-width: 36px; height: 36px; padding: 0 8px; border-radius: 999px;
  background: var(--h-pill-ink); color: var(--h-pill);
  font-family: var(--f-mono) !important; font-size: 13px; letter-spacing: 0 !important;
  transition: background-color .3s, color .3s;
}
html.fb-page .pill__count.bump{ animation: bump .5s cubic-bezier(.17,.17,0,1); }
@keyframes bump{ 0% { transform: scale(1.5); } 100% { transform: scale(1); } }
html.fb-page .dots{
  position: fixed; z-index: 51; left: 50%; top: calc(var(--head-top) + 28px);
  transform: translate(-50%, -50%);
  display: flex; gap: 6px; padding: 6px; border-radius: 999px;
  --d-ring: var(--ink);
}
html.fb-page .dots[data-theme="white"]{ --d-ring: var(--black); }
html.fb-page .dots[data-theme="black"],html.fb-page .dots[data-theme="grape"]{ --d-ring: var(--white); }
html.fb-page .dot{ width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; }
html.fb-page .dot i{
  display: block; width: 16px; height: 16px; border-radius: 50%;
  box-shadow: 0 0 0 1.5px var(--d-ring);
  transition: transform .45s cubic-bezier(.17,.17,0,1), box-shadow .3s;
}
html.fb-page .dot[data-fl="sun"] i{ background: var(--sun); }
html.fb-page .dot[data-fl="gum"] i{ background: var(--gum); }
html.fb-page .dot[data-fl="sky"] i{ background: var(--sky); }
html.fb-page .dot[data-fl="grape"] i{ background: var(--grape); }
html.fb-page .dot:hover i{ transform: scale(1.18); }
html.fb-page .dot[aria-pressed="true"] i{ transform: scale(1.12); box-shadow: 0 0 0 1.5px var(--d-ring), 0 0 0 4px transparent, 0 0 0 5.5px var(--d-ring); }
html.fb-page main{ position: relative; z-index: 1; }
html.fb-page section{ position: relative; }
html.fb-page .hero{
  height: 100vh; min-height: 640px;
  overflow: clip;
  color: var(--ink);
  z-index: 1;
}
html.fb-page .hero__meta{
  position: absolute; top: calc(var(--head-top) - 2px); left: var(--g); right: var(--g);
  transform: translateY(-50%);
  display: flex; justify-content: space-between; gap: 20px;
}
html.fb-page .hero__mark{
  position: absolute; left: var(--g); right: var(--g); top: max(48px, 2vw);   
  display: flex; justify-content: center; white-space: nowrap;
  font-size: 23vw; line-height: .78 !important;
  z-index: 1;
}
html.fb-page .hero__mark span{ display: block; }
html.fb-page .hero__can{
  position: absolute; z-index: 2; left: 50%;
  top: 14.2vw;
  height: min(76vh, 52vw); aspect-ratio: .74;
  transform: translateX(-50%);
  pointer-events: none;
}
html.fb-page .hero__can canvas{ width: 100%; height: 100%; display: block; }
html.fb-page .burst{ position: absolute; inset: 0; z-index: 3; pointer-events: none; }
html.fb-page .stk{ position: absolute; left: 0; top: 0; width: 0; height: 0; will-change: transform; }
html.fb-page .stk__m,html.fb-page .stk__p{ position: absolute; left: 0; top: 0; will-change: transform; }
html.fb-page .stk__img{
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;
  filter: url(#dieCut) drop-shadow(0 6px 14px rgba(0, 0, 0, .12));
}
html.fb-page .hero__copy{
  position: absolute; z-index: 4; right: var(--g); bottom: 8.5vh;
  width: min(25vw, 380px);
}
html.fb-page .hero__tag{ font-size: clamp(20px, 1.8vw, 30px); font-weight: 500 !important; line-height: 1.14 !important; letter-spacing: -.015em !important; }
html.fb-page .hero__ctas{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
html.fb-page .peel{
  position: absolute; z-index: 4; left: 2.2vw; bottom: -4.2vw;
  width: 20.35vw; min-width: 150px;
  transform-origin: 0 100%;
  will-change: transform;
}
html.fb-page .peel__svg{ display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .16)); }
html.fb-page .peel__tag{ position: absolute; left: 14%; bottom: calc(100% + 12px); display: flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--ink); }
html.fb-page .peel__tag b{
  display: inline-grid; place-items: center; height: 34px; padding: 0 16px; border-radius: 999px;
  background: var(--gum); color: var(--black);
  font: 500 15px/1 var(--f-ui) !important;
}
html.fb-page .inside{
  background: var(--white); color: var(--black);
  padding: 18vh var(--g) 16vh;
  z-index: 2;
}
html.fb-page .inside .eyebrow{ margin-bottom: 44px; }
html.fb-page .statement{
  max-width: min(60vw, 1150px); margin: 0 auto; text-align: center;
  font-family: var(--f-title) !important; font-weight: 800 !important; font-stretch: 75%;
  font-variation-settings: 'wdth' 75, 'opsz' 96;
  font-size: clamp(38px, 5.6vw, 104px); line-height: 1.02 !important; letter-spacing: -.02em !important;
}
html.fb-page .statement .ln{ display: block; overflow: clip; padding: .06em 0 .08em; margin: -.06em 0 -.08em; }
html.fb-page .statement .ln__i{ display: block; will-change: transform; }
html.fb-page .statement .tok{ display: inline-block; }
html.fb-page .chip{
  display: inline-block; vertical-align: -.06em;
  width: 1.36em; height: .8em; margin: 0 .04em;
  border-radius: .16em; overflow: hidden;
  background: var(--sky);
}
html.fb-page .chip__i{ display: block; width: 100%; height: 100%; will-change: transform; }
html.fb-page .chip img{ width: 100%; height: 100%; object-fit: cover; }
html.fb-page .facts{ display: flex; justify-content: center; flex-wrap: wrap; gap: 14px 44px; margin-top: 64px; }
html.fb-page .facts li{ display: flex; align-items: center; gap: 10px; }
html.fb-page .facts i{ width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 1.5px var(--black); }
html.fb-page .lineup{ min-height: 100vh; padding: 72vh var(--g) 8vh; color: var(--ink); z-index: 1; }
html.fb-page .lineup__stage{ position: absolute; left: 0; right: 0; top: 0; height: 100vh; }
html.fb-page .lineup__stage canvas{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
html.fb-page .lineup__shelf{
  position: absolute; left: var(--g); right: var(--g); top: 57vh; z-index: 1; pointer-events: none;
  display: flex; justify-content: space-between; padding-top: 14px; border-top: 1.5px solid var(--ink);
}
html.fb-page .lineup__head{ position: absolute; left: var(--g); top: 148px; z-index: 2; pointer-events: none; }
html.fb-page .lineup__head .mono{ margin-bottom: 14px; }
html.fb-page .lineup__hint{ position: absolute; right: var(--g); top: 148px; z-index: 2; text-align: right; max-width: 260px; }
html.fb-page .lineup__list{ position: absolute; right: var(--g); top: calc(148px + 44px); z-index: 2; text-align: right; }
html.fb-page .lineup__list button{ font-family: var(--f-mono) !important; font-size: 11.5px; letter-spacing: .01em !important; text-transform: none !important; padding: 3px 0; opacity: .7; transition: opacity .2s; }
html.fb-page .lineup__list button:hover,html.fb-page .lineup__list button[aria-pressed="true"]{ opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
html.fb-page .lineup__tag{
  position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none;
  padding: 8px 12px; border-radius: 999px;
  background: var(--ink); color: var(--field); white-space: nowrap;
  opacity: 0; transform: translate(-50%, -100%);
}
html.fb-page .panel{ position: relative; z-index: 2; height: 0; overflow: hidden; }
html.fb-page .panel__inner{
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 4vw;
  padding: 28px 0 12px; border-top: 1.5px solid var(--ink);
}
html.fb-page .panel__img{ aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: var(--ink); }
html.fb-page .panel__img img{ width: 100%; height: 100%; object-fit: cover; }
html.fb-page .panel__txt{ display: flex; flex-direction: column; gap: 18px; padding-top: 8px; }
html.fb-page .panel__name{ font-size: clamp(56px, 7vw, 132px); }
html.fb-page .panel__blurb{ font-size: 20px; font-weight: 500 !important; max-width: 30ch; }
html.fb-page .panel__notes{ display: grid; gap: 0; border-top: 1.5px solid var(--ink); max-width: 520px; }
html.fb-page .panel__notes li{ padding: 12px 0; border-bottom: 1.5px solid var(--ink); font-size: 17px; }
html.fb-page .panel__buy{ display: flex; align-items: center; gap: 22px; margin-top: 8px; flex-wrap: wrap; }
html.fb-page .panel__close{ position: absolute; right: 0; top: 24px; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--ink); }
html.fb-page .panel__close span{ position: absolute; left: 50%; top: 50%; width: 18px; height: 1.5px; background: var(--ink); transform: translate(-50%, -50%) rotate(45deg); }
html.fb-page .panel__close span + span{ transform: translate(-50%, -50%) rotate(-45deg); }
html.fb-page .preload{ position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
html.fb-page .letters{ background: var(--black); color: var(--white); padding: 18vh var(--g) 18vh; z-index: 2; overflow: clip; }
html.fb-page .letters__head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 9vh; flex-wrap: wrap-reverse; }
html.fb-page .letters__head .title{ font-size: clamp(44px, 5.4vw, 104px); }
html.fb-page .letters__row{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; gap: 2vw; }
html.fb-page .lw{ display: block; min-width: 0; color: var(--white); cursor: pointer; }
html.fb-page .lw__glyph{
  position: relative; display: block; overflow: hidden; margin: 0 auto;
  height: var(--lh, 30vw); aspect-ratio: var(--ar, .7);
  transition: transform .6s cubic-bezier(.17,.17,0,1);
}
html.fb-page .lw__par{ position: absolute; left: 0; right: 0; top: -22%; bottom: -22%; display: block; will-change: transform; }
html.fb-page .lw__zoom{ position: absolute; inset: 0; display: block; transition: transform .6s cubic-bezier(.17,.17,0,1); }
html.fb-page .lw__zoom img{ width: 100%; height: 100%; object-fit: cover; animation: kenburns 18s ease-in-out infinite alternate; }
html.fb-page .lw:nth-child(2) .lw__zoom img{ animation-duration: 21s; animation-delay: -6s; }
html.fb-page .lw:nth-child(3) .lw__zoom img{ animation-duration: 16s; animation-delay: -3s; }
html.fb-page .lw:nth-child(4) .lw__zoom img{ animation-duration: 23s; animation-delay: -11s; }
@keyframes kenburns{ 0% { transform: scale(1.06) translate3d(-2%, 1.5%, 0); } 100% { transform: scale(1.16) translate3d(2%, -2%, 0); } }
html.fb-page.is-reduced .lw__zoom img{ animation: none; }
html.fb-page .lw:hover .lw__glyph,html.fb-page .lw:focus-visible .lw__glyph{ transform: translateY(-1.5vh); }
html.fb-page .lw:hover .lw__zoom,html.fb-page .lw:focus-visible .lw__zoom{ transform: scale(1.08); }
html.fb-page .lw__label{
  display: flex; justify-content: space-between; gap: 14px;
  margin-top: 18px; padding: 7px 10px; border-radius: 4px;
  border-top: 1px solid rgba(255, 255, 255, .35);
  transition: background-color .35s, color .35s;
}
html.fb-page .lw:hover .lw__label,html.fb-page .lw:focus-visible .lw__label{ background: var(--lc); color: var(--lci); border-top-color: transparent; }
html.fb-page .lw[data-fl="sun"]{ --lc: var(--sun); --lci: var(--black); }
html.fb-page .lw[data-fl="gum"]{ --lc: var(--gum); --lci: var(--black); }
html.fb-page .lw[data-fl="sky"]{ --lc: var(--sky); --lci: var(--black); }
html.fb-page .lw[data-fl="grape"]{ --lc: var(--grape); --lci: var(--white); }
html.fb-page .clipdefs{ position: absolute; width: 0; height: 0; overflow: hidden; }
html.fb-page .crates{
  background: var(--grape); color: var(--black);
  min-height: 112vh; padding: 16vh var(--g);
  display: grid; place-items: center;
  overflow: clip; z-index: 3;
}
html.fb-page .crates__pat{ position: absolute; inset: 0; pointer-events: none; }
html.fb-page .pat{
  position: absolute; inset: 0;
  -webkit-mask-size: 5.5vw 11vw; mask-size: 5.5vw 11vw;
  -webkit-mask-repeat: repeat; mask-repeat: repeat;
}
html.fb-page .pat--line{
  background: rgba(255, 255, 255, .12);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 110'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2'%3E%3Cpath d='M20 11h15l3 5v22l-3 5H20l-3-5V16z'/%3E%3Cpath d='M-7.5 66h15l3 5v22l-3 5h-15l-3-5V71z'/%3E%3Cpath d='M47.5 66h15l3 5v22l-3 5h-15l-3-5V71z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 110'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2'%3E%3Cpath d='M20 11h15l3 5v22l-3 5H20l-3-5V16z'/%3E%3Cpath d='M-7.5 66h15l3 5v22l-3 5h-15l-3-5V71z'/%3E%3Cpath d='M47.5 66h15l3 5v22l-3 5h-15l-3-5V71z'/%3E%3C/g%3E%3C/svg%3E");
}
html.fb-page .pat--band{
  background: var(--pat-band);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 110'%3E%3Cg fill='%23000'%3E%3Crect x='18.2' y='22' width='18.6' height='9' rx='1'/%3E%3Crect x='-9.3' y='77' width='18.6' height='9' rx='1'/%3E%3Crect x='45.7' y='77' width='18.6' height='9' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 110'%3E%3Cg fill='%23000'%3E%3Crect x='18.2' y='22' width='18.6' height='9' rx='1'/%3E%3Crect x='-9.3' y='77' width='18.6' height='9' rx='1'/%3E%3Crect x='45.7' y='77' width='18.6' height='9' rx='1'/%3E%3C/g%3E%3C/svg%3E");
}
html.fb-page .coupon{
  position: relative; z-index: 1;
  width: 62vw; min-height: 55vh; max-width: 1180px;
  transform: rotate(-2deg);
  will-change: transform;
}
html.fb-page .coupon__paper{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .22)); }
html.fb-page .coupon__sheet{ fill: var(--white); fill-rule: evenodd; }
html.fb-page .coupon__strips{ fill: var(--black); fill-rule: evenodd; }
html.fb-page .coupon__perf{ fill: none; stroke: var(--black); stroke-width: 1.5; stroke-dasharray: 2 6; stroke-linecap: round; }
html.fb-page .coupon__body{
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 4.5vw; align-items: center;
  padding: calc(3.2vh + 7vh) 5vw calc(3.2vh + 7vh);
  min-height: 55vh;
}
html.fb-page .coupon__left .mono{ margin-bottom: 18px; }
html.fb-page .coupon__title{ font-size: clamp(56px, 7.6vw, 140px); color: var(--grape); }
html.fb-page .coupon__lede{ margin-top: 18px; font-size: clamp(18px, 1.55vw, 26px); font-weight: 500 !important; line-height: 1.22 !important; max-width: 24ch; }
html.fb-page .coupon__fine{ margin-top: 18px; }
html.fb-page .coupon__fine s{ opacity: .55; }
html.fb-page .coupon__form{ display: grid; gap: 14px; }
html.fb-page .coupon__field{ display: grid; gap: 10px; }
html.fb-page .coupon__field input{
  height: 58px; padding: 0 20px; border-radius: 999px;
  border: 1.5px solid var(--black); background: var(--white); color: var(--black);
  font-size: 17px; outline: none;
}
html.fb-page .coupon__field input:focus{ box-shadow: 0 0 0 3px var(--sun); }
html.fb-page .coupon__field input::placeholder{ color: rgba(0, 0, 0, .45); }
html.fb-page .coupon__field .btn{ height: 58px; font-size: 17px; }
html.fb-page .coupon__msg{ font-size: 14.5px; min-height: 2.9em; }
html.fb-page .coupon__msg.is-err{ color: var(--black); }
html.fb-page .coupon__msg.is-err::before{ content: ''; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--gum); margin-right: 8px; box-shadow: 0 0 0 1.5px var(--black); }
html.fb-page .coupon.is-done .coupon__field{ display: none; }
html.fb-page .coupon.is-done .coupon__msg{ font-size: clamp(20px, 1.8vw, 28px); font-weight: 500 !important; line-height: 1.2 !important; }
html.fb-page .foot{ position: relative; z-index: 1; overflow: hidden; background: var(--field); color: var(--ink); }
html.fb-page .foot__inner{ position: relative; min-height: 88vh; padding: 20vh var(--g) 28px; display: flex; flex-direction: column; will-change: transform; }
html.fb-page .foot__cols{ display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 4vw; }
html.fb-page .foot__col .mono{ margin-bottom: 18px; }
html.fb-page .foot__list{ display: grid; gap: 6px; font-size: 20px; font-weight: 500 !important; }
html.fb-page .foot__col--end{ display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; text-align: right; }
html.fb-page .foot__top{ display: inline-flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 500 !important; }
html.fb-page .foot__arrow{ display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--ink); }
html.fb-page .foot__mark{
  margin-top: auto; padding-top: 8vh;
  font-size: 19.4vw; line-height: .8 !important; text-align: center; white-space: nowrap;
  color: var(--field); -webkit-text-stroke: 3px var(--ink); paint-order: stroke fill;   
}
html.fb-page .foot__mark span{ display: inline-block; }
html.fb-page .foot__base{ display: flex; justify-content: space-between; gap: 20px; margin-top: 26px; flex-wrap: wrap; }
html.fb-page .foot__shade{ position: absolute; inset: 0; background: var(--black); opacity: .5; pointer-events: none; }
@media (max-width: 991px){html.fb-page .head__group{ gap: 20px; }
html.fb-page .head__link{ font-size: 16px; }
html.fb-page .hero__copy{ width: 34vw; }
html.fb-page .coupon{ width: 80vw; }
html.fb-page .foot__cols{ grid-template-columns: 1fr 1fr; }
html.fb-page .foot__col--end{ grid-column: 1 / -1; align-items: flex-start; text-align: left; gap: 24px; }

}
@media (max-width: 767px){html.fb-page{ --head-top: 14px; --head-d: calc(80px + 18.72vw); }
html.fb-page .mono{ font-size: 11px; }
html.fb-page .head__row{ height: 46px; }
html.fb-page .head__row::before{
    content: ''; position: absolute; left: 0; right: 0; top: calc(-1 * var(--head-top)); bottom: -8px; z-index: -1;
    background: var(--h-bg); opacity: 0; transition: opacity .3s, background-color .3s;
  }
html.fb-page .head.is-parked .head__row::before{ opacity: 1; }
html.fb-page .head__link{ display: none; }
html.fb-page .head__logo{ font-size: 22px; }
html.fb-page .pill{ height: 44px; padding: 0 7px 0 16px; font-size: 15px; gap: 8px; }
html.fb-page .pill__long{ display: none; }
html.fb-page .pill__short{ display: inline-block; }
html.fb-page .hint--fine{ display: none; }
html.fb-page .hint--touch{ display: inline; }
html.fb-page .pill__count{ min-width: 30px; height: 30px; font-size: 12px; }
html.fb-page .dots{ top: calc(var(--head-top) + 23px); gap: 0; padding: 0; }
html.fb-page .dot{ width: 26px; height: 26px; }
html.fb-page .dot i{ width: 13px; height: 13px; }
html.fb-page .hero{ height: auto; min-height: 100svh; padding: 84px 0 40px; }
html.fb-page .hero__meta{ top: 64px; justify-content: center; transform: none; }
html.fb-page .hero__meta span:last-child{ display: none; }
html.fb-page .hero__mark{
    position: relative; top: auto; left: auto; right: auto;
    margin: 0 var(--g);
    font-size: 26vw; line-height: .78 !important;
  }
html.fb-page .hero__can{ position: relative; left: auto; top: auto; transform: none; width: min(70vw, 400px); height: auto; aspect-ratio: .74; margin: 96px auto 0; }
html.fb-page .hero__copy{ position: relative; right: auto; bottom: auto; width: auto; margin: 6px var(--g) 0; padding-left: 38vw; }
html.fb-page .hero__tag{ font-size: 19px; }
html.fb-page .hero__ctas{ flex-direction: column; align-items: stretch; gap: 8px; margin-top: 16px; }
html.fb-page .btn{ height: 48px; padding: 0 20px; font-size: 15px; }
html.fb-page .peel{ left: 4vw; bottom: 64px; width: 30vw; min-width: 0; }
html.fb-page .peel__tag{ bottom: calc(100% + 8px); }
html.fb-page .peel__tag .mono{ display: none; }
html.fb-page .peel__tag b{ height: 28px; font-size: 13px; padding: 0 12px; }
html.fb-page .inside{ padding: 13vh var(--g) 12vh; }
html.fb-page .inside .eyebrow{ margin-bottom: 28px; }
html.fb-page .statement{ font-size: 9vw; line-height: 1.04 !important; }
html.fb-page .chip{ width: 1.6em; height: 1em; vertical-align: -.2em; border-radius: 999px; }
html.fb-page .facts{ flex-direction: column; align-items: center; gap: 10px; margin-top: 40px; }
html.fb-page .lineup{ padding-top: 96vh; }
html.fb-page .lineup__head{ top: 96px; }
html.fb-page .lineup__hint{ top: 88vh; left: var(--g); right: var(--g); text-align: center; max-width: none; }
html.fb-page .lineup__list,html.fb-page .lineup__shelf{ display: none; }
html.fb-page .panel__inner{ grid-template-columns: 1fr; gap: 20px; padding-top: 22px; }
html.fb-page .panel__close{ top: 18px; }
html.fb-page .panel__name{ font-size: 16vw; }
html.fb-page .panel__blurb{ font-size: 17px; }
html.fb-page .letters{ padding: 13vh var(--g); }
html.fb-page .letters__head{ margin-bottom: 6vh; }
html.fb-page .letters__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 8vh 4vw; align-items: end; }
html.fb-page .lw{ width: 42vw; }
html.fb-page .lw__label{ font-size: 10px; padding: 6px 4px; gap: 6px; }
html.fb-page .lw__glyph{ margin: 0 auto; }
html.fb-page .crates{ min-height: 0; padding: 14vh 12px; }
html.fb-page .pat{ -webkit-mask-size: 14vw 28vw; mask-size: 14vw 28vw; }
html.fb-page .coupon{ width: 100%; transform: rotate(-1deg); }
html.fb-page .coupon__body{ grid-template-columns: 1fr; gap: 26px; padding: calc(3.2vh + 40px) 30px; }
html.fb-page .coupon__title{ font-size: 20vw; }
html.fb-page .foot__inner{ min-height: 0; padding: 14vh var(--g) 22px; }
html.fb-page .foot__cols{ grid-template-columns: 1fr; gap: 36px; }
html.fb-page .foot__col--end{ grid-column: auto; }
html.fb-page .foot__list{ font-size: 18px; }
html.fb-page .foot__mark{ font-size: 21.5vw; -webkit-text-stroke-width: 1px; }
html.fb-page .foot__base{ flex-direction: column; gap: 6px; }

}