/*
 * Landing page, Figma "ROBO-KUPPI" Page 6, "Coffee Ordering Portal".
 * Every element sits at its exact frame position, and the frame scales with the
 * page width: the 402px phone frame below 768px, the 1730px desktop frame above.
 * Numbers are unitless Figma pixels, multiplied by --u (one design pixel).
 */
/* Self-hosted: the Google Fonts copy lacks the "salt" letter shapes the design uses */
@font-face {
  font-family: Bungee;
  src: url("../fonts/Bungee-Regular.woff") format("woff");
  font-display: swap;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: #f0e6de; }

.landing {
  --u: calc(100cqw / 402);
  position: relative;
  container-type: inline-size;
  /* Sideways phones: content stays clear of the notch, artwork runs on behind it */
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  overflow: hidden;
  overflow: clip;
  background: #f0e6de;
  color: #69403b;
  font-family: Poppins, system-ui, sans-serif;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.landing a { color: inherit; text-decoration: none; }
.l-frame { position: relative; height: calc(3357 * var(--u)); isolation: isolate; }
.l-group { display: contents; }

/* Anything placed on the frame */
.p {
  position: absolute;
  z-index: var(--z);
  left: calc(var(--x) * var(--u));
  top: calc(var(--y) * var(--u));
  width: calc(var(--w) * var(--u));
  height: calc(var(--h) * var(--u));
  margin: 0;
}

/* Images */
.art {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.art--splash { mix-blend-mode: multiply; }
.art-i {
  position: relative;
  flex: none;
  width: calc(var(--iw) * var(--u));
  height: calc(var(--ih) * var(--u));
  overflow: hidden;
  transform: var(--t, none);
  border-radius: calc(var(--r, 0) * var(--u));
}
.art-i img {
  position: absolute;
  left: var(--il, 0%);
  top: var(--it, 0%);
  width: var(--ipw, 100%);
  height: var(--iph, 100%);
  max-width: none;
  display: block;
}
.x-cup4 img, .x-beans img { object-fit: cover; }
/* Keeps the hero shape's side edges out of sight behind a sideways phone's notch; adds nothing elsewhere */
.x-hero-bg .art-i { width: calc(var(--iw) * var(--u) + env(safe-area-inset-left) + env(safe-area-inset-right)); }
/* --sx/--sy are Figma's shadow offset, turned back by the cup's rotation so it falls the same way */
.x-cup2 .art-i {
  overflow: visible;
  box-shadow: calc(var(--sx) * var(--u)) calc(var(--sy) * var(--u)) calc(var(--sb) * var(--u)) rgba(0, 0, 0, 0.45);
}
.x-cup2 .cup2-clip { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; }
.img { display: block; pointer-events: none; }
.img img { display: block; width: 100%; height: 100%; }
img.x-location { object-fit: cover; }
a.x-logo { pointer-events: auto; }

/* Text */
.t {
  height: auto;
  font-size: calc(var(--fs) * var(--u));
  font-weight: var(--fw, 400);
  line-height: calc(var(--lh) * var(--u));
  overflow-wrap: break-word;
}
.t--c { text-align: center; }
.t--h { font-family: Bungee, Impact, sans-serif; font-feature-settings: "salt" 1; }
.t b { font-weight: 700; }
/* Figma sets these lines about 0.3% tighter than browsers do; this keeps its line breaks */
.x-kiosk-body, .x-beans-body, .x-taste-body, .x-loc-copy { letter-spacing: -0.003em; }
.x-copyright { letter-spacing: -0.006em; }
.x-hero-head { white-space: nowrap; }
.br-d { display: none; }
#kiosk, #location { scroll-margin-top: 16px; }

/* Buttons */
.l-btn {
  display: block;
  border-radius: calc(var(--r) * var(--u));
  background: #a15c53;
  font-family: Bungee, Impact, sans-serif;
  font-feature-settings: "salt" 1;
  transition: background 0.15s;
}
.l-btn:hover { background: #8c4e46; }
.l-btn span {
  position: absolute;
  left: calc(var(--cx) * var(--u));
  top: calc(var(--ty) * var(--u));
  transform: translateX(-50%);
  color: var(--ink);
  font-size: calc(var(--fs) * var(--u));
  line-height: calc(var(--lh) * var(--u));
  white-space: nowrap;
}
.l-btn:focus-visible, .l-nav a:focus-visible, .x-menu:focus-visible { outline: 2px solid #69403b; outline-offset: 3px; }

/* Cards */
/*
 * Figma's Glass effect, which browsers can't reproduce: it hides what is behind
 * the card and adds a bright rim. These are the colours it renders to, solid so
 * the card sits fully over the splash and leaf behind it.
 */
.l-card-box {
  border-radius: calc(7 * var(--u));
  background: linear-gradient(to top right, #f2e3d9, #e6d7cd);
  box-shadow:
    inset 0 0 0 calc(1 * var(--u)) #f3e9e3,
    0 calc(2 * var(--u)) calc(5 * var(--u)) rgba(39, 39, 39, 0.4);
}

/* Header */
/* The design's three-bar icon, drawn so it looks the same on every device */
.x-menu {
  --bar: linear-gradient(#a15c53, #a15c53);
  padding: 0;
  border: 0;
  background:
    var(--bar) calc(1.5 * var(--u)) calc(21 * var(--u)) / calc(16 * var(--u)) calc(2 * var(--u)) no-repeat,
    var(--bar) calc(1.5 * var(--u)) calc(27 * var(--u)) / calc(16 * var(--u)) calc(2 * var(--u)) no-repeat,
    var(--bar) calc(1.5 * var(--u)) calc(32.5 * var(--u)) / calc(16 * var(--u)) calc(2 * var(--u)) no-repeat;
  cursor: pointer;
}
.l-nav {
  position: absolute;
  z-index: 100;
  right: calc(29 * var(--u));
  top: calc(70 * var(--u));
  display: none;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  border-radius: 10px;
  background: #f0e6de;
  box-shadow: 0 2px 5px rgba(39, 39, 39, 0.4);
  font-size: 14px;
}
.l-nav.is-open { display: flex; }
.l-nav a { padding: 6px 14px; }
.l-nav a[aria-current] { font-weight: 700; }

/* Social icons: the link sits over the middle circle, 36.5-63.5% of the image */
.x-social { pointer-events: auto; }
.l-social-instagram { position: absolute; top: 0; left: 36.5%; width: 27%; height: 100%; border-radius: 50%; }
.l-social-instagram::after { content: ""; position: absolute; inset: -10px -3px; }

@media (min-width: 768px) {
  .l-card-box {
    border-radius: calc(25.349 * var(--u));
    box-shadow:
      inset 0 0 0 calc(3.3 * var(--u)) #f3e9e3,
      0 calc(7.242 * var(--u)) calc(18.106 * var(--u)) rgba(39, 39, 39, 0.4);
  }
  .l-nav {
    right: auto;
    left: calc(1292.833 * var(--u));
    top: calc(87.906 * var(--u));
    z-index: var(--z);
    display: block;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: calc(21.852 * var(--u));
    line-height: calc(26.841 * var(--u));
    white-space: nowrap;
  }
  .l-nav a { position: absolute; top: 0; padding: 0; }
  .l-nav a:nth-child(2) { left: calc(120.46 * var(--u)); }
  .l-nav a:nth-child(3) { left: calc(228.429 * var(--u)); }
}
/* phone frame, in Figma's layer order (--z) */
.x-bg1{--x:-575;--y:1435;--w:1528.455;--h:1517.177;--iw:1366.139;--ih:1353.076;--t:rotate(7.37deg) scaleY(-1);--z:1}
.x-bg2{--x:-493.84;--y:1747;--w:1366.139;--h:1353.076;--iw:1366.139;--ih:1353.076;--t:rotate(180deg) scaleY(-1);--z:2}
.x-heart{--x:-18.997;--y:2876;--w:375.733;--h:375.253;--iw:270.671;--ih:260.662;--t:rotate(-43.06deg);--il:-71.77%;--it:0%;--ipw:171.8%;--iph:100%;--z:3}
.x-beans{--x:222.09;--y:3017.39;--w:254.913;--h:239.906;--iw:170.31;--ih:201.609;--t:rotate(-64.82deg);--z:4}
.x-h1{--x:0;--y:1154.137;--w:34.905;--h:30.597;--iw:32.814;--ih:28.127;--t:rotate(4.47deg);--r:230.848;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:5}
.x-h2{--x:362.001;--y:1214.898;--w:39.618;--h:36.511;--iw:32.814;--ih:28.127;--t:rotate(162.95deg);--r:230.848;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:6}
.x-hero-bg{--x:-122;--y:-6;--w:572;--h:412;--iw:572;--ih:412;--t:rotate(180deg) scaleY(-1);--z:7}
.x-cup3{--x:-57;--y:156;--w:518.977;--h:441.949;--iw:439.335;--ih:291.761;--t:rotate(156.66deg) scaleY(-1);--il:-58.82%;--it:-9.21%;--ipw:170.33%;--iph:256.49%;--z:8}
.x-cup4{--x:122;--y:0;--w:553.827;--h:553.827;--iw:425.895;--ih:425.895;--t:rotate(21.85deg);--z:9}
.x-logo{--x:31;--y:30;--w:102;--h:41;--z:10}
.x-hero-copy{--x:31;--y:188;--w:204;--fs:9;--lh:15;--z:11}
.x-hero-head{--x:31;--y:109;--w:300;--fs:30;--lh:35;--z:12}
.x-kiosk-head{--x:17;--y:541;--w:369;--fs:30;--lh:35;--z:13}
.x-have-head{--x:17;--y:1081;--w:369;--fs:29;--lh:40;--z:14}
.x-loc-head{--x:-14;--y:2245;--w:431;--fs:30;--lh:35;--z:15}
.x-kiosk-sub{--x:16;--y:621;--w:370;--fs:9;--lh:14.6;--z:16}
.x-have-sub{--x:16;--y:1127;--w:370;--fs:9;--lh:14.6;--z:17}
.x-beans-sub{--x:16;--y:1402;--w:370;--fs:10;--lh:14.6;--z:18}
.x-k1{--x:114.892;--y:530.07;--w:341.361;--h:401.726;--iw:341.803;--ih:217.902;--t:rotate(114.85deg);--il:1.92%;--it:-141.7%;--ipw:286%;--iph:333.33%;--z:19}
.x-k2{--x:292.535;--y:651.258;--w:48.359;--h:44.64;--iw:39.908;--ih:34.207;--t:rotate(162.47deg);--r:56.883;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:20}
.x-k3{--x:292.013;--y:865.77;--w:52.266;--h:52.503;--iw:39.908;--ih:34.207;--t:rotate(-133.32deg);--r:56.883;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:21}
.x-k4{--x:63.998;--y:682.814;--w:46.573;--h:42.299;--iw:39.908;--ih:34.207;--t:rotate(12.98deg);--r:56.883;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:22}
.x-k5{--x:22.994;--y:715.712;--w:200.234;--h:194.794;--iw:184.868;--ih:190.624;--t:rotate(-93.06deg);--il:-104.66%;--it:-34.42%;--ipw:265.25%;--iph:191.13%;--z:23}
.x-e122{--x:85.99;--y:898.879;--w:230.02;--h:34;--iw:230.02;--ih:34;--z:24}
.x-e123{--x:105.002;--y:905.879;--w:191.99;--h:24;--iw:191.99;--ih:24;--z:25}
.x-kiosk{--x:87;--y:636.879;--w:228;--h:282;--iw:228;--ih:282;--il:-10.14%;--it:0%;--ipw:153.17%;--iph:107.8%;--z:26}
.x-location{--x:25;--y:2353;--w:353;--h:353;--z:27}
.x-loc-copy{--x:49.5;--y:2754;--w:303;--fs:9;--lh:17;--fw:500;--z:28}
.x-btn-loc{--x:120;--y:2803;--w:162.153;--h:39.021;--r:14.189;--cx:80.59;--ty:10.32;--fs:12.416;--lh:17.737;--ink:#e8d5c9;--z:29}
.x-taste-head{--x:17;--y:1761;--w:369;--fs:30;--lh:35;--z:30}
.x-beans-head{--x:30;--y:1322;--w:343;--fs:30;--lh:35;--z:31}
.x-taste-sub{--x:0;--y:1835;--w:402;--fs:9;--lh:17;--z:32}
.x-t1{--x:-322.002;--y:1655.001;--w:574.219;--h:514;--iw:472.123;--ih:342.821;--t:rotate(-154.23deg);--il:-19.13%;--it:-20.33%;--ipw:119.93%;--iph:122.72%;--z:33}
.x-cup2{--x:90.783;--y:1891;--w:220.514;--h:217.358;--iw:171.372;--ih:165.728;--t:rotate(-158.29deg);--r:1198.144;--il:-38.5%;--it:-35.15%;--ipw:176.99%;--iph:176.87%;--sx:-26.999;--sy:-17.311;--sb:40.41;--z:34}
.x-t2{--x:180.86;--y:1805.059;--w:437.823;--h:355.702;--iw:402.629;--ih:178.271;--t:rotate(-150deg);--il:0.72%;--it:-32.68%;--ipw:107.94%;--iph:181.14%;--z:35}
.x-menu{--x:354;--y:22;--w:19;--h:51;--z:36}
.x-taste-body{--x:42;--y:2137;--w:318;--fs:9;--lh:17;--fw:500;--z:37}
.x-kiosk-body{--x:31;--y:959;--w:342;--fs:9;--lh:17;--fw:500;--z:38}
.x-c1{--x:31;--y:1169;--w:96;--h:71;--z:39}
.x-c2{--x:153;--y:1169;--w:96;--h:71;--z:40}
.x-c3{--x:275;--y:1169;--w:96;--h:71;--z:41}
.x-btn-hero{--x:31;--y:234;--w:124.606;--h:29.986;--r:10.904;--cx:62.27;--ty:7.93;--fs:9.541;--lh:13.63;--ink:#e8d5c9;--z:42}
.x-copyright{--x:131;--y:3332.45;--w:140.656;--fs:5.483;--lh:6.329;--z:43}
.x-social{--x:160.858;--y:3297;--w:80.274;--h:21.125;--z:44}
.x-foot-head{--x:51;--y:3205;--w:300;--fs:30;--lh:35;--z:45}
.x-e124{--x:103;--y:1600;--w:198;--h:34;--iw:198;--ih:34;--z:46}
.x-b1{--x:176.076;--y:1466.002;--w:173.877;--h:176;--iw:130.909;--ih:118.249;--t:rotate(128.19deg);--il:-114.36%;--it:-40.37%;--ipw:326.77%;--iph:268.79%;--z:47}
.x-b2{--x:74;--y:1462;--w:169.602;--h:142.103;--iw:169.602;--ih:142.103;--il:-17.91%;--it:-64.85%;--ipw:252.22%;--iph:223.67%;--z:48}
.x-sack{--x:97;--y:1440;--w:208;--h:231;--iw:208;--ih:231;--il:-263.66%;--it:-184.11%;--ipw:363.77%;--iph:284.11%;--z:49}
.x-i1{--x:62;--y:1182;--w:34.64;--h:41.271;--z:50}
.x-i3{--x:302;--y:1184;--w:42;--h:41;--z:51}
.x-i2{--x:176;--y:1190;--w:51;--h:31;--z:52}
.x-l1{--x:30;--y:1252;--w:97;--fs:9;--lh:14.6;--z:53}
.x-l2{--x:154;--y:1252;--w:95;--fs:9;--lh:14.6;--z:54}
.x-l3{--x:275;--y:1252;--w:95;--fs:9;--lh:14.6;--z:55}
.x-beans-body{--x:36;--y:1653;--w:328;--fs:9;--lh:17;--fw:500;--z:56}

@media (min-width: 768px) {
  .landing { --u: calc(100cqw / 1730); }
  .l-frame { height: calc(10680 * var(--u)); }
  .br-m { display: none; }
  .br-d { display: inline; }
  .x-menu { display: none; }
  .x-hero-head { white-space: normal; }
  .x-foot-head { white-space: nowrap; }

  /* desktop frame, in Figma's layer order (--z). Sections below the hero are moved
     to the true page centre; Figma's own frame has them about 20px left of it. */
  .x-bg1{--x:-1908.79;--y:4403.97;--w:5124.566;--h:4866.294;--iw:4380.294;--ih:4045.156;--t:rotate(11.98deg) scaleY(-1);--z:1}
  .x-bg2{--x:-1536.65;--y:6353.65;--w:4380.307;--h:3400.561;--iw:4380.307;--ih:3400.561;--t:rotate(180deg) scaleY(-1);--z:2}
  .x-hero-bg{--x:-99.33;--y:-432;--w:1925.221;--h:1327.916;--iw:1835.636;--ih:1183.54;--t:rotate(175.37deg) scaleY(-1);--z:3}
  .x-cup3{--x:-350.4;--y:-156.78;--w:2157.694;--h:1988.378;--iw:1790.08;--ih:1205.017;--t:rotate(146.81deg) scaleY(-1);--il:-58.82%;--it:-9.09%;--ipw:170.33%;--iph:253.03%;--z:4}
  .x-cup4{--x:516.53;--y:-338.61;--w:1686.773;--h:1686.773;--iw:1297.133;--ih:1297.133;--t:rotate(21.85deg);--z:5}
  .x-logo{--x:117.672;--y:62.029;--w:196.306;--h:79.139;--z:6}
  .x-hero-copy{--x:117.672;--y:555.472;--w:594.273;--fs:26.769;--lh:40.154;--fw:400;--z:7}
  .x-hero-head{--x:117.672;--y:228.89;--w:740.61;--fs:84.769;--lh:98.153;--fw:400;--z:8}
  .x-location{--x:359.508;--y:7460.991;--w:1010.977;--h:1010.977;--z:9}
  .x-loc-copy{--x:291.035;--y:8550.49;--w:1147.93;--fs:32.123;--lh:59.784;--fw:400;--z:10}
  .x-e122{--x:492.446;--y:2549.689;--w:773.669;--h:118.72;--iw:773.669;--ih:118.72;--z:11}
  .x-e123{--x:555.798;--y:2572.886;--w:646.963;--h:84.813;--iw:646.963;--ih:84.813;--z:12}
  .x-k1{--x:615.997;--y:1564.62;--w:983.487;--h:1076.92;--iw:871.853;--ih:680.078;--t:rotate(114.85deg);--il:-28.46%;--it:-158.71%;--ipw:374.56%;--iph:356.78%;--z:13}
  .x-k2{--x:1198.488;--y:1756.86;--w:145.092;--h:99.779;--iw:135.197;--ih:82.215;--t:rotate(172.21deg);--r:205.986;--il:-540.68%;--it:-374.68%;--ipw:1397.79%;--iph:1707.84%;--z:14}
  .x-k3{--x:1183.264;--y:2441.448;--w:174.603;--h:175.393;--iw:133.318;--ih:114.273;--t:rotate(-133.32deg);--r:205.986;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:15}
  .x-k4{--x:421.718;--y:1830.552;--w:155.584;--h:141.305;--iw:133.318;--ih:114.274;--t:rotate(12.98deg);--r:205.986;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:16}
  .x-k5{--x:182.978;--y:1886.088;--w:711.505;--h:739.347;--iw:703.017;--ih:673.489;--t:rotate(-93.18deg);--il:-85.14%;--it:-27.1%;--ipw:233.01%;--iph:180.72%;--z:17}
  .x-kiosk{--x:483.988;--y:1676.592;--w:762.025;--h:942.27;--iw:762.025;--ih:942.27;--il:-10.14%;--it:0%;--ipw:153.17%;--iph:107.8%;--z:18}
  .x-kiosk-sub{--x:195.072;--y:1624.449;--w:1339.855;--fs:32.123;--lh:44.615;--fw:400;--z:19}
  .x-kiosk-head{--x:140.005;--y:1500.419;--w:1449.99;--fs:84.769;--lh:98.153;--fw:400;--z:20}
  .x-kiosk-body{--x:93.159;--y:2749.64;--w:1543.681;--fs:32.123;--lh:59.784;--fw:400;--z:21}
  .x-btn-hero{--x:117.672;--y:681.286;--w:274.165;--h:65.976;--r:23.991;--cx:136.41;--ty:17.46;--fs:20.992;--lh:29.989;--ink:#fff;--z:22}
  .x-copyright{--x:610.326;--y:10595.332;--w:509.348;--fs:19.854;--lh:22.92;--fw:400;--z:23}
  .x-social{--x:719.654;--y:10479.646;--w:290.692;--h:76.498;--z:24}
  .x-btn-loc{--x:639.385;--y:8739.659;--w:451.229;--h:108.585;--r:39.485;--cx:225.615;--ty:28.73;--fs:34.55;--lh:49.357;--ink:#e8d5c9;--z:25}
  .x-h1{--x:68.369;--y:3454.98;--w:141.812;--h:124.308;--iw:133.318;--ih:114.273;--t:rotate(4.47deg);--r:205.986;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:26}
  .x-h2{--x:1521.915;--y:3674.988;--w:160.961;--h:148.337;--iw:133.318;--ih:114.273;--t:rotate(162.95deg);--r:205.986;--il:-505.81%;--it:-215.05%;--ipw:1307.65%;--iph:1133.51%;--z:27}
  .x-have-head{--x:196.667;--y:3190.437;--w:1336.667;--fs:84.769;--lh:144.849;--fw:400;--z:28}
  .x-have-sub{--x:195.072;--y:3338.559;--w:1339.855;--fs:32.123;--lh:40.154;--fw:400;--z:29}
  .x-c1{--x:188.857;--y:3526.835;--w:347.638;--h:257.107;--z:30}
  .x-i1{--x:299.503;--y:3584.774;--w:125.439;--h:149.454;--z:31}
  .x-l1{--x:187.046;--y:3827.396;--w:351.259;--fs:26.769;--lh:40.154;--fw:400;--z:32}
  .x-c2{--x:691.147;--y:3526.835;--w:347.638;--h:257.107;--z:33}
  .x-i2{--x:772.346;--y:3602.881;--w:184.683;--h:112.258;--z:34}
  .x-l2{--x:692.957;--y:3827.396;--w:344.017;--fs:26.769;--lh:40.154;--fw:400;--z:35}
  .x-c3{--x:1193.512;--y:3526.835;--w:347.638;--h:257.107;--z:36}
  .x-i3{--x:1291.665;--y:3581.153;--w:152.092;--h:148.47;--z:37}
  .x-l3{--x:1195.322;--y:3827.396;--w:344.017;--fs:26.769;--lh:40.154;--fw:400;--z:38}
  .x-nav{--x:1292.833;--y:87.906;--w:322.429;--h:27;--z:39}
  .x-t1{--x:-817.455;--y:5275.92;--w:1847.144;--h:1653.434;--iw:1518.722;--ih:1102.787;--t:rotate(-154.23deg);--il:-19.13%;--it:-20.33%;--ipw:119.93%;--iph:122.72%;--z:40}
  .x-cup2{--x:510.326;--y:6038.36;--w:709.349;--h:699.196;--iw:551.267;--ih:533.114;--t:rotate(-158.29deg);--r:1069.105;--il:-38.5%;--it:-35.15%;--ipw:176.99%;--iph:176.87%;--sx:-115.202;--sy:-27.195;--sb:116.365;--z:41}
  .x-taste-head{--x:120.821;--y:5579.133;--w:1488.359;--fs:84.769;--lh:98.153;--fw:400;--z:42}
  .x-taste-sub{--x:136.882;--y:5804.886;--w:1456.236;--fs:32.123;--lh:44.615;--fw:400;--z:43}
  .x-taste-body{--x:146.251;--y:6813.179;--w:1437.497;--fs:32.123;--lh:59.784;--fw:400;--z:44}
  .x-t2{--x:711;--y:5484.18;--w:1626.334;--h:1418.835;--iw:1398.06;--ih:831.159;--t:rotate(-150deg);--il:0.67%;--it:-22.55%;--ipw:100%;--iph:124.98%;--z:45}
  .x-loc-head{--x:91.375;--y:7217.393;--w:1547.25;--fs:84.769;--lh:98.153;--fw:400;--z:46}
  .x-heart{--x:-16.173;--y:8923.47;--w:1519.978;--h:1518.037;--iw:1094.963;--ih:1054.475;--t:rotate(-43.06deg);--il:-71.77%;--it:0%;--ipw:171.8%;--iph:100%;--z:47}
  .x-beans-sub{--x:195.072;--y:4260.306;--w:1339.855;--fs:32.123;--lh:44.615;--fw:400;--z:48}
  .x-beans-head{--x:94.052;--y:4118.431;--w:1541.897;--fs:84.769;--lh:144.849;--fw:400;--z:49}
  .x-beans-body{--x:124.39;--y:5174.915;--w:1481.22;--fs:32.123;--lh:59.784;--fw:400;--z:50}
  .x-e124{--x:510.798;--y:4965.52;--w:717.004;--h:123.122;--iw:717.004;--ih:123.122;--z:51}
  .x-b1{--x:775.336;--y:4480.26;--w:629.649;--h:637.337;--iw:474.053;--ih:428.206;--t:rotate(128.19deg);--il:-114.36%;--it:-40.37%;--ipw:326.77%;--iph:268.79%;--z:52}
  .x-b2{--x:405.78;--y:4465.788;--w:614.168;--h:514.587;--iw:614.168;--ih:514.587;--il:-17.91%;--it:-64.85%;--ipw:252.22%;--iph:223.67%;--z:53}
  .x-sack{--x:489.07;--y:4386.121;--w:751.862;--h:838.013;--iw:751.862;--ih:838.013;--il:-263.66%;--it:-184.11%;--ipw:363.77%;--iph:284.11%;--z:54}
  .x-beans{--x:959.112;--y:9495.44;--w:1031.216;--h:970.506;--iw:688.966;--ih:815.582;--t:rotate(-64.82deg);--z:55}
  .x-foot-head{--x:406.5;--y:10282.448;--w:917;--fs:71.354;--lh:73.82;--fw:400;--z:56}
}