/* COLORS */

:root {
  --clr001: rgba(131,195,255,1); /* primer blue 300 */
  --clr002: rgba(033,132,255,1); /* primer blue 600 */
  --clr003: rgba(000,066,203,1); /* primer blue 900 */
  --clr004: rgba(221,251,231,1); /* ibm green 1 */
  --clr005: rgba(165,240,189,1); /* ibm green 2 */
  --clr006: rgba(207, 34, 46,1); /* red */
  --clr007: rgba(250,248,243,1); /* beige */
  --clr008: rgba(169,128, 18,1); /* gold */

  --clr015: rgba(015,015,015,1); /* main text */
  --clr030: rgba(030,030,030,1);
  --clr045: rgba(045,045,045,1);
  --clr060: rgba(060,060,060,1);
  --clr075: rgba(075,075,075,1);
  --clr090: rgba(090,090,090,1);
  --clr105: rgba(105,105,105,1);
  --clr120: rgba(120,120,120,1);
  --clr135: rgba(135,135,135,1);
  --clr150: rgba(150,150,150,1);
  --clr165: rgba(165,165,165,1);
  --clr180: rgba(180,180,180,1);
  --clr195: rgba(195,195,195,1);
  --clr210: rgba(210,210,210,1);
  --clr225: rgba(225,225,225,1);
  --clr240: rgba(240,240,240,1);
  --clr255: rgba(255,255,255,1); /* overall background */

  --clr-bg: rgba(255,255,255,.2); /* baseline grid */
}

.bg001 { background-color: var(--clr001); }
.bg002 { background-color: var(--clr002); }
.bg003 { background-color: var(--clr003); }
.bg004 { background-color: var(--clr004); }
.bg005 { background-color: var(--clr005); }
.bg006 { background-color: var(--clr006); }
.bg007 { background-color: var(--clr007); }
.bg008 { background-color: var(--clr008); }

.clr001 { color: var(--clr001); fill: var(--clr001); }
.clr002 { color: var(--clr002); fill: var(--clr002); }
.clr003 { color: var(--clr003); fill: var(--clr003); }
.clr004 { color: var(--clr004); fill: var(--clr004); }
.clr005 { color: var(--clr005); fill: var(--clr005); }
.clr006 { color: var(--clr006); fill: var(--clr006); }
.clr007 { color: var(--clr007); fill: var(--clr007); }
.clr008 { color: var(--clr008); fill: var(--clr008); }

.clr015 { color: var(--clr015); fill: var(--clr015); }
.clr030 { color: var(--clr030); fill: var(--clr030); }
.clr045 { color: var(--clr045); fill: var(--clr045); }
.clr060 { color: var(--clr060); fill: var(--clr060); }
.clr075 { color: var(--clr075); fill: var(--clr075); }
.clr090 { color: var(--clr090); fill: var(--clr090); }
.clr105 { color: var(--clr105); fill: var(--clr105); }
.clr120 { color: var(--clr120); fill: var(--clr120); }
.clr135 { color: var(--clr135); fill: var(--clr135); }
.clr150 { color: var(--clr150); fill: var(--clr150); }
.clr165 { color: var(--clr165); fill: var(--clr165); }
.clr180 { color: var(--clr180); fill: var(--clr180); }
.clr195 { color: var(--clr195); fill: var(--clr195); }
.clr210 { color: var(--clr210); fill: var(--clr210); }
.clr225 { color: var(--clr225); fill: var(--clr225); }
.clr240 { color: var(--clr240); fill: var(--clr240); }
.clr255 { color: var(--clr255); fill: var(--clr255); }

/* COLUMNS */

.c01 { grid-column: 01/02; }
.c02 { grid-column: 02/03; }
.c03 { grid-column: 03/04; }
.c04 { grid-column: 04/05; }
.c05 { grid-column: 05/06; }
.c06 { grid-column: 06/07; }
.c07 { grid-column: 07/08; }
.c08 { grid-column: 08/09; }
.c09 { grid-column: 09/10; }
.c10 { grid-column: 10/11; }
.c11 { grid-column: 11/12; }
.c12 { grid-column: 12/13; }
.c13 { grid-column: 13/14; }
.c14 { grid-column: 14/15; }
.c15 { grid-column: 15/16; }
.c16 { grid-column: 16/17; }

.c01-02 { grid-column: 01/03; }
.c02-03 { grid-column: 02/04; }
.c03-04 { grid-column: 03/05; }
.c04-05 { grid-column: 04/06; }
.c05-06 { grid-column: 05/07; }
.c06-07 { grid-column: 06/08; }
.c07-08 { grid-column: 07/09; }
.c08-09 { grid-column: 08/10; }
.c09-10 { grid-column: 09/11; }
.c10-11 { grid-column: 10/12; }
.c11-12 { grid-column: 11/13; }
.c12-13 { grid-column: 12/14; }
.c13-14 { grid-column: 13/15; }
.c14-15 { grid-column: 14/16; }
.c15-16 { grid-column: 15/17; }

.c01-03 { grid-column: 01/04; }
.c02-04 { grid-column: 02/05; }
.c03-05 { grid-column: 03/06; }
.c04-06 { grid-column: 04/07; }
.c05-07 { grid-column: 05/08; }
.c06-08 { grid-column: 06/09; }
.c07-09 { grid-column: 07/10; }
.c08-10 { grid-column: 08/11; }
.c09-11 { grid-column: 09/12; }
.c10-12 { grid-column: 10/13; }
.c11-13 { grid-column: 11/14; }
.c12-14 { grid-column: 12/15; }
.c13-15 { grid-column: 13/16; }
.c14-16 { grid-column: 14/17; }

.c01-04 { grid-column: 01/05; }
.c02-05 { grid-column: 02/06; }
.c03-06 { grid-column: 03/07; }
.c04-07 { grid-column: 04/08; }
.c05-08 { grid-column: 05/09; }
.c06-09 { grid-column: 06/10; }
.c07-10 { grid-column: 07/11; }
.c08-11 { grid-column: 08/12; }
.c09-12 { grid-column: 09/13; }
.c10-13 { grid-column: 10/14; }
.c11-14 { grid-column: 11/15; }
.c12-15 { grid-column: 12/16; }
.c13-16 { grid-column: 13/17; }

.c01-05 { grid-column: 01/06; }
.c02-06 { grid-column: 02/07; }
.c03-07 { grid-column: 03/08; }
.c04-08 { grid-column: 04/09; }
.c05-09 { grid-column: 05/10; }
.c06-10 { grid-column: 06/11; }
.c07-11 { grid-column: 07/12; }
.c08-12 { grid-column: 08/13; }
.c09-13 { grid-column: 09/14; }
.c10-14 { grid-column: 10/15; }
.c11-15 { grid-column: 11/16; }
.c12-16 { grid-column: 12/17; }

.c01-06 { grid-column: 01/07; }
.c02-07 { grid-column: 02/08; }
.c03-08 { grid-column: 03/09; }
.c04-09 { grid-column: 04/10; }
.c05-10 { grid-column: 05/11; }
.c06-11 { grid-column: 06/12; }
.c07-12 { grid-column: 07/13; }
.c08-13 { grid-column: 08/14; }
.c09-14 { grid-column: 09/15; }
.c10-15 { grid-column: 10/16; }
.c11-16 { grid-column: 11/17; }

.c01-07 { grid-column: 01/08; }
.c02-08 { grid-column: 02/09; }
.c03-09 { grid-column: 03/10; }
.c04-10 { grid-column: 04/11; }
.c05-11 { grid-column: 05/12; }
.c06-12 { grid-column: 06/13; }
.c07-13 { grid-column: 07/14; }
.c08-14 { grid-column: 08/15; }
.c09-15 { grid-column: 09/16; }
.c10-16 { grid-column: 10/17; }

.c01-08 { grid-column: 01/09; }
.c02-09 { grid-column: 02/10; }
.c03-10 { grid-column: 03/11; }
.c04-11 { grid-column: 04/12; }
.c05-12 { grid-column: 05/13; }
.c06-13 { grid-column: 06/14; }
.c07-14 { grid-column: 07/15; }
.c08-15 { grid-column: 08/16; }
.c09-16 { grid-column: 09/17; }

.c01-09 { grid-column: 01/10; }
.c02-10 { grid-column: 02/11; }
.c03-11 { grid-column: 03/12; }
.c04-12 { grid-column: 04/13; }
.c05-13 { grid-column: 05/14; }
.c06-14 { grid-column: 06/15; }
.c07-15 { grid-column: 07/16; }
.c08-16 { grid-column: 08/17; }

.c01-10 { grid-column: 01/11; }
.c02-11 { grid-column: 02/12; }
.c03-12 { grid-column: 03/13; }
.c04-13 { grid-column: 04/14; }
.c05-14 { grid-column: 05/15; }
.c06-15 { grid-column: 06/16; }
.c07-16 { grid-column: 07/17; }

/* ROWS */

.r01 { grid-row: 01/02; }
.r02 { grid-row: 02/03; }
.r03 { grid-row: 03/04; }
.r04 { grid-row: 04/05; }
.r05 { grid-row: 05/06; }
.r06 { grid-row: 06/07; }
.r07 { grid-row: 07/08; }
.r08 { grid-row: 08/09; }
.r09 { grid-row: 09/10; }
.r10 { grid-row: 10/11; }
.r11 { grid-row: 11/12; }
.r12 { grid-row: 12/13; }
.r13 { grid-row: 13/14; }
.r14 { grid-row: 14/15; }
.r15 { grid-row: 15/16; }
.r16 { grid-row: 16/17; }
.r17 { grid-row: 17/18; }
.r18 { grid-row: 18/19; }
.r19 { grid-row: 19/20; }
.r20 { grid-row: 20/21; }
.r21 { grid-row: 21/22; }
.r22 { grid-row: 22/23; }
.r23 { grid-row: 23/24; }
.r24 { grid-row: 24/25; }
.r25 { grid-row: 25/26; }
.r26 { grid-row: 26/27; }
.r27 { grid-row: 27/28; }
.r28 { grid-row: 28/29; }
.r29 { grid-row: 29/30; }
.r30 { grid-row: 30/31; }
.r31 { grid-row: 31/32; }
.r32 { grid-row: 32/33; }
.r33 { grid-row: 33/34; }
.r34 { grid-row: 34/35; }
.r35 { grid-row: 35/36; }
.r36 { grid-row: 36/37; }
.r37 { grid-row: 37/38; }
.r38 { grid-row: 38/39; }
.r39 { grid-row: 39/40; }
.r40 { grid-row: 40/41; }
.r41 { grid-row: 41/42; }
.r42 { grid-row: 42/43; }
.r43 { grid-row: 43/44; }
.r44 { grid-row: 44/45; }
.r45 { grid-row: 45/46; }
.r46 { grid-row: 46/47; }
.r47 { grid-row: 47/48; }
.r48 { grid-row: 48/49; }
.r49 { grid-row: 49/50; }
.r50 { grid-row: 50/51; }
.r51 { grid-row: 51/52; }
.r52 { grid-row: 52/53; }
.r53 { grid-row: 53/54; }
.r54 { grid-row: 54/55; }
.r55 { grid-row: 55/56; }
.r56 { grid-row: 56/57; }
.r57 { grid-row: 57/58; }
.r58 { grid-row: 58/59; }
.r59 { grid-row: 59/60; }
.r60 { grid-row: 60/61; }
.r61 { grid-row: 61/62; }
.r62 { grid-row: 62/63; }
.r63 { grid-row: 63/64; }
.r64 { grid-row: 64/65; }
.r65 { grid-row: 65/66; }
.r66 { grid-row: 66/67; }
.r67 { grid-row: 67/68; }
.r68 { grid-row: 68/69; }
.r69 { grid-row: 69/70; }
.r70 { grid-row: 70/71; }
.r71 { grid-row: 71/72; }
.r72 { grid-row: 72/73; }
.r73 { grid-row: 73/74; }
.r74 { grid-row: 74/75; }
.r75 { grid-row: 75/76; }
.r76 { grid-row: 76/77; }
.r77 { grid-row: 77/78; }
.r78 { grid-row: 78/79; }
.r79 { grid-row: 79/80; }
.r80 { grid-row: 80/81; }
.r81 { grid-row: 81/82; }
.r82 { grid-row: 82/83; }
.r83 { grid-row: 83/84; }
.r84 { grid-row: 84/85; }
.r85 { grid-row: 85/86; }
.r86 { grid-row: 86/87; }
.r87 { grid-row: 87/88; }
.r88 { grid-row: 88/89; }
.r89 { grid-row: 89/90; }
.r90 { grid-row: 90/91; }
.r91 { grid-row: 91/92; }
.r92 { grid-row: 92/93; }
.r93 { grid-row: 93/94; }
.r94 { grid-row: 94/95; }
.r95 { grid-row: 95/96; }
.r96 { grid-row: 96/97; }
.r97 { grid-row: 97/98; }
.r98 { grid-row: 98/99; }
.r99 { grid-row: 99/100; }

/* ANIMATIONS */

.in1 { -webkit-animation: in1 4s ease-in-out; -moz-animation: in1 4s ease-in-out; animation: in1 4s ease-in-out; }
.in2 { -webkit-animation: in2 4s ease-in-out; -moz-animation: in2 4s ease-in-out; animation: in2 4s ease-in-out; }
.in3 { -webkit-animation: in3 4s ease-in-out; -moz-animation: in3 4s ease-in-out; animation: in3 4s ease-in-out; }

@-webkit-keyframes in1 { 0%{opacity:0} 10%{opacity:0} 50%{opacity:1} } /* 0.4s - 2.0s */
   @-moz-keyframes in1 { 0%{opacity:0} 10%{opacity:0} 50%{opacity:1} }
        @keyframes in1 { 0%{opacity:0} 10%{opacity:0} 50%{opacity:1} }

@-webkit-keyframes in2 { 0%{opacity:0} 20%{opacity:0} 60%{opacity:1} } /* 0.8s - 2.4s */
   @-moz-keyframes in2 { 0%{opacity:0} 20%{opacity:0} 60%{opacity:1} }
        @keyframes in2 { 0%{opacity:0} 20%{opacity:0} 60%{opacity:1} }

@-webkit-keyframes in3 { 0%{opacity:0} 30%{opacity:0} 70%{opacity:1} } /* 1.2s - 2.8s */
   @-moz-keyframes in3 { 0%{opacity:0} 30%{opacity:0} 70%{opacity:1} }
        @keyframes in3 { 0%{opacity:0} 30%{opacity:0} 70%{opacity:1} }

.no0 { -webkit-animation: no0 4s; -moz-animation: no0 4s; animation: no0 4s; }
.no1 { -webkit-animation: no1 4s; -moz-animation: no1 4s; animation: no1 4s; }
.no2 { -webkit-animation: no2 4s; -moz-animation: no2 4s; animation: no2 4s; }
.no3 { -webkit-animation: no3 4s; -moz-animation: no3 4s; animation: no3 4s; }
.no4 { -webkit-animation: no4 4s; -moz-animation: no4 4s; animation: no4 4s; }
.no5 { -webkit-animation: no5 4s; -moz-animation: no5 4s; animation: no5 4s; }
.no6 { -webkit-animation: no6 4s; -moz-animation: no6 4s; animation: no6 4s; }
.no7 { -webkit-animation: no7 4s; -moz-animation: no7 4s; animation: no7 4s; }
.no8 { -webkit-animation: no8 4s; -moz-animation: no8 4s; animation: no8 4s; }
.no9 { -webkit-animation: no9 4s; -moz-animation: no9 4s; animation: no9 4s; }

@-webkit-keyframes no0 { 0%{opacity:0} 05%{opacity:0} 15%{opacity:1} } /* 0.2s - 0.6s */
   @-moz-keyframes no0 { 0%{opacity:0} 05%{opacity:0} 15%{opacity:1} }
        @keyframes no0 { 0%{opacity:0} 05%{opacity:0} 15%{opacity:1} }

@-webkit-keyframes no1 { 0%{opacity:0} 10%{opacity:0} 20%{opacity:1} } /* 0.4s - 0.8s */
   @-moz-keyframes no1 { 0%{opacity:0} 10%{opacity:0} 20%{opacity:1} }
        @keyframes no1 { 0%{opacity:0} 10%{opacity:0} 20%{opacity:1} }

@-webkit-keyframes no2 { 0%{opacity:0} 15%{opacity:0} 25%{opacity:1} } /* 0.6s - 1.0s */
   @-moz-keyframes no2 { 0%{opacity:0} 15%{opacity:0} 25%{opacity:1} }
        @keyframes no2 { 0%{opacity:0} 15%{opacity:0} 25%{opacity:1} }

@-webkit-keyframes no3 { 0%{opacity:0} 20%{opacity:0} 30%{opacity:1} } /* 0.8s - 1.2s */
   @-moz-keyframes no3 { 0%{opacity:0} 20%{opacity:0} 30%{opacity:1} }
        @keyframes no3 { 0%{opacity:0} 20%{opacity:0} 30%{opacity:1} }

@-webkit-keyframes no4 { 0%{opacity:0} 25%{opacity:0} 35%{opacity:1} } /* 1.0s - 1.4s */
   @-moz-keyframes no4 { 0%{opacity:0} 25%{opacity:0} 35%{opacity:1} }
        @keyframes no4 { 0%{opacity:0} 25%{opacity:0} 35%{opacity:1} }

@-webkit-keyframes no5 { 0%{opacity:0} 30%{opacity:0} 40%{opacity:1} } /* 1.2s - 1.6s */
   @-moz-keyframes no5 { 0%{opacity:0} 30%{opacity:0} 40%{opacity:1} }
        @keyframes no5 { 0%{opacity:0} 30%{opacity:0} 40%{opacity:1} }

@-webkit-keyframes no6 { 0%{opacity:0} 35%{opacity:0} 45%{opacity:1} } /* 1.4s - 1.8s */
   @-moz-keyframes no6 { 0%{opacity:0} 35%{opacity:0} 45%{opacity:1} }
        @keyframes no6 { 0%{opacity:0} 35%{opacity:0} 45%{opacity:1} }

@-webkit-keyframes no7 { 0%{opacity:0} 40%{opacity:0} 50%{opacity:1} } /* 1.6s - 2.0s */
   @-moz-keyframes no7 { 0%{opacity:0} 40%{opacity:0} 50%{opacity:1} }
        @keyframes no7 { 0%{opacity:0} 40%{opacity:0} 50%{opacity:1} }

@-webkit-keyframes no8 { 0%{opacity:0} 45%{opacity:0} 55%{opacity:1} } /* 1.8s - 2.2s */
   @-moz-keyframes no8 { 0%{opacity:0} 45%{opacity:0} 55%{opacity:1} }
        @keyframes no8 { 0%{opacity:0} 45%{opacity:0} 55%{opacity:1} }

@-webkit-keyframes no9 { 0%{opacity:0} 50%{opacity:0} 60%{opacity:1} } /* 2.0s - 2.4s */
   @-moz-keyframes no9 { 0%{opacity:0} 50%{opacity:0} 60%{opacity:1} }
        @keyframes no9 { 0%{opacity:0} 50%{opacity:0} 60%{opacity:1} }

/* FONTS */

@font-face { font-display: swap;
             font-family: "HelveticaNowDisplay";
             font-style: normal;
             font-weight: normal;
             src: url("https://iasgroup.kz/fonts/hnd-r.woff2") format("woff2"),
                  url("https://iasgroup.kz/fonts/hnd-r.woff") format("woff"); }

@font-face { font-display: swap;
             font-family: "HelveticaNowText";
             font-style: normal;
             font-weight: bold;
             src: url("https://iasgroup.kz/fonts/hnt-bo.woff2") format("woff2"),
                  url("https://iasgroup.kz/fonts/hnt-bo.woff") format("woff"); }

/* NO TEXT SELECTION */

::-moz-selection { background: transparent; text-shadow: none; }
     ::selection { background: transparent; text-shadow: none; }

/* RESET */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl,
dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend,
li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th,
thead, time, tr, tt, u, ul, var, video, main {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article, aside, button, details, figcaption, figure, hgroup, menu, nav, svg { display: block; }
a, button { cursor: pointer; outline: none; text-decoration: none; }
button::-moz-focus-inner { border: 0; padding: 0; }
ol, ul { list-style: none; }

/* SIZING */

html,
body,
main,
header,
section,
footer {
  width: 100vw; /* 1280px */
}

html,
body,
main {
  height: auto;
}

/* HTML, BODY */

html {
  scrollbar-width: none;

  background-color: var(--clr255);
  color: var(--clr015);
  font-size: 62.5%; /* 100% = 16px = 1rem; 62.5% = 10px = 1rem; */

  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
       -o-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  -ms-overflow-style: none;

  font: normal normal normal 1.1vw/1.1vw "HelveticaNowDisplay", -apple-system, "Helvetica Neue", "Helvetica", "Segoe UI", "Arial", "Roboto", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
     -moz-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
      -ms-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
          font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body::-webkit-scrollbar { display: none; }

/* MAIN, HEADER, SECTION, FOOTER */

main {
  display: block;
}

header,
section,
footer {
  align-items: start;
  display: grid;
  gap: 0 1.25vw; /* 16px */
  grid-template-columns: repeat(16, 5vw); /* 64px */
  justify-content: center;
  justify-items: start;
}

header {
  background-color: rgba(255,255,255,.75);
  border-bottom: 0.1vw solid var(--clr210);
  grid-template-rows: repeat(10, 0.625vw); /* 8px */
  height: 6.25vw; /* 80px */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

/*
section {
  background: repeating-linear-gradient(180deg, var(--clr001) 0 0.625vw, transparent 0.625vw 1.25vw);
}*/

section.three {
  grid-template-rows: repeat(38, 0.625vw); /* 8px */
  aspect-ratio: 16/3.8; /* 304px */
}

section.four {
  grid-template-rows: repeat(50, 0.625vw); /* 8px */
  aspect-ratio: 16/5; /* 400px */
}

section.five {
  grid-template-rows: repeat(62, 0.625vw); /* 8px */
  aspect-ratio: 16/6.2; /* 496px */
}

footer {
  background-color: var(--clr015);
  border-bottom: 0.1vw solid var(--clr008);
  contain-intrinsic-size: 62.5vw; /* 800px */
  content-visibility: auto;

  grid-template-rows: repeat(100, 0.625vw); /* 8px */
  aspect-ratio: 16/10; /* 800px */
}

/* CARDS */

.card {
  margin-left: -1.25vw;
}

.cover {
  margin: .625vw;
  padding: 0;
  aspect-ratio: 16/10;
}

.caption {
  position: relative;
  bottom: 0;
  left: 1.25vw;
}

/* LINKS */

a:active,
a:focus,
a:hover,
a {
  -webkit-transition: color .3s, fill .3s;
     -moz-transition: color .3s, fill .3s;
      -ms-transition: color .3s, fill .3s;
       -o-transition: color .3s, fill .3s;
          transition: color .3s, fill .3s;
}

a:active,
a:focus,
a:hover {
  color: var(--clr008);
  fill: var(--clr008);
}

a {
  display: inline-block;
  background-color: transparent;
  color: var(--clr015);
  fill: var(--clr015);
  height: 1.25vw;
}

a.foo {
  color: var(--clr255);
  fill: var(--clr255);
}

a.foo:active,
a.foo:focus,
a.foo:hover {
  color: var(--clr008);
  fill: var(--clr008);
}

/* TEXT */

h1, h2, h3, h4, p {
  display: block;
  font-kerning: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 0;
}

h1,
h2 { font-family: "HelveticaNowText", -apple-system, "Helvetica Neue", "Helvetica", "Segoe UI", "Arial", "Roboto", sans-serif; font-weight: bold; }

h1 { font-size: 3.3vw; line-height: 3.75vw; }
h2 { font-size: 1.625vw; line-height: 1.3vw; }
h3 { font-size: 1.1vw; line-height: 1.7vw; }
h4 { font-size: 0.8vw; line-height: 0.7vw; text-align: right; width: 5vw; }
p  { font-size: 0.93vw; line-height: 1.25vw; }