:root {

  
   --step--2: clamp(0.4297rem, 0.5246rem + -0.1225vw, 0.5002rem);
  --step--1: clamp(0.6953rem, 0.7114rem + -0.0207vw, 0.7072rem);
  --step-0: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
  --step-1: clamp(1.414rem, 1.2727rem + 0.7065vw, 1.8203rem);
  --step-2: clamp(1.9994rem, 1.6704rem + 1.6448vw, 2.9452rem);
  --step-3: clamp(2.8271rem, 2.153rem + 3.3707vw, 4.7653rem);
  --step-4: clamp(3.9976rem, 2.7062rem + 6.4568vw, 7.7102rem);
  --step-5: clamp(5.6526rem, 3.2795rem + 11.8653vw, 12.4751rem);
}

.uk-container {
  max-width: 1180px;
}

.remove-m-paragraph > *{margin:0}
.remove-m-paragraph {display:flex; gap:.5rem}


.uk-width-1-12\@m {
  width: calc(100% / 7);
}

.uk-text-lead > p{font-size: var(--step-1);letter-spacing:0; line-height:1.1
}

#portrait-hp{
margin-top:-80px;
z-index:9999;
position:relative;
background:transparent}

h1, .uk-h1{
font-size: var(--step-3);
line-height: 0.98;
letter-spacing:-1px;
}

h2, .uk-h2{
font-size: var(--step-2);
line-height:1;
}

h3, .uk-h3{
font-size: var(--step-1);
line-height:1;
}


.uk-logo{
font-size: 1.75rem;
text-transform:capitalize;
letter-spacing: 0px;
font-family: 'Sentient', system-ui, Arial, sans-serif
}



.headingbody{
font-family: system-ui, Arial, sans-serif
}


.tm-project-description {

    font-size: var(--step-0);
}

.uk-link-toggle:hover > *{
background-color: #000000;
border-color:  #000000;
transition: all .32s ease;
}


.uk-link-toggle:hover h3 {
  text-decoration: underline;
   text-decoration-color: grey;
}



p{ font-size: var(--step-0);}


.uk-container-xsmall {
  max-width: 628px;
}


.uk-card{
border: 1px solid rgba(196, 194, 220, 0.5);

}