:root {
    --animationTime: 7s;
}
@font-face {
    font-family: BY Sans;
    src: url(BYSans.otf);
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: initial;
    vertical-align: baseline;
}
a {
    color: inherit;
    text-decoration: #000;
    text-decoration: none;
}
html {
    font-family: BY Sans, sans-serif;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.main-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: calc(100vh - 40px);
    padding: 20px;
}
.row {
    display: flex;
}
.col {
    width: 33.33%;
}
.align-self-end {
	align-self: end;
}
.text-center {
    text-align: center;
}
.w100 {
    width: 100%;
}
.heading-1 {
    font-size: 15vw;
    line-height: 12vw;
    letter-spacing: -4px;
}
.heading-2 {
    font-size: 18px;
    letter-spacing: -1px;
}
.btn {
    color: #000;
    background: #fff;
    text-decoration: none;
    border: 2px solid #000;
    border-radius: 50px;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;
    transition: all .2s ease-in-out;
}
.btn:hover {
    color: #fff;
    background: #000;
}
.btn-group {
    display: flex;
}
.btn-group a {
    width: 100%;
    max-width: 170px;
}
.pointer-none {
    pointer-events: none;
}
@media (max-width: 960px) {
	.main-container {
		padding: 10px;
		min-height: calc(100svh - 20px);
	}
    .row {
        flex-direction: column;
        gap: 20px;
    }
    .col {width: 100%;} 
    .visible-m  {display: none;} 
    .btn-group {justify-content: center;}
    .heading-1 {
        font-size: 22vw;
        line-height: 19vw;
    }
}
@media (min-width: 961px) {
    .hidden-m  {display: none;} 
}
@media (min-width: 961px) and (max-width: 1200px) {
    .col  {width: 50%;} 
}
@media (max-width: 480px) {
    .btn {
        font-size: 14px; 
        border: 1px solid #000;
    }
	.main-container {min-height: calc(100svh - 20px);}
}

/* ANIMATION */
.heading-1:hover > span {
    animation-duration: 1.75s;
}
.l1 {animation: var(--animationTime) l1 infinite linear;}
@keyframes l1 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss03" 1;}
    64%  {font-feature-settings: "ss01" 1;}
    80% {font-feature-settings: "ss01" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l2 {animation: var(--animationTime) l2 infinite linear;}
@keyframes l2 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss01" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss01" 1;}
    80% {font-feature-settings: "ss01" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l3 {animation: var(--animationTime) l3 infinite linear;}
@keyframes l3 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss01" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l4 {animation: var(--animationTime) l4 infinite linear;}
@keyframes l4 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss03" 1;}
    48%  {font-feature-settings: "ss01" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l5 {animation: var(--animationTime) l5 infinite linear;}
@keyframes l5 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss01" 1;}
    32%  {font-feature-settings: "ss02" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss01" 1;}
    80% {font-feature-settings: "ss01" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l6 {animation: var(--animationTime) l6 infinite linear;}
@keyframes l6 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss03" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l7 {animation: var(--animationTime) l7 infinite linear;}
@keyframes l7 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss02" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l8 {animation: var(--animationTime) l8 infinite linear;}
@keyframes l8 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss01" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss02" 1;}
    80% {font-feature-settings: "ss02" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l9 {animation: var(--animationTime) l9 infinite linear;}
@keyframes l9 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss04" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l10 {animation: var(--animationTime) l10 infinite linear;}
@keyframes l10 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss01" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss04" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l11 {animation: var(--animationTime) l11 infinite linear;}
@keyframes l11 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss03" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss04" 1;}
    80% {font-feature-settings: "ss04" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l12 {animation: var(--animationTime) l12 infinite linear;}
@keyframes l12 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss02" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l13 {animation: var(--animationTime) l13 infinite linear;}
@keyframes l13 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss01" 1;}
    32%  {font-feature-settings: "ss00" 1;}
    48%  {font-feature-settings: "ss04" 1;}
    64%  {font-feature-settings: "ss00" 1;}
    80% {font-feature-settings: "ss00" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}

.l14 {animation: var(--animationTime) l14 infinite linear;}
@keyframes l14 {
    0%   {font-feature-settings: "ss00" 1;}
    16%  {font-feature-settings: "ss00" 1;}
    32%  {font-feature-settings: "ss04" 1;}
    48%  {font-feature-settings: "ss00" 1;}
    64%  {font-feature-settings: "ss01" 1;}
    80% {font-feature-settings: "ss01" 1;}
    96%   {font-feature-settings: "ss00" 1;}
    100%   {font-feature-settings: "ss00" 1;}
}