/* Plain HTML/CSS. All layout measurements use the requested viewport formula. */
* { box-sizing: border-box; }
@font-face { font-family: Inter; src: url("assets/fonts/inter-300.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/inter-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/inter-500.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/inter-600.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/inter-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/inter-900.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
html, body { margin: 0; min-width: 320px; overflow-x: hidden; background: #000; }
body { color: #fff; font-family: Inter, sans-serif; }
h1, p, ul { margin: 0; padding: 0; }
.event { position: relative; width: 100vw; overflow: hidden; isolation: isolate; }
picture { position: absolute; display: block; pointer-events: none; }
picture img { display: block; width: inherit; height: inherit; }
.background { z-index: -2; }
.footer-decoration { z-index: -1; }
.edition, .tagline span, .register-label, .detail-label, .detail-sub { position: absolute; white-space: nowrap; line-height: 1; }
.edition, .detail-label, .detail-sub { font-weight: 300; }
.tagline span { font-weight: 400; }
.slash-one, .slash-two { color: #e5b875; }
.register-button { position: absolute; display: block; color: #090806; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.register-label { font-weight: 900; }
.register-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.register-button:active { filter: brightness(.96); }
.event-details { position: absolute; list-style: none; }
.event-details li { position: absolute; }
.detail-sub { color: #ba8b54; }

/* Mobile — reference width 420 */
  .event { height: calc(976 * 100vw / 420); }
  .background { left: calc(0 * 100vw / 420); top: calc(0 * 100vw / 420); width: calc(420 * 100vw / 420); height: calc(976 * 100vw / 420); }
  .kng-logo { left: calc(48.5 * 100vw / 420); top: calc(29.5 * 100vw / 420); width: calc(97.5 * 100vw / 420); height: calc(62.5 * 100vw / 420); }
  .collaboration { left: calc(176 * 100vw / 420); top: calc(62.5 * 100vw / 420); width: calc(15 * 100vw / 420); height: calc(15 * 100vw / 420); }
  .colibrix-logo { left: calc(221 * 100vw / 420); top: calc(29.5 * 100vw / 420); width: calc(145.507813 * 100vw / 420); height: calc(62.5 * 100vw / 420); }
  .title { left: calc(28 * 100vw / 420); top: calc(111.25 * 100vw / 420); width: calc(364 * 100vw / 420); height: calc(64.6684 * 100vw / 420); }
  .register-button { left: calc(28 * 100vw / 420); top: calc(287.238 * 100vw / 420); width: calc(364 * 100vw / 420); height: calc(60.878 * 100vw / 420); }
  .register-button { border-radius: calc(30.439 * 100vw / 420); }
  .button-art { left: calc(-17.5 * 100vw / 420); top: calc(-12.238 * 100vw / 420); width: calc(399 * 100vw / 420); height: calc(97 * 100vw / 420); }
  .arrow { left: calc(243.5 * 100vw / 420); top: calc(23.762 * 100vw / 420); width: calc(20.5 * 100vw / 420); height: calc(13.5 * 100vw / 420); }
  .footer-decoration { left: calc(0 * 100vw / 420); top: calc(800 * 100vw / 420); width: calc(420 * 100vw / 420); height: calc(176 * 100vw / 420); }
  .event-details { left: calc(0 * 100vw / 420); top: calc(800 * 100vw / 420); width: calc(420 * 100vw / 420); height: calc(176 * 100vw / 420); }
  .venue-item { left: calc(44 * 100vw / 420); top: calc(22 * 100vw / 420); width: calc(207.72 * 100vw / 420); height: calc(37 * 100vw / 420); }
  .location { left: calc(5.5 * 100vw / 420); top: calc(4.5 * 100vw / 420); width: calc(20 * 100vw / 420); height: calc(27.5 * 100vw / 420); }
  .date-item { left: calc(44 * 100vw / 420); top: calc(75 * 100vw / 420); width: calc(224.72 * 100vw / 420); height: calc(37 * 100vw / 420); }
  .calendar { left: calc(4 * 100vw / 420); top: calc(6 * 100vw / 420); width: calc(22.5 * 100vw / 420); height: calc(25 * 100vw / 420); }
  .time-item { left: calc(44 * 100vw / 420); top: calc(128 * 100vw / 420); width: calc(214.72 * 100vw / 420); height: calc(37 * 100vw / 420); }
  .clock { left: calc(1 * 100vw / 420); top: calc(1 * 100vw / 420); width: calc(29 * 100vw / 420); height: calc(29 * 100vw / 420); }
  .edition { left: calc(43.5 * 100vw / 420); top: calc(195.63 * 100vw / 420); font-size: calc(16.74 * 100vw / 420); letter-spacing: calc(8.012786 * 100vw / 420); }
  .tagline .cocktails { left: calc(41.5 * 100vw / 420); top: calc(253.75 * 100vw / 420); font-size: calc(12 * 100vw / 420); letter-spacing: calc(2.1521 * 100vw / 420); }
  .tagline .slash-one { left: calc(147 * 100vw / 420); top: calc(253.75 * 100vw / 420); font-size: calc(12 * 100vw / 420); letter-spacing: 0; }
  .tagline .connections { left: calc(173 * 100vw / 420); top: calc(253.75 * 100vw / 420); font-size: calc(12 * 100vw / 420); letter-spacing: calc(2.23125 * 100vw / 420); }
  .tagline .slash-two { left: calc(305.5 * 100vw / 420); top: calc(253.75 * 100vw / 420); font-size: calc(12 * 100vw / 420); letter-spacing: 0; }
  .tagline .beats { left: calc(331.5 * 100vw / 420); top: calc(253.75 * 100vw / 420); font-size: calc(12 * 100vw / 420); letter-spacing: calc(1.982422 * 100vw / 420); }
  .register-label { left: calc(99 * 100vw / 420); top: calc(20.4998 * 100vw / 420); font-size: calc(19.0244 * 100vw / 420); letter-spacing: calc(3.03595 * 100vw / 420); }
  .venue { left: calc(45 * 100vw / 420); top: calc(1.8 * 100vw / 420); font-size: calc(14.4 * 100vw / 420); letter-spacing: calc(2.493935 * 100vw / 420); }
  .venue-sub { left: calc(45.5 * 100vw / 420); top: calc(24.35 * 100vw / 420); font-size: calc(10.8 * 100vw / 420); letter-spacing: calc(2.910227 * 100vw / 420); }
  .date { left: calc(45.5 * 100vw / 420); top: calc(1.8 * 100vw / 420); font-size: calc(14.4 * 100vw / 420); letter-spacing: calc(2.495473 * 100vw / 420); }
  .date-sub { left: calc(45.5 * 100vw / 420); top: calc(24.35 * 100vw / 420); font-size: calc(10.8 * 100vw / 420); letter-spacing: calc(2.69071 * 100vw / 420); }
  .time { left: calc(45 * 100vw / 420); top: calc(1.8 * 100vw / 420); font-size: calc(14.4 * 100vw / 420); letter-spacing: calc(2.75359 * 100vw / 420); }
  .time-sub { left: calc(45 * 100vw / 420); top: calc(24.35 * 100vw / 420); font-size: calc(10.8 * 100vw / 420); letter-spacing: calc(2.69071 * 100vw / 420); }

@media (min-width: 768px) {
  .event { height: calc(1058 * 100vw / 834); }
  .background { left: calc(0 * 100vw / 834); top: calc(0 * 100vw / 834); width: calc(834 * 100vw / 834); height: calc(1058 * 100vw / 834); }
  .kng-logo { left: calc(159 * 100vw / 834); top: calc(44.5 * 100vw / 834); width: calc(155.5 * 100vw / 834); height: calc(99.5 * 100vw / 834); }
  .collaboration { left: calc(362.5 * 100vw / 834); top: calc(97 * 100vw / 834); width: calc(24 * 100vw / 834); height: calc(24 * 100vw / 834); }
  .colibrix-logo { left: calc(435 * 100vw / 834); top: calc(44.5 * 100vw / 834); width: calc(230.54878 * 100vw / 834); height: calc(99.5 * 100vw / 834); }
  .title { left: calc(48 * 100vw / 834); top: calc(170.4 * 100vw / 834); width: calc(738 * 100vw / 834); height: calc(131.113 * 100vw / 834); }
  .register-button { left: calc(187.4 * 100vw / 834); top: calc(468.513 * 100vw / 834); width: calc(459.2 * 100vw / 834); height: calc(76.8 * 100vw / 834); }
  .register-button { border-radius: calc(38.4 * 100vw / 834); }
  .button-art { left: calc(-22.4 * 100vw / 834); top: calc(-15.513 * 100vw / 834); width: calc(504 * 100vw / 834); height: calc(122 * 100vw / 834); }
  .arrow { left: calc(307.1 * 100vw / 834); top: calc(29.987 * 100vw / 834); width: calc(26 * 100vw / 834); height: calc(16.5 * 100vw / 834); }
  .footer-decoration { left: calc(0 * 100vw / 834); top: calc(936 * 100vw / 834); width: calc(834 * 100vw / 834); height: calc(122 * 100vw / 834); }
  .event-details { left: calc(0 * 100vw / 834); top: calc(936 * 100vw / 834); width: calc(834 * 100vw / 834); height: calc(122 * 100vw / 834); }
  .venue-item { left: calc(48 * 100vw / 834); top: calc(18 * 100vw / 834); width: calc(246 * 100vw / 834); height: calc(86 * 100vw / 834); }
  .location { left: calc(113 * 100vw / 834); top: calc(1.5 * 100vw / 834); width: calc(20 * 100vw / 834); height: calc(27.5 * 100vw / 834); }
  .date-item { left: calc(294 * 100vw / 834); top: calc(18 * 100vw / 834); width: calc(246 * 100vw / 834); height: calc(86 * 100vw / 834); }
  .calendar { left: calc(111.5 * 100vw / 834); top: calc(3 * 100vw / 834); width: calc(23 * 100vw / 834); height: calc(25.5 * 100vw / 834); }
  .time-item { left: calc(540 * 100vw / 834); top: calc(18 * 100vw / 834); width: calc(246 * 100vw / 834); height: calc(86 * 100vw / 834); }
  .clock { left: calc(108 * 100vw / 834); top: calc(1 * 100vw / 834); width: calc(30 * 100vw / 834); height: calc(29.5 * 100vw / 834); }
  .edition { left: calc(123.5 * 100vw / 834); top: calc(329.35 * 100vw / 834); font-size: calc(28.8 * 100vw / 834); letter-spacing: calc(14.533339 * 100vw / 834); }
  .tagline .cocktails { left: calc(109 * 100vw / 834); top: calc(417.5 * 100vw / 834); font-size: calc(22 * 100vw / 834); letter-spacing: calc(4.112183 * 100vw / 834); }
  .tagline .slash-one { left: calc(303.5 * 100vw / 834); top: calc(416.5 * 100vw / 834); font-size: calc(22 * 100vw / 834); letter-spacing: 0; }
  .tagline .connections { left: calc(349 * 100vw / 834); top: calc(417.5 * 100vw / 834); font-size: calc(22 * 100vw / 834); letter-spacing: calc(4.265625 * 100vw / 834); }
  .tagline .slash-two { left: calc(592.5 * 100vw / 834); top: calc(416.5 * 100vw / 834); font-size: calc(22 * 100vw / 834); letter-spacing: 0; }
  .tagline .beats { left: calc(639 * 100vw / 834); top: calc(417.5 * 100vw / 834); font-size: calc(22 * 100vw / 834); letter-spacing: calc(3.842773 * 100vw / 834); }
  .register-label { left: calc(125.1 * 100vw / 834); top: calc(26.237 * 100vw / 834); font-size: calc(24 * 100vw / 834); letter-spacing: calc(3.910156 * 100vw / 834); }
  .venue { left: calc(32.5 * 100vw / 834); top: calc(40.7 * 100vw / 834); font-size: calc(15.6 * 100vw / 834); letter-spacing: calc(3.105612 * 100vw / 834); }
  .venue-sub { left: calc(101 * 100vw / 834); top: calc(65.65 * 100vw / 834); font-size: calc(11.7 * 100vw / 834); letter-spacing: calc(3.222193 * 100vw / 834); }
  .date { left: calc(23.5 * 100vw / 834); top: calc(40.7 * 100vw / 834); font-size: calc(15.6 * 100vw / 834); letter-spacing: calc(3.095098 * 100vw / 834); }
  .date-sub { left: calc(89 * 100vw / 834); top: calc(65.65 * 100vw / 834); font-size: calc(11.7 * 100vw / 834); letter-spacing: calc(3.423267 * 100vw / 834); }
  .time { left: 0; width: calc(246 * 100vw / 834); text-align: center; top: calc(40.7 * 100vw / 834); font-size: calc(15.6 * 100vw / 834); letter-spacing: calc(2.536977 * 100vw / 834); }
  .time-sub { left: 0; width: calc(246 * 100vw / 834); text-align: center; top: calc(65.65 * 100vw / 834); font-size: calc(11.7 * 100vw / 834); letter-spacing: calc(3.423267 * 100vw / 834); }
}

@media (min-width: 1200px) {
  .background img { object-fit: cover; }
  .background::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #000 calc(1063.466667 * 100vw / 1920), transparent calc(1563.466667 * 100vw / 1920)); }
  .event { --desktop-height: min(calc(1229.333333 * 100vw / 1920), 100svh); height: var(--desktop-height); }
  .background { left: calc(0 * 100vw / 1920); top: calc(0 * 100vw / 1920); width: calc(1920 * 100vw / 1920); height: var(--desktop-height); }
  .kng-logo { left: calc(80 * 100vw / 1920); top: calc(80 * 100vw / 1920); width: calc(185.5 * 100vw / 1920); height: calc(119 * 100vw / 1920); }
  .collaboration { left: calc(323 * 100vw / 1920); top: calc(143 * 100vw / 1920); width: calc(29 * 100vw / 1920); height: calc(28.5 * 100vw / 1920); }
  .colibrix-logo { left: calc(409.5 * 100vw / 1920); top: calc(80 * 100vw / 1920); width: calc(276.371429 * 100vw / 1920); height: calc(119 * 100vw / 1920); }
  .title { left: calc(82.666667 * 100vw / 1920); top: calc(283.2208935 * var(--desktop-height) / 1229.333333 + 15.1117165 * 100vw / 1920); width: calc(950 * 100vw / 1920); height: calc(168.776567 * 100vw / 1920); }
  .register-button { left: calc(80 * 100vw / 1920); top: calc(816 * var(--desktop-height) / 1229.333333); width: calc(500 * 100vw / 1920); height: calc(100 * 100vw / 1920); }
  .register-button { border-radius: calc(50 * 100vw / 1920); background: linear-gradient(110deg, #c68d46, #ffd69f); box-shadow: inset 0 0 0 calc(2 * 100vw / 1920) #e8bd84, 0 calc(12 * 100vw / 1920) calc(35 * 100vw / 1920) #b771262e; }
  .button-art { display: none; }
  .arrow { left: calc(361.097334 * 100vw / 1920); top: calc(38.213733 * 100vw / 1920); width: calc(37.333333 * 100vw / 1920); height: calc(23.333333 * 100vw / 1920); }
  .footer-decoration { left: calc(0 * 100vw / 1920); top: auto; bottom: 0; width: calc(1920 * 100vw / 1920); height: calc(162.666667 * 100vw / 1920); }
  .event-details { left: calc(0 * 100vw / 1920); top: auto; bottom: 0; width: calc(1920 * 100vw / 1920); height: calc(162.666667 * 100vw / 1920); }
  .venue-item { left: calc(64 * 100vw / 1920); top: calc(38.666667 * 100vw / 1920); width: calc(597.333333 * 100vw / 1920); height: calc(70.32 * 100vw / 1920); }
  .location { left: calc(9.333333 * 100vw / 1920); top: calc(10.666667 * 100vw / 1920); width: calc(36 * 100vw / 1920); height: calc(48 * 100vw / 1920); }
  .date-item { left: calc(661.333333 * 100vw / 1920); top: calc(38.666667 * 100vw / 1920); width: calc(597.333333 * 100vw / 1920); height: calc(70.32 * 100vw / 1920); }
  .calendar { left: calc(7.333333 * 100vw / 1920); top: calc(12.666667 * 100vw / 1920); width: calc(40.666667 * 100vw / 1920); height: calc(44.666667 * 100vw / 1920); }
  .time-item { left: calc(1258.666667 * 100vw / 1920); top: calc(38.666667 * 100vw / 1920); width: calc(597.333333 * 100vw / 1920); height: calc(70.32 * 100vw / 1920); }
  .clock { left: calc(1.333333 * 100vw / 1920); top: calc(9.333333 * 100vw / 1920); width: calc(52 * 100vw / 1920); height: calc(52 * 100vw / 1920); }
  .edition { left: calc(80 * 100vw / 1920); top: calc(566.441787 * var(--desktop-height) / 1229.333333); font-size: calc(34.44976 * 100vw / 1920); letter-spacing: calc(17.835933 * 100vw / 1920); }
  .tagline .cocktails { left: calc(80 * 100vw / 1920); top: calc(698.645933 * var(--desktop-height) / 1229.333333); font-size: calc(28.708133 * 100vw / 1920); letter-spacing: calc(5.539833 * 100vw / 1920); }
  .tagline .slash-one { left: calc(334 * 100vw / 1920); top: calc(699.3126 * var(--desktop-height) / 1229.333333); font-size: calc(28.708133 * 100vw / 1920); letter-spacing: 0; }
  .tagline .connections { left: calc(394 * 100vw / 1920); top: calc(698.645933 * var(--desktop-height) / 1229.333333); font-size: calc(28.708133 * 100vw / 1920); letter-spacing: calc(5.644818 * 100vw / 1920); }
  .tagline .slash-two { left: calc(711.333333 * 100vw / 1920); top: calc(699.3126 * var(--desktop-height) / 1229.333333); font-size: calc(28.708133 * 100vw / 1920); letter-spacing: 0; }
  .tagline .beats { left: calc(772 * 100vw / 1920); top: calc(698.645933 * var(--desktop-height) / 1229.333333); font-size: calc(28.708133 * 100vw / 1920); letter-spacing: calc(5.182958 * 100vw / 1920); }
  .register-label { left: calc(100.430667 * 100vw / 1920); top: calc(32.322187 * 100vw / 1920); font-size: calc(34.44976 * 100vw / 1920); letter-spacing: calc(5.561558 * 100vw / 1920); }
  .venue { left: calc(82 * 100vw / 1920); top: calc(2.906667 * 100vw / 1920); font-size: calc(27.52 * 100vw / 1920); letter-spacing: calc(5.504654 * 100vw / 1920); }
  .venue-sub { left: calc(82 * 100vw / 1920); top: calc(46.68 * 100vw / 1920); font-size: calc(20.64 * 100vw / 1920); letter-spacing: calc(6.221029 * 100vw / 1920); }
  .date { left: calc(82 * 100vw / 1920); top: calc(2.906667 * 100vw / 1920); font-size: calc(27.52 * 100vw / 1920); letter-spacing: calc(5.529126 * 100vw / 1920); }
  .date-sub { left: calc(82 * 100vw / 1920); top: calc(46.68 * 100vw / 1920); font-size: calc(20.64 * 100vw / 1920); letter-spacing: calc(6.160022 * 100vw / 1920); }
  .time { left: calc(82 * 100vw / 1920); width: auto; text-align: left; top: calc(2.906667 * 100vw / 1920); font-size: calc(27.52 * 100vw / 1920); letter-spacing: calc(4.436272 * 100vw / 1920); }
  .time-sub { left: calc(82 * 100vw / 1920); width: auto; text-align: left; top: calc(46.68 * 100vw / 1920); font-size: calc(20.64 * 100vw / 1920); letter-spacing: calc(6.160022 * 100vw / 1920); }
}

@media (max-width: 767px) {
  .event { --mobile-unit: min(calc(100vw / 440), calc(100svh / 731)); --mobile-left: calc((100vw - 440 * var(--mobile-unit)) / 2); height: 100svh; }
  .kng-logo { left: calc(var(--mobile-left) + 106.796875 * var(--mobile-unit)); top: calc(17 * var(--mobile-unit)); width: calc(78 * var(--mobile-unit)); height: calc(50 * var(--mobile-unit)); }
  .colibrix-logo { left: calc(var(--mobile-left) + 216.796875 * var(--mobile-unit)); top: calc(17 * var(--mobile-unit)); width: calc(116.40625 * var(--mobile-unit)); height: calc(50 * var(--mobile-unit)); }
  .collaboration { display: none; }
  .background { left: var(--mobile-left); top: calc(86 * var(--mobile-unit)); width: calc(440 * var(--mobile-unit)); height: calc(288 * var(--mobile-unit)); overflow: hidden; }
  .background img { width: inherit; height: inherit; object-fit: cover; object-position: center calc(-466.535238 * var(--mobile-unit)); }
  .background::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, #000, transparent calc(44 * var(--mobile-unit)), transparent calc(226 * var(--mobile-unit)), #000); }
  .title { left: calc(var(--mobile-left) + 26 * var(--mobile-unit)); top: calc(396 * var(--mobile-unit)); width: calc(388 * var(--mobile-unit)); height: calc(68.93247 * var(--mobile-unit)); }
  .edition { left: calc(var(--mobile-left) + 59.578125 * var(--mobile-unit)); top: calc(486.121647 * var(--mobile-unit)); width: calc(320.828125 * var(--mobile-unit)); text-align: center; font-size: calc(16 * var(--mobile-unit)); letter-spacing: calc(7.404194 * var(--mobile-unit)); }
  .tagline { position: absolute; left: var(--mobile-left); top: calc(523.310823 * var(--mobile-unit)); width: calc(440 * var(--mobile-unit)); height: calc(10.5 * var(--mobile-unit)); display: flex; justify-content: center; align-items: center; gap: calc(13 * var(--mobile-unit)); }
  .tagline span { position: static; font-size: calc(10.5 * var(--mobile-unit)); letter-spacing: calc(1.7 * var(--mobile-unit)); }
  .footer-decoration { display: none; }
  .event-details { left: calc(var(--mobile-left) + 26 * var(--mobile-unit)); top: calc(555 * var(--mobile-unit)); width: calc(388 * var(--mobile-unit)); height: calc(82 * var(--mobile-unit)); border-top: 1px solid #70582d; }
  .event-details li { top: calc(15 * var(--mobile-unit)); width: calc(129.333333 * var(--mobile-unit)); height: calc(66 * var(--mobile-unit)); }
  .venue-item { left: 0; }
  .date-item { left: calc(129.333333 * var(--mobile-unit)); }
  .time-item { left: calc(258.666667 * var(--mobile-unit)); }
  .location { left: calc(57.4 * var(--mobile-unit)); top: 0; width: calc(14.55 * var(--mobile-unit)); height: calc(20 * var(--mobile-unit)); }
  .calendar { left: calc(55.67 * var(--mobile-unit)); top: 0; width: calc(18 * var(--mobile-unit)); height: calc(20 * var(--mobile-unit)); }
  .clock { left: calc(54.67 * var(--mobile-unit)); top: 0; width: calc(20 * var(--mobile-unit)); height: calc(20 * var(--mobile-unit)); }
  .event-details .detail-label { left: 0; top: calc(29 * var(--mobile-unit)); width: calc(129.333333 * var(--mobile-unit)); text-align: center; font-size: calc(8.8 * var(--mobile-unit)); letter-spacing: calc(.9 * var(--mobile-unit)); }
  .event-details .detail-sub { left: 0; top: calc(47 * var(--mobile-unit)); width: calc(129.333333 * var(--mobile-unit)); text-align: center; font-size: calc(8 * var(--mobile-unit)); letter-spacing: calc(1.6 * var(--mobile-unit)); }
  .register-button { left: calc(var(--mobile-left) + 60 * var(--mobile-unit)); top: auto; bottom: calc(24 * var(--mobile-unit)); width: calc(320 * var(--mobile-unit)); height: calc(54 * var(--mobile-unit)); border-radius: calc(27 * var(--mobile-unit)); display: flex; justify-content: center; align-items: center; gap: calc(24 * var(--mobile-unit)); background: linear-gradient(110deg, #c68d46, #ffd69f); box-shadow: inset 0 0 0 calc(1.5 * var(--mobile-unit)) #e8bd84, 0 calc(8 * var(--mobile-unit)) calc(24 * var(--mobile-unit)) #b771262e; }
  .button-art { display: none; }
  .register-label { position: static; font-size: calc(18 * var(--mobile-unit)); letter-spacing: calc(2.8 * var(--mobile-unit)); }
  .arrow { position: static; width: calc(24 * var(--mobile-unit)); height: calc(16 * var(--mobile-unit)); }
}