/* ═══════════════════════════════════════════════════════════
   Altura — base.css
   Fonts · Variables · Reset · Container · Site wrapper
   ═══════════════════════════════════════════════════════════ */

/* ── Fonts ── */
@font-face {
  font-family: 'Cousine';
  src: url('/assets/fonts/Cousine-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TikTokSans';
  src: url('/assets/fonts/TikTokSans-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TikTokSans';
  src: url('/assets/fonts/TikTokSans-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}

/* ── Variables ── */
:root {
  --altura-primary:     #CFBAA8;
  --altura-secondary:   #B0A9A2;
  --altura-popup:       rgba(176,169,162,.67);
  --altura-light:       #F0F0F0;
  --altura-brown:       #775848;
  --altura-gray:       #B5B5B5;
  --altura-brown-soft:  rgba(119,88,72,.82);
  --altura-white:       #fff;
  --altura-black:       #1d1d1d;
  --altura-radius:      9.3px;
  --altura-transition:  300ms ease-out;
  --altura-container:   1141px;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'TikTokSans', sans-serif; font-size: 16px; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1,h2,h3,h4,h5,h6 { font-family: 'Cousine', monospace; }
img { max-width: 100%; display: block; }

/* ── Site wrapper ── */
.altura-home,
.project-page,
.contact-page {
  	background: var(--altura-primary);
  	color: var(--altura-white);
  	font-family: 'TikTokSans', sans-serif;
  	overflow: hidden;
	padding-top: 114px;
}
.altura-home * { box-sizing: border-box; }
.altura-home a { color: inherit; text-decoration: none; }

/* ── Container ── */
.altura-container {
  width: min(var(--altura-container), calc(100% - 45px));
  margin: 0 auto;
}

/* ── Placeholder image ── */
.img-placeholder {
  background: linear-gradient(135deg, var(--altura-brown-soft) 0%, var(--altura-primary) 100%);
  display: flex; align-items: center; justify-content: center;
}
.img-placeholder span {
  font-family: 'Cousine', monospace;
  font-size: 14px; color: rgba(255,255,255,.6); letter-spacing: .05em;
}

/* ── 404 / Error ── */
.error-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px; }
.error-page h1 { font-family: 'Cousine', monospace; font-size: 100px; line-height: 1; margin: 0 0 16px; }
.error-page p { font-size: 20px; opacity: .7; margin-bottom: 32px; }
.error-page a { font-family: 'Cousine', monospace; font-size: 18px; text-decoration: underline; }

@media (max-width: 767px) {
	.altura-home,
	.project-page,
	.contact-page {
		padding-top: 92px;
	}
}