@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

* { box-sizing: border-box;}
html, body { padding:0;margin:0; }
body { background:#000;color:#fff; font-family: "IBM Plex Sans", sans-serif; }


header { width:100%;height:auto;aspect-ratio:16/9;position:relative;margin-bottom:5rem; }
.header-video { width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0; }


.container { position:relative;width:100%;max-width:1728px;padding:2rem;margin:0 auto; }

.two-column { display:flex;flex-wrap: wrap;gap:3rem;justify-content:center; }
.two-column > div:first-child { flex:0 1 548px;}
.two-column > div:last-child { flex:0 1 448px;}

h1 { 
font-size: 2.25rem;
font-weight: 300;
line-height: 120%; /* 43.2px */}

p, ul {
    font-size:1rem;
font-weight: 300;
line-height: 150%; /* 30px */}

p b { font-weight:400;  font-size: 1.25rem;}


ul { list-style:none;padding:0; } 
ul li {
  position: relative;
  margin-bottom:1rem;
}

ul li::before {
  content: "";
  position: relative;;
  display:inline-block;
  left: 0;
  top: 0.15rem;
  width: 1.3rem;
  height: 1.3rem;
  margin-right:0.5rem;
 background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><g clip-path='url(%23clip0_1_269)'><path d='M10.2493 0.00666667C10.1667 0.004 10.0827 0 10 0C4.47733 0 0 4.47733 0 10C0 15.5227 4.47733 20 10 20C15.5227 20 20 15.5227 20 10C20 9.916 19.996 9.83333 19.9933 9.75067C19.86 14.8813 15.6627 19 10.5 19C5.33733 19 1 14.7467 1 9.5C1 4.25333 5.11867 0.138667 10.2493 0.00666667Z' fill='white'/><path d='M17.542 6.22803L15.6564 4.34241L6.22828 13.7705L8.1139 15.6561L17.542 6.22803Z' fill='white'/><path d='M8.11395 15.6572L9.99957 13.7716L4.34272 8.11475L2.4571 10.0004L8.11395 15.6572Z' fill='white'/></g><defs><clipPath id='clip0_1_269'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>") no-repeat center/contain;
}


a { color:#fff;}
a:hover { opacity:0.6; }

.footer { width:100%;text-align:center;color:#666;display:block;margin:6rem 0rem 3rem 0; }

@media(max-width:1768px){

}
@media(max-width:560px){
    h1 { font-size:1.8rem;}
    /* header { height:40vh; } */
    .logo { display:none; }

}