/*
Theme Name: V-MAKE
Theme URI: https://v-make.at/
Author: FIVSEN GmbH
Author URI: https://fivsen.com/
Description: Standalone WordPress theme for V-MAKE by FIVSEN. No parent theme or page builder required.
Version: 3.24.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: vmake
*/

.wp-fallback {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 140px 0 80px;
  color: #f4f3ef;
}

.wp-fallback article {
  max-width: 800px;
  margin-bottom: 64px;
}

.wp-fallback a { color: #c33a3f; }
.wp-fallback img { max-width: 100%; height: auto; }

.vmake-managed-projects { margin: 48px 0 72px; }
.vmake-managed-projects > h3 { color: #f2f0eb; font-size: clamp(2rem, 4vw, 4rem); margin: 8px 0 32px; }
.vmake-managed-project h3 a { color: inherit; text-decoration: none; }
.vmake-managed-project video { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.vmake-project-placeholder { display: grid; place-items: center; min-height: 320px; background: #111; color: #666; font-weight: 800; letter-spacing: 0.15em; }

.vmake-project-page { background: #080808; color: #f2f0eb; min-height: 100vh; padding: 120px max(24px, 5vw) 80px; }
.vmake-project-single { max-width: 1280px; margin: 0 auto; }
.vmake-project-hero { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.vmake-project-hero h1 { font-size: clamp(3rem, 7vw, 8rem); line-height: 0.9; margin: 16px 0 24px; }
.vmake-project-hero .lead { color: #9b9b98; font-size: clamp(1.1rem, 2vw, 1.5rem); line-height: 1.5; }
.vmake-project-hero-media img,
.vmake-project-hero-media video { width: 100%; max-height: 78vh; object-fit: cover; display: block; }
.vmake-project-body { max-width: 820px; margin: clamp(64px, 10vw, 140px) auto; font-size: 1.1rem; line-height: 1.75; }
.vmake-project-body img { width: 100%; height: auto; }
.vmake-project-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #2a2a28; border-bottom: 1px solid #2a2a28; }
.vmake-project-facts div { padding: 24px; border-right: 1px solid #2a2a28; }
.vmake-project-facts div:last-child { border-right: 0; }
.vmake-project-facts dt { color: #777; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.12em; }
.vmake-project-facts dd { margin: 8px 0 0; font-weight: 700; }
.vmake-project-back { margin-top: 48px; }
.vmake-project-back a { color: #c33a3f; }

@media (max-width: 760px) {
  .vmake-project-hero { grid-template-columns: 1fr; }
  .vmake-project-facts { grid-template-columns: 1fr; }
  .vmake-project-facts div { border-right: 0; border-bottom: 1px solid #2a2a28; }
}