/***GLOBAL VARIABLES
*****************************************************/
:root {
  /***TEXT***/
  --titleSize: 1rem;
  --fontSize: 0.9rem;
  --numberSize: 0.9rem;
  --creditSize: 0.7rem;
  --fontWeight: 400;
  --letterSpacing: .02em;
  --wordSpacing: 0em;
  --lineHeight: 1.2;

  /***SPACES***/
  --spaceY: calc(var(--fontSize) * 0.25);
  --spaceX: calc(var(--fontSize) * 0.5);
  --bodySpaces: 0;
  --rowGutter: calc(var(--fontSize) * var(--lineHeight));
  --colGutter: calc(var(--fontSize) * 0.25);
  --mainTopSpace: calc(var(--headerHeight) + var(--rowGutter)*2);
  --mainBottomSpace: calc(var(--headerHeight) + var(--rowGutter)*2);
  /*
  --mainBottomSpace: calc(var(--rowGutter) * 3);
  */

  /***SIZES***/
  /*
  --headerHeight: calc(var(--spaceY)*2 + var(--rowGutter));
  */
  --headerHeight: calc(var(--spaceY)*1 + var(--rowGutter));
  --mainWidth: 100%;
  --mainHeight: calc(100vh - var(--mainTopSpace) - var(--mainBottomSpace));
  --fullHeight: 100vh;
  --footerHeight: calc(var(--headerHeight) + var(--rowGutter)*2);
  /*
  --footerHeight: calc(var(--rowGutter) * 3);
  */

  /***GRIDS***/
  --oneColGrid: repeat(1, 1fr);
  --threeColsGrid: repeat(3, 1fr);
  --fourColsGrid: repeat(4, 1fr);
  --sixColsGrid: repeat(6, 1fr);
  --eightColsGrid: repeat(8, 1fr);
  --twelveColsGrid: repeat(12, 1fr);
  --gridGap: var(--rowGutter) var(--colGutter);

  /***COLOR***/
  --paletteWhite: #FCFCFC;
  --paletteGray: #C5C5C5;
  --paletteBlack: #000000;
  --paletteBlue: #0055ff;
  --paletteAlpha: transparent;
  --backColor: var(--paletteWhite);
  --textColor: var(--paletteBlack);
  --linkColor: var(--paletteBlack);
  --hoverColor: var(--paletteBlue);

  /***DECORATION***/
  --linkDeco: underline;
  --borderWidth: 1px;
  --borderLine: var(--borderWidth) solid var(--hoverColor);

  /***TRANSITION***/
  --transitionDurationFast: 0.15s;
  --transitionDuration: 0.3s;
  --transitionDurationMedium: 0.6s;
  --transitionDurationSlow: 2.5s;
}
  
/***FONTS
*****************************************************/
@font-face {
  font-family: Diatype Mono Variable;
  src: url("fonts/ABCDiatypeMonoVariable.ttf") format("truetype-variations");
}
/*
@font-face {
  font-family: Diatype Mono Regular;
  src: url("ABCDiatypeMono-Regular-Trial.woff");
}
@font-face {
  font-family: Diatype Mono Bold;
  src: url("ABCDiatypeMono-Bold-Trial.woff");
}
*/
.font_size_L {
  font-size: var(--fontSizeLarge);
  line-height: var(--lineHeight);
}
.font_size_S {
  font-size: var(--fontSizeSmall);
  line-height: var(--lineHeight);
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.underline {
  text-decoration: underline;
}
* {
  -webkit-font-smoothing: smooth;
  -moz-osx-font-smoothing: smooth;
  text-rendering: geometricPrecision;
}
* {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/***RESET
*****************************************************/
::-webkit-scrollbar {
  display: none;
}
::selection {
  color: var(--backColor);
  background-color: var(--paletteBlue);
}
::-moz-selection {
  color: var(--backColor);
  background-color: var(--paletteBlue);
}
img::selection {
  color: transparent;
  background-color: transparent;
}
img::-moz-selection {
  color: transparent;
  background-color: transparent;
}
*,
*::before,
*::before {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
html.disable {
  overflow: hidden;
}
body {
  position: relative;
  margin: var(--bodySpaces);
  color: var(--textColor);
  background: var(--backColor);
  font-family: "Diatype Mono Variable", Courier, monospace;
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
}
ul {
  display: block;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}
li {
  display: inline;
}
a {	
  color: var(--linkColor);
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transitionDuration);
}
a:hover {	
  color: var(--hoverColor);
}
h1, h2, h3 {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding: 0;
  font-size: var(--fontSize);
  font-style: normal;
  font-weight: 400;
}
p {
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}
span {
  display: inline;
}
img, video {
  vertical-align: middle;
}
/*
img {
	-weblit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  	mix-blend-mode: multiply;
}
*/
form, input, textarea, submit,
iframe, embed, audio {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: inherit;
}
.date,
.count,
.thumb_number {
	font-size: var(--numberSize);
}

/***INTRO LOADER
*****************************************************/
.intro_layer {
	width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    background: var(--hoverColor);
    transition: opacity var(--transitionDuration);
}
.intro_layer.loading:not(.loaded) {
    opacity: 1;
}
.intro_layer.loaded {
    opacity: 0;
}
.intro_layer .site_name {
	color: var(--backColor);
}
body#index article.thumb.spark .thumb_media {
  opacity: 1;
  transition-property: opacity;
  transition-duration: var(--transitionDurationFast);
}

/***SITE NAME
*****************************************************/
.site_name span {
  width: auto;
  padding: var(--spaceY) var(--spaceX);
  font-family: "Diatype Mono Variable", Courier, monospace;
  font-size: var(--titleSize);
  font-weight: 800;
  line-height: 1.5;
}

/***NAVIGATION
*****************************************************/
.site_name,
.menu_buttons {
  text-transform: lowercase;
}
body > .site_name,
body > .menu_buttons {
  position: fixed;
  top: 0;
  z-index: 150;
  cursor: pointer;
}
/*
.index_button.hide,
.index_button.disable {
  opacity: 0;
  pointer-events: none;
}
*/
/*
.site_name.on,
.index_button.on,
.project_header:has(>.on):before,
.menu_buttons.on {
  	color: var(--paletteWhite);
}
*/
/*
.index_button {
  width: calc(37.5% - var(--colGutter)*2);
  left: calc(50% + var(--colGutter)*0.5);
  padding-top: var(--spaceY);
}
*/
.menu_buttons {
  width: auto;
  right: 0;
  padding: var(--spaceY) var(--spaceX);
  display: flex;
  gap: calc(var(--spaceX)*3);
}
/***INDEX AND INFO***/
.index_row {
  display: grid;
  grid-template-columns: var(--threeColsGrid);
  grid-gap: var(--gridGap);
  text-transform: lowercase;
}
.index_row .title {
  	grid-column: 1 / 2;
  	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.index_row .date {
  	grid-column: 2 / 4;
}
nav.index_layer,
nav.videos_layer,
section.info_layer {
	width: calc(50% + var(--spaceX));
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    /*
    padding: var(--mainTopSpace) calc(var(--spaceX) + var(--colGutter)*0.75) var(--mainBottomSpace);
    padding: var(--mainTopSpace) calc(var(--spaceX) + var(--colGutter)*0.75) var(--creditSize);
    */
    z-index: 150;
    display: grid;
    grid-template-columns: var(--fourColsGrid);
    grid-gap: 0 var(--colGutter);
    /*
    align-content: start;
    */
    background: var(--hoverColor);
    opacity: 1;
    transform: translateX(100%);
    pointer-events: none;
    transition-property: opacity, transform;
    transition-duration: var(--transitionDuration);
}
nav.index_layer,
nav.videos_layer {
    padding: var(--mainTopSpace) calc(var(--spaceX) + var(--colGutter)*0.75) var(--mainBottomSpace);
}
section.info_layer {
    padding: var(--mainTopSpace) calc(var(--spaceX) + var(--colGutter)*0.75) var(--creditSize);
}
nav.index_layer.open,
nav.videos_layer.open,
section.info_layer.open {
  	/*transform: translateY(0);*/
  	transform: translateX(0);
  	opacity: 1;
  	pointer-events: auto;
	overflow-y: scroll;
}
nav.index_layer {
  background: var(--hoverColor);
}
nav.videos_layer {
  background: var(--paletteBlack);
}
ul.index_list {
    grid-column: 1 / 4;
}
ul.index_list a.index_row {
	position: relative;
  	color: var(--paletteWhite);
}
ul.index_list a.index_row:hover {
  color: var(--hoverColor);
}
ul.index_list a.index_row img {
  	width: calc(100% - var(--colGutter));
    grid-column: 3 / 4;
    position: fixed;
  	top: var(--spaceY);
  	right: var(--spaceX);
    transform: translateX(calc(100% + var(--colGutter)));
}
section.info_layer {
  	background: var(--paletteGray);
    grid-gap: calc(var(--rowGutter)*2);
}
/*
section.info_layer .info_title {
    grid-column: 1 / 4;
    padding-top: var(--spaceY);
    align-self: start;
}
*/
section.info_layer .info_data {
  	grid-column: 1 / 4;
  	align-self: start;
    display: flex;
    flex-direction: column;
    gap: calc(var(--rowGutter)*2);
}
/*
section.info_layer .info_contact {
    margin-bottom: calc(var(--rowGutter)*4);
}
section.info_layer .info_text {
    margin-bottom: calc(var(--rowGutter)*2);
}
*/
section.info_layer .info_img {
  	grid-column: 1 / 4;
    position: relative;
    /*
    margin-bottom: var(--mainBottomSpace);
    -weblit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  	mix-blend-mode: multiply;
    */
}
section.info_layer .info_img img {
  	width: 100%;
}
section.info_layer .info_img img {
    position: absolute;
    left: 0;
}
/*
section.info_layer .info_img img:not(:first-child) {
    position: absolute;
    left: 0;
}
*/
section.info_layer .info_img img:not(.active) {
  	opacity: 0;
}
section.info_layer .info_img img.active {
  	opacity: 1;
}
.close_button_index,
.close_button_videos,
.close_button_info {
	position: absolute;
	/*margin-bottom: calc(var(--rowGutter)*2);*/
    padding: var(--spaceY) calc(var(--spaceX) + var(--colGutter)*0.75);
    cursor: pointer;
}
.close_button_index,
.close_button_videos {
    color: var(--paletteWhite);
}
.signature {
    font-size: var(--creditSize);
    grid-column: 1 / 3;
    justify-self: start;
    align-self: end;
}
.site_credit {
	/*
    position: absolute;
    bottom: 0;
    right: 0;
    padding: calc(var(--spaceY)*2) calc(var(--spaceX) + var(--colGutter)*0.75);
    */
    rotate: -90deg;
    transform-origin: bottom left;
    translate: 100%;
    font-size: var(--creditSize);
    grid-column: 1 / 5;
    justify-self: end;
    align-self: end;
}

/***MAIN CONTENT
*****************************************************/
main#content {
  position: relative;
}
main#content.disable section {
  pointer-events: none;
}
body:not(#project) main#content {
  min-height: var(--mainHeight);
  margin: var(--mainTopSpace) var(--spaceX) var(--mainBottomSpace);
}
body#project main#content,
body#video main#content {
	min-height: var(--fullHeight);
  	margin: 0;
  	overflow: hidden;
}
/***THUMBNAIL GRID***/
section.thumb_grid {
  /*
  display: grid;
  grid-template-columns: var(--eightColsGrid);
  grid-gap: var(--gridGap);
  */
  column-gap: var(--colGutter);
}
body#index section.thumb_grid {
  /* display */
  column-count: 8;
}
article.thumb {
  margin-bottom: var(--spaceY);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  cursor: pointer;
}
article.thumb .thumb_media {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
body#index article.thumb .thumb_media {
  background-color: var(--hoverColor);
  mix-blend-mode: multiply;
  opacity: 0;
  transition-property: opacity;
  transition-duration: var(--transitionDurationSlow);
  transition-timing-function: ease-out;
}
body#index article.thumb.active .thumb_media {
  background-color: var(--backColor);
}
article.thumb.active .thumb_media img,
article.thumb .thumb_media img {
  transition-property: opacity !important;
  transition-duration: var(--transitionDuration);
}
article.thumb.active:hover .thumb_media img,
body#project article.thumb:hover .thumb_media img {
  	opacity: 0.75;
}
article.thumb .thumb_number {
  	position: absolute;
  	top: 0;
  	right: 0;
  	padding: var(--spaceY) calc(var(--spaceX)*0.75);
    opacity: 0;
    transition: opacity var(--transitionDuration);
    /*
    color: var(--paletteWhite);
    mix-blend-mode: difference;
    */
}
body#index article.thumb .thumb_media:hover {
  opacity: 1;
  transition-property: opacity;
  transition-duration: var(--transitionDuration);
}
article.thumb.active:hover .thumb_number,
body#project article.thumb:hover .thumb_number {
  	opacity: 1;
}
article.thumb.prevent_events,
article.thumb.prevent_events .thumb_data {
  opacity: 0;
  pointer-events: none;
}
article.thumb .thumb_media a {
  width: 100%;
}
article.thumb .thumb_media img {
  width: 100%;
  max-height: auto;
  object-fit: contain;
  object-position: center;
}
body#index article.thumb.active .thumb_media {
  opacity: 1;
  transition-property: opacity;
  transition-duration: var(--transitionDuration);
}
body#index article.thumb.inactive .thumb_media {
  transition-property: opacity;
  transition-duration: var(--transitionDuration);
}
body#index article.thumb .thumb_media img {
  filter: grayscale(100%) brightness(100%) contrast(125%);
  mix-blend-mode: screen;
  /*transition-property: filter, mix-blend-mode;*/
  transition-property: mix-blend-mode;
  transition-duration: var(--transitionDurationSlow);
}
body#index article.thumb.active .thumb_media img {
  filter: grayscale(0%);
  mix-blend-mode: normal;
  transition-property: filter, mix-blend-mode;
  transition-duration: var(--transitionDuration);
}
body#index article.thumb .thumb_data {
  width: calc(37.5% - var(--colGutter)*2);
  position: fixed;
  top: 0;
  left: calc(50% + var(--colGutter)*0.5);
  padding-top: var(--spaceY);
  z-index: 100;
  opacity: 0;
  transition: opacity var(--transitionDuration);
  pointer-events: none;
}
body#index article.thumb.active_data .thumb_data,
body#index article.thumb:hover .thumb_data {
  opacity: 1;
}
body#index .deactivation_layer {
	width: 100vw;
    height: 100vh;
	position: fixed;
    top: 0;
}
body#index .deactivation_layer:not(.enable) {
	left: 100vw;
	pointer-events: none;
    z-index: -100;
}
body#index .deactivation_layer.enable {
	left: 0;
	pointer-events: auto !important;
    /*cursor: pointer;*/
    z-index: 0;
}

/***MULTIMEDIA
*****************************************************/
section.multimedia {
    width: 100%;
    /*
    width: 150%;
    */
    height: 100%;
    position: absolute;
}
section.multimedia section.thumb_grid {
  	width: calc(50% - var(--colGutter)*0.5);
  	padding: var(--mainTopSpace) 0 var(--mainBottomSpace) var(--spaceX);
  	column-count: 4;
  	-weblit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  	mix-blend-mode: multiply;
    transition: opacity var(--transitionDuration);
}
section.multimedia section.thumb_grid:not(.plans) {
	padding: var(--mainTopSpace) 0 var(--mainBottomSpace) var(--spaceX);
}
section.multimedia section.thumb_grid.plans {
	padding: 0 0 var(--mainBottomSpace) var(--spaceX);
}
section.multimedia section.thumb_grid.loading {
    opacity: 0;
}
section.multimedia section.thumb_grid.loaded {
    opacity: 1;
}
section.multimedia section.thumb_grid .thumb {
	position: relative;
  	cursor: pointer;
}
section.multimedia .slides {
    width: 100%;
    height: var(--mainHeight);
    padding: 0 var(--spaceX);
    position: fixed;
    top: var(--mainTopSpace);
    margin-left: calc((50% - var(--colGutter)*0.5) + var(--spaceX));
    display: grid;
    grid-template-columns: var(--eightColsGrid);
    -weblit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  	mix-blend-mode: multiply;
    transition: opacity var(--transitionDuration);
}
section.multimedia .slides.loading {
    opacity: 0;
}
section.multimedia .slides.loaded {
    opacity: 1;
}
section.multimedia .slides .slide {
    position: absolute;
    grid-column: 2 / 8;
    /*padding: var(--mainTopSpace) 0 var(--mainBottomSpace);*/
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--transitionDuration);
}
section.multimedia .slides .slide.active {
	opacity: 1;
}
section.multimedia .slides .slide,
section.multimedia .slides .slide img {
  	width: 100%;
  	height: 100%;
}
section.multimedia .slides .slide img {
  	object-fit: contain;
}
.slider_nav,
.video_nav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: space-between;
}
.slider_nav .prev,
.slider_nav .next {
	width: 50%;
	height: 100%;
    font-size: var(--titleSize);
    color: var(--hoverColor);
    cursor: none;
}
.slider_nav .prev span.cursor,
.slider_nav .next span.cursor {
	opacity: 0;
    transition: opacity var(--transitionDurationFast);
    pointer-events: none !important;
}
.slider_nav .prev:hover span.cursor,
.slider_nav .next:hover span.cursor {
	opacity: 1;
}
/*
.slider_nav .prev span.cursor:not(.active),
.slider_nav .next span.cursor:not(.active) {
	display: none;
}
.slider_nav .prev span.cursor.active,
.slider_nav .next span.cursor.active {
	display: inline;
}
*/
.slider_nav span.cursor::selection {
  color: var(--paletteBlue);
  background-color: transparent;
}
.slider_nav span.cursor::-moz-selection {
  color: var(--paletteBlue);
  background-color: transparent;
}
.slider_nav .back_to_slider,
.video_nav {
	width: 100%;
	height: 100%;
    position: absolute;
    left: 0;
	cursor: pointer;
}
.slider_nav .back_to_slider:not(.active),
.video_nav:not(.active) {
    display: none
}
.slider_nav .back_to_slider.active,
.video_nav.active {
    display: block;
}
.slider_footer {
	width: auto;
 	height: var(--footerHeight);
    padding: var(--spaceY) var(--spaceX);
    /* position */
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /* display */
    display: flex;
    justify-content: center;
    align-items: start;
}
.slider_footer .count {
	text-align: center;
    opacity: 1;
    transition: opacity var(--transitionDuration);
}
.slider_footer .count.hide {
	opacity: 0;
    pointer-events: none;
}

/***VIDEOS***/
section.multimedia .video_media {
    width: 100%;
    height: var(--mainHeight);
    padding: 0 var(--spaceX);
    position: fixed;
    top: var(--mainTopSpace);
    margin-left: calc((50% - var(--colGutter)* 0.5) + var(--spaceX));
    /*
    display: grid;
    grid-template-columns: var(--eightColsGrid);
    */
    /*
    -weblit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  	mix-blend-mode: multiply;
    */
    transition: opacity var(--transitionDuration);
}
section.multimedia .video_media video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

/***PROJECT DATA
*****************************************************/
body#project .project_header,
body#video .project_header {
  width: calc(37.5% - var(--colGutter)*2);
  position: fixed;
  top: 0;
  left: calc(50% + var(--colGutter)*0.5);
  z-index: 100;
  padding-top: var(--spaceY);
  opacity: 1;
  cursor: pointer;
}
.data {
  	width: calc(50% - var(--colGutter)*0.5);
    height: var(--fullHeight);
  	/*padding-right: var(--spaceX);*/
	padding: var(--mainTopSpace) var(--spaceX) var(--mainBottomSpace) 0;
	position: absolute;
	left: calc(100% + var(--colGutter)*0.5);
    /*
    left: calc(66.66% + var(--colGutter)*0.5);
    */
	transition: left var(--transitionDuration);
	display: grid;
	grid-template-columns: var(--fourColsGrid);
	grid-gap: 0 var(--colGap);
    align-content: start;
    overflow-y: scroll;
}
.data_row {
  grid-column: 1 / 4;
  display: grid;
  grid-template-columns: var(--threeColsGrid);
  grid-gap: var(--gridGap);
}
.data_row span.credit {
  /* display */
  grid-column: 1 / 2;
}
.data_row span.name {
  /* display */
  grid-column: 2 / 4;
}
.data_text{
  grid-column: 1 / 4;
  margin-top: calc(var(--rowGutter)*2);
}

/***PROJECT FOOTER***/
.project_footer {
  /* size */
  width: 100%;
  height: var(--footerHeight);
  padding: var(--spaceY) var(--spaceX);
  /* position */
  position: fixed;
  bottom: 0;
  left: 0;
  /* display */
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.project_footer a {
	height: var(--fontSize);
	cursor: pointer;
}
.images_button,
.read_button,
.close_button_read {
	opacity: 1;
    transition: opacity var(--transitionDuration);
}
.images_button.hide,
.read_button.hide,
.close_button_read.hide {
	opacity: 0;
    pointer-events: none;
}
.read_button,
.close_button_read {
	position: absolute;
    right: var(--spaceY);
}
svg {
	width: 100%;
	height: 100%;
}
svg line,
svg rect {
	vector-effect: non-scaling-stroke;
    fill: none;
	stroke: #000000;
	stroke-width: 0.1em;
}

/***PROJECT NAVIGATION
*****************************************************/
main#content section.multimedia {
  transition: left var(--transitionDuration);
}
main#content section.multimedia.scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}
main#content.move_to_slider section.multimedia {
  	left: calc((50% - (var(--colGutter)*0.5) + var(--spaceX))*-1);
    /*
    left: calc((33.33% - (var(--colGutter)*0.5) + var(--spaceX))*-1);
    */
}
main#content.move_to_thumbs section.multimedia {
  	left: 0;
}
main#content.move_to_thumbs section.data {
  	left: calc(150% + var(--colGutter)*0.5);
    /*
    left: calc(100% + var(--colGutter)*0.5);
    */
}
main#content.move_to_data section.multimedia {
  	left: calc((100% - (var(--colGutter)*0.5) + var(--spaceX))*-1);
    /*
    left: calc((66.66% - (var(--colGutter)*0.5) + var(--spaceX))*-1);
    */
}
main#content.move_to_data section.data {
  	left: calc(50% + var(--colGutter)*0.5);
    /*
    left: calc(33.33% + var(--colGutter)*0.5);
    */
}

/***FOOTER
*****************************************************/
footer {
  width: 100%;
  min-height: var(--footerHeight);
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: var(--spaceY) var(--spaceX);
}
nav.footer_menu ul {
  display: flex;
  justify-content: end;
  gap: var(--colGutter);
}