:root {
  --ink: #40111a;
  --paper: #f8f3ef;
  --cream: #d1b3a1;
  --lime: #d1b3a1;
  --coral: #d1b3a1;
  --line: rgba(64, 17, 26, .2);
}

.site-header { height: 108px; }
.brand { display: flex; align-items: center; }
.brand img { width: 118px; height: 88px; object-fit: contain; object-position: left center; }
.nav-cta { background: var(--ink); color: var(--paper); }
.menu { color: var(--ink); }
.hero-reel { background: linear-gradient(125deg, rgba(64,17,26,.08), rgba(64,17,26,.72)), linear-gradient(35deg, #d1b3a1, #7f535b); }
.hero .actions { margin-bottom: 0; }
.project-a .project-media { background: linear-gradient(145deg, #e7d4c8, #8c5963); }
.project-b .project-media { background: linear-gradient(145deg, #d1b3a1, #40111a); }
.project-c .project-media { background: linear-gradient(145deg, #b9828d, #40111a); }
.services { color: var(--paper); }
.portrait { background: linear-gradient(150deg, #e5d3c8, #7c414c); }
.contact { color: var(--ink); }
.about-text-only { grid-template-columns: minmax(0, 820px); justify-content: center; }
footer { align-items: center; color: #d1b3a1; }
footer img { width: 70px; height: 58px; object-fit: contain; }

.partner-logo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  align-items: center;
}
.partner-logo { height: 82px; overflow: hidden; display: grid; place-items: center; }
.partner-logo img { width: 100%; height: 100%; object-fit: contain; transform: scale(1.75); }
.partner-cc img { transform: scale(2.25); }
.partner-first img { transform: scale(1.9); }
.partner-torget img { transform: scale(2.3); }
.partner-trekanten img { transform: scale(1.75); }

.reel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 54px 24px;
}
.reel-frame {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: linear-gradient(145deg, #d1b3a1, #40111a);
  border-radius: 4px;
  box-shadow: 0 16px 35px rgba(64, 17, 26, .12);
}
.reel-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.reel-card h3 { margin: 18px 0 2px; font: 700 22px Manrope, sans-serif; }
.reel-card p { margin: 0; color: rgba(64, 17, 26, .65); }

@media (max-width: 760px) {
  .site-header nav { top: 108px; }
  .brand img { width: 100px; height: 76px; }
  footer { align-items: flex-start; }
  footer img { width: 85px; }
  .partner-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .partner-logo { height: 76px; }
  .reel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 14px; }
  .reel-card h3 { font-size: 17px; margin-top: 12px; }
  .reel-card p { font-size: 14px; }
}

@media (max-width: 440px) {
  .reel-grid { grid-template-columns: 1fr; max-width: 330px; margin-inline: auto; }
}