/* =============================================================================
   KUUSAMO.gg V2 - Photography Layer
   ============================================================================= */

/* 1. HERO */
.kgg-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://www.kuusamo.gg/wp-content/uploads/rbm-epik.jpg");
  background-size: cover;
  background-position: 38% 16%;
  filter: brightness(0.95) contrast(1.06) saturate(0.92) sepia(0.08);
  z-index: 0;
  pointer-events: none;
}

.kgg-hero__colour-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 55% at 50% 50%, rgba(38,39,43,0.28) 0%, rgba(38,39,43,0.72) 100%);
  z-index: 1;
  pointer-events: none;
}

.kgg-hero__text-gradient {
  position: absolute;
  inset: 0;
  background:
    /* Left edge: protect headline only */
    linear-gradient(to right, rgba(38,39,43,0.68) 0%, rgba(38,39,43,0.28) 22%, transparent 42%),
    /* Right edge: hide monitor */
    linear-gradient(to left, rgba(38,39,43,0.98) 0%, rgba(38,39,43,0.88) 6%, rgba(38,39,43,0.5) 14%, transparent 24%),
    /* Bottom area: cover fist bump zone and table */
    radial-gradient(ellipse 60% 45% at 50% 92%, rgba(38,39,43,0.96) 0%, rgba(38,39,43,0.85) 35%, rgba(38,39,43,0.4) 65%, transparent 85%),
    /* Top: protect headline */
    linear-gradient(to bottom, rgba(38,39,43,0.62) 0%, rgba(38,39,43,0.2) 14%, transparent 30%);
  z-index: 2;
  pointer-events: none;
}

/* 2. IDENTITY */
.kgg-identity__band--a {
  background-image: url("https://www.kuusamo.gg/staging/wp-content/uploads/pelikuva-takaa.png");
  background-size: cover;
  background-position: center 40%;
  background-blend-mode: luminosity;
}
.kgg-identity__band--a::after {
  content: "";
  position: absolute;
  inset: 0 0 -2px 0;
  background: rgba(38,39,43,0.94);
  z-index: 0;
  pointer-events: none;
}
.kgg-identity__band--a::before { z-index: 1; }

/* 4. GUIDE */
.kgg-guide__left { position: relative; overflow: hidden; padding: var(--space-4) var(--space-3) var(--space-5) var(--space-3); }
.kgg-guide__left::before {
  content: "";
  position: absolute;
  inset: -20px;
  background-image: url("https://www.kuusamo.gg/staging/wp-content/uploads/osku-pelaa.jpg");
  background-size: cover;
  background-position: 30% center;
  filter: grayscale(100%) brightness(0.38) blur(1px);
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}
.kgg-guide__left::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 50%, var(--c-forest) 100%);
  z-index: 1;
  pointer-events: none;
}
.kgg-guide__eyebrow,.kgg-guide__heading,.kgg-guide__copy,.kgg-guide__cta { position: relative; z-index: 2; }

/* 5. FOOTER */
.kgg-site-footer { position: relative; overflow: hidden; }
.kgg-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://www.kuusamo.gg/staging/wp-content/uploads/pelikuva-takaa2.jpg");
  background-size: cover;
  background-position: center center;
  filter: grayscale(100%) brightness(0.3);
  opacity: 0.18;
  z-index: 0;
  pointer-events: none;
}
.kgg-site-footer__main,.kgg-site-footer__bottom { position: relative; z-index: 1; }

/* MOBILE */
@media (max-width: 767px) {
  /* Hero photo: re-enable with portrait crop, slightly darkened */
  .kgg-hero::before {
    background-image: url("https://www.kuusamo.gg/wp-content/uploads/rbm-epik.jpg");
    background-size: 100% auto;
    background-position: 50% 40%;
    filter: brightness(0.55) contrast(1.06) saturate(0.85) sepia(0.08);
  }
  /* Use same radial overlay as desktop */
  .kgg-hero__colour-overlay {
    background: radial-gradient(ellipse 60% 55% at 50% 50%, rgba(38,39,43,0.28) 0%, rgba(38,39,43,0.72) 100%);
  }
  /* Same text-gradient as desktop */.kgg-hero__text-gradient { display: block; }
  /* Identity, guide, footer: keep hidden on mobile */
  .kgg-identity__band--a        { background-image: none; }
  .kgg-identity__band--a::after { display: none; }
  .kgg-guide__left::before      { display: none; }
  .kgg-guide__left::after       { display: none; }
  .kgg-site-footer::before      { display: none; }
}