/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/95b9ea830580b57e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/1e8edb2fc100b7f7.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/6d0a674525fee3dd.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/dbc85b0dfbaaa315.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/4c2d4a14f23a8ed5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/a9d11b3ffe7aa537.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/foggy/fonts/e3237528af752eed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/95b9ea830580b57e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/1e8edb2fc100b7f7.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/6d0a674525fee3dd.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/dbc85b0dfbaaa315.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/4c2d4a14f23a8ed5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/a9d11b3ffe7aa537.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/e3237528af752eed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/95b9ea830580b57e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/1e8edb2fc100b7f7.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/6d0a674525fee3dd.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/dbc85b0dfbaaa315.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/4c2d4a14f23a8ed5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/a9d11b3ffe7aa537.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/e3237528af752eed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/95b9ea830580b57e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/1e8edb2fc100b7f7.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/6d0a674525fee3dd.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/dbc85b0dfbaaa315.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/4c2d4a14f23a8ed5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/a9d11b3ffe7aa537.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/e3237528af752eed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/95b9ea830580b57e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/1e8edb2fc100b7f7.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/6d0a674525fee3dd.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/dbc85b0dfbaaa315.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/4c2d4a14f23a8ed5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/a9d11b3ffe7aa537.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/e3237528af752eed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/a13031654d667f84.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/3effa9311007213d.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/891feccf9363d0f4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/a50b218eceed3360.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/a13031654d667f84.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/3effa9311007213d.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/891feccf9363d0f4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/a50b218eceed3360.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/edff4874961e8711.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/2f08df1456fc9116.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/3cb6b7b1979e5dd2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/363014d7c907501d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/edff4874961e8711.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/2f08df1456fc9116.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/3cb6b7b1979e5dd2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/foggy/fonts/363014d7c907501d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/edff4874961e8711.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/2f08df1456fc9116.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/3cb6b7b1979e5dd2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/foggy/fonts/363014d7c907501d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/6b5e37b52d26eeac.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/eb83d8d40af4411f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/99e400330f36ae77.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/c4064400db3750ce.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/b19c2080652a3c2b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/foggy/fonts/cc27b30471250057.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/6b5e37b52d26eeac.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/eb83d8d40af4411f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/99e400330f36ae77.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/c4064400db3750ce.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/b19c2080652a3c2b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/foggy/fonts/cc27b30471250057.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{--bg:#0a0e16;--bg-2:#0f141e;--surface:#1c2333;--surface-2:#262e3f;--border:rgba(224,228,234,.08);--border-2:rgba(224,228,234,.15);--text:#e0e4ea;--muted:#8a92a3;--muted-2:#5a6375;--accent:#d4a574;--accent-2:#e5b888;--accent-soft:rgba(var(--tone),.12);--accent-soft-2:rgba(var(--tone),.25);--red:#e05252;--red-2:#f06a6a;--radius:14px;--radius-sm:8px;--radius-lg:24px;--shadow:0 20px 60px rgba(0,0,0,.4);--transition:cubic-bezier(.2,.8,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}*::selection{background:var(--red);color:#fff}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;cursor:none}
@media(max-width:960px){body{cursor:auto}}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:600;line-height:1.15;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block;background:var(--surface)}
button{font-family:inherit;cursor:none}
.container{max-width:1320px;margin:0 auto;padding:0 40px}
.preloader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;transition:opacity .8s,visibility .8s}
.preloader.hidden{opacity:0;visibility:hidden}
.loader-logo{width:88px;height:88px;border-radius:22px;background:var(--red);display:flex;align-items:center;justify-content:center;animation:lp 1.5s ease-in-out infinite;position:relative}
.loader-logo::after{content:'';width:0;height:0;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff;margin-left:5px}
@keyframes lp{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(var(--tone),.5)}50%{transform:scale(1.08);box-shadow:0 0 80px rgba(var(--tone),.8)}}
.loader-text{font-family:'Playfair Display',serif;font-size:14px;letter-spacing:.4em;color:var(--muted);text-transform:uppercase}
.loader-bar{width:200px;height:1px;background:var(--border);overflow:hidden;position:relative}
.loader-bar::after{content:'';position:absolute;inset:0;background:var(--red);animation:lb 1.8s ease-out forwards}
@keyframes lb{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.cursor{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--red);border-radius:50%;pointer-events:none;z-index:9998;mix-blend-mode:difference}
.cursor-follow{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--red);border-radius:50%;pointer-events:none;z-index:9997;transition:width .3s,height .3s,border-color .3s}
.cursor-follow.grow{width:70px;height:70px;border-color:var(--red-2)}
@media(max-width:960px){.cursor,.cursor-follow{display:none}}
.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--red),var(--red-2));z-index:1000;width:0;box-shadow:0 0 10px var(--red)}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 0;backdrop-filter:blur(20px);background:rgba(10,14,22,.6);border-bottom:1px solid transparent;transition:.4s}
.nav.scrolled{padding:14px 0;background:rgba(10,14,22,.9);border-bottom-color:var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:14px;font-family:'Playfair Display',serif;font-size:20px;font-weight:700}
.logo-mark{width:44px;height:44px;border-radius:12px;background:var(--red);position:relative;box-shadow:0 0 30px rgba(var(--tone),.4);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.logo-mark::after{content:'';width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff;margin-left:3px}
.logo-sub{font-size:10px;color:var(--muted);letter-spacing:.25em;text-transform:uppercase;margin-top:2px;font-family:'Inter',sans-serif;font-weight:400}
.logo-text{display:flex;flex-direction:column}
.logo span{color:var(--red)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .3s;position:relative}
.nav-links a:hover{color:var(--text)}
.nav-links a::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--red);transition:width .3s}
.nav-links a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:none;transition:.4s var(--transition);border:none}
.btn-yt{background:var(--red);color:#fff}
.btn-yt:hover{background:var(--red-2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--tone),.3)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-2)}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}
.btn-lg{padding:17px 34px;font-size:15px;border-radius:var(--radius)}
.menu-toggle{display:none;background:none;border:none;color:var(--text);width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center}
.menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;margin:5px auto;transition:.3s}
.menu-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-links-mobile{position:fixed;top:0;right:-100%;width:80%;max-width:360px;height:100vh;background:var(--bg-2);padding:100px 32px 32px;display:flex;flex-direction:column;gap:24px;border-left:1px solid var(--border);transition:right .4s var(--transition);z-index:99}
.nav-links-mobile.active{right:0}
.nav-links-mobile a{font-size:18px;color:var(--text);padding:12px 0;border-bottom:1px solid var(--border)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.3) saturate(.8);z-index:1;animation:sz 30s ease-in-out infinite alternate;background-image:url('https://picsum.photos/seed/youtube-studio/2000/1200')}
@keyframes sz{from{transform:scale(1)}to{transform:scale(1.15)}}
.hero-fog{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at top,transparent 0%,var(--bg) 95%),linear-gradient(to bottom,transparent 30%,var(--bg) 100%)}
.hero-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0%,transparent 70%)}
.hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none}
.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(224,228,234,.4);animation:fl 20s infinite linear}
@keyframes fl{0%{transform:translate(0,0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(100px,-100vh);opacity:0}}
.hero-content{position:relative;z-index:4;max-width:920px}
.hero-meta{display:flex;gap:24px;margin-bottom:32px;opacity:0;transform:translateY(20px);animation:ri .8s .3s forwards;flex-wrap:wrap}
.hero-meta-item{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.hero-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red);animation:pu 2s infinite}
@keyframes pu{0%,100%{opacity:1}50%{opacity:.4}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:100px;background:rgba(var(--tone),.12);border:1px solid rgba(var(--tone),.25);color:#f08a8a;font-size:12px;font-weight:500;margin-bottom:32px;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(20px);animation:ri .8s .5s forwards}
.hero h1{font-size:clamp(42px,7.5vw,108px);margin-bottom:32px;font-weight:700;opacity:0;transform:translateY(30px);animation:ri .9s .7s forwards;line-height:1.05}
.hero h1 em{font-style:italic;color:var(--red);font-weight:400;background:linear-gradient(135deg,var(--red),var(--red-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:680px;margin-bottom:48px;opacity:0;transform:translateY(30px);animation:ri .9s .9s forwards}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:ri .9s 1.1s forwards}
@keyframes ri{to{opacity:1;transform:translateY(0)}}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:11px;letter-spacing:.3em;text-transform:uppercase;z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px;animation:bo 2.5s infinite}
.hero-scroll::after{content:'';width:1px;height:50px;background:linear-gradient(to bottom,var(--muted),transparent)}
@keyframes bo{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}
.marquee{padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);overflow:hidden}
.marquee-track{display:flex;gap:60px;animation:mq 40s linear infinite;white-space:nowrap}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-item{font-family:'Playfair Display',serif;font-size:28px;font-style:italic;color:var(--muted-2);display:flex;align-items:center;gap:60px}
.marquee-item::after{content:'▶';color:var(--red);font-size:18px;font-style:normal}
.section{padding:140px 0}
.section-head{max-width:760px;margin:0 auto 80px;text-align:center}
.section-num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--red);letter-spacing:.3em;margin-bottom:20px;display:block}
.section-label{display:inline-block;color:var(--red);font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;margin-bottom:20px;padding:6px 16px;background:rgba(var(--tone),.1);border-radius:100px;border:1px solid rgba(var(--tone),.2)}
.section-head h2{font-size:clamp(36px,5vw,64px);margin-bottom:24px}
.section-head h2 em{font-style:italic;color:var(--red)}
.section-head p{color:var(--muted);font-size:18px;line-height:1.7}
.videos-filter{display:flex;justify-content:center;gap:8px;margin-bottom:56px;flex-wrap:wrap}
.filter-btn{padding:10px 22px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--muted);font-size:13px;font-weight:500;cursor:none;transition:.3s}
.filter-btn:hover{color:var(--text);border-color:var(--border-2)}
.filter-btn.active{background:var(--red);color:#fff;border-color:var(--red)}
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.video-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:.4s var(--transition);cursor:none;display:flex;flex-direction:column}
.video-card:hover{transform:translateY(-8px);border-color:rgba(var(--tone),.3);box-shadow:var(--shadow)}
.video-card.hidden{display:none}
.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.video-card:hover .video-thumb img{transform:scale(1.06)}
.video-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,22,.85),transparent 60%);display:flex;align-items:center;justify-content:center}
.video-play{width:68px;height:68px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;transition:.4s;box-shadow:0 8px 24px rgba(var(--tone),.4)}
.video-card:hover .video-play{transform:scale(1.12);animation:rp 2s infinite}
@keyframes rp{0%{box-shadow:0 0 0 0 rgba(var(--tone),.6)}70%{box-shadow:0 0 0 30px rgba(var(--tone),0)}100%{box-shadow:0 0 0 0 rgba(var(--tone),0)}}
.video-play svg{margin-left:4px}
.video-duration{position:absolute;bottom:12px;right:12px;padding:4px 10px;border-radius:4px;background:rgba(10,14,22,.9);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500}
.video-info{padding:24px}
.video-meta{display:flex;gap:16px;margin-bottom:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.05em;flex-wrap:wrap}
.video-info h3{font-size:19px;margin-bottom:10px;line-height:1.3}
.video-info p{color:var(--muted);font-size:14px;line-height:1.6}
.video-tag{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:6px;background:var(--red);color:#fff;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;z-index:2}
.video-views{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:6px;background:rgba(10,14,22,.85);backdrop-filter:blur(10px);font-family:'JetBrains Mono',monospace;font-size:11px;color:#fff;z-index:2;border:1px solid var(--border)}
.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.channel{padding:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:.4s var(--transition);cursor:none}
.channel:hover{transform:translateY(-6px);background:var(--surface-2);border-color:rgba(var(--tone),.3);box-shadow:var(--shadow)}
.channel-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 20px;background:linear-gradient(135deg,var(--red),#8a2c2c);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:#fff;border:3px solid var(--bg-2);box-shadow:0 0 0 2px var(--red)}
.channel h3{font-size:22px;margin-bottom:8px}
.channel-cat{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}
.channel p{color:var(--muted);font-size:14px;margin-bottom:24px;line-height:1.6}
.channel-stats{display:flex;justify-content:center;gap:32px;padding-top:20px;border-top:1px solid var(--border);margin-bottom:20px}
.channel-stat{text-align:center}
.channel-stat strong{display:block;font-family:'Playfair Display',serif;font-size:20px;color:var(--text);font-weight:700}
.channel-stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.playlists-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.playlist{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:.4s var(--transition);cursor:none;aspect-ratio:1}
.playlist:hover{transform:translateY(-6px);border-color:rgba(var(--tone),.3);box-shadow:var(--shadow)}
.playlist img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.playlist:hover img{transform:scale(1.08)}
.playlist-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,22,.95) 0%,rgba(10,14,22,.3) 60%,transparent 100%);padding:24px;display:flex;flex-direction:column;justify-content:flex-end}
.playlist-count{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.playlist h3{font-size:20px;line-height:1.2;margin-bottom:6px}
.playlist p{color:var(--muted);font-size:13px}
.playlist-icon{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:8px;background:rgba(10,14,22,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.timeline{position:relative;max-width:900px;margin:0 auto;padding:20px 0}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--border-2),transparent);transform:translateX(-50%)}
.tl-item{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;margin-bottom:48px;align-items:center;opacity:0;transform:translateY(30px);transition:.8s var(--transition)}
.tl-item.visible{opacity:1;transform:translateY(0)}
.tl-content{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:.4s}
.tl-content:hover{border-color:rgba(var(--tone),.3);background:var(--surface-2)}
.tl-item:nth-child(odd) .tl-content{grid-column:1;text-align:right}
.tl-item:nth-child(even) .tl-content{grid-column:3;text-align:left}
.tl-year{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--red);letter-spacing:.2em;margin-bottom:12px}
.tl-content h3{font-size:22px;margin-bottom:10px}
.tl-content p{color:var(--muted);font-size:14px;line-height:1.6}
.tl-dot{grid-column:2;justify-self:center;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--red);box-shadow:0 0 20px rgba(var(--tone),.5);position:relative;z-index:2}
.tl-dot::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--red)}
.stats-section{padding:100px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat-item{text-align:center;padding:32px 20px}
.stat-num{font-family:'Playfair Display',serif;font-size:clamp(42px,6vw,72px);font-weight:700;background:linear-gradient(135deg,var(--red),var(--red-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:12px}
.stat-label{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}
.cta-section{padding:120px 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(var(--tone),.08),transparent 60%)}
.cta-content{position:relative;z-index:2;max-width:720px;margin:0 auto}
.cta-content h2{font-size:clamp(36px,5vw,56px);margin-bottom:24px}
.cta-content h2 em{font-style:italic;color:var(--red)}
.cta-content p{color:var(--muted);font-size:18px;margin-bottom:40px}
.footer{padding:100px 0 40px;background:var(--bg-2);border-top:1px solid var(--border)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}
.footer-brand p{color:var(--muted);font-size:14px;margin:24px 0;max-width:340px;line-height:1.7}
.footer-col h4{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.footer-col a{color:var(--muted);font-size:14px;transition:color .3s}
.footer-col a:hover{color:var(--red)}
.footer-bottom{padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap;gap:16px}
.reveal{opacity:0;transform:translateY(40px);transition:all 1s var(--transition)}
.reveal.visible{opacity:1;transform:translateY(0)}
.stagger>*{opacity:0;transform:translateY(30px);transition:all .8s var(--transition)}
.stagger.visible>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.05s}
.stagger.visible>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.15s}
.stagger.visible>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.25s}
.stagger.visible>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.35s}
.stagger.visible>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.45s}
.stagger.visible>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.55s}
.stagger.visible>*:nth-child(7){opacity:1;transform:translateY(0);transition-delay:.65s}
.stagger.visible>*:nth-child(8){opacity:1;transform:translateY(0);transition-delay:.75s}
.modal{position:fixed;inset:0;z-index:1001;background:rgba(10,14,22,.95);backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;padding:40px;opacity:0;transition:opacity .4s}
.modal.active{display:flex;opacity:1}
.modal-content{max-width:1100px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transform:scale(.95);transition:transform .4s var(--transition);position:relative}
.modal.active .modal-content{transform:scale(1)}
.modal-video{aspect-ratio:16/9;background:#000;position:relative}
.modal-video iframe{position:absolute;inset:0;width:100%;height:100%}
.modal-body{padding:36px}
.modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(10,14,22,.9);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:none;transition:.3s;z-index:10}
.modal-close:hover{background:var(--red);border-color:var(--red)}
.modal-body h2{font-size:32px;margin-bottom:12px}
.modal-body .meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);margin-bottom:20px}
.modal-body p{color:var(--muted);font-size:15px;line-height:1.7}
@media(max-width:1100px){.videos-grid{grid-template-columns:repeat(2,1fr)}.channels-grid{grid-template-columns:repeat(2,1fr)}.playlists-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{padding:0 20px}.section{padding:80px 0}.videos-grid,.channels-grid,.playlists-grid{grid-template-columns:1fr}.nav-links,.hero-meta{display:none}.menu-toggle{display:flex}.footer-top{grid-template-columns:1fr}.timeline::before{left:20px}.tl-item{grid-template-columns:40px 1fr;gap:20px}.tl-item:nth-child(odd) .tl-content,.tl-item:nth-child(even) .tl-content{grid-column:2;text-align:left}.tl-dot{grid-column:1;grid-row:1}.modal-body h2{font-size:24px}.modal-body{padding:24px}}


:root{--bg:#0a0e16;--bg-2:#0f141e;--surface:#1c2333;--surface-2:#262e3f;--border:rgba(224,228,234,.08);--border-2:rgba(224,228,234,.15);--text:#e0e4ea;--muted:#8a92a3;--muted-2:#5a6375;--accent:#d4a574;--accent-2:#e5b888;--accent-soft:rgba(var(--tone),.12);--accent-soft-2:rgba(var(--tone),.25);--sea:#6a8aa8;--sea-2:#8ab0cf;--sea-soft:rgba(var(--tone),.12);--sea-soft-2:rgba(var(--tone),.25);--moss:#7a9e8a;--radius:14px;--radius-sm:8px;--radius-lg:24px;--shadow:0 20px 60px rgba(0,0,0,.4);--transition:cubic-bezier(.2,.8,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}*::selection{background:var(--sea);color:var(--bg)}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;cursor:none}
@media(max-width:960px){body{cursor:auto}}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:600;line-height:1.15;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block;background:var(--surface)}
button{font-family:inherit;cursor:none}
.container{max-width:1320px;margin:0 auto;padding:0 40px}
.preloader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;transition:opacity .8s,visibility .8s}
.preloader.hidden{opacity:0;visibility:hidden}
.loader-logo{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--sea),#2a4a68 80%);animation:lp 1.5s ease-in-out infinite}
@keyframes lp{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(var(--tone),.4)}50%{transform:scale(1.08);box-shadow:0 0 80px rgba(var(--tone),.7)}}
.loader-text{font-family:'Playfair Display',serif;font-size:14px;letter-spacing:.4em;color:var(--muted);text-transform:uppercase}
.loader-bar{width:200px;height:1px;background:var(--border);overflow:hidden;position:relative}
.loader-bar::after{content:'';position:absolute;inset:0;background:var(--sea);animation:lb 1.8s ease-out forwards}
@keyframes lb{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.cursor{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--sea);border-radius:50%;pointer-events:none;z-index:9998;mix-blend-mode:difference}
.cursor-follow{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--sea);border-radius:50%;pointer-events:none;z-index:9997;transition:width .3s,height .3s,border-color .3s}
.cursor-follow.grow{width:70px;height:70px;border-color:var(--sea-2)}
@media(max-width:960px){.cursor,.cursor-follow{display:none}}
.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--sea),var(--sea-2));z-index:1000;width:0;box-shadow:0 0 10px var(--sea)}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 0;backdrop-filter:blur(20px);background:rgba(10,14,22,.6);border-bottom:1px solid transparent;transition:.4s}
.nav.scrolled{padding:14px 0;background:rgba(10,14,22,.9);border-bottom-color:var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:14px;font-family:'Playfair Display',serif;font-size:20px;font-weight:700}
.logo-mark{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--sea),#2a4a68 80%);position:relative;box-shadow:0 0 30px rgba(var(--tone),.3);flex-shrink:0}
.logo-mark::before,.logo-mark::after{content:'';position:absolute;left:8px;right:8px;height:1.5px;background:rgba(255,255,255,.7);border-radius:2px}
.logo-mark::before{top:45%;transform:translateY(-50%)}
.logo-mark::after{top:60%;transform:translateY(-50%);opacity:.5}
.logo-sub{font-size:10px;color:var(--muted);letter-spacing:.25em;text-transform:uppercase;margin-top:2px;font-family:'Inter',sans-serif;font-weight:400}
.logo-text{display:flex;flex-direction:column}
.logo span{color:var(--sea)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .3s;position:relative}
.nav-links a:hover{color:var(--text)}
.nav-links a::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--sea);transition:width .3s}
.nav-links a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:none;transition:.4s var(--transition);border:none}
.btn-primary{background:var(--sea);color:#0a1520}
.btn-primary:hover{background:var(--sea-2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--tone),.25)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-2)}
.btn-ghost:hover{border-color:var(--sea);color:var(--sea)}
.btn-lg{padding:17px 34px;font-size:15px;border-radius:var(--radius)}
.menu-toggle{display:none;background:none;border:none;color:var(--text);width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center}
.menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;margin:5px auto;transition:.3s}
.menu-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-links-mobile{position:fixed;top:0;right:-100%;width:80%;max-width:360px;height:100vh;background:var(--bg-2);padding:100px 32px 32px;display:flex;flex-direction:column;gap:24px;border-left:1px solid var(--border);transition:right .4s var(--transition);z-index:99}
.nav-links-mobile.active{right:0}
.nav-links-mobile a{font-size:18px;color:var(--text);padding:12px 0;border-bottom:1px solid var(--border)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.3) saturate(.7);z-index:1;animation:sz 30s ease-in-out infinite alternate}
@keyframes sz{from{transform:scale(1)}to{transform:scale(1.15)}}
.hero-fog{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at top,transparent 0%,var(--bg) 95%),linear-gradient(to bottom,transparent 30%,var(--bg) 100%)}
.hero-waves{position:absolute;inset:0;z-index:2;opacity:.08;background:repeating-linear-gradient(0deg,transparent,transparent 80px,rgba(var(--tone),.3) 80px,rgba(var(--tone),.3) 81px);animation:wv 20s linear infinite}
@keyframes wv{from{background-position:0 0}to{background-position:0 -80px}}
.hero-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0%,transparent 70%)}
.hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none}
.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(var(--tone),.5);animation:fl 20s infinite linear}
@keyframes fl{0%{transform:translate(0,0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(100px,-100vh);opacity:0}}
.hero-content{position:relative;z-index:4;max-width:920px}
.hero-meta{display:flex;gap:24px;margin-bottom:32px;opacity:0;transform:translateY(20px);animation:ri .8s .3s forwards}
.hero-meta-item{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.hero-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--sea);box-shadow:0 0 10px var(--sea);animation:pu 2s infinite}
@keyframes pu{0%,100%{opacity:1}50%{opacity:.4}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:100px;background:var(--sea-soft);border:1px solid var(--sea-soft-2);color:var(--sea);font-size:12px;font-weight:500;margin-bottom:32px;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(20px);animation:ri .8s .5s forwards}
.hero h1{font-size:clamp(42px,7.5vw,108px);margin-bottom:32px;font-weight:700;opacity:0;transform:translateY(30px);animation:ri .9s .7s forwards;line-height:1.05}
.hero h1 em{font-style:italic;color:var(--sea);font-weight:400;background:linear-gradient(135deg,var(--sea),var(--sea-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:680px;margin-bottom:48px;opacity:0;transform:translateY(30px);animation:ri .9s .9s forwards}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:ri .9s 1.1s forwards}
@keyframes ri{to{opacity:1;transform:translateY(0)}}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:11px;letter-spacing:.3em;text-transform:uppercase;z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px;animation:bo 2.5s infinite}
.hero-scroll::after{content:'';width:1px;height:50px;background:linear-gradient(to bottom,var(--muted),transparent)}
@keyframes bo{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}
.marquee{padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);overflow:hidden}
.marquee-track{display:flex;gap:60px;animation:mq 40s linear infinite;white-space:nowrap}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-item{font-family:'Playfair Display',serif;font-size:28px;font-style:italic;color:var(--muted-2);display:flex;align-items:center;gap:60px}
.marquee-item::after{content:'🌲';color:var(--sea);font-size:18px;font-style:normal}
.section{padding:140px 0}
.section-head{max-width:760px;margin:0 auto 80px;text-align:center}
.section-num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--sea);letter-spacing:.3em;margin-bottom:20px;display:block}
.section-label{display:inline-block;color:var(--sea);font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;margin-bottom:20px;padding:6px 16px;background:var(--sea-soft);border-radius:100px;border:1px solid var(--sea-soft-2)}
.section-head h2{font-size:clamp(36px,5vw,64px);margin-bottom:24px}
.section-head h2 em{font-style:italic;color:var(--sea)}
.section-head p{color:var(--muted);font-size:18px;line-height:1.7}
.places-filter{display:flex;justify-content:center;gap:8px;margin-bottom:56px;flex-wrap:wrap}
.filter-btn{padding:10px 22px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--muted);font-size:13px;font-weight:500;cursor:none;transition:.3s}
.filter-btn:hover{color:var(--text);border-color:var(--border-2)}
.filter-btn.active{background:var(--sea);color:#0a1520;border-color:var(--sea)}
.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.place-card{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;cursor:none;border:1px solid var(--border);transition:.5s var(--transition)}
.place-card:hover{transform:translateY(-10px);border-color:var(--sea-soft-2);box-shadow:var(--shadow)}
.place-card.hidden{display:none}
.place-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition)}
.place-card:hover img{transform:scale(1.1)}
.place-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,22,.98) 0%,rgba(10,14,22,.4) 45%,transparent 100%);padding:36px;display:flex;flex-direction:column;justify-content:flex-end}
.place-region{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--sea);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.place-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.place-tag{font-size:10px;color:var(--sea);padding:4px 10px;border-radius:100px;background:rgba(var(--tone),.12);border:1px solid rgba(var(--tone),.2);text-transform:uppercase;letter-spacing:.15em}
.place-title{font-size:26px;margin-bottom:10px;line-height:1.2}
.place-desc{color:var(--muted);font-size:14px;line-height:1.5}
.place-arrow{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-10px);transition:.4s var(--transition);border:1px solid rgba(255,255,255,.1)}
.place-card:hover .place-arrow{opacity:1;transform:translateX(0)}
.place-year{position:absolute;top:24px;left:24px;padding:6px 12px;border-radius:6px;background:rgba(10,14,22,.8);backdrop-filter:blur(10px);font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text);border:1px solid var(--border)}
.map-section{padding:140px 0;background:radial-gradient(ellipse at center,rgba(var(--tone),.04),transparent 60%),var(--bg-2);position:relative;overflow:hidden}
.map-container{max-width:1100px;margin:0 auto;position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:40px;overflow:hidden}
.map-svg{width:100%;height:auto;display:block}
.map-pin{cursor:none;transition:.3s;transform-origin:center}
.map-pin:hover{transform:scale(1.3)}
.map-pin circle{fill:var(--sea);filter:drop-shadow(0 0 10px var(--sea))}
.map-tooltip{position:absolute;padding:12px 16px;background:var(--bg);border:1px solid var(--sea-soft-2);border-radius:var(--radius-sm);font-size:13px;pointer-events:none;opacity:0;transform:translateY(10px);transition:.3s;z-index:10;box-shadow:var(--shadow);white-space:nowrap}
.map-tooltip.visible{opacity:1;transform:translateY(0)}
.map-tooltip strong{display:block;color:var(--sea);margin-bottom:4px;font-family:'Playfair Display',serif;font-size:15px}
.map-tooltip span{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.map-legend{display:flex;justify-content:center;gap:40px;margin-top:32px;flex-wrap:wrap}
.map-legend-item{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.map-legend-dot{width:10px;height:10px;border-radius:50%}
.video-carousel{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 40px 20px;scrollbar-width:none}
.video-carousel::-webkit-scrollbar{display:none}
.video-card{flex:0 0 520px;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:.4s var(--transition);cursor:none}
.video-card:hover{transform:translateY(-6px);border-color:var(--sea-soft-2);box-shadow:var(--shadow)}
.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.video-card:hover .video-thumb img{transform:scale(1.05)}
.video-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,22,.7),transparent 50%);display:flex;align-items:center;justify-content:center}
.video-play{width:64px;height:64px;border-radius:50%;background:var(--sea);display:flex;align-items:center;justify-content:center;transition:.4s}
.video-card:hover .video-play{transform:scale(1.1);animation:rp 2s infinite}
@keyframes rp{0%{box-shadow:0 0 0 0 rgba(var(--tone),.6)}70%{box-shadow:0 0 0 30px rgba(var(--tone),0)}100%{box-shadow:0 0 0 0 rgba(var(--tone),0)}}
.video-play svg{margin-left:3px}
.video-duration{position:absolute;bottom:16px;right:16px;padding:4px 10px;border-radius:4px;background:rgba(10,14,22,.9);font-family:'JetBrains Mono',monospace;font-size:11px}
.video-info{padding:28px}
.video-meta{display:flex;gap:16px;margin-bottom:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap}
.video-info h3{font-size:22px;margin-bottom:10px;line-height:1.3}
.video-info p{color:var(--muted);font-size:14px;line-height:1.6}
.stories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.story{padding:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:.4s var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}
.story:hover{transform:translateY(-6px);background:var(--surface-2);border-color:var(--sea-soft-2);box-shadow:var(--shadow)}
.story::before{content:'"';position:absolute;top:-30px;right:30px;font-family:'Playfair Display',serif;font-size:200px;color:var(--sea-soft);line-height:1;pointer-events:none}
.story-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.story-date{font-family:'JetBrains Mono',monospace;color:var(--sea);font-size:12px;letter-spacing:.1em}
.story-tag{padding:4px 12px;border-radius:100px;background:var(--sea-soft);border:1px solid var(--sea-soft-2);color:var(--sea);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.story h3{font-size:26px;margin-bottom:14px;line-height:1.25}
.story p{color:var(--muted);font-size:15px;margin-bottom:28px;line-height:1.7}
.story-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.story-author{display:flex;align-items:center;gap:12px}
.story-author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--sea),#2a4a68);display:flex;align-items:center;justify-content:center;color:var(--bg);font-weight:600;font-size:16px}
.story-author-info{font-size:13px}
.story-author-info strong{display:block;color:var(--text);font-weight:500}
.story-author-info span{color:var(--muted);font-size:11px}
.story-link{color:var(--sea);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:gap .3s}
.story-link:hover{gap:14px}
.gallery{padding:140px 0}
.gallery-tabs{display:flex;justify-content:center;gap:32px;margin-bottom:56px;border-bottom:1px solid var(--border);padding-bottom:20px}
.gallery-tab{background:none;border:none;color:var(--muted);font-size:14px;font-weight:500;cursor:none;padding:8px 0;position:relative;transition:color .3s}
.gallery-tab:hover{color:var(--text)}
.gallery-tab.active{color:var(--sea)}
.gallery-tab.active::after{content:'';position:absolute;bottom:-21px;left:0;right:0;height:2px;background:var(--sea)}
.masonry{columns:4;column-gap:20px}
@media(max-width:1100px){.masonry{columns:3}}
@media(max-width:768px){.masonry{columns:2}}
@media(max-width:480px){.masonry{columns:1}}
.masonry-item{break-inside:avoid;margin-bottom:20px;border-radius:var(--radius);overflow:hidden;position:relative;cursor:none;transition:.4s var(--transition)}
.masonry-item:hover{transform:translateY(-6px)}
.masonry-item img{width:100%;transition:transform .6s}
.masonry-item:hover img{transform:scale(1.06)}
.masonry-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,22,.9),transparent 60%);opacity:0;transition:opacity .4s;padding:20px;display:flex;align-items:flex-end}
.masonry-item:hover .masonry-overlay{opacity:1}
.masonry-caption{color:var(--text);font-size:14px;font-weight:500}
.footer{padding:100px 0 40px;background:var(--bg-2);border-top:1px solid var(--border)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}
.footer-brand p{color:var(--muted);font-size:14px;margin:24px 0;max-width:340px;line-height:1.7}
.footer-col h4{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.footer-col a{color:var(--muted);font-size:14px;transition:color .3s}
.footer-col a:hover{color:var(--sea)}
.footer-bottom{padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap;gap:16px}
.modal{position:fixed;inset:0;z-index:1001;background:rgba(10,14,22,.95);backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;padding:40px;opacity:0;transition:opacity .4s}
.modal.active{display:flex;opacity:1}
.modal-content{max-width:900px;width:100%;max-height:90vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;transform:scale(.95);transition:transform .4s var(--transition)}
.modal.active .modal-content{transform:scale(1)}
.modal-img{aspect-ratio:1;background-size:cover;background-position:center}
.modal-body{padding:48px;overflow-y:auto}
.modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:none;transition:.3s;z-index:10}
.modal-close:hover{background:var(--sea);color:#0a1520}
.modal-tag{display:inline-block;padding:4px 12px;border-radius:100px;background:var(--sea-soft);border:1px solid var(--sea-soft-2);color:var(--sea);font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}
.modal-body h2{font-size:36px;margin-bottom:16px}
.modal-body .meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);margin-bottom:24px}
.modal-body p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:20px}
.reveal{opacity:0;transform:translateY(40px);transition:all 1s var(--transition)}
.reveal.visible{opacity:1;transform:translateY(0)}
.stagger>*{opacity:0;transform:translateY(30px);transition:all .8s var(--transition)}
.stagger.visible>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s}
.stagger.visible>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.2s}
.stagger.visible>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.3s}
.stagger.visible>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.4s}
.stagger.visible>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.5s}
.stagger.visible>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.6s}
.stagger.visible>*:nth-child(7){opacity:1;transform:translateY(0);transition-delay:.7s}
.stagger.visible>*:nth-child(8){opacity:1;transform:translateY(0);transition-delay:.8s}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.container{padding:0 20px}.section,.gallery{padding:80px 0}.places-grid,.stories-grid{grid-template-columns:1fr}.nav-links,.hero-meta{display:none}.menu-toggle{display:flex}.video-card{flex:0 0 380px}.footer-top{grid-template-columns:1fr}.modal-content{grid-template-columns:1fr}.modal-img{aspect-ratio:16/9}}


:root{--tone:130,176,234;--sea:#82b0ea;--sea-2:#e8f2ff;--sea-soft:rgba(var(--tone),.12);--sea-soft-2:rgba(var(--tone),.25);--accent:var(--sea);--accent-2:var(--sea-2);--accent-soft:var(--sea-soft);--accent-soft-2:var(--sea-soft-2);--red:var(--sea);--red-2:var(--sea-2);--flag-edge:linear-gradient(90deg,#fff 0 40%,#4275b5 40% 60%,#fff 60%)}
body{cursor:auto}button,a,.place-card,.video-card,.masonry-item,.filter-btn,.gallery-tab,.map-pin,.channel,.playlist,.tl-content,.modal-close{cursor:pointer}
[hidden]{display:none!important}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--sea);outline-offset:5px}
.skip{position:fixed;left:16px;top:-100px;padding:12px 20px;z-index:10000;background:var(--sea);color:var(--bg);border-radius:8px}.skip:focus{top:12px}
.nav{padding:24px 0;border-top:3px solid transparent;border-image:var(--flag-edge) 1;background:rgba(10,14,22,.88)}
.nav.scrolled{padding:14px 0}.nav-inner{gap:32px}.nav-links{gap:25px;flex-shrink:0}.nav-links a[aria-current="page"]{color:var(--text)}
.logo{font-size:20px;gap:14px;flex-shrink:0}.logo-mark{width:42px;height:42px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%,var(--sea),#223f66 80%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px rgba(var(--tone),.2)}
.logo-mark::before,.logo-mark::after{display:none}.logo-mark svg{width:100%;height:100%;display:block}.logo-sub{font-size:10px;letter-spacing:.19em}.logo span{color:var(--sea)}
.logo .brand-title{color:var(--text)}.logo .brand-title>span{color:var(--sea)}.logo .logo-sub{color:var(--muted)}
.nav-links-mobile{padding-top:110px;top:0;right:0;height:100dvh;overflow-y:auto;box-shadow:-30px 0 70px #0005}.nav-links-mobile a{font-size:18px}.menu-toggle{cursor:pointer;flex-shrink:0}
.hero{min-height:100svh;padding:160px 0 110px}.hero-content{max-width:1320px;width:100%;margin-left:auto;margin-right:auto}.hero h1{font-size:clamp(42px,7.5vw,108px);max-width:1000px}
.hero h1,.hero p,.hero-meta,.hero-actions,.hero-tag,.reveal,.stagger>*,.tl-item{opacity:1;transform:none;animation:none;transition-delay:0s!important}
.hero-bg,.hero-waves,.marquee-track,.hero-scroll,.hero-meta-dot{animation:none}.hero-particles,.preloader,.cursor,.cursor-follow{display:none}
.hero-tag{background:var(--sea-soft);border-color:var(--sea-soft-2);color:var(--sea)}.hero-meta{flex-wrap:wrap}.hero-actions{gap:16px}
.btn-primary,.btn-yt,.video-play{background:var(--sea);color:var(--bg)}.btn-primary:hover,.btn-yt:hover{background:var(--sea-2);color:var(--bg)}.hero h1 em{color:var(--sea);background:linear-gradient(135deg,var(--sea),var(--sea-2));background-clip:text;-webkit-background-clip:text}
.marquee-track{justify-content:center}.marquee-item{font-size:24px}.marquee-item:nth-child(n+7){display:none}
.footer{padding:80px 0 32px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-col h4{font:600 12px 'Inter',sans-serif;letter-spacing:.2em}.footer-brand p{max-width:370px}.footer-bottom{font-size:13px;gap:20px}.footer-bottom a{color:var(--muted)}
.prose-wrap{max-width:980px;min-height:65vh;padding-top:160px;padding-bottom:100px}.prose-wrap h1{font-size:clamp(42px,6vw,76px);margin:24px 0 36px;overflow-wrap:anywhere}.prose-wrap h2{font-size:30px;margin:42px 0 18px}.prose-wrap p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 22px}.prose-wrap p a{color:var(--sea);text-decoration:underline;text-underline-offset:4px}.prose-wrap .hero-actions{margin-top:36px}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.collection-link{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);overflow:hidden;transition:transform .3s,border-color .3s;display:flex;flex-direction:column}.collection-link:hover{transform:translateY(-6px);border-color:var(--sea-soft-2)}.collection-cover{height:220px;padding:28px;background:radial-gradient(ellipse at top right,rgba(var(--tone),.13),transparent),var(--surface)}.collection-cover svg{width:100%;height:145px}.collection-number{font:11px 'JetBrains Mono',monospace;color:var(--sea);letter-spacing:.15em}.collection-body{padding:32px;display:flex;flex-direction:column;flex:1}.collection-body h3{font-size:32px;margin:14px 0}.collection-body p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:28px}.collection-bottom{color:var(--sea);font-size:14px;margin-top:auto;display:flex;justify-content:space-between}
.project-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.project-note h2{font-size:clamp(36px,5vw,64px)}.project-note p{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:24px}.project-note a{color:var(--sea)}.project-note .note{font-size:13px;line-height:1.7;margin-top:32px}.portal-hero .hero-bg{background-position:right center;opacity:.5;filter:brightness(.5);background-image:url('/assets/foggy/landscape.svg')}.portal-hero .hero-fog{background:linear-gradient(90deg,var(--bg) 10%,rgba(10,14,22,.7) 55%,rgba(10,14,22,.15)),linear-gradient(0deg,var(--bg),transparent 50%)}
.videos-grid .video-card{flex:initial}.modal-video{min-height:260px}.noscript-nav{margin-top:110px;display:flex;flex-wrap:wrap;gap:18px;padding:20px}.noscript-nav a{color:var(--sea)}
@media(max-width:1100px){.nav-links{display:none}.menu-toggle{display:flex}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:32px}.collection-grid{gap:18px}.collection-body{padding:24px}.video-card{flex:0 0 440px}}
@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.hero{padding-top:140px;padding-bottom:100px}.hero-meta{display:none}.hero-tag{font-size:10px;letter-spacing:.08em;margin-bottom:26px}.hero p{font-size:17px;margin-bottom:32px}.hero h1{font-size:clamp(42px,7.5vw,108px);margin-bottom:26px;overflow-wrap:normal}.hero-actions .btn{padding:15px 22px;font-size:14px}.hero-scroll{bottom:28px}.section,.gallery,.map-section{padding:80px 0}.section-head{margin-bottom:44px}.section-head p{font-size:17px}.footer-top,.collection-grid,.project-note{grid-template-columns:1fr}.footer-top{gap:32px}.footer{padding:64px 0 28px}.footer-brand p{max-width:100%}.footer-col h4{margin-bottom:16px}.footer-col ul{gap:12px}.footer-bottom{align-items:flex-start;flex-direction:column}.prose-wrap{padding-top:140px;padding-bottom:72px}.prose-wrap h1{font-size:42px}.prose-wrap h2{font-size:28px}.prose-wrap p{font-size:16px}.project-note{gap:32px}.video-card{flex:0 0 min(380px,85vw)}.video-carousel{padding-left:20px;padding-right:20px}.map-container{padding:20px}.modal{padding:16px}.modal-body{padding:28px}.modal-body h2{font-size:28px}.portal-hero .hero-bg{opacity:.25}.marquee{padding:20px 0}.marquee-item{font-size:20px}.marquee-track{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}