/* Forespent coming-soon — laptop layout from XD artboard 1500×2261 */

@font-face {
  font-family: "Microsoft Sans Serif";
  src: url("../fonts/web/MicrosoftSansSerif.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "PT Sans Narrow";
  src: url("../fonts/web/PTSans-Narrow.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans Narrow";
  src: url("../fonts/web/PTSans-NarrowBold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Aerosoldier Spray";
  src: url("../fonts/aerosoldier/AerosoldierSpray_PERSONAL_USE_ONLY.otf") format("opentype");
  font-display: block;
}

@font-face {
  font-family: "Splatink";
  src: url("../fonts/splatink_2/Splatink_PERSONAL_USE_ONLY.otf") format("opentype");
  font-display: block;
}

@font-face {
  font-family: "Network";
  src: url("../fonts/NetworkFreeVersion.ttf") format("truetype");
  font-display: block;
}

@font-face {
  font-family: "Amiri";
  src: url("../fonts/web/Amiri-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans Myanmar";
  src: url("../fonts/web/NotoSansMyanmar-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Noto Serif Myanmar";
  src: url("../fonts/web/NotoSerifMyanmar-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --mss: "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
  --pt: "PT Sans Narrow", "Arial Narrow", sans-serif;
  --aero: "Aerosoldier Spray", sans-serif;
  --splat: "Splatink", cursive;
  --net: "Network", sans-serif;
  --nile: "Amiri", "Al Nile", serif;
  --retain: "Noto Sans Myanmar", "PT Sans Narrow", sans-serif;
  --bars: "Noto Serif Myanmar", "PT Sans Narrow", serif;
  --pink: rgb(255, 95, 235);
  --soon: rgb(199, 49, 49);
  --gray: rgb(132, 132, 132);
  --red: rgb(255, 0, 0);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
}

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  overflow-x: visible;
}

html:has(body.is-locked),
body.is-locked {
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  overscroll-behavior: none;
}

body.is-locked {
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
textarea {
  font: inherit;
  color: inherit;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
}

/* XD y is the text baseline */
.t {
  position: absolute;
  margin: 0;
  padding: 0;
  line-height: 1;
  transform: translateY(-1em);
  white-space: pre;
  color: #000;
}

.t a {
  display: inline;
}

/* ===== stage ===== */
body.is-locked #stage {
  display: none;
}

body:not(.is-locked) #gate {
  display: none;
}

#gate {
  position: relative;
  width: 1500px;
  height: 896px;
  margin: 0;
  background: #fff;
  transform-origin: top left;
  overflow: hidden;
}

body.is-locked #gate {
  position: absolute;
  top: 0;
  left: 0;
}

.gate-logo {
  left: 551px;
  top: 143px;
  font-family: var(--mss);
  font-size: 51px;
  letter-spacing: 0.215em;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #000;
  paint-order: stroke fill;
}

#gate-form {
  position: absolute;
  left: 426px;
  top: 192px;
  width: 610px;
  height: 39px;
}

#gate-pass {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  background: #fff;
  padding: 0 18px;
  font-family: var(--mss);
  font-size: 16px;
  line-height: 37px;
  letter-spacing: 0.1em;
  outline: none;
  -webkit-text-security: disc;
}

#gate-pass::placeholder {
  color: #000;
  opacity: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#gate-form.is-wrong {
  animation: gate-shake 0.4s ease;
}

@keyframes gate-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-7px);
  }
  80% {
    transform: translateX(7px);
  }
}

.gate-original {
  left: 690px;
  top: 651px;
  font-family: var(--pt);
  font-weight: 700;
  font-size: 18px;
}

#stage-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#stage {
  position: relative;
  width: 1500px;
  height: 2257px;
  margin: 0;
  background: #fff;
  transform-origin: top left;
  overflow: hidden;
}

#stage.guide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/xd-preview.png") 0 0 / 1500px 2261px no-repeat;
  opacity: 0.4;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: multiply;
}

/* ===== top header bar (fixed, scrolls with the viewport) ===== */
#nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 1500px;
  height: 48px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  border-bottom: 1px solid #000;
  transform-origin: top left;
  pointer-events: none;
  overflow: visible;
}

.hdr-retain {
  left: 50.3px;
  top: 28.7px;
  font-family: var(--retain);
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-text-stroke: 0.3px #000;
  paint-order: stroke fill;
}

.hdr-logo {
  left: 674px;
  top: 16px;
  font-family: var(--mss);
  font-size: 15px;
  letter-spacing: 0.215em;
  text-transform: uppercase;
  -webkit-text-stroke: 0.5px #000;
  paint-order: stroke fill;
}

.hdr-llc,
.hdr-season,
.hdr-cotton,
.hdr-addr {
  font-family: var(--pt);
  font-size: 8px;
  -webkit-text-stroke: 0.3px #000;
  paint-order: stroke fill;
}

.hdr-llc {
  left: 696px;
  top: 25px;
}

.hdr-season {
  left: 741px;
  top: 25px;
}

.hdr-cotton {
  left: 701px;
  top: 34px;
}

.hdr-addr {
  left: 683px;
  top: 43px;
}

/* ===== receipt block ===== */
.rcpt-llc,
.rcpt-season,
.rcpt-cotton,
.rcpt-addr,
.rcpt-tel,
.rcpt-web {
  font-family: var(--pt);
  -webkit-text-stroke: 0.4px #000;
  paint-order: stroke fill;
}

.rcpt-llc {
  left: 677px;
  top: 72px;
  font-size: 10px;
}

.rcpt-season {
  left: 731px;
  top: 72px;
  font-size: 10px;
}

.rcpt-cotton {
  left: 677px;
  top: 83px;
  font-size: 10px;
}

.rcpt-addr {
  left: 664px;
  top: 95px;
  font-size: 10px;
}

.rcpt-tel {
  left: 631px;
  top: 106px;
  font-size: 12px;
}

.rcpt-web {
  left: 736px;
  top: 106px;
  font-size: 12px;
}

.rcpt-line-1,
.rcpt-line-2 {
  position: absolute;
  height: 0;
  border-top: 1px solid #000;
}

.rcpt-line-1 {
  left: 565px;
  top: 114px;
  width: 338px;
}

.rcpt-line-2 {
  left: 565.5px;
  top: 221px;
  width: 339px;
}

.rcpt-trans {
  left: 548px;
  top: 133px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-date {
  left: 639px;
  top: 133px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-time {
  left: 753px;
  top: 133px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-store {
  left: 549px;
  top: 147px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-cashier {
  left: 549px;
  top: 161px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-customer {
  left: 549px;
  top: 175px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-custid {
  left: 549px;
  top: 189px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-h-item {
  left: 549px;
  top: 217px;
  font-family: var(--pt);
  font-size: 15px;
  font-weight: 700;
}

.rcpt-h-qty {
  left: 649px;
  top: 217px;
  font-family: var(--pt);
  font-size: 15px;
  font-weight: 700;
}

.rcpt-h-price {
  left: 708px;
  top: 217px;
  font-family: var(--pt);
  font-size: 15px;
  font-weight: 700;
}

.rcpt-h-amt {
  left: 797px;
  top: 217px;
  font-family: var(--pt);
  font-size: 15px;
  font-weight: 700;
}

.rcpt-sku {
  left: 549px;
  top: 235px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-qty {
  left: 657px;
  top: 235px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-price {
  left: 708px;
  top: 235px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-amt {
  left: 838px;
  top: 235px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-item {
  left: 549px;
  top: 248px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-sku2 {
  left: 636px;
  top: 248px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-sales {
  left: 549px;
  top: 262px;
  font-family: var(--pt);
  font-size: 13px;
}

.rcpt-sub {
  left: 809px;
  top: 297px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-tax {
  left: 842px;
  top: 310px;
  font-family: var(--pt);
  font-size: 15px;
}

.rcpt-total-l {
  left: 771px;
  top: 343px;
  font-family: var(--pt);
  font-weight: 700;
  font-size: 25px;
}

.rcpt-total-v {
  left: 824px;
  top: 343px;
  font-family: var(--mss);
  font-size: 23px;
  letter-spacing: -0.045em;
}

.barcode {
  position: absolute;
  left: 550px;
  top: 378px;
  width: 364px;
  height: 37px;
}

.barcode-num {
  left: 554px;
  top: 427px;
  font-family: var(--bars);
  font-size: 8px;
  letter-spacing: 0.7em;
}

.original {
  left: 678px;
  top: 484px;
  font-family: var(--pt);
  font-weight: 700;
  font-size: 18px;
}

.rcpt-email {
  left: 635px;
  top: 549px;
  font-family: var(--pt);
  font-size: 23px;
  letter-spacing: 0.02em;
}

.rcpt-retain {
  left: 619px;
  top: 569px;
  font-family: var(--retain);
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
}

/* ===== hero type ===== */
.wordmark {
  left: 389.5px;
  top: 296px;
  font-family: var(--mss);
  font-size: 92px;
  letter-spacing: 0.215em;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #000;
  paint-order: stroke fill;
  z-index: 3;
}

.coming-soon {
  left: 418px;
  top: 361px;
  font-family: var(--splat);
  font-size: 74px;
  letter-spacing: 0.215em;
  text-transform: uppercase;
  color: var(--soon);
  z-index: 4;
  font-feature-settings: "calt" 1, "liga" 1;
}

.graffiti-fore {
  left: 95.5px;
  top: 314.5px;
  font-family: var(--aero);
  font-size: 94px;
  letter-spacing: 0.05em;
  color: var(--pink);
  opacity: 0.75;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
  z-index: 5;
  font-feature-settings: "calt" 1, "liga" 1, "kern" 1;
  font-variant-ligatures: common-ligatures contextual;
}

.graffiti-spent {
  left: 153.7px;
  top: 385.5px;
  font-family: var(--aero);
  font-size: 80px;
  letter-spacing: 0.05em;
  color: var(--pink);
  opacity: 0.75;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
  z-index: 5;
  font-feature-settings: "calt" 1, "liga" 1, "kern" 1;
  font-variant-ligatures: common-ligatures contextual;
}

.tag-taste,
.tag-money {
  font-family: var(--net);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  z-index: 5;
  transform-origin: 0 100%;
}

.tag-taste {
  left: 953.7px;
  top: 646.4px;
  font-size: 74px;
  transform: translateY(-1em) rotate(-17deg);
}

.tag-money {
  left: 1052.8px;
  top: 669.4px;
  font-size: 31px;
  transform: translateY(-1em) rotate(-17deg);
}

.tag-money .star {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.preorders {
  left: 417.5px;
  top: 873.5px;
  font-family: var(--mss);
  font-size: 43px;
  letter-spacing: 0.215em;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #000;
  paint-order: stroke fill;
}

/* ===== products ===== */
.product {
  position: absolute;
  top: 915.5px;
}

.product-frame {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.product-stroke {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 3;
  shape-rendering: crispEdges;
}

.product-shot {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.product-shot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shot-back {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.product-frame:hover .shot-back,
.product-frame.is-back .shot-back {
  opacity: 1;
}

.p1 { left: 37.88px; width: 354.45px; }
.p1 .product-frame { height: 384px; }

.p2 { left: 415.61px; width: 299.94px; }
.p2 .product-frame { height: 384px; }

.p3 { left: 741.15px; width: 348px; }
.p3 .product-frame { height: 385px; }

.p4 { left: 1117.61px; width: 344.52px; }
.p4 .product-frame { height: 385px; }

.p-info {
  margin-top: 12px;
  width: 100%;
}

.p-season,
.p-name,
.p-desc,
.p-price {
  position: static;
  transform: none;
  margin: 0;
  width: 100%;
  font-family: var(--pt);
  text-transform: uppercase;
}

.p-season {
  font-size: 17px;
  color: var(--gray);
  line-height: 1.15;
  margin-bottom: 5px;
}

.p-name {
  font-size: 14px;
  color: #000;
  line-height: 1.15;
  margin-bottom: 5px;
}

.p-desc {
  font-size: 14px;
  color: #000;
  line-height: 16px;
  white-space: pre-line;
  margin-bottom: 10px;
}

.p-price {
  font-size: 14px;
  color: #000;
  line-height: 1.15;
}

/* ===== newsletter / interest ===== */
.stay {
  left: 104.69px;
  top: 1602.14px;
  font-family: var(--mss);
  font-size: 38px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #000;
  paint-order: stroke fill;
}

.news-title {
  left: 104.69px;
  top: 1627.14px;
  font-family: var(--mss);
  font-size: 25px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#news-form {
  position: absolute;
  left: 104.69px;
  top: 1643.63px;
  width: 221.46px;
  height: 37.02px;
}

.news-box {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  background: transparent;
  overflow: visible;
  opacity: 0.38;
  transition: opacity 0.22s ease;
}

.news-box:focus-within,
.news-box.is-active {
  opacity: 1;
}

.news-label {
  position: absolute;
  left: 22px;
  top: 0;
  transform: translateY(-50%);
  padding: 0 3px;
  background: #fff;
  font-family: var(--mss);
  font-size: 7px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  color: #000;
  line-height: 1;
  z-index: 1;
  pointer-events: none;
}

.news-box .news-input {
  position: absolute;
  left: 8px;
  right: 38px;
  top: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  border: 0;
  background: transparent;
  padding: 8px 4px 2px;
  font-family: var(--mss);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  outline: none;
}

.news-send {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 29px;
  height: 25px;
  padding: 0;
  border: 0.1px solid #000;
  background: rgb(216, 216, 216);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.news-box.is-complete .news-send {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.news-send svg {
  display: block;
  width: 29px;
  height: 25px;
}

.blurb {
  left: 59px;
  top: 1715.91px;
  width: 540px;
  font-family: var(--mss);
  font-size: 13.5px;
  letter-spacing: 0.015em;
  line-height: 12px;
  white-space: pre-line;
  color: rgba(0, 0, 0, 0.447);
  text-align: justify;
}

.blurb-quote {
  color: rgb(255, 0, 0);
}

.interest {
  left: 840.51px;
  top: 1585.14px;
  font-family: var(--mss);
  font-size: 50px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #000;
  paint-order: stroke fill;
  z-index: 1;
}

.aim {
  left: 797.8px;
  top: 1613.55px;
  font-family: var(--pt);
  font-size: 19px;
  z-index: 2;
}

.field {
  position: absolute;
  border: 1px solid #000;
  background: #fff;
  font-family: var(--pt);
  font-size: 19px;
  line-height: 19px;
  padding: 2px 8px;
  outline: none;
  caret-color: #000;
}

#interest-form.js-caret .field,
#interest-form.js-caret .field:focus {
  caret-color: transparent;
}

.field::placeholder {
  color: transparent;
}

.f-first {
  left: 647.34px;
  top: 1642.69px;
  width: 393.87px;
  height: 25.03px;
}

.f-last {
  left: 1057.08px;
  top: 1642.69px;
  width: 393.87px;
  height: 25.03px;
}

.f-email,
.f-title,
.f-phone {
  left: 647.34px;
  width: 803.61px;
  height: 25.03px;
}

.f-email { top: 1675.74px; }
.f-title { top: 1707.78px; }
.f-phone { top: 1741px; }

.f-msg {
  left: 647.34px;
  top: 1772.87px;
  width: 803.61px;
  height: 109.67px;
}

.f-msg .field {
  resize: none;
  padding: 4px 8px;
  line-height: 1.2;
}

.field-wrap {
  position: absolute;
  opacity: 0.5;
  transition: opacity 0.22s ease;
}

.field-wrap:focus-within,
.field-wrap.has-value {
  opacity: 1;
}

.field-wrap .field {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ph {
  position: absolute;
  left: 8px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 0;
  font-family: var(--pt);
  font-size: 19px;
  line-height: 19px;
  color: #000;
  pointer-events: none;
  white-space: nowrap;
  z-index: 2;
  opacity: 0.7;
  transition: opacity 0.28s ease;
}

.req {
  color: #e10600;
  font-family: var(--pt);
  font-size: 11px;
  line-height: 1;
  margin-left: 1px;
  position: relative;
  top: -0.45em;
}

.field-wrap:focus-within .ph,
.field-wrap.has-value .ph {
  opacity: 0;
}

.f-msg .ph {
  align-items: flex-start;
  padding-top: 5px;
}

#interest-form {
  --field-box-h: 25.03px;
  --caret-thin: 1;
}

.fake-caret {
  position: absolute;
  left: var(--caret-x, 8px);
  width: 1px;
  background: #000;
  pointer-events: none;
  z-index: 3;
  display: none;
  transform: scaleX(var(--caret-thin));
  transform-origin: left center;
}

.field-wrap:not(.f-msg) .fake-caret {
  top: 20%;
  height: 60%;
}

.f-msg .fake-caret {
  top: var(--caret-y, 5px);
  height: calc(var(--field-box-h) * 0.6);
}

.field-wrap:focus-within .fake-caret {
  display: block;
  animation: caret-blink 1.06s step-end infinite;
}

.field-wrap:focus-within .fake-caret.is-hold {
  animation: none;
  opacity: 1;
}

@keyframes caret-blink {
  0%,
  100% { opacity: 1; }
  50% { opacity: 0; }
}

.submit-btn {
  position: absolute;
  left: 647.34px;
  top: 1888.12px;
  width: 803.61px;
  height: 25px;
  padding: 0 0 0 0.15em;
  border: 0.1px solid #000;
  background: rgb(39, 39, 39);
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.22s ease, color 0.22s ease;
}

.submit-btn:hover,
.submit-btn:focus-visible {
  background: #fff;
  color: #000;
}

.form-bars {
  left: 837.22px;
  top: 1935.05px;
  font-family: var(--bars);
  font-size: 10px;
  letter-spacing: 0.7em;
}

.form-retain {
  left: 914.66px;
  top: 1963.41px;
  font-family: var(--retain);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.char-max {
  left: auto;
  right: 57.05px;
  top: 1878px;
  font-family: var(--bars);
  font-size: 10px;
  letter-spacing: 0.025em;
  color: #000;
  text-align: right;
  white-space: nowrap;
  z-index: 2;
}

.char-max.is-limit {
  color: #e10600;
}

.field-wrap.is-error .field {
  border-color: #e10600;
}

.submit-btn.is-shake {
  animation: submit-shake 0.42s ease;
}

@keyframes submit-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(3px);
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===== footer ===== */
.equals-bar {
  left: 0;
  top: 2046.73px;
  width: 1500px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 9px;
  white-space: pre;
  overflow: hidden;
}

.foot-tel {
  left: 6px;
  top: 2121.46px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.02em;
}

.foot-email {
  left: 134px;
  top: 2121.46px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.02em;
}

.foot-addr {
  left: 277px;
  top: 2121.46px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.02em;
}

.foot-web {
  left: 565px;
  top: 2121.46px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.02em;
}

.thank-you {
  left: 1301px;
  top: 2113.23px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.02em;
}

#toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #000;
  padding: 10px 18px;
  font-family: var(--pt);
  font-size: 15px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  z-index: 10000;
  display: none;
}

#toast.show {
  display: block;
}