/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
#full-view-container {
  position: fixed;
  top: calc(1 / 2 * 100%);
  left: calc(9 / 20 * 100%);
  --tw-translate-x: calc(calc(9 / 20 * 100%) * -1);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black, #070007);
  background-color: #2c2a30;
  transition-property: width,height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 350ms;
  transition-duration: 350ms;
}
#full-view-container-content {
  transition-property: width,height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 350ms;
  transition-duration: 350ms;
}
#full-view-container,
#full-view-container-content {
  overflow: hidden;
}
#full-view-container-overlay {
  pointer-events: none;
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
#full-view-container-close {
  pointer-events: auto;
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 2);
  right: calc(var(--spacing, 0.25rem) * 2);
  height: calc(var(--spacing, 0.25rem) * 7);
  width: calc(var(--spacing, 0.25rem) * 7);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-light-gray, #828185);
  background-color: transparent;
  --tw-leading: calc(var(--spacing, 0.25rem) * 6.5);
  line-height: calc(var(--spacing, 0.25rem) * 6.5);
  color: var(--color-light-gray, #828185);
}
#prev-project,
#next-project {
  pointer-events: auto;
  position: absolute;
  top: calc(1 / 2 * 100%);
  left: calc(var(--spacing, 0.25rem) * 2);
  height: calc(var(--spacing, 0.25rem) * 7);
  width: calc(var(--spacing, 0.25rem) * 7);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-light-gray, #828185);
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  color: var(--color-black, #070007);
}
#next-project {
  right: calc(var(--spacing, 0.25rem) * 3);
  left: auto;
}
#full-view-img,
#video-player {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}
#full-view-img {
  pointer-events: auto;
}
#video-player {
  pointer-events: auto;
}
.project-text-container {
  position: fixed;
  top: calc(1 / 2 * 100%);
  right: calc(var(--spacing, 0.25rem) * 6);
  z-index: 2;
  width: 23vw;
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 175ms;
  transition-duration: 175ms;
  & > #project-title {
    text-align: center;
  }
  & > #project-description-body {
    text-wrap: wrap;
    text-overflow: clip;
  }
  & > #project-description-footer {
    text-align: right;
  }
}
.viewer-w-expanded {
  width: 50vw;
}
.viewer-w-collapsed {
  width: 0;
}
.viewer-h-expanded {
  height: calc(0.75 * 50vw);
}
.viewer-h-collapsed {
  height: 0;
}
.cards-container-collapsed {
  width: 100%;
  flex-direction: row;
}
.cards-container-expanded {
  width: 19vw;
  flex-direction: column;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-leading: initial;
    }
  }
}
/*# sourceMappingURL=projects.min.css.map */