/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/46ee9ee0-8857-4965-afd4-0a6d498cab38.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/b33b5f0f-c95b-4386-b882-e766178a39a5.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/c735a0c0-aede-4f94-8247-6005e35006b6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fede4ddb-f597-46e6-ba70-923834b1de82.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/46ee9ee0-8857-4965-afd4-0a6d498cab38.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/b33b5f0f-c95b-4386-b882-e766178a39a5.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/c735a0c0-aede-4f94-8247-6005e35006b6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fede4ddb-f597-46e6-ba70-923834b1de82.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/46ee9ee0-8857-4965-afd4-0a6d498cab38.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/b33b5f0f-c95b-4386-b882-e766178a39a5.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/c735a0c0-aede-4f94-8247-6005e35006b6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fede4ddb-f597-46e6-ba70-923834b1de82.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/46ee9ee0-8857-4965-afd4-0a6d498cab38.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/b33b5f0f-c95b-4386-b882-e766178a39a5.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/c735a0c0-aede-4f94-8247-6005e35006b6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fede4ddb-f597-46e6-ba70-923834b1de82.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/46ee9ee0-8857-4965-afd4-0a6d498cab38.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/b33b5f0f-c95b-4386-b882-e766178a39a5.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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/c735a0c0-aede-4f94-8247-6005e35006b6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/fede4ddb-f597-46e6-ba70-923834b1de82.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/833001a5-48c3-4328-aebb-fe05b2940a3e.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/7893fa02-f986-479e-835f-f93dae82526d.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/6e3cd5b6-1202-4677-a6cb-1084d6a62f21.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/dcea87e0-aa90-4bd0-addc-aaf47a5ee1ce.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/ab8515e0-f223-42e0-9c7c-6fe7d9ce609c.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-20C0, 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/f83bab67-e4d5-4f51-ae8d-eeab15fdc670.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/833001a5-48c3-4328-aebb-fe05b2940a3e.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/7893fa02-f986-479e-835f-f93dae82526d.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/6e3cd5b6-1202-4677-a6cb-1084d6a62f21.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/dcea87e0-aa90-4bd0-addc-aaf47a5ee1ce.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/ab8515e0-f223-42e0-9c7c-6fe7d9ce609c.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-20C0, 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/f83bab67-e4d5-4f51-ae8d-eeab15fdc670.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: 600;
  font-display: swap;
  src: url("assets/833001a5-48c3-4328-aebb-fe05b2940a3e.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: 600;
  font-display: swap;
  src: url("assets/7893fa02-f986-479e-835f-f93dae82526d.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: 600;
  font-display: swap;
  src: url("assets/6e3cd5b6-1202-4677-a6cb-1084d6a62f21.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: 600;
  font-display: swap;
  src: url("assets/dcea87e0-aa90-4bd0-addc-aaf47a5ee1ce.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: 600;
  font-display: swap;
  src: url("assets/ab8515e0-f223-42e0-9c7c-6fe7d9ce609c.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/f83bab67-e4d5-4f51-ae8d-eeab15fdc670.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{
    --ion:#3CDEAB; --white:#FFFFFF; --fg-muted:#AFC2BC;
    --f-display:"Hanken Grotesk","Trebuchet MS",system-ui,sans-serif;
    --f-mono:"JetBrains Mono",ui-monospace,monospace;
  }
  /*{box-sizing:border-box;}
  html,body{margin:0;height:100%;background:#000;overflow:hidden;}*/
  .viewport{position:relative;inset:0;display:flex;align-items:center;justify-content:center;background:#000;overflow-x:hidden;}
  .stage{position:relative;width:1920px;height:818px;flex:0 0 auto;transform-origin:center center;
    background:#0A1215;overflow:hidden;font-family:var(--f-display);}
  .world{position:absolute;inset:0;z-index:1;}
  .world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;
    filter:saturate(0.82) contrast(1.04) brightness(0.94);}
  /* gentle cinematic grade — deepen corners, keep the valley readable */
  .world .grade{position:absolute;inset:0;
    background:
      radial-gradient(120% 90% at 50% 36%, transparent 46%, rgba(10,18,21,0.34) 100%),
      linear-gradient(180deg, rgba(10,18,21,0.30) 0%, transparent 24%, transparent 64%, rgba(10,18,21,0.42) 100%);}

  svg.art{position:absolute;inset:0;width:1920px;height:818px;z-index:2;pointer-events:none;}

  .lab{position:absolute;z-index:6;font-family:var(--f-mono);text-transform:uppercase;
    color:var(--fg-muted);font-weight:500;letter-spacing:0.26em;font-size:15px;line-height:1.3;
    text-shadow:0 1px 12px rgba(0,0,0,0.85);white-space:nowrap;}
  .lab .lead{display:block;width:40px;height:1px;background:rgba(175,194,188,0.55);margin-top:8px;}
  .lab.r{text-align:right;}
  .lab.r .lead{margin-left:auto;}

  .node-tag{position:absolute;z-index:6;font-family:var(--f-mono);text-transform:uppercase;
    letter-spacing:0.30em;font-size:12px;color:rgba(255,255,255,0.94);font-weight:600;
    text-shadow:0 1px 10px rgba(0,0,0,0.9);text-align:right;}
  .node-tag .lyr{display:block;margin-top:6px;font-size:9.5px;letter-spacing:0.26em;
    color:var(--ion);text-shadow:0 0 12px rgba(60,222,171,0.6);}

  .out-lab{position:absolute;z-index:6;left:1118px;top:626px;}
  .out-lab .k{font-family:var(--f-mono);font-size:11px;letter-spacing:0.30em;text-transform:uppercase;
    color:var(--ion);text-shadow:0 0 14px rgba(60,222,171,0.6);}
  .out-lab h2{margin:7px 0 0;font-family:var(--f-display);font-weight:600;font-size:30px;
    letter-spacing:0.04em;color:var(--white);text-shadow:0 2px 16px rgba(0,0,0,0.85);line-height:1.08;}
  .out-lab .sub{margin-top:8px;font-family:var(--f-mono);font-size:12px;letter-spacing:0.18em;
    text-transform:uppercase;color:var(--fg-muted);text-shadow:0 1px 10px rgba(0,0,0,0.8);}

  .title{position:absolute;z-index:6;left:64px;bottom:54px;}
  .title h1{margin:0;font-family:var(--f-display);font-weight:600;font-size:25px;letter-spacing:0.10em;
    text-transform:uppercase;color:var(--white);text-shadow:0 2px 16px rgba(0,0,0,0.85);line-height:1.12;}
  .title .sub{margin-top:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.16em;
    text-transform:uppercase;color:var(--fg-muted);text-shadow:0 1px 10px rgba(0,0,0,0.8);}
  .title .sub b{color:var(--ion);font-weight:500;}

  .wordmark{position:absolute;z-index:7;left:64px;top:48px;height:24px;opacity:0.95;
    filter:drop-shadow(0 1px 7px rgba(0,0,0,0.7));}
  .topright{position:absolute;z-index:7;left:66px;top:82px;font-family:var(--f-mono);font-size:11px;
    letter-spacing:0.24em;text-transform:uppercase;color:var(--fg-muted);text-shadow:0 1px 8px rgba(0,0,0,0.8);}
  .foot{position:absolute;z-index:7;bottom:30px;font-family:var(--f-mono);font-size:10px;
    letter-spacing:0.22em;text-transform:uppercase;color:var(--fg-muted);text-shadow:0 1px 8px rgba(0,0,0,0.8);}
  .foot.r{right:64px;}
  .foot .dot{display:inline-block;width:6px;height:6px;background:var(--ion);border-radius:50%;
    vertical-align:middle;margin-right:9px;box-shadow:0 0 8px rgba(60,222,171,0.7);}

  .wslab{position:absolute;z-index:5;pointer-events:none;
    perspective:560px;filter:drop-shadow(0 0 11px rgba(60,222,171,0.48));}
  .wstack{position:absolute;inset:0;transform-style:preserve-3d;
    transform:rotateX(60deg) rotateZ(-2deg);}
  .wstack img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}

@media screen and (max-width:1440px){
	.viewport{height:600px;}
}
@media screen and (max-width:1024px){
	.viewport{height:420px;}
}
@media screen and (max-width:768px){
	.viewport{height:330px;}
}
@media screen and (max-width:479px){
	.viewport{height:180px;}
}