html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  font-family: courier;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

img, svg, video {
  max-width: 100%;
  height: auto;
}

/* https://utopia.fyi/clamp/calculator?a=360,1240,12%E2%80%9430|21%E2%80%9436|18%E2%80%9430|40%E2%80%9470|20%E2%80%9433 */

p {  
  font-size: clamp(1.125rem, 0.8182rem + 1.3636vw, 1.875rem);
  line-height: 1;
  padding: 10px 0 10px 0;
}

p.lead {
  font-size: clamp(1.3125rem, 0.929rem + 1.7045vw, 2.25rem);
}


div.nav-bar {
  padding: 10px 0 10px 0;
}

p.logo-text {
  display: inline;
  font-weight: bold;
  padding: 0;
}

p.logo-text a {
  text-decoration: none;
  color: black;
}

p.nav {
  display: inline;
  position: absolute;
  right: 0px;
  padding: 0;
}

h1 {
  font-size: clamp(5rem, 0.6534rem + 19.3182vw, 15.625rem); /* 80px > 260px */
  line-height: 1;        /* Default line-height will create massive vertical gaps */
  //letter-spacing: -0.05em;  /* Pulls characters tighter to fit more per row */
  word-break: break-word;   /* Prevents a long word from pushing the viewport wider */
  background-color: black;
  color: white;
  padding-bottom: 22px;
}

h2 {
  letter-spacing: -0.05em;
}

.work h2 {
  font-size: clamp(2.5rem, 1.733rem + 3.4091vw, 4.375rem);
  padding: 0px 0 10px 0;
}

h3 {
  font-size: clamp(1.25rem, 0.9176rem + 1.4773vw, 2.0625rem);
  display: inline;
  letter-spacing: -0.05em;
}

div.cta h3 {
  font-size: clamp(3rem, 0.5199rem + 11.0227vw, 9.0625rem);
}

b {
  //color: red;
}



.astrerix {
}


.cta {
  background-color: black;
  color: white;
}

.cta h3 {
  display: inline-block;
  width: 100%;
}



.arrow {
  display: inline-block;
  transform: rotate(-90deg);
  padding: 0px 0px 0px 0px;
}



.image-combo-2 {
  width: 100%;
}


.work-text h2 {
  margin: 0;
  line-height: 1.1;
}

.image-combo-2 img,
.image-combo-2 video  {
  width: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%;
  height: auto;
  display: block;
}


.image-combo-2 > div {
  padding: 25px 0 15px 0;
}


.image-combo-2 h3 {
  margin: 0 0 9px 0;
  padding: 0 10px 0px 0;
}

.image-combo-2 p {
  margin: 0 0 9px 0;
}


.red {
  color: red;
}

.bor-wh {
  border-color: white;
}

.rev-black {
  background-color: black;
  color: white;
}

.rev-red {
  background-color: red;
  color: white;
}


.blinkX {
    animation: blinker 1.5s linear infinite;
    //color: red;
    font-family: sans-serif;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}


pre {
    font-size: clamp(0.75rem, 0.2898rem + 2.0455vw, 1.875rem); /*12px > 30px*/
    background-color: black;
    color: white;
    letter-spacing: -0.05em;
}