:root {
--night:#020a12ff;
--night2:#0e141bff;
--night3:#151e28ff;
--night4:#1c2835ff;
--dark:#233243ff;
--blue-light:#294b6bff;
--white-light:#FFF5EB;
--bg-light:#FFF;
--grey-light:#d4d5d9;
--fresh:#ffc482ff;


  /* --blue-ncs:#0087adff;
  --sage:#b3af8fff;
  --peach:#ffc482ff; */

}

*{box-sizing: border-box;}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(material.otf) format('opentype');
}
@font-face {font-family:'f-serif'; src:url('playfair.ttf') format('truetype'); }

@font-face {font-family:'recall'; src:url('recall.ttf') format('truetype'); }
@font-face {font-family:'f-bold'; src:url('roboto_bold.ttf') format('truetype'); }
@font-face {font-family:'f-med'; src:url('roboto_med.ttf') format('truetype'); }
@font-face {font-family:'f-light'; src:url('roboto_light.ttf') format('truetype'); }
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
}


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

*{overscroll-behavior:none;}
html{font-family:f-med;}
*, *:active, *:hover, *:focus{-webkit-appearance:none;outline:none;}

body{margin:0;padding:0;}
.framework{display:flex;justify-content:center;left:0;right:0;top:0;}
.container{position:relative;left:0;right:0;top:0;padding:0 20px 20px 20px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;}
.block{position:relative;padding:20px;min-height:500px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;align-content:center;background-position:center center;background-repeat:no-repeat;background-size:cover;}
    .wide{flex-grow:1;flex-basis:100%;margin:0 -20px;}
    .full{flex-grow:1;flex-basis:100%;}
    .half{flex:1 0 340px;}
    .block:first-child{background-image:linear-gradient(rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 90%), url('https://tse2.mm.bing.net/th?id=OIG1.TfjN..ZUn78uKGjZoo1E&pid=ImgGn');}
    .block:nth-child(2){background-image:linear-gradient(rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 90%), url('car.jpg');}
    .block:nth-child(3){background:#C3D8EC;}
    .block:nth-child(4){background:#F1C9AC;}
    .block:nth-child(5){background-image:linear-gradient(rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 90%), url('home.jpg');}
    .block:nth-child(6){background-image:linear-gradient(rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 90%), url('astronaut.jpg');}


  .inlet{position:relative;flex-grow:1;max-width:280px;padding:20px 0px;flex-shrink:0;align-items:center;justify-content:center;min-width:260px;display:flex;flex-direction:column;gap:20px;}
  .half > .inlet{max-width:220px;min-width:200px;}



.carousel{position:relative;top:0;left:0;right:0;bottom:0;overflow-x:scroll;display:flex;flex-direction:row;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
  .project{position:relative;top:0;left:0;right:0;width:320px;height:100vh;scroll-snap-align:start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;flex-shrink:0;flex-basis:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;gap:20px;}
    .info{position:relative;width:320px;z-index:9;display:flex;gap:20px;align-items:center;justify-content:center;flex-direction:column;}

  .frost{background:rgba(0, 0, 0, 0.5);box-shadow:0 4px 30px rgba(0, 0, 0, 0.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.overview{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;}
.legal{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;}
  .entry{position:relative;font-family:f-bold;color:#EDEAE7;line-height:20px;font-size:16px;}
  #citadel{letter-spacing:5px;font-family:f-serif;}
  #solar{letter-spacing:1px;}
  #citadel-bg{background-image:linear-gradient(rgba(0, 0, 0, 0.1) 10%,rgba(0, 0, 0, 0.4) 45% ,rgba(0, 0, 0, 0.1) 90%), url('https://tse4.mm.bing.net/th?id=OIG1.QD0jUmm.M9.3OtU0OBlA&pid=ImgGn');}
  #solar-bg{background-image:linear-gradient(rgba(0, 0, 0, 0.1) 10%,rgba(0, 0, 0, 0.4) 45% ,rgba(0, 0, 0, 0.1) 90%), url('https://tse3.mm.bing.net/th?id=OIG4.GZnE_x.abBNd8HGz66Gs&pid=ImgGn');}
  .entry-legal{font-size:12px;color:#CAC4BC;font-family:f-light;letter-spacing:-.5px;}
.icon{width:80px;height:80px;border-radius:20px;box-shadow:#333 0 0 10px 1px;}
.showcase{width:220px;}
.phone{width:150px;box-shadow:0 0 10px 2px #ccc;border-radius:28px;}

.text-xl{font-family:f-bold;font-size:40px;letter-spacing:12px;text-align:center;}
.text-l{font-family:f-bold;font-size:36px;letter-spacing:0px;text-align:center;}
  .serif{font-family:f-serif;font-weight:600;}
  .narrow{letter-spacing:5px;}
  .glow{text-shadow:#000 0 0 10px;color:#EDECEB;}
.text-m{font-family:f-med;font-size:24px;letter-spacing:0px;text-align:center;}
.text-s{font-family:f-light;font-size:20px;line-height:30px;letter-spacing:1px;text-align:center;}
.center{text-align:center;}

.button{position:relative;border:4px solid #E5DACA;font-family:f-bold;letter-spacing:1px;color:#E5DACA;width:200px;text-align:center;height:44px;line-height:36px;font-size:16px;border-radius:24px;}
.button:hover{background:#E5DACA;color:#333;}

a{color:inherit;text-decoration:none;margin:0;padding:0;}
/*
.menu{z-index:1;top:40px;left:30px;width:200px;height:223px;border-radius:40px;position:fixed;transform:scale(.5);transform-origin:top left;}
  .menu:before{z-index:1;bottom:0;position:absolute;content:'';background:rgba(229, 218, 202, 0.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:103px;height:116px;border-radius:0 0 0 40px;}
  .menu:after{z-index:2;right:0;position:absolute;content:'';background:rgba(229, 218, 202, 0.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:98px;height:223px;border-radius:0 40px 40px 0;}
svg{position:absolute;top:0;left:0;width:200px;height:200px;}
text {font-family:'f-serif';font-size:24px;line-height:26px;font-weight:600;fill:#E5DACA;letter-spacing:5px;text-transform: uppercase;}
.company{z-index:3;width:118px;height:118px;background:#E5DACA;border-radius:28px;position:relative;left:25px;top:25px;border:0;outline:0;padding:0px;}
.more{position:absolute;color:#E5DACA;z-index:3;bottom:24px;text-align:center;right:24px;background:#111;border-radius:18px;height:35px;width:120px;line-height:35px;font-size:15px;letter-spacing:4px;}
*/
.menu{z-index:1;top:40px;left:30px;width:425px;height:151px;border-radius:40px;position:fixed;transform:scale(.5);transform-origin:top left;}
  .menu::before{z-index:1;bottom:0;position:absolute;content:'';background:rgba(229, 218, 202, 0.90);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:105.5px;height:42px;border-radius:0 0 0 40px;}
  .menu-right{z-index:2;right:0;position:absolute;content:'';background:rgba(229, 218, 202, 0.90);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:320px;height:151px;border-radius:0 40px 40px 0;}
svg{position:absolute;top:0;left:0;width:200px;height:200px;}
text {font-family:'f-serif';font-size:24px;line-height:26px;font-weight:600;fill:#E5DACA;letter-spacing:5px;text-transform: uppercase;}
.company{z-index:3;width:100px;height:100px;background:#E5DACA;border-radius:28px;position:relative;left:25px;top:25px;border:0;outline:0;padding:0px;}
.more{position:absolute;color:#111;z-index:3;font-family:f-bold;bottom:26px;right:26px;border-radius:18px;top:26px;width:210px;line-height:100px;font-size:32px;letter-spacing:10px;}
  .more::before{position:absolute;width:40px;height:4px;background:#111;content:'';right:16px;bottom:40px;border-radius:2px;}
  .more::after{position:absolute;width:40px;height:4px;background:#111;content:'';right:16px;bottom:56px;border-radius:2px;}

  .menu_toggle{animation:menu_toggle .5s forwards;}
  .menuright_toggle{animation:menuright_toggle .5s forwards;}
  .disappear{animation:disappear_toggle .25s forwards;}
  .close{animation:close_toggle .25s forwards;}

.footer{position:relative;top:0;left:0;right:0;height:100vh;background:#111;color:#FFF5EB;padding:40px 20px;}
.headline{position:relative;padding-left:172.5px;text-align:left;right:0;top:0px;height:135.5px;font-size:28px;line-height:75.5px;}
  .cols{position:relative;left:0;right:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:20px;justify-content:space-evenly;}
    .rows{position:relative;left:0;right:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:30px;width:150px;}
      .nav-row{font-family:f-light;letter-spacing:1px;}
      .rows:first-child > .nav-row{font-family:f-med;margin-left:10px;}