/* === sheet[0] href=https://pocketchangethe.world/_next/static/chunks/359b83d96661576d.css ownerTag=LINK === */ * { text-wrap: balance; box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; text-rendering: geometricprecision; margin: 0px; padding: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { font-size: 62.5%; } @media (min-width: 1024px) { html { font-size: 50%; } } @media (min-width: 1200px) { html { font-size: 62.5%; } } @media (min-width: 1600px) { html { font-size: 75%; } } @media (min-width: 1920px) { html { font-size: 87.5%; } } body { line-height: 1; overflow-x: clip; } a { color: inherit; text-decoration: none; } ol, ul { list-style: none; } input, select, textarea, button { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } :focus-visible { outline-offset: 2px; outline: solid 2px; } .sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } * { scrollbar-width: none; } ::-webkit-scrollbar { display: none; } .fast-scroll * { will-change: transform; } .smooth-scroll { backface-visibility: hidden; perspective: 1000px; transform: translateZ(0px); } .disable-hover, .disable-hover * { pointer-events: none !important; } .page-transition { opacity: 0; } @media (prefers-reduced-motion: reduce) { *, ::before, ::after, input::placeholder, textarea::placeholder { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } input::-webkit-input-placeholder { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } textarea::-webkit-input-placeholder { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } .char { text-shadow: none !important; } } @font-face { font-family: cera; src: url("../media/cera_light-s.p.d6b50734.woff2") format("woff2"); font-display: swap; font-weight: 300; font-style: normal; } @font-face { font-family: cera; src: url("../media/cera_regular-s.p.d36024eb.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: "cera Fallback"; src: local("Arial"); ascent-override: 76.7%; descent-override: 18.21%; line-gap-override: 0%; size-adjust: 105.35%; } .cera_39f47655-module__DhLLxW__className { font-family: cera, "cera Fallback", system-ui, arial; } .cera_39f47655-module__DhLLxW__variable { --cera: "cera","cera Fallback",system-ui,arial; } /* === sheet[1] href=inline ownerTag=STYLE === */ body { background: rgb(242, 242, 242); } * { color: rgb(242, 242, 242); } .bJXKnh { padding-top: 6rem; padding-bottom: 6rem; } @media (min-width: 700px) { .bJXKnh { padding-top: 8.4rem; padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .bJXKnh { padding-top: 12rem; padding-bottom: 12rem; } } @media (min-width: 1200px) { .bJXKnh { padding-top: clamp(8.333vw, 8.333vw, 100vw); padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } .kXtAqU { padding-top: 6rem; } @media (min-width: 700px) { .kXtAqU { padding-top: 8.4rem; } } @media (min-width: 1024px) { .kXtAqU { padding-top: 12rem; } } @media (min-width: 1200px) { .kXtAqU { padding-top: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 0px) { .iehMYM { grid-column: 1 / 3; } } @media (min-width: 700px) { .iehMYM { grid-column: 1 / 7; } } @media (min-width: 1024px) { .iehMYM { grid-column: 1 / 8; } } @media (min-width: 1200px) { .iehMYM { grid-column: 1 / 8; } } .hxKquF { padding-bottom: 6rem; } @media (min-width: 700px) { .hxKquF { padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .hxKquF { padding-bottom: 12rem; } } @media (min-width: 1200px) { .hxKquF { padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 0px) { .kOVAaJ { grid-column: 1 / 3; } } @media (min-width: 700px) { .kOVAaJ { grid-column: 1 / 7; } } @media (min-width: 1024px) { .kOVAaJ { grid-column: 1 / 13; } } .cyLYos { padding-top: 6rem; padding-bottom: 6rem; } @media (min-width: 700px) { .cyLYos { padding-top: 8.4rem; padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .cyLYos { padding-top: 12rem; padding-bottom: 12rem; } } @media (min-width: 1200px) { .cyLYos { padding-top: clamp(8.333vw, 8.333vw, 100vw); padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 0px) { .fVCGeF { grid-column: 1 / 3; } } @media (min-width: 700px) { .fVCGeF { grid-column: 1 / 7; } } @media (min-width: 1024px) { .fVCGeF { grid-column: 1 / 7; } } @media (min-width: 1200px) { .fVCGeF { grid-column: 1 / 6; } } @media (min-width: 0px) { .gUZqTt { grid-column: 1 / 3; } } @media (min-width: 700px) { .gUZqTt { grid-column: 1 / 7; } } @media (min-width: 1024px) { .gUZqTt { grid-column: 1 / 6; } } @media (min-width: 0px) { .fDnySu { grid-column: 1 / 3; } } @media (min-width: 700px) { .fDnySu { grid-column: 1 / 7; } } @media (min-width: 1024px) { .fDnySu { grid-column: 6 / 13; } } @media (min-width: 0px) { .iUMOSw { grid-column: 1 / 3; } } @media (min-width: 700px) { .iUMOSw { grid-column: 1 / 7; } } @media (min-width: 1024px) { .iUMOSw { grid-column: 6 / 11; } } @media (min-width: 0px) { .kJMDbM { grid-column: 1 / 3; } } @media (min-width: 700px) { .kJMDbM { grid-column: 1 / 7; } } @media (min-width: 1024px) { .kJMDbM { grid-column: 1 / 13; } } @media (min-width: 1200px) { .kJMDbM { grid-column: 2 / 12; } } .cieGho { padding-top: 6rem; padding-bottom: 6rem; } @media (min-width: 700px) { .cieGho { padding-top: 8.4rem; padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .cieGho { padding-top: 12rem; padding-bottom: 12rem; } } @media (min-width: 1200px) { .cieGho { padding-top: clamp(8.333vw, 8.333vw, 100vw); padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 0px) { .dePkfU { grid-column: 1 / 3; } } @media (min-width: 700px) { .dePkfU { grid-column: 1 / 7; } } @media (min-width: 1024px) { .dePkfU { grid-column: 1 / 13; } } .iCiQVp { padding-top: 6rem; padding-bottom: 6rem; } @media (min-width: 700px) { .iCiQVp { padding-top: 8.4rem; padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .iCiQVp { padding-top: 12rem; padding-bottom: 12rem; } } @media (min-width: 1200px) { .iCiQVp { padding-top: clamp(8.333vw, 8.333vw, 100vw); padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 0px) { .jZpuoS { grid-column: 1 / 3; } } @media (min-width: 700px) { .jZpuoS { grid-column: 1 / 7; } } @media (min-width: 1024px) { .jZpuoS { grid-column: 1 / 10; } } @media (min-width: 1200px) { .jZpuoS { grid-column: 1 / 8; } } @media (min-width: 0px) { .ekLQZC { grid-column: 1 / 3; } } @media (min-width: 700px) { .ekLQZC { grid-column: 1 / 7; } } @media (min-width: 1024px) { .ekLQZC { grid-column: 1 / 13; } } @media (min-width: 1200px) { .ekLQZC { grid-column: 2 / 12; } } @media (min-width: 0px) { .edhYWx { grid-column: 1 / 3; } } @media (min-width: 700px) { .edhYWx { grid-column: 1 / 7; } } @media (min-width: 1024px) { .edhYWx { grid-column: 3 / 11; } } @media (min-width: 0px) { .efrIzd { grid-column: 1 / 3; } } @media (min-width: 700px) { .efrIzd { grid-column: 1 / 7; } } @media (min-width: 1024px) { .efrIzd { grid-column: 1 / 13; } } @media (min-width: 0px) { .fTlWul { grid-column: 1 / 3; } } @media (min-width: 700px) { .fTlWul { grid-column: 1 / 7; } } @media (min-width: 1024px) { .fTlWul { grid-column: 1 / 7; } } @media (min-width: 1200px) { .fTlWul { grid-column: 1 / 6; } } @media (min-width: 0px) { .iEsTgf { grid-column: 1 / 3; } } @media (min-width: 700px) { .iEsTgf { grid-column: 1 / 7; } } @media (min-width: 1024px) { .iEsTgf { grid-column: 1 / 8; } } @media (min-width: 0px) { .kBBxwi { grid-column: 1 / 3; } } @media (min-width: 700px) { .kBBxwi { grid-column: 1 / 7; } } @media (min-width: 1024px) { .kBBxwi { grid-column: 6 / 13; } } .jugGOr { padding-bottom: 6rem; } @media (min-width: 700px) { .jugGOr { padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .jugGOr { padding-bottom: 12rem; } } @media (min-width: 1200px) { .jugGOr { padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 0px) { .jugGOr { grid-column: 1 / 3; } } @media (min-width: 700px) { .jugGOr { grid-column: 1 / 7; } } @media (min-width: 1024px) { .jugGOr { grid-column: 1 / 13; } } @media (min-width: 0px) { .kepxDd { grid-column: 1 / 3; } } @media (min-width: 700px) { .kepxDd { grid-column: 1 / 7; } } @media (min-width: 1024px) { .kepxDd { grid-column: 1 / 7; } } @media (min-width: 1200px) { .kepxDd { grid-column: 1 / 7; } } @media (min-width: 0px) { .bdSaHD { grid-column: 1 / 3; } } @media (min-width: 700px) { .bdSaHD { grid-column: 1 / 7; } } @media (min-width: 1024px) { .bdSaHD { grid-column: 3 / 11; } } @media (min-width: 1200px) { .bdSaHD { grid-column: 4 / 10; } } @media (min-width: 0px) { .idWpeA { grid-column: 1 / 3; } } @media (min-width: 700px) { .idWpeA { grid-column: 1 / 7; } } @media (min-width: 1024px) { .idWpeA { grid-column: 3 / 11; } } @media (min-width: 0px) { .evphRQ { grid-column: 1 / 3; } } @media (min-width: 700px) { .evphRQ { grid-column: 1 / 7; } } @media (min-width: 1024px) { .evphRQ { grid-column: 1 / 7; } } @media (min-width: 1200px) { .evphRQ { grid-column: 1 / 6; } } @media (min-width: 0px) { .jROMcg { grid-column: 1 / 3; } } @media (min-width: 700px) { .jROMcg { grid-column: 1 / 7; } } @media (min-width: 1024px) { .jROMcg { grid-column: 1 / 6; } } @media (min-width: 0px) { .fJNpyp { grid-column: 1 / 3; } } @media (min-width: 700px) { .fJNpyp { grid-column: 1 / 7; } } @media (min-width: 1024px) { .fJNpyp { grid-column: 6 / 11; } } .hAzPXf { width: 2.4rem; height: 2.4rem; } .itCUTL { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 2.4rem; overflow: hidden; height: 4.8rem; padding: 0px 0px 0px 2.4rem; background: rgb(245, 16, 16); border-radius: 0.6rem; cursor: pointer; opacity: 1; pointer-events: auto; backdrop-filter: blur(1rem); transition: background 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 700px) { .itCUTL { font-size: 1.6rem; } } @media (min-width: 1024px) { .itCUTL { font-size: 1.6rem; } } @media (min-width: 1024px) { .itCUTL { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; height: 6rem; padding: 0px 0px 0px 3.6rem; gap: 3.6rem; } @media (min-width: 700px) { .itCUTL { font-size: 2.2rem; } } @media (min-width: 1024px) { .itCUTL { font-size: 1.8rem; } } } .itCUTL strong, .itCUTL i { pointer-events: none; } .itCUTL strong { flex: 1 1 0%; color: rgb(242, 242, 242); transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); transform: translateY(0.1rem); display: block; overflow: hidden; } .itCUTL strong .char { display: inline-block; text-shadow: rgb(242, 242, 242) 0px 3rem 0px; color: inherit; transition: 0.5s; } .itCUTL strong .char:nth-child(1) { transition-delay: 0s; } .itCUTL strong .char:nth-child(2) { transition-delay: 0.01s; } .itCUTL strong .char:nth-child(3) { transition-delay: 0.02s; } .itCUTL strong .char:nth-child(4) { transition-delay: 0.03s; } .itCUTL strong .char:nth-child(5) { transition-delay: 0.04s; } .itCUTL strong .char:nth-child(6) { transition-delay: 0.05s; } .itCUTL strong .char:nth-child(7) { transition-delay: 0.06s; } .itCUTL strong .char:nth-child(8) { transition-delay: 0.07s; } .itCUTL strong .char:nth-child(9) { transition-delay: 0.08s; } .itCUTL strong .char:nth-child(10) { transition-delay: 0.09s; } .itCUTL strong .char:nth-child(11) { transition-delay: 0.1s; } .itCUTL strong .char:nth-child(12) { transition-delay: 0.11s; } .itCUTL strong .char:nth-child(13) { transition-delay: 0.12s; } .itCUTL strong .char:nth-child(14) { transition-delay: 0.13s; } .itCUTL strong .char:nth-child(15) { transition-delay: 0.14s; } .itCUTL strong .char:nth-child(16) { transition-delay: 0.15s; } .itCUTL strong .char:nth-child(17) { transition-delay: 0.16s; } .itCUTL strong .char:nth-child(18) { transition-delay: 0.17s; } .itCUTL strong .char:nth-child(19) { transition-delay: 0.18s; } .itCUTL strong .char:nth-child(20) { transition-delay: 0.19s; } .itCUTL i { --size: 4.8rem; display: flex; align-items: center; justify-content: center; width: var(--size); height: var(--size); } @media (min-width: 1024px) { .itCUTL i { --size: 6rem; } } .itCUTL i.before, .itCUTL i.after { transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } .itCUTL i.after { position: relative; transform: translateX(0%); background: rgba(0, 0, 0, 0.2); } .itCUTL i.before { position: absolute; left: 0px; top: 0px; transform: translateX(-100%); background: rgba(0, 0, 0, 0.2); } .itCUTL i.before svg { stroke: rgb(242, 242, 242); transform: translateX(-2.4rem); } .itCUTL i svg { width: 2.4rem; height: 2.4rem; stroke: rgb(242, 242, 242); stroke-width: 2; transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (hover: hover) { .itCUTL:hover:hover:not(:disabled) { background: rgb(245, 16, 16); } .itCUTL:hover:hover:not(:disabled) strong { transform: translateX(6rem) translateY(0.1rem); color: rgb(242, 242, 242); } .itCUTL:hover:hover:not(:disabled) strong .char { transform: translateY(-3rem); color: rgb(242, 242, 242); text-shadow: rgb(242, 242, 242) 0px 3rem 0px; } .itCUTL:hover:hover:not(:disabled) i.after { transform: translateX(6rem); } .itCUTL:hover:hover:not(:disabled) i.after svg { transform: translateX(2.4rem); } .itCUTL:hover:hover:not(:disabled) i.before { transform: translateX(0%); } .itCUTL:hover:hover:not(:disabled) i.before svg { transform: translateX(0%); } } .itCUTL:active { transform: scale(0.9); transition: transform 0.25s cubic-bezier(0.43, 0.195, 0.02, 1); } .ilCOMv { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 2.4rem; overflow: hidden; height: 4.8rem; padding: 0px 0px 0px 2.4rem; background: rgb(245, 16, 16); border-radius: 0.6rem; cursor: not-allowed; opacity: 0.5; pointer-events: none; backdrop-filter: blur(1rem); transition: background 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 700px) { .ilCOMv { font-size: 1.6rem; } } @media (min-width: 1024px) { .ilCOMv { font-size: 1.6rem; } } @media (min-width: 1024px) { .ilCOMv { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; height: 6rem; padding: 0px 0px 0px 3.6rem; gap: 3.6rem; } @media (min-width: 700px) { .ilCOMv { font-size: 2.2rem; } } @media (min-width: 1024px) { .ilCOMv { font-size: 1.8rem; } } } .ilCOMv strong, .ilCOMv i { pointer-events: none; } .ilCOMv strong { flex: 1 1 0%; color: rgb(242, 242, 242); transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); transform: translateY(0.1rem); display: block; overflow: hidden; } .ilCOMv strong .char { display: inline-block; text-shadow: rgb(242, 242, 242) 0px 3rem 0px; color: inherit; transition: 0.5s; } .ilCOMv strong .char:nth-child(1) { transition-delay: 0s; } .ilCOMv strong .char:nth-child(2) { transition-delay: 0.01s; } .ilCOMv strong .char:nth-child(3) { transition-delay: 0.02s; } .ilCOMv strong .char:nth-child(4) { transition-delay: 0.03s; } .ilCOMv strong .char:nth-child(5) { transition-delay: 0.04s; } .ilCOMv strong .char:nth-child(6) { transition-delay: 0.05s; } .ilCOMv strong .char:nth-child(7) { transition-delay: 0.06s; } .ilCOMv strong .char:nth-child(8) { transition-delay: 0.07s; } .ilCOMv strong .char:nth-child(9) { transition-delay: 0.08s; } .ilCOMv strong .char:nth-child(10) { transition-delay: 0.09s; } .ilCOMv strong .char:nth-child(11) { transition-delay: 0.1s; } .ilCOMv strong .char:nth-child(12) { transition-delay: 0.11s; } .ilCOMv strong .char:nth-child(13) { transition-delay: 0.12s; } .ilCOMv strong .char:nth-child(14) { transition-delay: 0.13s; } .ilCOMv strong .char:nth-child(15) { transition-delay: 0.14s; } .ilCOMv strong .char:nth-child(16) { transition-delay: 0.15s; } .ilCOMv strong .char:nth-child(17) { transition-delay: 0.16s; } .ilCOMv strong .char:nth-child(18) { transition-delay: 0.17s; } .ilCOMv strong .char:nth-child(19) { transition-delay: 0.18s; } .ilCOMv strong .char:nth-child(20) { transition-delay: 0.19s; } .ilCOMv i { --size: 4.8rem; display: flex; align-items: center; justify-content: center; width: var(--size); height: var(--size); } @media (min-width: 1024px) { .ilCOMv i { --size: 6rem; } } .ilCOMv i.before, .ilCOMv i.after { transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } .ilCOMv i.after { position: relative; transform: translateX(0%); background: rgba(0, 0, 0, 0.2); } .ilCOMv i.before { position: absolute; left: 0px; top: 0px; transform: translateX(-100%); background: rgba(0, 0, 0, 0.2); } .ilCOMv i.before svg { stroke: rgb(242, 242, 242); transform: translateX(-2.4rem); } .ilCOMv i svg { width: 2.4rem; height: 2.4rem; stroke: rgb(242, 242, 242); stroke-width: 2; transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (hover: hover) { .ilCOMv:hover:hover:not(:disabled) { background: rgb(245, 16, 16); } .ilCOMv:hover:hover:not(:disabled) strong { transform: translateX(6rem) translateY(0.1rem); color: rgb(242, 242, 242); } .ilCOMv:hover:hover:not(:disabled) strong .char { transform: translateY(-3rem); color: rgb(242, 242, 242); text-shadow: rgb(242, 242, 242) 0px 3rem 0px; } .ilCOMv:hover:hover:not(:disabled) i.after { transform: translateX(6rem); } .ilCOMv:hover:hover:not(:disabled) i.after svg { transform: translateX(2.4rem); } .ilCOMv:hover:hover:not(:disabled) i.before { transform: translateX(0%); } .ilCOMv:hover:hover:not(:disabled) i.before svg { transform: translateX(0%); } } .ilCOMv:active { transform: scale(0.9); transition: transform 0.25s cubic-bezier(0.43, 0.195, 0.02, 1); } .Bcdln { --size: 1.2rem; position: fixed; inset: 0px 0px auto; height: 120lvh; z-index: -1; pointer-events: none; background: linear-gradient(153deg, rgb(245, 16, 16) 25%, rgb(254, 172, 8) 100%); } @media (min-width: 1024px) { .Bcdln { clip-path: inset(var(--size) round var(--size)); height: 100lvh; } @media (prefers-reduced-motion: reduce) { .Bcdln { clip-path: none; } } } .gTGbSI { display: grid; margin: 0px auto; width: 100%; grid-template-columns: repeat(2, 1fr); column-gap: 2.4rem; padding-left: 2.4rem; padding-right: 2.4rem; max-width: none; } @media (min-width: 400px) { .gTGbSI { padding-left: 3.6rem; padding-right: 3.6rem; } } @media (min-width: 700px) { .gTGbSI { grid-template-columns: repeat(6, 1fr); column-gap: 2.4rem; padding-left: clamp(6rem, 8.333vw, 100vw); padding-right: clamp(6rem, 8.333vw, 100vw); } } @media (min-width: 1024px) { .gTGbSI { grid-template-columns: repeat(12, 1fr); column-gap: 3.6rem; padding-left: clamp(6rem, 8.333vw, 100vw); padding-right: clamp(6rem, 8.333vw, 100vw); } } @media (min-width: 1200px) { .gTGbSI { padding-left: clamp(8.4rem, 6.666vw, 100vw); padding-right: clamp(8.4rem, 6.666vw, 100vw); } } @media (min-width: 1400px) { .gTGbSI { padding-left: clamp(12rem, 4.166vw, 100vw); padding-right: clamp(12rem, 4.166vw, 100vw); } } .lfjkrW { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; z-index: 1; pointer-events: none; user-select: none; touch-action: none; opacity: 0; transform: scale(0.5) rotate(-10deg); } @media (prefers-reduced-motion: reduce) { .lfjkrW { transform: none !important; opacity: 1 !important; } } .lfjkrW svg { position: relative; width: 16rem; height: 16rem; fill: rgb(43, 1, 1); opacity: 0.3; animation: 10s linear 0s infinite normal none running hqRQxb; } .XKUjj { --delay: 0.4s; --anim: 0.5s cubic-bezier(0.430, 0.195, 0.020, 1.000); pointer-events: none; user-select: none; touch-action: none; display: flex; align-items: center; justify-content: center; position: fixed; overflow: hidden; inset: -20lvh 0px auto; height: 140lvh; z-index: 12; background-color: rgb(255, 255, 255); clip-path: circle(100% at 50% 50%); transition: clip-path var(--anim); will-change: clip-path; } @media (prefers-reduced-motion: reduce) { .XKUjj { transition: none !important; clip-path: none !important; } } .XKUjj canvas { scale: 1; transition: scale 0.5s cubic-bezier(0.5, 0, 0, 1); } .PQAhX { --delay: 0.4s; --anim: 0.5s cubic-bezier(0.430, 0.195, 0.020, 1.000); pointer-events: none; user-select: none; touch-action: none; display: flex; align-items: center; justify-content: center; position: fixed; overflow: hidden; inset: -20lvh 0px auto; height: 140lvh; z-index: 12; background-color: rgb(255, 255, 255); clip-path: circle(0% at 50% 50%); transition: clip-path var(--anim); will-change: clip-path; } @media (prefers-reduced-motion: reduce) { .PQAhX { transition: none !important; clip-path: none !important; } } .PQAhX canvas { scale: 0; transition: scale 0.5s cubic-bezier(0.5, 0, 0, 1); } @keyframes hqRQxb { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fYUxVf { display: none; } @media (min-width: 1024px) { .fYUxVf { display: block; width: 14.4rem; height: auto; aspect-ratio: 17.3 / 3.2; fill: rgb(242, 242, 242); } } @media (min-width: 1200px) { .fYUxVf { width: clamp(17rem, 10.63vw, 24rem); } } .dXmcno { width: 10.837rem; height: auto; aspect-ratio: 108.37 / 59; fill: rgb(242, 242, 242); } @media (min-width: 1024px) { .dXmcno { display: none; } } .cktyeV { width: 32.34vw; height: auto; aspect-ratio: 108.37 / 59; } .cktyeV .icon { fill: rgb(245, 16, 16); } .cktyeV .text { fill: rgb(43, 1, 1); } .jUWdnw { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; min-width: 18rem; height: 6rem; padding: 0px 1.2rem; border-radius: 0.6rem; background: rgb(0, 0, 0); transition: background 0.3s ease-in-out, transform 0.3s ease-in-out; } @media (min-width: 1024px) { .jUWdnw:hover { transform: scale(1.05); } .jUWdnw:hover svg { fill: rgb(255, 255, 255); } .jUWdnw:hover .char { transform: translateY(-3rem); } } .jUWdnw svg { width: 2.4rem; fill: rgb(255, 255, 255); transition: fill 0.3s ease-in-out; } .jUWdnw p { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 0px; color: rgb(255, 255, 255); transition: color 0.3s ease-in-out; } .jUWdnw p .word { display: block; overflow: hidden; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: inherit; } .jUWdnw p .word:first-child { font-weight: 700; font-size: 1rem; line-height: 1.44; text-transform: uppercase; } .jUWdnw p .word:first-child .char { text-shadow: rgba(255, 255, 255, 0.6) 0px 3rem 0px; } .jUWdnw p .word:last-child { font-weight: 400; line-height: 1; font-size: 1.8rem; } .jUWdnw p .word .char { display: inline-block; color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 3rem 0px; transition: 0.5s; } .jUWdnw p .word .char:nth-child(1) { transition-delay: 0s; } .jUWdnw p .word .char:nth-child(2) { transition-delay: 0.01s; } .jUWdnw p .word .char:nth-child(3) { transition-delay: 0.02s; } .jUWdnw p .word .char:nth-child(4) { transition-delay: 0.03s; } .jUWdnw p .word .char:nth-child(5) { transition-delay: 0.04s; } .jUWdnw p .word .char:nth-child(6) { transition-delay: 0.05s; } .jUWdnw p .word .char:nth-child(7) { transition-delay: 0.06s; } .jUWdnw p .word .char:nth-child(8) { transition-delay: 0.07s; } .jUWdnw p .word .char:nth-child(9) { transition-delay: 0.08s; } .jUWdnw p .word .char:nth-child(10) { transition-delay: 0.09s; } .jUWdnw p .word .char:nth-child(11) { transition-delay: 0.1s; } .jUWdnw p .word .char:nth-child(12) { transition-delay: 0.11s; } .jUWdnw p .word .char:nth-child(13) { transition-delay: 0.12s; } .jUWdnw p .word .char:nth-child(14) { transition-delay: 0.13s; } .jUWdnw p .word .char:nth-child(15) { transition-delay: 0.14s; } .jUWdnw p .word .char:nth-child(16) { transition-delay: 0.15s; } .jUWdnw p .word .char:nth-child(17) { transition-delay: 0.16s; } .jUWdnw p .word .char:nth-child(18) { transition-delay: 0.17s; } .jUWdnw p .word .char:nth-child(19) { transition-delay: 0.18s; } .jUWdnw p .word .char:nth-child(20) { transition-delay: 0.19s; } .hyIXSi { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; min-width: 18rem; height: 6rem; padding: 0px 1.2rem; border-radius: 0.6rem; background: rgb(255, 255, 255); transition: background 0.3s ease-in-out, transform 0.3s ease-in-out; } @media (min-width: 1024px) { .hyIXSi:hover { transform: scale(1.05); } .hyIXSi:hover svg { fill: rgb(0, 0, 0); } .hyIXSi:hover .char { transform: translateY(-3rem); } } .hyIXSi svg { width: 2.4rem; fill: rgb(0, 0, 0); transition: fill 0.3s ease-in-out; } .hyIXSi p { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 0px; color: rgb(0, 0, 0); transition: color 0.3s ease-in-out; } .hyIXSi p .word { display: block; overflow: hidden; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: inherit; } .hyIXSi p .word:first-child { font-weight: 700; font-size: 1rem; line-height: 1.44; text-transform: uppercase; } .hyIXSi p .word:first-child .char { text-shadow: rgba(0, 0, 0, 0.6) 0px 3rem 0px; } .hyIXSi p .word:last-child { font-weight: 400; line-height: 1; font-size: 1.8rem; } .hyIXSi p .word .char { display: inline-block; color: rgb(0, 0, 0); text-shadow: rgb(0, 0, 0) 0px 3rem 0px; transition: 0.5s; } .hyIXSi p .word .char:nth-child(1) { transition-delay: 0s; } .hyIXSi p .word .char:nth-child(2) { transition-delay: 0.01s; } .hyIXSi p .word .char:nth-child(3) { transition-delay: 0.02s; } .hyIXSi p .word .char:nth-child(4) { transition-delay: 0.03s; } .hyIXSi p .word .char:nth-child(5) { transition-delay: 0.04s; } .hyIXSi p .word .char:nth-child(6) { transition-delay: 0.05s; } .hyIXSi p .word .char:nth-child(7) { transition-delay: 0.06s; } .hyIXSi p .word .char:nth-child(8) { transition-delay: 0.07s; } .hyIXSi p .word .char:nth-child(9) { transition-delay: 0.08s; } .hyIXSi p .word .char:nth-child(10) { transition-delay: 0.09s; } .hyIXSi p .word .char:nth-child(11) { transition-delay: 0.1s; } .hyIXSi p .word .char:nth-child(12) { transition-delay: 0.11s; } .hyIXSi p .word .char:nth-child(13) { transition-delay: 0.12s; } .hyIXSi p .word .char:nth-child(14) { transition-delay: 0.13s; } .hyIXSi p .word .char:nth-child(15) { transition-delay: 0.14s; } .hyIXSi p .word .char:nth-child(16) { transition-delay: 0.15s; } .hyIXSi p .word .char:nth-child(17) { transition-delay: 0.16s; } .hyIXSi p .word .char:nth-child(18) { transition-delay: 0.17s; } .hyIXSi p .word .char:nth-child(19) { transition-delay: 0.18s; } .hyIXSi p .word .char:nth-child(20) { transition-delay: 0.19s; } .eSlwZD { position: fixed; z-index: 10; inset: 0px; flex-direction: column; align-items: center; justify-content: center; padding: 3.6rem 2.4rem 2.4rem; background: rgb(242, 242, 242); opacity: 0; pointer-events: none; transition: clip-path 0.5s cubic-bezier(0.43, 0.195, 0.02, 1), opacity 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); display: none; } @media (min-width: 400px) { .eSlwZD { clip-path: inset(0px); } } @media (min-width: 1024px) { .eSlwZD { display: none; position: relative; inset: auto; clip-path: none; background: transparent; padding: 0px; } } @media (min-width: 1024px) { .eSlwZD { display: flex; opacity: 1; pointer-events: auto; } } .eSlwZD ul { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2.4rem, 3svh, 4.8rem); width: 100%; height: 100%; } @media (min-width: 1024px) { .eSlwZD ul { height: auto; flex-direction: row; gap: 0.6rem; } } @media (min-width: 1200px) { .eSlwZD ul { gap: clamp(2.4rem, 1.5vw, 100vw); } } .eSlwZD ul li a, .eSlwZD ul li button { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.4rem; line-height: 1.44; font-weight: 400; display: block; padding: 1.2rem; color: rgb(43, 1, 1); transition: 0.3s; } @media (min-width: 1024px) { .eSlwZD ul li a, .eSlwZD ul li button { font-size: 1.4rem; } } @media (min-width: 1200px) { .eSlwZD ul li a, .eSlwZD ul li button { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } } @media (min-width: 1600px) { .eSlwZD ul li a, .eSlwZD ul li button { font-size: 1.6rem; line-height: 1.2; font-weight: 400; } } .eSlwZD ul li a .word, .eSlwZD ul li button .word { display: block; overflow: hidden; color: inherit; } .eSlwZD ul li a .word .char, .eSlwZD ul li button .word .char { color: inherit; } @media (min-width: 1024px) { .eSlwZD ul li a, .eSlwZD ul li button { color: rgb(242, 242, 242); } .eSlwZD ul li a .char, .eSlwZD ul li button .char { display: inline-block; text-shadow: rgba(242, 242, 242, 0.6) 0px 3rem 0px; color: rgb(242, 242, 242); transition: 0.5s; } .eSlwZD ul li a .char:nth-child(1), .eSlwZD ul li button .char:nth-child(1) { transition-delay: 0s; } .eSlwZD ul li a .char:nth-child(2), .eSlwZD ul li button .char:nth-child(2) { transition-delay: 0.01s; } .eSlwZD ul li a .char:nth-child(3), .eSlwZD ul li button .char:nth-child(3) { transition-delay: 0.02s; } .eSlwZD ul li a .char:nth-child(4), .eSlwZD ul li button .char:nth-child(4) { transition-delay: 0.03s; } .eSlwZD ul li a .char:nth-child(5), .eSlwZD ul li button .char:nth-child(5) { transition-delay: 0.04s; } .eSlwZD ul li a .char:nth-child(6), .eSlwZD ul li button .char:nth-child(6) { transition-delay: 0.05s; } .eSlwZD ul li a .char:nth-child(7), .eSlwZD ul li button .char:nth-child(7) { transition-delay: 0.06s; } .eSlwZD ul li a .char:nth-child(8), .eSlwZD ul li button .char:nth-child(8) { transition-delay: 0.07s; } .eSlwZD ul li a .char:nth-child(9), .eSlwZD ul li button .char:nth-child(9) { transition-delay: 0.08s; } .eSlwZD ul li a .char:nth-child(10), .eSlwZD ul li button .char:nth-child(10) { transition-delay: 0.09s; } .eSlwZD ul li a .char:nth-child(11), .eSlwZD ul li button .char:nth-child(11) { transition-delay: 0.1s; } .eSlwZD ul li a .char:nth-child(12), .eSlwZD ul li button .char:nth-child(12) { transition-delay: 0.11s; } .eSlwZD ul li a .char:nth-child(13), .eSlwZD ul li button .char:nth-child(13) { transition-delay: 0.12s; } .eSlwZD ul li a .char:nth-child(14), .eSlwZD ul li button .char:nth-child(14) { transition-delay: 0.13s; } .eSlwZD ul li a .char:nth-child(15), .eSlwZD ul li button .char:nth-child(15) { transition-delay: 0.14s; } .eSlwZD ul li a .char:nth-child(16), .eSlwZD ul li button .char:nth-child(16) { transition-delay: 0.15s; } .eSlwZD ul li a .char:nth-child(17), .eSlwZD ul li button .char:nth-child(17) { transition-delay: 0.16s; } .eSlwZD ul li a .char:nth-child(18), .eSlwZD ul li button .char:nth-child(18) { transition-delay: 0.17s; } .eSlwZD ul li a .char:nth-child(19), .eSlwZD ul li button .char:nth-child(19) { transition-delay: 0.18s; } .eSlwZD ul li a .char:nth-child(20), .eSlwZD ul li button .char:nth-child(20) { transition-delay: 0.19s; } .eSlwZD ul li a:hover .char, .eSlwZD ul li button:hover .char { transform: translateY(-3rem); } } .eSlwZD ul li button { background: transparent; padding: 0px; margin: 0px; outline: none; } @media (min-width: 1024px) { .eSlwZD ul li:last-child { display: none; } } .eSlwZD .menu-logo { transform: translateY(-1.2rem); transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .jwQsWD { position: fixed; z-index: 10; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.6rem 2.4rem 2.4rem; background: rgb(242, 242, 242); opacity: 0; pointer-events: none; transition: clip-path 0.5s cubic-bezier(0.43, 0.195, 0.02, 1), opacity 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 400px) { .jwQsWD { clip-path: inset(0px); } } @media (min-width: 1024px) { .jwQsWD { display: none; position: relative; inset: auto; clip-path: none; background: transparent; padding: 0px; } } .jwQsWD ul { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2.4rem, 3svh, 4.8rem); width: 100%; height: 100%; } @media (min-width: 1024px) { .jwQsWD ul { height: auto; flex-direction: row; gap: 0.6rem; } } @media (min-width: 1200px) { .jwQsWD ul { gap: clamp(2.4rem, 1.5vw, 100vw); } } .jwQsWD ul li a, .jwQsWD ul li button { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.4rem; line-height: 1.44; font-weight: 400; display: block; padding: 1.2rem; color: rgb(43, 1, 1); transition: 0.3s; } @media (min-width: 1024px) { .jwQsWD ul li a, .jwQsWD ul li button { font-size: 1.4rem; } } @media (min-width: 1200px) { .jwQsWD ul li a, .jwQsWD ul li button { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } } @media (min-width: 1600px) { .jwQsWD ul li a, .jwQsWD ul li button { font-size: 1.6rem; line-height: 1.2; font-weight: 400; } } .jwQsWD ul li a .word, .jwQsWD ul li button .word { display: block; overflow: hidden; color: inherit; } .jwQsWD ul li a .word .char, .jwQsWD ul li button .word .char { color: inherit; } @media (min-width: 1024px) { .jwQsWD ul li a, .jwQsWD ul li button { color: rgb(242, 242, 242); } .jwQsWD ul li a .char, .jwQsWD ul li button .char { display: inline-block; text-shadow: rgba(242, 242, 242, 0.6) 0px 3rem 0px; color: rgb(242, 242, 242); transition: 0.5s; } .jwQsWD ul li a .char:nth-child(1), .jwQsWD ul li button .char:nth-child(1) { transition-delay: 0s; } .jwQsWD ul li a .char:nth-child(2), .jwQsWD ul li button .char:nth-child(2) { transition-delay: 0.01s; } .jwQsWD ul li a .char:nth-child(3), .jwQsWD ul li button .char:nth-child(3) { transition-delay: 0.02s; } .jwQsWD ul li a .char:nth-child(4), .jwQsWD ul li button .char:nth-child(4) { transition-delay: 0.03s; } .jwQsWD ul li a .char:nth-child(5), .jwQsWD ul li button .char:nth-child(5) { transition-delay: 0.04s; } .jwQsWD ul li a .char:nth-child(6), .jwQsWD ul li button .char:nth-child(6) { transition-delay: 0.05s; } .jwQsWD ul li a .char:nth-child(7), .jwQsWD ul li button .char:nth-child(7) { transition-delay: 0.06s; } .jwQsWD ul li a .char:nth-child(8), .jwQsWD ul li button .char:nth-child(8) { transition-delay: 0.07s; } .jwQsWD ul li a .char:nth-child(9), .jwQsWD ul li button .char:nth-child(9) { transition-delay: 0.08s; } .jwQsWD ul li a .char:nth-child(10), .jwQsWD ul li button .char:nth-child(10) { transition-delay: 0.09s; } .jwQsWD ul li a .char:nth-child(11), .jwQsWD ul li button .char:nth-child(11) { transition-delay: 0.1s; } .jwQsWD ul li a .char:nth-child(12), .jwQsWD ul li button .char:nth-child(12) { transition-delay: 0.11s; } .jwQsWD ul li a .char:nth-child(13), .jwQsWD ul li button .char:nth-child(13) { transition-delay: 0.12s; } .jwQsWD ul li a .char:nth-child(14), .jwQsWD ul li button .char:nth-child(14) { transition-delay: 0.13s; } .jwQsWD ul li a .char:nth-child(15), .jwQsWD ul li button .char:nth-child(15) { transition-delay: 0.14s; } .jwQsWD ul li a .char:nth-child(16), .jwQsWD ul li button .char:nth-child(16) { transition-delay: 0.15s; } .jwQsWD ul li a .char:nth-child(17), .jwQsWD ul li button .char:nth-child(17) { transition-delay: 0.16s; } .jwQsWD ul li a .char:nth-child(18), .jwQsWD ul li button .char:nth-child(18) { transition-delay: 0.17s; } .jwQsWD ul li a .char:nth-child(19), .jwQsWD ul li button .char:nth-child(19) { transition-delay: 0.18s; } .jwQsWD ul li a .char:nth-child(20), .jwQsWD ul li button .char:nth-child(20) { transition-delay: 0.19s; } .jwQsWD ul li a:hover .char, .jwQsWD ul li button:hover .char { transform: translateY(-3rem); } } .jwQsWD ul li button { background: transparent; padding: 0px; margin: 0px; outline: none; } @media (min-width: 1024px) { .jwQsWD ul li:last-child { display: none; } } .jwQsWD .menu-logo { transform: translateY(-1.2rem); transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .cZfMuS { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.2rem; width: 100%; margin-block: auto 1.2rem; transform: translateY(1.2rem); transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .cZfMuS .store { width: 100%; display: flex; } .bMeNWK { position: absolute; top: 4.8rem; right: 3.6rem; transform: translateY(-1.2rem); transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 1024px) { .bMeNWK { display: none; } } .bMeNWK svg { stroke: rgb(43, 1, 1); stroke-width: 0.2rem; opacity: 0.3; } .dZWphk { position: absolute; z-index: 9; inset: 0px 0px auto; display: flex; justify-content: space-between; transition: 0.3s; overflow: hidden; align-items: flex-start; padding: 1.8rem 2.4rem; } .dZWphk::before { content: ""; position: absolute; inset: 0px 0px auto; z-index: -1; background: rgb(242, 242, 242); height: 7.2rem; transition: 0.3s; } @media (min-width: 1024px) { .dZWphk::before { height: auto; inset: 0px; } } .dZWphk .logo { position: relative; z-index: 11; order: 1; } @media (min-width: 1024px) { .dZWphk .logo { order: 0; } } @media (min-width: 400px) { .dZWphk { padding: 2.4rem 3.6rem; } } @media (min-width: 1024px) { .dZWphk { align-items: center; padding: 6rem clamp(6rem, 8.333vw, 100vw); } } @media (min-width: 1200px) { .dZWphk { padding: 6rem clamp(8.4rem, 6.666vw, 100vw); } } @media (min-width: 1400px) { .dZWphk { padding: 6rem clamp(12rem, 4.166vw, 100vw); } } .dZWphk::before { transform: translateY(-100%); } .iFJRAb { display: flex; align-items: center; justify-content: center; width: 4.8rem; height: 4.8rem; padding: 1.2rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; z-index: 11; transform: translate(-1.2rem, -1.2rem); order: 0; gap: 0px; } @media (min-width: 1024px) { .iFJRAb { width: 14.4rem; height: 4.8rem; padding: 0px; border-radius: 1.2rem; background: rgb(242, 242, 242); cursor: pointer; transition: 0.3s; transform: none; } } @media (min-width: 1200px) { .iFJRAb { width: clamp(17rem, 10.63vw, 24rem); } } .iFJRAb em { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.4rem; line-height: 1.44; display: none; color: rgb(245, 16, 16); font-weight: 700; transition: 0.3s; font-style: normal; } @media (min-width: 1024px) { .iFJRAb em { font-size: 1.4rem; } } @media (min-width: 1200px) { .iFJRAb em { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } } @media (min-width: 1600px) { .iFJRAb em { font-size: 1.6rem; line-height: 1.2; font-weight: 400; } } @media (min-width: 1024px) { .iFJRAb em { display: block; } } @media (min-width: 1024px) { .iFJRAb { order: 2; transform: none; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 3.6rem; overflow: hidden; width: auto; height: 4.8rem; padding: 0px 0px 0px 3.6rem; background: rgba(43, 1, 1, 0.4); border-radius: 0.6rem; cursor: pointer; backdrop-filter: blur(1rem); transition: background 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } } .iFJRAb svg { width: 2.4rem; height: 2.4rem; stroke: rgb(242, 242, 242); transition: 0.3s; } @media (min-width: 1024px) { .iFJRAb svg { width: 1.8rem; height: 1.8rem; stroke: rgb(245, 16, 16); } } .iFJRAb em, .iFJRAb > .before, .iFJRAb > .after { pointer-events: none; } .iFJRAb em { flex: 1 1 0%; color: rgb(245, 16, 16); transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); transform: translateY(0.1rem); display: block; overflow: hidden; } @media (min-width: 1024px) { .iFJRAb em { display: block; } } .iFJRAb em .char { display: inline-block; text-shadow: rgb(242, 242, 242) 0px 3rem 0px; color: rgb(242, 242, 242); transition: 0.5s; } .iFJRAb em .char:nth-child(1) { transition-delay: 0s; } .iFJRAb em .char:nth-child(2) { transition-delay: 0.01s; } .iFJRAb em .char:nth-child(3) { transition-delay: 0.02s; } .iFJRAb em .char:nth-child(4) { transition-delay: 0.03s; } .iFJRAb em .char:nth-child(5) { transition-delay: 0.04s; } .iFJRAb em .char:nth-child(6) { transition-delay: 0.05s; } .iFJRAb em .char:nth-child(7) { transition-delay: 0.06s; } .iFJRAb em .char:nth-child(8) { transition-delay: 0.07s; } .iFJRAb em .char:nth-child(9) { transition-delay: 0.08s; } .iFJRAb em .char:nth-child(10) { transition-delay: 0.09s; } .iFJRAb em .char:nth-child(11) { transition-delay: 0.1s; } .iFJRAb em .char:nth-child(12) { transition-delay: 0.11s; } .iFJRAb em .char:nth-child(13) { transition-delay: 0.12s; } .iFJRAb em .char:nth-child(14) { transition-delay: 0.13s; } .iFJRAb em .char:nth-child(15) { transition-delay: 0.14s; } .iFJRAb em .char:nth-child(16) { transition-delay: 0.15s; } .iFJRAb em .char:nth-child(17) { transition-delay: 0.16s; } .iFJRAb em .char:nth-child(18) { transition-delay: 0.17s; } .iFJRAb em .char:nth-child(19) { transition-delay: 0.18s; } .iFJRAb em .char:nth-child(20) { transition-delay: 0.19s; } .iFJRAb > .before, .iFJRAb > .after { display: flex; align-items: center; justify-content: center; transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 1024px) { .iFJRAb > .before, .iFJRAb > .after { width: 4.8rem; height: 4.8rem; } } .iFJRAb > .before svg, .iFJRAb > .after svg { width: 2.4rem; height: 2.4rem; stroke: rgb(245, 16, 16); stroke-width: 2; transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 1024px) { .iFJRAb > .before svg, .iFJRAb > .after svg { width: 1.8rem; height: 1.8rem; } } .iFJRAb > .after { position: relative; transform: translateX(0%); } @media (min-width: 1024px) { .iFJRAb > .after { background: rgba(43, 1, 1, 0.2); } } .iFJRAb > .after svg { stroke: rgb(242, 242, 242); } @media (min-width: 1024px) { .iFJRAb > .after svg { stroke: rgb(242, 242, 242); } } .iFJRAb > .before { display: none; position: absolute; left: 0px; top: 0px; transform: translateX(-100%); background: rgba(43, 1, 1, 0.2); } @media (min-width: 1024px) { .iFJRAb > .before { display: flex; } } .iFJRAb > .before svg { stroke: rgb(242, 242, 242); transform: translateX(-2.4rem); } @media (hover: hover) { .iFJRAb:hover:hover { background: rgba(43, 1, 1, 0.4); } .iFJRAb:hover:hover em { transform: translateX(4.8rem) translateY(0.1rem); color: rgb(242, 242, 242); } .iFJRAb:hover:hover em .char { transform: translateY(-3rem); color: rgb(242, 242, 242); text-shadow: rgb(242, 242, 242) 0px 3rem 0px; } .iFJRAb:hover:hover > .after { transform: translateX(4.8rem); } .iFJRAb:hover:hover > .after svg { transform: translateX(2.4rem); } .iFJRAb:hover:hover > .before { transform: translateX(0%); } .iFJRAb:hover:hover > .before svg { transform: translateX(0%); } } @media (min-width: 1024px) { .iFJRAb:active { transform: scale(0.9); transition: transform 0.25s cubic-bezier(0.43, 0.195, 0.02, 1); } } .cyfbla { display: flex; align-items: center; justify-content: center; gap: 1.2rem; width: 4.8rem; height: 4.8rem; padding: 1.2rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; z-index: 11; transform: translate(1.2rem, -1.2rem); order: 2; } @media (min-width: 1024px) { .cyfbla { width: 14.4rem; height: 4.8rem; padding: 0px; border-radius: 1.2rem; background: rgb(242, 242, 242); cursor: pointer; transition: 0.3s; transform: none; } } @media (min-width: 1200px) { .cyfbla { width: clamp(17rem, 10.63vw, 24rem); } } .cyfbla em { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.4rem; line-height: 1.44; display: none; color: rgb(245, 16, 16); font-weight: 700; transition: 0.3s; font-style: normal; } @media (min-width: 1024px) { .cyfbla em { font-size: 1.4rem; } } @media (min-width: 1200px) { .cyfbla em { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } } @media (min-width: 1600px) { .cyfbla em { font-size: 1.6rem; line-height: 1.2; font-weight: 400; } } @media (min-width: 1024px) { .cyfbla em { display: block; } } @media (min-width: 1024px) { .cyfbla { display: none; } } .cyfbla .menu-icon { position: relative; display: block; width: 2.4rem; height: 2.4rem; } .cyfbla .menu-icon span { position: absolute; top: 50%; width: 100%; height: 2px; background: rgb(242, 242, 242); transition: background 0.3s; } .cyfbla .menu-icon span:nth-child(1) { right: 0px; transform: translateY(calc(-50% - 0.7rem)) scaleX(0.5); transform-origin: right center; } .cyfbla .menu-icon span:nth-child(2) { left: 0px; transform: translateY(-50%); transform-origin: center center; } .cyfbla .menu-icon span:nth-child(3) { left: 0px; transform: translateY(calc(-50% + 0.7rem)) scaleX(0.5); transform-origin: left center; } .jvKBjQ { position: absolute; z-index: 3; inset: 0px auto auto 0px; aspect-ratio: var(--aspect); width: 100%; animation: 3s ease-in-out 0s infinite alternate none running hKvzwC; } @media (min-width: 1024px) { .jvKBjQ { transform: translateY(-5%) translateX(0%); filter: drop-shadow(rgba(0, 0, 0, 0.5) 1rem 4rem 6rem); } } .hDdZRw { position: absolute; z-index: 1; inset: 0px auto auto 0px; width: 100%; aspect-ratio: var(--aspect); animation: 3s ease-in-out 0s infinite alternate none running enrBNY; } .iHACYZ { position: absolute; z-index: 2; inset: 0px auto auto 0px; width: 100%; aspect-ratio: var(--aspect); mix-blend-mode: screen; animation: 3s ease-in-out 0s infinite alternate none running hggial; } .eyIyUQ { --aspect: 697/821; position: relative; pointer-events: none; z-index: 2; width: 120%; aspect-ratio: var(--aspect); } @media (min-width: 700px) { .eyIyUQ { width: 80%; } } @media (min-width: 1024px) { .eyIyUQ { position: absolute; z-index: -1; top: 50%; transform: translateY(-50%); right: 8.333vw; bottom: -12rem; width: 45vw; } } .eyIyUQ .sc-d1c9ed7f-0, .eyIyUQ .sc-d1c9ed7f-1, .eyIyUQ .sc-d1c9ed7f-2 { animation-play-state: running; } .eyIyUQ img { max-width: none !important; } .izsieJ { --aspect: 697/821; position: relative; pointer-events: none; z-index: 2; width: 120%; aspect-ratio: var(--aspect); } @media (min-width: 700px) { .izsieJ { width: 80%; } } @media (min-width: 1024px) { .izsieJ { position: absolute; z-index: -1; top: 50%; transform: translateY(-50%); right: 8.333vw; bottom: -12rem; width: 45vw; } } .izsieJ .sc-d1c9ed7f-0, .izsieJ .sc-d1c9ed7f-1, .izsieJ .sc-d1c9ed7f-2 { animation-play-state: paused; } .izsieJ img { max-width: none !important; } .lhfhSE { display: none; pointer-events: none; user-select: none; touch-action: none; } @media (min-width: 1024px) { .lhfhSE { display: flex; align-items: center; justify-content: center; gap: 1.2rem; position: absolute; bottom: 6rem; left: clamp(6rem, 8.333vw, 100vw); } } @media (min-width: 1200px) { .lhfhSE { left: clamp(8.4rem, 6.666vw, 100vw); } } @media (min-width: 1400px) { .lhfhSE { left: clamp(12rem, 4.166vw, 100vw); } } .lhfhSE svg { width: 1.8rem; height: 1.8rem; stroke: rgb(255, 255, 255); fill: none; } .lhfhSE span { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; } @media (min-width: 700px) { .lhfhSE span { font-size: 1.6rem; } } @media (min-width: 1024px) { .lhfhSE span { font-size: 1.6rem; } } .lhfhSE .word { display: block; } .lhfhSE .word .char { display: inline-block; text-shadow: rgb(242, 242, 242) 0px -3rem 0px; color: rgb(242, 242, 242); will-change: transform; transition: transform 0.5s; animation: 1.5s cubic-bezier(0.43, 0.195, 0.02, 1) 0s infinite normal none running scrollBounce; } .lhfhSE .word .char:nth-child(1) { animation-delay: 0s; } .lhfhSE .word .char:nth-child(2) { animation-delay: 0.01s; } .lhfhSE .word .char:nth-child(3) { animation-delay: 0.02s; } .lhfhSE .word .char:nth-child(4) { animation-delay: 0.03s; } .lhfhSE .word .char:nth-child(5) { animation-delay: 0.04s; } .lhfhSE .word .char:nth-child(6) { animation-delay: 0.05s; } .lhfhSE .word .char:nth-child(7) { animation-delay: 0.06s; } .lhfhSE .word .char:nth-child(8) { animation-delay: 0.07s; } .lhfhSE .word .char:nth-child(9) { animation-delay: 0.08s; } .lhfhSE .word .char:nth-child(10) { animation-delay: 0.09s; } .lhfhSE .word .char:nth-child(11) { animation-delay: 0.1s; } .lhfhSE .word .char:nth-child(12) { animation-delay: 0.11s; } .lhfhSE .word .char:nth-child(13) { animation-delay: 0.12s; } .lhfhSE .word .char:nth-child(14) { animation-delay: 0.13s; } .lhfhSE .word .char:nth-child(15) { animation-delay: 0.14s; } .lhfhSE .word .char:nth-child(16) { animation-delay: 0.15s; } .lhfhSE .word .char:nth-child(17) { animation-delay: 0.16s; } .lhfhSE .word .char:nth-child(18) { animation-delay: 0.17s; } .lhfhSE .word .char:nth-child(19) { animation-delay: 0.18s; } .lhfhSE .word .char:nth-child(20) { animation-delay: 0.19s; } @keyframes scrollBounce { 0% { transform: translateY(0rem); color: rgb(242, 242, 242); text-shadow: rgba(242, 242, 242, 0) 0px -3rem 0px; } 100% { transform: translateY(3rem); color: rgba(242, 242, 242, 0); text-shadow: rgb(242, 242, 242) 0px -3rem 0px; } } .zvpYx { display: none; pointer-events: none; user-select: none; touch-action: none; } @media (min-width: 1024px) { .zvpYx { display: flex; align-items: center; justify-content: center; gap: 1.2rem; position: absolute; bottom: 6rem; left: clamp(6rem, 8.333vw, 100vw); } } @media (min-width: 1200px) { .zvpYx { left: clamp(8.4rem, 6.666vw, 100vw); } } @media (min-width: 1400px) { .zvpYx { left: clamp(12rem, 4.166vw, 100vw); } } .zvpYx svg { width: 1.8rem; height: 1.8rem; stroke: rgb(255, 255, 255); fill: none; } .zvpYx span { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; } @media (min-width: 700px) { .zvpYx span { font-size: 1.6rem; } } @media (min-width: 1024px) { .zvpYx span { font-size: 1.6rem; } } .zvpYx .word { display: block; } .zvpYx .word .char { display: inline-block; text-shadow: rgb(242, 242, 242) 0px -3rem 0px; color: rgb(242, 242, 242); will-change: transform; transition: transform 0.5s; animation: 1.5s cubic-bezier(0.43, 0.195, 0.02, 1) 0s infinite normal none paused scrollBounce; } .zvpYx .word .char:nth-child(1) { animation-delay: 0s; } .zvpYx .word .char:nth-child(2) { animation-delay: 0.01s; } .zvpYx .word .char:nth-child(3) { animation-delay: 0.02s; } .zvpYx .word .char:nth-child(4) { animation-delay: 0.03s; } .zvpYx .word .char:nth-child(5) { animation-delay: 0.04s; } .zvpYx .word .char:nth-child(6) { animation-delay: 0.05s; } .zvpYx .word .char:nth-child(7) { animation-delay: 0.06s; } .zvpYx .word .char:nth-child(8) { animation-delay: 0.07s; } .zvpYx .word .char:nth-child(9) { animation-delay: 0.08s; } .zvpYx .word .char:nth-child(10) { animation-delay: 0.09s; } .zvpYx .word .char:nth-child(11) { animation-delay: 0.1s; } .zvpYx .word .char:nth-child(12) { animation-delay: 0.11s; } .zvpYx .word .char:nth-child(13) { animation-delay: 0.12s; } .zvpYx .word .char:nth-child(14) { animation-delay: 0.13s; } .zvpYx .word .char:nth-child(15) { animation-delay: 0.14s; } .zvpYx .word .char:nth-child(16) { animation-delay: 0.15s; } .zvpYx .word .char:nth-child(17) { animation-delay: 0.16s; } .zvpYx .word .char:nth-child(18) { animation-delay: 0.17s; } .zvpYx .word .char:nth-child(19) { animation-delay: 0.18s; } .zvpYx .word .char:nth-child(20) { animation-delay: 0.19s; } @keyframes scrollBounce { 0% { transform: translateY(0rem); color: rgb(242, 242, 242); text-shadow: rgba(242, 242, 242, 0) 0px -3rem 0px; } 100% { transform: translateY(3rem); color: rgba(242, 242, 242, 0); text-shadow: rgb(242, 242, 242) 0px -3rem 0px; } } .eDPPXZ { overflow-x: clip; } .cbhVyw { position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; width: 100%; padding-top: 10.8rem; height: 100lvh; overflow: clip visible; } @media (min-width: 1024px) { .cbhVyw { flex-direction: row; min-height: 72rem; padding-top: 0px; } } .cbhVyw waffl-grid { --gap: 1.8rem; row-gap: var(--gap); } @media (min-width: 1024px) { .cbhVyw waffl-grid { --gap: 2.4rem; margin-top: 5vh; } } @media (min-width: 1200px) { .cbhVyw waffl-grid { --gap: 3.6rem; } } @media (min-width: 1600px) { .cbhVyw waffl-grid { --gap: 4.8rem; } } .knzQWz { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 4.8rem; line-height: 1.1; font-weight: 300; letter-spacing: -0.1rem; text-align: center; } @media (min-width: 0px) { .knzQWz { grid-column: 1 / 3; } } @media (min-width: 700px) { .knzQWz { grid-column: 1 / 7; } } @media (min-width: 1024px) { .knzQWz { grid-column: 1 / 10; } } @media (min-width: 1200px) { .knzQWz { grid-column: 1 / 8; } } @media (min-width: 700px) { .knzQWz { font-size: 9.6rem; } } @media (min-width: 1024px) { .knzQWz { letter-spacing: -0.3rem; font-size: 8.4rem; } } @media (min-width: 1200px) { .knzQWz { letter-spacing: -0.3rem; font-size: 9.6rem; } } @media (min-width: 1024px) { .knzQWz { text-align: left; } } .dJKnRm { font-size: 1.8rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; text-align: center; } @media (min-width: 1200px) { .dJKnRm { font-size: 2rem; } } @media (min-width: 1024px) { .dJKnRm { text-align: left; } } .iPryxZ { display: flex; gap: 1.2rem; align-items: center; justify-content: center; margin-bottom: 6rem; } @media (min-width: 700px) { .iPryxZ { margin-bottom: 8.4rem; } } @media (min-width: 1024px) { .iPryxZ { gap: 1.2rem; justify-content: flex-start; } } @media (min-width: 1200px) { .iPryxZ { gap: 2.4rem; } } @keyframes hKvzwC { 0% { transform: translateY(-5%) rotate(0deg); } 100% { transform: translateY(0%) rotate(2deg); } } @keyframes hggial { 0% { transform: translateY(0%) translateX(0%) rotate(2deg); } 100% { transform: translateY(5%) translateX(2%) rotate(0deg); } } @keyframes enrBNY { 0% { transform: translateY(0%) rotate(2deg); } 100% { transform: translateY(2%) rotate(0deg); } } .gaVEHW { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; position: relative; display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 1.2rem; border-radius: 1.8rem; color: rgb(242, 242, 242); } @media (min-width: 700px) { .gaVEHW { font-size: 1.6rem; } } @media (min-width: 1024px) { .gaVEHW { font-size: 1.6rem; } } @media (min-width: 1024px) { .gaVEHW { padding: 0.6rem 1.8rem; gap: 1.2rem; } } .gaVEHW span { display: block; border: 1px solid rgba(242, 242, 242, 0.4); border-radius: 999rem; position: absolute; inset: 0px; z-index: 0; transform-origin: center center; } .fVbSWL { width: 2.4rem; height: 2.4rem; } .fVbSWL .check { fill: rgb(242, 242, 242); } .fVbSWL .badge { fill: rgb(245, 16, 16); } .hbzfFU { position: relative; z-index: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 2.4rem; background: rgb(242, 242, 242); border-radius: 1.2rem; width: 60vw; aspect-ratio: 27.3 / 36; transform: rotate(0deg) scale(0.8); will-change: transform; contain: layout style paint; pointer-events: none; } @media (min-width: 700px) { .hbzfFU { width: 40vw; } } @media (min-width: 1024px) { .hbzfFU { width: 22vw; border-radius: 1.8rem; transform: rotate(0deg) scale(1); } } @media (min-width: 1200px) { .hbzfFU { width: 18vw; border-radius: 1.8rem; transform: rotate(0deg) scale(1); } } .hbzfFU picture { position: absolute; z-index: -1; inset: 0.3rem; border-radius: 0.9rem; overflow: hidden; will-change: transform; } @media (min-width: 1024px) { .hbzfFU picture { inset: 0.6rem; border-radius: 1.2rem; } } .hbzfFU picture::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%); } .hbzfFU picture img { object-fit: cover; max-width: 100% !important; width: 100% !important; height: 100% !important; } .hbzfFU p { font-family: var(--cera),'Helvetica',Arial,sans-serif; line-height: 1.2; font-weight: 400; font-size: 1.8rem; text-wrap: pretty; } @media (min-width: 700px) { .hbzfFU p { font-size: 2.3rem; } } @media (min-width: 1200px) { .hbzfFU p { font-size: 2.4rem; } } @media (min-width: 1024px) { .hbzfFU p { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.2rem; line-height: 1.2; font-weight: 400; } @media (min-width: 700px) { .hbzfFU p { font-size: 2.3rem; } } @media (min-width: 1200px) { .hbzfFU p { font-size: 2.4rem; } } } .XAa-dH { overflow-x: clip; } @media (min-width: 1024px) { .bVyHJM { position: sticky; top: 0px; left: 0px; height: 100lvh; overflow: visible; gap: 3.6rem; } @media (prefers-reduced-motion: reduce) { .bVyHJM { position: relative; height: auto; } } } .lkTMHP { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; gap: 1.8rem; margin-bottom: 4.8rem; } @media (min-width: 1024px) { .lkTMHP { height: 100svh; gap: 3.6rem; margin-bottom: 0px; } @media (prefers-reduced-motion: reduce) { .lkTMHP { height: auto; } } } .kXHite { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; text-align: center; } @media (min-width: 0px) { .kXHite { grid-column: 1 / 3; } } @media (min-width: 700px) { .kXHite { grid-column: 1 / 7; } } @media (min-width: 1024px) { .kXHite { grid-column: 1 / 13; } } @media (min-width: 1200px) { .kXHite { grid-column: 2 / 12; } } @media (min-width: 700px) { .kXHite { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .kXHite { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .kXHite { letter-spacing: -0.3rem; font-size: 7.2rem; } } @media (min-width: 1024px) { .kXHite { display: flex; flex-direction: column; align-items: center; } } .kXHite .line { display: inline; } @media (min-width: 1024px) { .kXHite .line { display: inline-block; } } @media (min-width: 1024px) { .kXHite .spacer { display: none; } } @media (min-width: 1024px) { .kXHite .mobile { display: none; } } .kXHite .desktop { display: none; } @media (min-width: 1024px) { .kXHite .desktop { display: block; } } .vPPMN { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; text-align: center; } @media (min-width: 700px) { .vPPMN { font-size: 2.2rem; } } @media (min-width: 1024px) { .vPPMN { font-size: 1.8rem; } } .cHfuBd { --pin-height: 500lvh; position: relative; } @media (min-width: 1024px) { .cHfuBd { height: var(--pin-height); } @media (prefers-reduced-motion: reduce) { .cHfuBd { height: auto; } } } .kOIQZN { position: relative; aspect-ratio: 27.3 / 36; } @media (min-width: 700px) { .kOIQZN { aspect-ratio: unset; } } .kOIQZN .card { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); } @media (min-width: 700px) { .kOIQZN .card { position: relative; inset: auto; transform: none; } } @media (min-width: 700px) { .kOIQZN { display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 12vw; } .kOIQZN .card { margin: 0px 0px 0px -12vw; } } @media (min-width: 1024px) { .kOIQZN { height: 100lvh; display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 6vw; } .kOIQZN .card { margin: 0px 0px 0px -6vw; } @media (prefers-reduced-motion: reduce) { .kOIQZN .card { margin: 0px 0px 0px -6vw; } } @media (prefers-reduced-motion: reduce) { .kOIQZN { gap: 3.6rem; height: auto; margin-top: 10.8rem; } } } .iNFbqm { position: absolute; z-index: 999; inset: 0px; } .jcIHDn { pointer-events: none; user-select: none; touch-action: none; } .amEJZ { width: 100%; height: 80svh; } @media (min-width: 1024px) { .amEJZ { position: fixed; z-index: 1; inset: 0px 0px auto; height: 100lvh; } @media (prefers-reduced-motion: reduce) { .amEJZ { position: relative; height: auto; } } } .cWhwaX { justify-content: center; align-items: center; width: 100%; display: flex; top: 0px; padding-block: 10.8rem; margin-block: 10.8rem; } @media (min-width: 400px) { .cWhwaX { height: 60svh; } } @media (min-width: 700px) { .cWhwaX { margin-block: 0px; padding-block: 0px; } } @media (min-width: 1024px) { .cWhwaX { position: sticky; height: 100lvh; } @media (prefers-reduced-motion: reduce) { .cWhwaX { height: auto; } } } .bbWxPA { text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; } .hInJFp { margin-top: 0px; margin-bottom: 0px; } .brhGtj { margin-top: 0px; margin-bottom: 0px; display: none; } @media (min-width: 1024px) { .brhGtj { display: grid; visibility: hidden; position: absolute; } @media (prefers-reduced-motion: reduce) { .brhGtj { position: relative; visibility: visible; } } } .lfzpaI { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; } @media (min-width: 0px) { .lfzpaI { grid-column: 1 / 3; } } @media (min-width: 700px) { .lfzpaI { grid-column: 1 / 7; } } @media (min-width: 1024px) { .lfzpaI { grid-column: 3 / 11; } } @media (min-width: 700px) { .lfzpaI { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .lfzpaI { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .lfzpaI { letter-spacing: -0.3rem; font-size: 7.2rem; } } @media (min-width: 1024px) { .lfzpaI span { display: none; } } .hPJUpF { display: none; position: relative; z-index: 2; } @media (min-width: 1024px) { .hPJUpF { display: block; width: 100%; height: 350lvh; } @media (prefers-reduced-motion: reduce) { .hPJUpF { display: none; } } } .brrKeQ { position: sticky; z-index: -2; top: 0px; left: 50%; width: 100vw; max-width: none; margin-left: -50vw; height: 1px; } .brrKeQ svg { position: absolute; top: 50%; left: 50%; width: 200lvh; aspect-ratio: 1 / 1; fill: rgb(242, 242, 242); transform: translate(-50%, -50%) scale(0); } @media (min-width: 1024px) { .brrKeQ svg { width: 200vw; } @media (min-height: 1025px) { .brrKeQ svg { width: auto; height: 250lvh; } } } .igCFjG { position: relative; z-index: 2; overflow-x: clip; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } @media (prefers-reduced-motion: reduce) { .igCFjG { background-color: rgb(242, 242, 242); margin-top: 10.8rem; } } .hCPHiJ { position: sticky; top: 0px; left: 0px; z-index: -1; width: 100%; height: 1px; overflow: visible; opacity: 0; visibility: hidden; } @media (prefers-reduced-motion: reduce) { .hCPHiJ { display: none; } } .hCPHiJ span { display: block; width: 100%; height: 100lvh; background-color: rgb(242, 242, 242); background-image: radial-gradient(2px at 2px 2px, rgb(231, 229, 229) 100%, transparent 0px); background-size: 2.4rem 2.4rem; background-repeat: repeat; } .bJnjJu { position: relative; transform: scale(0.8) translateY(10%); } .bJnjJu picture { display: block; width: 80vw; aspect-ratio: 586 / 860; margin: 0px auto; } @media (min-width: 1024px) { .bJnjJu picture { width: 58.6rem; } } .lYbak { position: relative; background: rgb(242, 242, 242); } .lYbak::after { content: ""; position: absolute; inset: auto 0px 100%; height: 24rem; background: linear-gradient(to top, rgb(242, 242, 242) 2%, rgba(242, 242, 242, 0) 100%); } .lYbak waffl-grid { row-gap: 1.8rem; } @media (min-width: 1024px) { .lYbak waffl-grid { row-gap: 3.6rem; } } .gvCHEa { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; position: relative; text-align: center; color: rgb(245, 16, 16); } @media (min-width: 0px) { .gvCHEa { grid-column: 1 / 3; } } @media (min-width: 700px) { .gvCHEa { grid-column: 1 / 7; } } @media (min-width: 1024px) { .gvCHEa { grid-column: 1 / 13; } } @media (min-width: 700px) { .gvCHEa { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .gvCHEa { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .gvCHEa { letter-spacing: -0.3rem; font-size: 7.2rem; } } .gvCHEa .line { display: inline; color: inherit; } @media (min-width: 1024px) { .gvCHEa .line { display: block; } } @media (min-width: 1024px) { .gvCHEa .space { display: none; } } .gvCHEa .mobile, .gvCHEa .desktop { color: inherit; } .gvCHEa .mobile { display: block; } @media (min-width: 1024px) { .gvCHEa .mobile { display: none; } } .gvCHEa .desktop { display: none; } @media (min-width: 1024px) { .gvCHEa .desktop { display: block; } } .iyIzyV { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; position: relative; color: rgb(43, 1, 1); text-align: center; } @media (min-width: 700px) { .iyIzyV { font-size: 2.2rem; } } @media (min-width: 1024px) { .iyIzyV { font-size: 1.8rem; } } .cXViXA { display: flex; gap: 1.2rem; align-items: center; justify-content: center; } @media (min-width: 1024px) { .cXViXA { gap: 1.2rem; justify-content: center; } } @media (min-width: 1200px) { .cXViXA { gap: 2.4rem; } } .eYIwmt { position: relative; z-index: 3; overflow: hidden; background: rgb(242, 242, 242); } .buWtBw { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100lvh; background: rgb(245, 16, 16); will-change: clip-path; } @media (min-width: 1024px) { .buWtBw { height: 100lvh; clip-path: inset(3.6rem round 3.6rem); } } .buWtBw waffl-grid { row-gap: 1.8rem; } @media (min-width: 1024px) { .buWtBw waffl-grid { row-gap: 3.6rem; } } .gNTMDJ { text-align: center; justify-content: center; display: flex; align-items: center; } @media (min-width: 1024px) { .gNTMDJ { text-align: left; align-items: flex-start; justify-content: flex-start; } } .dMEBMX { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; text-align: center; display: flex; align-items: center; justify-content: center; color: rgb(242, 242, 242); } @media (min-width: 0px) { .dMEBMX { grid-column: 1 / 3; } } @media (min-width: 700px) { .dMEBMX { grid-column: 1 / 7; } } @media (min-width: 1024px) { .dMEBMX { grid-column: 1 / 7; } } @media (min-width: 1200px) { .dMEBMX { grid-column: 1 / 6; } } @media (min-width: 700px) { .dMEBMX { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .dMEBMX { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .dMEBMX { letter-spacing: -0.3rem; font-size: 7.2rem; } } @media (min-width: 1024px) { .dMEBMX { text-align: left; align-items: flex-start; justify-content: flex-start; } } .jipVSH { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; text-align: center; display: flex; align-items: center; justify-content: center; color: rgb(242, 242, 242); } @media (min-width: 700px) { .jipVSH { font-size: 2.2rem; } } @media (min-width: 1024px) { .jipVSH { font-size: 1.8rem; } } @media (min-width: 1024px) { .jipVSH { text-align: left; align-items: flex-start; justify-content: flex-start; } } .gpSMmJ { position: absolute; inset: 0px; z-index: -1; will-change: transform; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; } .gpSMmJ picture { display: block; position: relative; width: 100%; height: 100%; } .gpSMmJ img { position: absolute; top: 0px; left: 0px; object-fit: cover; object-position: center center; width: 100%; image-rendering: crisp-edges; height: 140% !important; max-width: 100% !important; aspect-ratio: unset !important; } .fKYmyX { text-align: center; display: flex; align-items: center; justify-content: center; gap: 1.8rem; } @media (min-width: 1024px) { .fKYmyX { text-align: left; align-items: flex-start; justify-content: flex-start; } } @media (min-width: 1024px) { .fKYmyX { gap: 2.4rem; } } .jooIyU { --size: 14.4rem; width: var(--size); height: var(--size); } @media (min-width: 1024px) { .jooIyU { --size: 16rem; } } @media (min-width: 1200px) { .jooIyU { --size: 20rem; } } .jooIyU .outer, .jooIyU .inner { fill: rgb(245, 16, 16); } .jooIyU .line, .jooIyU .feathers, .jooIyU .inner-circle, .jooIyU .icon, .jooIyU .letter { fill: rgb(242, 242, 242); } .jjMHpx { width: 100vw; max-width: 17.9rem; height: auto; aspect-ratio: 179 / 113; } .jjMHpx path { fill: none; stroke: rgb(245, 16, 16); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4rem; } .cVNLVI { position: relative; z-index: 3; background: rgb(242, 242, 242); overflow: hidden; } .cVNLVI waffl-grid:nth-of-type(2) { row-gap: 3.6rem; padding-top: 3.6rem; padding-bottom: 3.6rem; } @media (min-width: 1024px) { .cVNLVI waffl-grid:nth-of-type(2) { row-gap: 6rem; padding-top: 6rem; padding-bottom: 6rem; } } .jRjmtH { display: flex; align-items: center; justify-content: center; } @media (min-width: 1024px) { .jRjmtH { gap: 3.6rem; } } .jRjmtH::before, .jRjmtH::after { content: ""; position: relative; display: block; flex: 1 1 0%; height: 1px; background: rgba(43, 1, 1, 0.1); } @media (min-width: 1024px) { .jRjmtH::before, .jRjmtH::after { left: auto; right: auto; } } .jRjmtH::before { left: -3.6rem; } .jRjmtH::after { right: -3.6rem; } .dGkepE { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3.6rem; } .dGkepE cite { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.6rem; font-style: normal; } .dGkepE cite span { display: block; } .dGkepE cite span:first-child { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: rgb(43, 1, 1); } @media (min-width: 700px) { .dGkepE cite span:first-child { font-size: 2.2rem; } } @media (min-width: 1024px) { .dGkepE cite span:first-child { font-size: 1.8rem; } } .dGkepE cite span:last-child { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: rgb(245, 16, 16); } @media (min-width: 700px) { .dGkepE cite span:last-child { font-size: 1.6rem; } } @media (min-width: 1024px) { .dGkepE cite span:last-child { font-size: 1.6rem; } } .dGkepE cite span strong { color: inherit; } .jfsDRr { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: rgb(43, 1, 1); text-align: center; } @media (min-width: 700px) { .jfsDRr { font-size: 2.2rem; } } @media (min-width: 1024px) { .jfsDRr { font-size: 1.8rem; } } .ipYRGm p { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; color: rgb(43, 1, 1); text-align: center; } @media (min-width: 0px) { .ipYRGm p { grid-column: 1 / 3; } } @media (min-width: 700px) { .ipYRGm p { grid-column: 1 / 7; } } @media (min-width: 1024px) { .ipYRGm p { grid-column: 1 / 13; } } @media (min-width: 1200px) { .ipYRGm p { grid-column: 2 / 12; } } @media (min-width: 700px) { .ipYRGm p { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .ipYRGm p { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .ipYRGm p { letter-spacing: -0.3rem; font-size: 7.2rem; } } @media (max-width: 700px) { .ipYRGm p { font-size: 10vw; } } .ipYRGm p .char, .ipYRGm p .word { color: inherit; } .fA-dCNx { position: relative; z-index: 3; } @media (min-width: 1024px) { .fA-dCNx { padding-bottom: 3.6rem; } } @media (max-width: 1024px) { .fA-dCNx waffl-grid { padding: 0px; } } .bmnUth { display: flex; flex-direction: column; } @media (min-width: 1024px) { .bmnUth { display: grid; grid-template: "ee pd ypp" 33.1rem "ryc pd pds" 33.1rem / 1fr 1fr 1fr; gap: 2.4rem; } } @media (min-width: 1200px) { .bmnUth { gap: 3.6rem; } } .bIdDXP { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.2rem; line-height: 1.2; font-weight: 400; margin-top: auto; color: rgb(255, 255, 255); } @media (min-width: 700px) { .bIdDXP { font-size: 2.3rem; } } @media (min-width: 1200px) { .bIdDXP { font-size: 2.4rem; } } .gFjcSH { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: rgba(255, 255, 255, 0.6); text-wrap: pretty; } @media (min-width: 700px) { .gFjcSH { font-size: 2.2rem; } } @media (min-width: 1024px) { .gFjcSH { font-size: 1.8rem; } } .dkRBnM { grid-area: ee; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.2rem; padding: 3.6rem; position: sticky; top: -1px; left: 0px; z-index: 0; overflow: hidden; text-align: center; background: rgb(43, 1, 1); height: 36rem; width: 100%; } @media (min-width: 1024px) { .dkRBnM { position: relative; height: auto; border-radius: 2.4rem; background: rgb(43, 1, 1); padding: 1.8rem; } } @media (min-width: 1200px) { .dkRBnM { padding: 3.6rem; } } .hLKufH { grid-area: ryc; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.2rem; padding: 3.6rem; position: sticky; top: -1px; left: 0px; z-index: 0; overflow: hidden; text-align: center; background: rgb(43, 1, 1); height: 36rem; width: 100%; } @media (min-width: 1024px) { .hLKufH { position: relative; height: auto; border-radius: 2.4rem; background: rgba(255, 255, 255, 0.1); padding: 1.8rem; } } @media (min-width: 1200px) { .hLKufH { padding: 3.6rem; } } .emDLSZ { grid-area: pd; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.2rem; position: sticky; top: -1px; left: 0px; z-index: 0; overflow: hidden; text-align: center; background: rgb(255, 255, 255); height: 36rem; width: 100%; padding: 4.8rem 3.6rem; } @media (min-width: 1024px) { .emDLSZ { position: relative; height: auto; border-radius: 2.4rem; background: rgb(255, 255, 255); padding: 1.8rem; } } @media (min-width: 1200px) { .emDLSZ { padding: 3.6rem; } } .emDLSZ .sc-579d2205-2 { color: rgb(43, 1, 1); } .emDLSZ .sc-579d2205-3 { color: rgba(43, 1, 1, 0.6); } .keZAeK { grid-area: ypp; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.2rem; padding: 3.6rem; position: sticky; top: -1px; left: 0px; z-index: 0; overflow: hidden; text-align: center; background: rgb(43, 1, 1); height: 36rem; width: 100%; } @media (min-width: 1024px) { .keZAeK { position: relative; height: auto; border-radius: 2.4rem; background: rgba(255, 255, 255, 0.1); padding: 1.8rem; } } @media (min-width: 1200px) { .keZAeK { padding: 3.6rem; } } .RfZyT { grid-area: pds; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.2rem; padding: 3.6rem; position: sticky; top: -1px; left: 0px; z-index: 0; overflow: hidden; text-align: center; background: rgb(43, 1, 1); height: 36rem; width: 100%; } @media (min-width: 1024px) { .RfZyT { position: relative; height: auto; border-radius: 2.4rem; background: rgb(43, 1, 1); padding: 1.8rem; } } @media (min-width: 1200px) { .RfZyT { padding: 3.6rem; } } .gtRabP { position: absolute; z-index: -1; inset: 0px; transform: translateY(-3.6rem) scale(1.4); } @media (prefers-reduced-motion: reduce) { .gtRabP { transform: none; } } .gtRabP::before, .gtRabP::after { content: ""; position: absolute; inset: 30% 0px 0px; } .gtRabP::before { z-index: 1; background: linear-gradient(to top, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%); } .gtRabP::after { z-index: 2; background: linear-gradient(to top, rgb(82, 16, 15) 20%, rgba(82, 16, 15, 0) 100%); } .gtRabP img { filter: contrast(1.1) brightness(0.9); width: 100% !important; height: 100% !important; object-fit: cover !important; } .fwLNbf { position: absolute; inset: 0px 0px 90%; transform: scale(1.2); } @media (min-width: 1024px) { .fwLNbf { inset: 0px 0px 90%; transform: scale(1); } } .fwLNbf img { position: absolute; top: -20%; left: 50%; width: 25.9rem; height: 15.8rem; } .fwLNbf img:first-child { z-index: 1; transform: rotate(3.4deg) translate(-60%, -20%); filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2.4rem); } .fwLNbf img:last-child { z-index: 0; transform: rotate(-33deg) translate(-30%, -50%); } .gtUihU { position: absolute; inset: auto 0px 50%; } @media (min-width: 1024px) { .gtUihU { inset: auto 0px 30%; } } .gtUihU img { max-width: 30rem !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } .gZIGd { position: absolute; inset: 0px auto auto 50%; transform: translateX(-50%) translateY(-12rem); display: flex; align-items: flex-end; justify-content: center; padding: 2.4rem 0px; width: 16rem; height: 16rem; border-radius: 0px 0px 16rem 16rem; background: rgb(245, 16, 16); } @media (prefers-reduced-motion: reduce) { .gZIGd { transform: translateX(-50%); } } .gZIGd svg { width: 9.2rem; height: 9.2rem; fill: rgb(242, 242, 242); } .eEDzUC { position: relative; z-index: 3; background: rgb(242, 242, 242); overflow-x: clip; } .kukqOA { display: none; } @media (min-width: 1024px) { .kukqOA { display: block; height: 400lvh; } @media (prefers-reduced-motion: reduce) { .kukqOA { height: auto; } } } .hnVAMa { width: 100%; } @media (min-width: 1024px) { .hnVAMa { position: sticky; z-index: -1; top: 0px; left: 0px; height: 100lvh; } @media (prefers-reduced-motion: reduce) { .hnVAMa { position: relative; } } } .hlukWM { position: relative; width: 100%; left: -20vw; height: auto; aspect-ratio: 961 / 463; z-index: 1; } @media (min-width: 1024px) { .hlukWM { position: absolute; top: -10%; left: 0px; max-width: 70vw; } @media (max-height: 1000px) { .hlukWM { max-width: 60vw; top: -20%; } } } @media (min-width: 1600px) { .hlukWM { max-width: 60vw; } } .hlukWM img { width: 100%; height: 100%; object-fit: cover; } .brVont { position: relative; width: 100%; right: -20vw; height: auto; aspect-ratio: 1050 / 413; z-index: 0; } @media (min-width: 1024px) { .brVont { position: absolute; bottom: -10%; right: 0px; max-width: 70vw; } @media (max-height: 1000px) { .brVont { max-width: 60vw; bottom: -20%; } } } @media (min-width: 1600px) { .brVont { max-width: 60vw; } } .brVont img { width: 100%; height: 100%; object-fit: cover; } .jdBpPF { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 4.8rem; line-height: 1.1; font-weight: 300; letter-spacing: -0.1rem; position: relative; z-index: 2; padding: 4.8rem 3.6rem; text-align: center; color: rgb(245, 16, 16); } @media (min-width: 700px) { .jdBpPF { font-size: 9.6rem; } } @media (min-width: 1024px) { .jdBpPF { letter-spacing: -0.3rem; font-size: 16rem; } } @media (min-width: 1200px) { .jdBpPF { letter-spacing: -0.3rem; font-size: 20rem; } } @media (min-width: 1024px) { .jdBpPF { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: max-content; padding: 0px; } @media (prefers-reduced-motion: reduce) { .jdBpPF { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; left: 50%; transform: translate(-50%, -50%); width: 60%; } @media (min-width: 700px) { .jdBpPF { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .jdBpPF { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .jdBpPF { letter-spacing: -0.3rem; font-size: 7.2rem; } } } } .jdBpPF .mobile, .jdBpPF .desktop { color: inherit; } .jdBpPF .mobile { display: block; } @media (min-width: 1024px) { .jdBpPF .mobile { display: none; } } .jdBpPF .desktop { display: none; } @media (min-width: 1024px) { .jdBpPF .desktop { display: block; } } .fnFJRF { width: 100%; padding: 0.6rem 0px; } @media (min-width: 1024px) { .fnFJRF { padding: 1.2rem 0px; } } .fnFJRF[open] summary svg { transform: rotate(180deg); } .fnFJRF summary { display: flex; align-items: center; justify-content: space-between; gap: 4.8rem; width: 100%; padding: 1.2rem 0px; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none; transition: background 0.2s; } .fnFJRF summary::marker, .fnFJRF summary::-webkit-details-marker { display: none; content: ""; } @media (min-width: 1024px) { .fnFJRF summary:hover span { color: rgb(174, 6, 5); } } .fnFJRF summary span { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.2rem; line-height: 1.2; font-weight: 400; flex: 1 1 0%; color: rgb(43, 1, 1); transition: color 0.2s ease-in-out; } @media (min-width: 700px) { .fnFJRF summary span { font-size: 2.3rem; } } @media (min-width: 1200px) { .fnFJRF summary span { font-size: 2.4rem; } } @media (min-width: 1024px) { .fnFJRF summary span { color: rgb(255, 255, 255); } } .fnFJRF summary svg { stroke: rgba(43, 1, 1, 0.4); stroke-width: 0.2rem; transition: transform 0.2s ease-in-out; } @media (min-width: 1024px) { .fnFJRF summary svg { stroke: rgba(255, 255, 255, 0.4); } } .fnFJRF aside { width: 100%; } .fnFJRF aside p { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; margin-bottom: 1.8rem; color: rgba(43, 1, 1, 0.6); } @media (min-width: 700px) { .fnFJRF aside p { font-size: 2.2rem; } } @media (min-width: 1024px) { .fnFJRF aside p { font-size: 1.8rem; } } @media (min-width: 1024px) { .fnFJRF aside p { color: rgba(255, 255, 255, 0.6); } } .dEHxYw { position: relative; z-index: 3; background: rgb(242, 242, 242); } @media (min-width: 1024px) { .dEHxYw { padding-bottom: clamp(8.333vw, 8.333vw, 100vw); background: rgb(0, 0, 0); } } @media (max-width: 1024px) { .dEHxYw waffl-grid { padding-left: 0px; padding-right: 0px; } } .jZQlbw { position: relative; display: flex; flex-direction: column; gap: 1.2rem; padding: 4.8rem 3.6rem 2.4rem; overflow: hidden; } @media (min-width: 1024px) { .jZQlbw { justify-content: center; gap: 3.6rem; padding: 6rem 6rem 3.6rem; border-radius: 2.4rem; background: rgba(255, 255, 255, 0.1); } } .kJGggi { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.8rem; line-height: 1.1; font-weight: 400; letter-spacing: -0.05rem; color: rgb(245, 16, 16); max-width: 41.2rem; margin-bottom: 3.6rem; } @media (min-width: 700px) { .kJGggi { font-size: 3.2rem; } } @media (min-width: 1024px) { .kJGggi { font-weight: 300; font-size: 4.8rem; letter-spacing: -0.1rem; } } @media (min-width: 1024px) { .kJGggi { max-width: 36vw; color: rgb(255, 255, 255); } } .dwkeqi { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } @media (min-width: 1024px) { .dwkeqi { max-width: 50%; } } .dwkeqi li { width: 100%; border-bottom: 0.1rem solid rgba(43, 1, 1, 0.1); } @media (min-width: 1024px) { .dwkeqi li { border-bottom: 0px; } } .dwkeqi li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .gUddfZ { display: none; } @media (min-width: 1024px) { .gUddfZ { display: block; position: absolute; z-index: 0; top: 12%; right: 0px; width: auto; height: 100%; aspect-ratio: 461 / 629; } } .gUddfZ img { max-width: 100% !important; } .bLJIQr { position: relative; z-index: 3; overflow: hidden; background: rgb(242, 242, 242); padding-top: 2.4rem; } @media (min-width: 1024px) { .bLJIQr { padding-top: 0px; background: rgb(0, 0, 0); } } .bAmiV { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100lvh; background: rgb(245, 16, 16); } @media (min-width: 1024px) { .bAmiV { min-height: 90rem; height: 120lvh; } } .bAmiV waffl-grid { position: relative; z-index: 2; row-gap: 1.8rem; } @media (min-width: 1024px) { .bAmiV waffl-grid { row-gap: 3.6rem; } } .dsEpYT { text-align: center; justify-content: center; flex-direction: column; gap: 1.8rem; display: flex; align-items: center; } @media (min-width: 1024px) { .dsEpYT { text-align: left; gap: 3.6rem; align-items: flex-start; justify-content: flex-start; } } .bxRDiD { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.8rem; color: rgb(242, 242, 242); } @media (min-width: 0px) { .bxRDiD { grid-column: 1 / 3; } } @media (min-width: 700px) { .bxRDiD { grid-column: 1 / 7; } } @media (min-width: 1024px) { .bxRDiD { grid-column: 1 / 8; } } @media (min-width: 700px) { .bxRDiD { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .bxRDiD { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .bxRDiD { letter-spacing: -0.3rem; font-size: 7.2rem; } } @media (min-width: 1024px) { .bxRDiD { text-align: left; gap: 3.6rem; align-items: flex-start; justify-content: flex-start; } } .eOvTQy { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.8rem; color: rgb(242, 242, 242); } @media (min-width: 700px) { .eOvTQy { font-size: 2.2rem; } } @media (min-width: 1024px) { .eOvTQy { font-size: 1.8rem; } } @media (min-width: 1024px) { .eOvTQy { text-align: left; gap: 3.6rem; align-items: flex-start; justify-content: flex-start; } } .eOvTQy span { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; } @media (min-width: 700px) { .eOvTQy span { font-size: 1.6rem; } } @media (min-width: 1024px) { .eOvTQy span { font-size: 1.6rem; } } .gpUXNs { --media-object-fit: cover; position: absolute; inset: 0px; z-index: 0; background: rgb(43, 1, 1); will-change: transform; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; } .gpUXNs::after { content: ""; position: absolute; inset: 0px 0px -40%; z-index: 1; background: rgb(245, 16, 16); mix-blend-mode: multiply; pointer-events: none; } .gpUXNs > div { position: relative; width: 100%; height: 140%; filter: saturate(0) contrast(1.5) brightness(0.6); transform: rotateY(180deg); background: rgb(43, 1, 1); } .gpUXNs .video-crossfade { position: absolute; inset: 0px; width: 100%; height: 100%; } .gpUXNs .video-crossfade__layer { position: absolute; inset: 0px; } .gpUXNs .video-crossfade__layer video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; } .gpUXNs mux-video, .gpUXNs video { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .lfvcXf { display: flex; align-items: center; justify-content: center; gap: 1.8rem; } @media (min-width: 1024px) { .lfvcXf { gap: 2.4rem; flex-direction: row; justify-content: flex-start; } } .jwGCcb { position: relative; z-index: 3; overflow: hidden; } .fIGzPj { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100lvh; background: rgb(43, 1, 1); } @media (min-width: 1024px) { .fIGzPj { clip-path: inset(0rem round 0rem); min-height: 90rem; height: 120lvh; } } .fIGzPj waffl-grid { position: relative; z-index: 2; row-gap: 1.8rem; } @media (min-width: 1024px) { .fIGzPj waffl-grid { row-gap: 3.6rem; } } .FKypI { text-align: center; justify-content: center; flex-direction: column; gap: 1.8rem; display: flex; align-items: center; } @media (min-width: 1024px) { .FKypI { text-align: left; gap: 3.6rem; align-items: flex-start; justify-content: flex-start; } } .gRFqSl { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.8rem; color: rgb(242, 242, 242); } @media (min-width: 0px) { .gRFqSl { grid-column: 1 / 3; } } @media (min-width: 700px) { .gRFqSl { grid-column: 1 / 7; } } @media (min-width: 1024px) { .gRFqSl { grid-column: 6 / 13; } } @media (min-width: 700px) { .gRFqSl { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .gRFqSl { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .gRFqSl { letter-spacing: -0.3rem; font-size: 7.2rem; } } @media (min-width: 1024px) { .gRFqSl { text-align: left; gap: 3.6rem; align-items: flex-start; justify-content: flex-start; } } .dHzTgt { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1.8rem; color: rgb(242, 242, 242); } @media (min-width: 700px) { .dHzTgt { font-size: 2.2rem; } } @media (min-width: 1024px) { .dHzTgt { font-size: 1.8rem; } } @media (min-width: 1024px) { .dHzTgt { text-align: left; gap: 3.6rem; align-items: flex-start; justify-content: flex-start; } } .dHzTgt span { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; } @media (min-width: 700px) { .dHzTgt span { font-size: 1.6rem; } } @media (min-width: 1024px) { .dHzTgt span { font-size: 1.6rem; } } .iheXkl { --media-object-fit: cover; position: absolute; inset: 0px; z-index: 0; background: rgb(0, 0, 0); will-change: transform; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; } .iheXkl > div { filter: saturate(0) contrast(1.5) brightness(0.2); width: 100%; height: 140%; } .iheXkl .video-crossfade { position: relative; width: 100%; } .iheXkl .video-crossfade__layer { position: absolute; inset: 0px; } .iheXkl .video-crossfade__layer video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; } .iheXkl mux-video, .iheXkl video { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .jwPilc { display: flex; align-items: center; justify-content: center; } @media (min-width: 1024px) { .jwPilc { align-items: flex-start; justify-content: flex-start; } } .CMMqi { display: flex; align-items: center; justify-content: center; } .CMMqi::before, .CMMqi::after { content: ""; display: block; width: 100%; height: 1px; background: rgba(242, 242, 242, 0.5); } .CMMqi::before { margin-right: 2.4rem; transform-origin: left center; } .CMMqi::after { margin-left: 2.4rem; transform-origin: right center; } .CMMqi li { display: flex; align-items: center; justify-content: center; border-radius: 50%; } .CMMqi li a { position: relative; display: flex; align-items: center; justify-content: center; padding: 1.2rem; overflow: hidden; border-radius: 50%; transition: 0.3s; } @media (min-width: 1024px) { .CMMqi li a:hover { background: rgba(43, 1, 1, 0.1); } .CMMqi li a:hover svg:first-child { transform: translateY(-200%) scale(0.5); } .CMMqi li a:hover svg:last-child { transform: translateY(0%) scale(1); } } .CMMqi li a svg { width: 2.4rem; height: 2.4rem; fill: rgb(242, 242, 242); transition: transform 0.3s; } .CMMqi li a svg:first-child { position: relative; } .CMMqi li a svg:last-child { position: absolute; top: 1.2rem; left: 1.2rem; transform: translateY(200%) scale(0.25); } .cqxXRb { position: absolute; z-index: -1; inset: 0px; border-radius: 2.4rem; background: rgba(0, 0, 0, 0.2); } @media (min-width: 1024px) { .cqxXRb { border-radius: 6rem; box-shadow: rgba(255, 255, 255, 0.6) 1px 1px 2px 0px inset, rgba(0, 0, 0, 0.2) 0px -5px 4px 0px inset; } } .csUUcB { position: relative; z-index: 1; border-radius: 1.8rem; background: rgb(242, 242, 242); overflow: hidden; } @media (min-width: 1024px) { .csUUcB { border-radius: 4.8rem; } } .csUUcB::after { content: ""; position: absolute; z-index: 0; inset: 0px; background: linear-gradient(rgba(245, 16, 16, 0) 20%, rgba(245, 16, 16, 0.5) 100%); transition: 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); pointer-events: none; } .hUphKC { position: relative; z-index: 1; overflow: hidden; padding: 2.4rem 3.6rem; transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 1024px) { .hUphKC { padding: 6rem 9.6rem; } } .hUphKC p { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.8rem; line-height: 1.1; letter-spacing: -0.05rem; color: rgb(245, 16, 16); user-select: none; font-weight: 600 !important; } @media (min-width: 700px) { .hUphKC p { font-size: 3.2rem; } } @media (min-width: 1024px) { .hUphKC p { font-weight: 300; font-size: 4.8rem; letter-spacing: -0.1rem; } } @media (min-width: 1024px) { .hUphKC p { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 3.6rem; line-height: 1.1; font-weight: 400; } @media (min-width: 700px) { .hUphKC p { font-size: 7.2rem; font-weight: 300; } } @media (min-width: 1024px) { .hUphKC p { letter-spacing: -0.3rem; font-size: 6rem; } } @media (min-width: 1200px) { .hUphKC p { letter-spacing: -0.3rem; font-size: 7.2rem; } } } .hUphKC p .char { display: inline-block; text-shadow: rgb(255, 255, 255) 0px 2px 2px, rgba(0, 0, 0, 0.4) 0px -1px 0px; color: rgb(245, 16, 16); transition: 0.5s; } .hUphKC p .char:nth-child(1) { transition-delay: 0s; } .hUphKC p .char:nth-child(2) { transition-delay: 0.01s; } .hUphKC p .char:nth-child(3) { transition-delay: 0.02s; } .hUphKC p .char:nth-child(4) { transition-delay: 0.03s; } .hUphKC p .char:nth-child(5) { transition-delay: 0.04s; } .hUphKC p .char:nth-child(6) { transition-delay: 0.05s; } .hUphKC p .char:nth-child(7) { transition-delay: 0.06s; } .hUphKC p .char:nth-child(8) { transition-delay: 0.07s; } .hUphKC p .char:nth-child(9) { transition-delay: 0.08s; } .hUphKC p .char:nth-child(10) { transition-delay: 0.09s; } .hUphKC p .char:nth-child(11) { transition-delay: 0.1s; } .hUphKC p .char:nth-child(12) { transition-delay: 0.11s; } .hUphKC p .char:nth-child(13) { transition-delay: 0.12s; } .hUphKC p .char:nth-child(14) { transition-delay: 0.13s; } .hUphKC p .char:nth-child(15) { transition-delay: 0.14s; } .hUphKC p .char:nth-child(16) { transition-delay: 0.15s; } .hUphKC p .char:nth-child(17) { transition-delay: 0.16s; } .hUphKC p .char:nth-child(18) { transition-delay: 0.17s; } .hUphKC p .char:nth-child(19) { transition-delay: 0.18s; } .hUphKC p .char:nth-child(20) { transition-delay: 0.19s; } .fgvTDZ { position: absolute; z-index: 2; inset: 0px; overflow: hidden; transform: translateY(0%); opacity: 0; transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 1024px) { .fgvTDZ { transform: translateY(100%); opacity: 1; } } .fgvTDZ i { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: space-between; } .fgvTDZ i a { display: grid; place-items: center; flex: 1 1 0%; height: 100%; transition: background 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } .fgvTDZ i span { position: absolute; left: 50%; transform: translateX(-50%); display: block; width: 1px; height: 100%; background: rgba(174, 6, 5, 0.2); } .fgvTDZ i svg { fill: rgb(245, 16, 16); width: 3.6rem; height: 3.6rem; transition: opacity 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); filter: drop-shadow(rgb(255, 255, 255) 0px 4px 2px) drop-shadow(rgba(0, 0, 0, 0.4) 0px -1px 0px); } @media (min-width: 1024px) { .fgvTDZ i svg { width: 12rem; height: 12rem; } } .ozvoB { flex: 0 0 auto; position: relative; z-index: 1; width: max-content; margin: 0px auto; border-radius: 2.4rem; padding: 0.6rem; transition: transform 0.3s ease-in-out; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; } @media (min-width: 1024px) { .ozvoB { border-radius: 6rem; padding: 1.2rem; } } @media (min-width: 1024px) { .ozvoB:hover .sc-4814eb95-2 .char { transform: translateY(-200%); } .ozvoB:hover .sc-4814eb95-3 { transform: translateY(0px); } @media (min-width: 1024px) { .ozvoB:hover .sc-4814eb95-3 a:hover svg { opacity: 0.7; } } .ozvoB:hover .sc-4814eb95-1::after { opacity: 0.5; } } .jXiifk { width: max-content; margin: 0px auto; user-select: none; } .jlHhNi { position: relative; width: 100%; pointer-events: auto; } .jlHhNi input { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; position: relative; z-index: 1; inset: 0px auto 0px 0px; width: 100%; height: 5.3rem; border-radius: 1.2rem; background: rgba(43, 1, 1, 0.5); padding-left: 1.8rem; padding-right: 14.4rem; color: rgb(242, 242, 242); backdrop-filter: blur(0.6rem); } @media (min-width: 700px) { .jlHhNi input { font-size: 2.2rem; } } @media (min-width: 1024px) { .jlHhNi input { font-size: 1.8rem; } } @media (min-width: 1024px) { .jlHhNi input { background: rgba(43, 1, 1, 0.6); padding-right: 14.4rem; } } .jlHhNi input::placeholder { color: rgba(242, 242, 242, 0.8); } .jlHhNi input:focus::placeholder { text-indent: -999px; transition: text-indent 1s cubic-bezier(0.8, 0, 0, 1); } .jlHhNi input:not(:focus)::placeholder { text-indent: 0px; transition: text-indent 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .jlHhNi button { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; inset: 0.4rem 0.4rem 0.4rem auto; width: 4.8rem; border-radius: 0.8rem; background: rgb(242, 242, 242); padding: 0px; transition: background 0.3s; } @media (min-width: 700px) { .jlHhNi button { font-size: 1.6rem; } } @media (min-width: 1024px) { .jlHhNi button { font-size: 1.6rem; } } @media (min-width: 1024px) { .jlHhNi button { width: auto; padding: 0.1rem 2.4rem 0px; } } .jlHhNi button:disabled { background: rgb(82, 16, 15); } .jlHhNi button:hover { color: rgb(174, 6, 5); cursor: pointer; } .jlHhNi button:hover .char { transform: translateY(-2.2rem); } .jlHhNi button svg { stroke: rgb(245, 16, 16); } @media (min-width: 1024px) { .jlHhNi button svg { display: none; } } .jlHhNi button .word { display: none; height: 2.2rem; overflow: hidden; } @media (min-width: 1024px) { .jlHhNi button .word { display: block; } } .jlHhNi button .char { display: inline-block; text-shadow: rgb(245, 16, 16) 0px 2.2rem 0px; color: rgb(245, 16, 16); transition: 0.5s; } .jlHhNi button .char:nth-child(1) { transition-delay: 0s; } .jlHhNi button .char:nth-child(2) { transition-delay: 0.01s; } .jlHhNi button .char:nth-child(3) { transition-delay: 0.02s; } .jlHhNi button .char:nth-child(4) { transition-delay: 0.03s; } .jlHhNi button .char:nth-child(5) { transition-delay: 0.04s; } .jlHhNi button .char:nth-child(6) { transition-delay: 0.05s; } .jlHhNi button .char:nth-child(7) { transition-delay: 0.06s; } .jlHhNi button .char:nth-child(8) { transition-delay: 0.07s; } .jlHhNi button .char:nth-child(9) { transition-delay: 0.08s; } .ga-DsZk { position: relative; z-index: 3; } .kBUavt { font-family: var(--cera),'Helvetica',Arial,sans-serif; padding-bottom: 6rem; font-size: 4.8rem; line-height: 1.1; font-weight: 300; letter-spacing: -0.1rem; text-align: center; } @media (min-width: 0px) { .kBUavt { grid-column: 1 / 3; } } @media (min-width: 700px) { .kBUavt { grid-column: 1 / 7; } } @media (min-width: 1024px) { .kBUavt { grid-column: 1 / 13; } } @media (min-width: 700px) { .kBUavt { padding-bottom: 8.4rem; } } @media (min-width: 1024px) { .kBUavt { padding-bottom: 12rem; } } @media (min-width: 1200px) { .kBUavt { padding-bottom: clamp(8.333vw, 8.333vw, 100vw); } } @media (min-width: 700px) { .kBUavt { font-size: 9.6rem; } } @media (min-width: 1024px) { .kBUavt { letter-spacing: -0.3rem; font-size: 8.4rem; } } @media (min-width: 1200px) { .kBUavt { letter-spacing: -0.3rem; font-size: 9.6rem; } } @media (min-width: 1024px) { .kBUavt { padding-left: 12vw; padding-right: 12vw; } } .blvJPX { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } @media (min-width: 1024px) { .blvJPX { flex-direction: row; } } .blvJPX small { font-size: 1.4rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; font-style: normal; order: 1; display: block; width: 100%; text-align: center; color: rgb(242, 242, 242); padding: 3.6rem 0px 2.4rem; } @media (min-width: 700px) { .blvJPX small { font-size: 1.4rem; } } @media (min-width: 1024px) { .blvJPX small { font-size: 1.4rem; } } @media (min-width: 1024px) { .blvJPX small { flex: 1 1 0%; order: 0; text-align: left; width: auto; padding: 1.2rem 0px; } } .blvJPX nav { order: 2; width: 100%; } @media (min-width: 1024px) { .blvJPX nav { flex: 1 1 0%; width: auto; } } .blvJPX nav ul { display: flex; align-items: center; justify-content: center; gap: 3.6rem; overflow: hidden; } @media (min-width: 1024px) { .blvJPX nav ul { justify-content: flex-end; } } .blvJPX nav ul li a { display: block; font-size: 1.4rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; font-style: normal; color: rgb(242, 242, 242); padding: 1.2rem 0px; } @media (min-width: 700px) { .blvJPX nav ul li a { font-size: 1.4rem; } } @media (min-width: 1024px) { .blvJPX nav ul li a { font-size: 1.4rem; } } .blvJPX nav ul li a:hover .char { transform: translateY(-3rem); } .blvJPX nav ul li a .word { display: block; overflow: hidden; } .blvJPX nav ul li a .word .char { display: inline-block; text-shadow: rgba(242, 242, 242, 0.6) 0px 3rem 0px; color: rgb(242, 242, 242); transition: 0.5s; } .blvJPX nav ul li a .word .char:nth-child(1) { transition-delay: 0s; } .blvJPX nav ul li a .word .char:nth-child(2) { transition-delay: 0.01s; } .blvJPX nav ul li a .word .char:nth-child(3) { transition-delay: 0.02s; } .blvJPX nav ul li a .word .char:nth-child(4) { transition-delay: 0.03s; } .blvJPX nav ul li a .word .char:nth-child(5) { transition-delay: 0.04s; } .blvJPX nav ul li a .word .char:nth-child(6) { transition-delay: 0.05s; } .blvJPX nav ul li a .word .char:nth-child(7) { transition-delay: 0.06s; } .blvJPX nav ul li a .word .char:nth-child(8) { transition-delay: 0.07s; } .blvJPX nav ul li a .word .char:nth-child(9) { transition-delay: 0.08s; } .blvJPX nav ul li a .word .char:nth-child(10) { transition-delay: 0.09s; } .blvJPX nav ul li a .word .char:nth-child(11) { transition-delay: 0.1s; } .blvJPX nav ul li a .word .char:nth-child(12) { transition-delay: 0.11s; } .intBcp { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; } .itYpLi { order: 0; display: flex; flex-direction: column; gap: 2.4rem; align-items: center; justify-content: center; max-width: 42.5rem; margin: 0px auto; } @media (min-width: 1024px) { .itYpLi { order: 1; } } .itYpLi h3 { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.2rem; line-height: 1.2; font-weight: 400; text-align: center; } @media (min-width: 700px) { .itYpLi h3 { font-size: 2.3rem; } } @media (min-width: 1200px) { .itYpLi h3 { font-size: 2.4rem; } } .gKAQNU { position: relative; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-between; gap: 3.6rem; width: 100%; padding: 2.4rem; } @media (min-width: 400px) { .gKAQNU { padding: 3.6rem 3.6rem 2.4rem; } } @media (min-width: 1024px) { .gKAQNU { padding: 0px; justify-content: center; } } .gKAQNU .steps { position: relative; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-start; gap: 3.6rem; width: 100%; } @media (min-width: 1024px) { .gKAQNU .steps { justify-content: center; } } .gmWEvK { display: flex; flex-direction: column; justify-content: flex-start; gap: 2.4rem; } @media (min-width: 1024px) { .gmWEvK { justify-content: center; } } .jPjJNv { gap: 2.4rem; height: 100%; } @media (min-width: 1024px) { .jPjJNv { justify-content: center; } } .iuWCqM { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-start; gap: 2.4rem; pointer-events: auto; transition: 1s cubic-bezier(0.43, 0.195, 0.02, 1); transform: translateX(0%); opacity: 1; } @media (min-width: 1024px) { .iuWCqM { justify-content: center; } } .iuWCqM fieldset { display: flex; flex-direction: column; gap: 0.6rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; margin: 0px; } .iuWCqM legend { margin-bottom: 0.6rem; } .iuWCqM label, .iuWCqM legend { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: rgb(43, 1, 1); } @media (min-width: 700px) { .iuWCqM label, .iuWCqM legend { font-size: 1.6rem; } } @media (min-width: 1024px) { .iuWCqM label, .iuWCqM legend { font-size: 1.6rem; } } .iuWCqM label span, .iuWCqM legend span { color: rgb(245, 16, 16); } .iuWCqM input, .iuWCqM textarea { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; width: 100%; height: 6rem; padding: 0px 2.4rem; border-radius: 1.2rem; background: rgba(43, 1, 1, 0.05); color: rgb(43, 1, 1); backdrop-filter: blur(0.6rem); transition: 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 700px) { .iuWCqM input, .iuWCqM textarea { font-size: 2.2rem; } } @media (min-width: 1024px) { .iuWCqM input, .iuWCqM textarea { font-size: 1.8rem; } } .iuWCqM input::placeholder, .iuWCqM textarea::placeholder { color: rgba(43, 1, 1, 0.5); } .iuWCqM input:focus, .iuWCqM textarea:focus { background: rgba(43, 1, 1, 0.1); } .iuWCqM input:focus::placeholder, .iuWCqM textarea:focus::placeholder { text-indent: -999px; transition: text-indent 1s cubic-bezier(0.8, 0, 0, 1); } .iuWCqM input:not(:focus)::placeholder, .iuWCqM textarea:not(:focus)::placeholder { text-indent: 0px; transition: text-indent 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .iuWCqM input:autofill, .iuWCqM textarea:autofill, .iuWCqM input:-webkit-autofill, .iuWCqM textarea:-webkit-autofill { transition: background-color 5000s ease-in-out; color: rgb(43, 1, 1) !important; box-shadow: rgb(82, 16, 15) 0px 0px 0px 1000px inset !important; -webkit-text-fill-color: rgb(242, 242, 242) !important; } .ffujAf { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-start; gap: 2.4rem; pointer-events: none; transition: 1s cubic-bezier(0.43, 0.195, 0.02, 1); position: absolute; inset: 0px; transform: translateX(150%); opacity: 0; } @media (min-width: 1024px) { .ffujAf { justify-content: center; } } .ffujAf fieldset { display: flex; flex-direction: column; gap: 0.6rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; margin: 0px; } .ffujAf legend { margin-bottom: 0.6rem; } .ffujAf label, .ffujAf legend { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; color: rgb(43, 1, 1); } @media (min-width: 700px) { .ffujAf label, .ffujAf legend { font-size: 1.6rem; } } @media (min-width: 1024px) { .ffujAf label, .ffujAf legend { font-size: 1.6rem; } } .ffujAf label span, .ffujAf legend span { color: rgb(245, 16, 16); } .ffujAf input, .ffujAf textarea { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; width: 100%; height: 6rem; padding: 0px 2.4rem; border-radius: 1.2rem; background: rgba(43, 1, 1, 0.05); color: rgb(43, 1, 1); backdrop-filter: blur(0.6rem); transition: 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 700px) { .ffujAf input, .ffujAf textarea { font-size: 2.2rem; } } @media (min-width: 1024px) { .ffujAf input, .ffujAf textarea { font-size: 1.8rem; } } .ffujAf input::placeholder, .ffujAf textarea::placeholder { color: rgba(43, 1, 1, 0.5); } .ffujAf input:focus, .ffujAf textarea:focus { background: rgba(43, 1, 1, 0.1); } .ffujAf input:focus::placeholder, .ffujAf textarea:focus::placeholder { text-indent: -999px; transition: text-indent 1s cubic-bezier(0.8, 0, 0, 1); } .ffujAf input:not(:focus)::placeholder, .ffujAf textarea:not(:focus)::placeholder { text-indent: 0px; transition: text-indent 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .ffujAf input:autofill, .ffujAf textarea:autofill, .ffujAf input:-webkit-autofill, .ffujAf textarea:-webkit-autofill { transition: background-color 5000s ease-in-out; color: rgb(43, 1, 1) !important; box-shadow: rgb(82, 16, 15) 0px 0px 0px 1000px inset !important; -webkit-text-fill-color: rgb(242, 242, 242) !important; } .iAuKOa { height: 100%; } .iAuKOa textarea { height: 100%; padding: 1.8rem 2.4rem; resize: none; } .fXtIkb { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: 1.2rem; } @media (min-width: 1024px) { .fXtIkb { gap: 2.4rem; } } .fXtIkb .button { flex: 1 1 0%; width: 100%; } @media (min-width: 1024px) { .fXtIkb .button { width: auto; } } .isghcT { --size: 4.8rem; font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; height: var(--size); padding: 0px 3.6rem; color: rgb(245, 16, 16); background: rgba(245, 16, 16, 0.1); border-radius: 0.6rem; cursor: pointer; backdrop-filter: blur(1rem); transition: background 0.75s cubic-bezier(0.43, 0.195, 0.02, 1), color 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); } @media (min-width: 700px) { .isghcT { font-size: 1.6rem; } } @media (min-width: 1024px) { .isghcT { font-size: 1.6rem; } } @media (min-width: 1024px) { .isghcT { --size: 6rem; font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; } @media (min-width: 700px) { .isghcT { font-size: 2.2rem; } } @media (min-width: 1024px) { .isghcT { font-size: 1.8rem; } } } .isghcT strong { color: inherit; } .isghcT:disabled { opacity: 0.5; cursor: not-allowed; } .gAsfkt { display: flex; gap: 2.4rem; } .gAsfkt fieldset { flex: 1 1 0%; } .cHySki { display: flex; flex-direction: column; gap: 1.2rem !important; } .cHySki legend { display: block; margin-bottom: 1.2rem; } .evxBOH { display: flex; align-items: center; gap: 2.4rem; } .evxBOH label { display: flex; align-items: center; gap: 1.2rem; } .evxBOH input[type="radio"], .evxBOH input[type="checkbox"] { appearance: none; width: 2.4rem; height: 2.4rem; padding: 0px; border-radius: 0.6rem; background: rgba(43, 1, 1, 0.05); display: inline-block; position: relative; outline: none; cursor: pointer; transition: border-color 0.2s, background 0.2s; vertical-align: middle; } .evxBOH input[type="checkbox"]::before, .evxBOH input[type="checkbox"]::after { content: ""; position: absolute; transform: scale(0); transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); } .evxBOH input[type="checkbox"]::before { inset: 0rem; background: rgb(245, 16, 16); border-radius: 0.6rem; } .evxBOH input[type="checkbox"]::after { inset: 0.4rem; border-radius: 0.3rem; background: rgb(242, 242, 242); transition-delay: 0.2s; } .evxBOH input[type="checkbox"]:checked::before { transform: scale(1); } .evxBOH input[type="checkbox"]:checked::after { transform: scale(1); } .evxBOH input[type="checkbox"] { border-radius: 0.6rem; } .evxBOH span { font-size: 1.6rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; cursor: pointer; color: rgba(43, 1, 1, 0.5) !important; } @media (min-width: 700px) { .evxBOH span { font-size: 2.2rem; } } @media (min-width: 1024px) { .evxBOH span { font-size: 1.8rem; } } .evxBOH input[type="checkbox"]:checked + span { color: rgb(43, 1, 1) !important; font-weight: 600; } .fCrrWZ { position: fixed; inset: 0px; z-index: 1000; overflow: hidden; display: flex; flex-direction: column; gap: 2.4rem; pointer-events: none; clip-path: inset(0% 0% 0% 100%); } @media (min-width: 1024px) { .fCrrWZ { flex-direction: row; gap: 0px; } } .fCrrWZ * { pointer-events: none; } .ggcTM { --size: 4.8rem; display: grid; place-items: center; position: relative; z-index: 2; padding: 1.2rem; background: rgba(245, 16, 16, 0.05); border-radius: 0.6rem; margin: 2.4rem auto; height: var(--size); width: var(--size); } @media (min-width: 1024px) { .ggcTM { --size: 6rem; position: absolute; inset: 2.4rem 2.4rem auto auto; cursor: pointer; margin: 0px; } .ggcTM:hover svg { rotate: 90deg; } } .ggcTM svg { width: 2.4rem; height: 2.4rem; stroke: rgb(245, 16, 16); stroke-width: 0.15rem; stroke-linecap: round; transition: rotate 0.5s cubic-bezier(0.43, 0.195, 0.02, 1); rotate: 0deg; } .fzSuct { display: none; } @media (min-width: 1024px) { .fzSuct { display: block; flex: 1 1 50%; } .fzSuct picture { display: block; width: 100%; height: 100%; } .fzSuct picture img { display: block; object-fit: cover; max-width: 100% !important; width: 100% !important; height: 100% !important; } } .GWyKQ { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; overflow: hidden auto; } @media (min-width: 1024px) { .GWyKQ { padding: clamp(12rem, 4.166vw, 100vw); } } .hkPKll { flex: 1 1 0%; background: rgb(242, 242, 242); } @media (min-width: 1024px) { .hkPKll { flex: 1 1 50%; } } .hkPKll h2 { font-family: var(--cera),'Helvetica',Arial,sans-serif; font-size: 2.8rem; line-height: 1.1; font-weight: 400; letter-spacing: -0.05rem; position: relative; color: rgb(245, 16, 16); width: 100%; text-align: center; padding-bottom: 2.4rem; } @media (min-width: 700px) { .hkPKll h2 { font-size: 3.2rem; } } @media (min-width: 1024px) { .hkPKll h2 { font-weight: 300; font-size: 4.8rem; letter-spacing: -0.1rem; } } @media (min-width: 1024px) { .hkPKll h2 { text-align: left; padding-bottom: 0px; } } .hkPKll h2::after { content: ""; position: absolute; bottom: 0px; left: -2.4rem; right: -2.4rem; height: 1px; background: rgba(43, 1, 1, 0.05); } @media (min-width: 1024px) { .hkPKll h2::after { display: none; } } .kUlchg { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.6); z-index: 999; opacity: 0; pointer-events: none; transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.8s; } .eryuFN { position: fixed; bottom: 2.4rem; left: 50%; transform: translateX(-50%); z-index: 11; display: flex; justify-content: space-evenly; align-items: center; gap: 1.2rem; padding: 1.2rem; width: calc(-4.8rem + 100vw); background: rgb(82, 16, 15); border-radius: 1.2rem; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2.4rem 0px; } @media (min-width: 400px) { .eryuFN { width: calc(-4.8rem + 100vw); bottom: 2.4rem; } } @media (min-width: 700px) { .eryuFN { --offset: 2.4rem; left: auto; right: var(--offset); bottom: var(--offset); transform: translateX(0px); width: 54rem; gap: 2.4rem; border-radius: 6rem 1.2rem 1.2rem 6rem; padding: 1.2rem 2.4rem 1.2rem 1.2rem; } } @media (min-width: 1024px) { .eryuFN { width: 40vw; } } .eryuFN img { --size: 4rem; display: block; width: var(--size); height: var(--size); pointer-events: none; user-select: none; touch-action: none; } @media (min-width: 700px) { .eryuFN img { --size: 7.2rem; } } .eryuFN p { font-size: 1.2rem; line-height: 1.44; font-weight: 400; font-family: var(--cera),'Helvetica',Arial,sans-serif; pointer-events: none; user-select: none; touch-action: none; } @media (min-width: 700px) { .eryuFN p { font-size: 1.6rem; } } @media (min-width: 1024px) { .eryuFN p { font-size: 1.6rem; } } .eryuFN button { font-size: 1.2rem; line-height: 1.44; font-family: var(--cera),'Helvetica',Arial,sans-serif; flex: 1 0 auto; position: relative; display: flex; align-items: center; justify-content: center; width: 12rem; height: 4rem; background: rgb(245, 16, 16); border-radius: 0.6rem; font-weight: 700; margin-left: auto; transition: 0.3s; } @media (min-width: 700px) { .eryuFN button { font-size: 1.6rem; } } @media (min-width: 1024px) { .eryuFN button { font-size: 1.6rem; } } @media (min-width: 700px) { .eryuFN button { width: 12rem; height: 4.8rem; } } @media (min-width: 1024px) { .eryuFN button:hover { background: rgb(255, 255, 255); color: rgb(82, 16, 15); cursor: pointer; } } .kEMTJm { position: relative; width: 12rem; height: 12rem; min-height: 4rem; display: block; margin-bottom: 4.8rem; }