/* Photo proposal: original four-letter structure, brand-tinted conceptual photos. */
.nika-photo{color:var(--burgundy);container-type:inline-size;isolation:isolate}
.nika-photo *{box-sizing:border-box}
.nika-photo .np-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--purple);margin:0 0 22px}
.nika-photo .np-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}
.nika-photo .np-heading h2{font-size:clamp(38px,5vw,64px);font-weight:900;line-height:1.03;letter-spacing:-.045em;color:var(--burgundy);margin:0}
.nika-photo .np-heading>p{font-size:16px;line-height:1.6;max-width:29ch;margin:0;color:var(--burgundy)}
.nika-photo .np-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:32px}
.nika-photo .np-card{--tone:var(--purple);position:relative;isolation:isolate;min-width:0;min-height:500px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:var(--tone);color:var(--white);padding:24px 22px 28px;border:1px solid color-mix(in srgb,var(--white) 32%,transparent)}
.nika-photo .np-card:nth-child(even){transform:translateY(32px)}
.nika-photo .np-card:nth-child(2){--tone:var(--lime);color:var(--burgundy)}
.nika-photo .np-card:nth-child(3){--tone:var(--burgundy)}
.nika-photo .np-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-3;filter:grayscale(1);mix-blend-mode:luminosity;opacity:.85;transition:transform .6s ease}
.nika-photo .np-card::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 54%,transparent) 0%,color-mix(in srgb,var(--tone) 8%,transparent) 30%,color-mix(in srgb,var(--tone) 20%,transparent) 47%,color-mix(in srgb,var(--tone) 93%,transparent) 70%,var(--tone) 82%)}
.nika-photo .np-number{font-size:11px;font-weight:800;letter-spacing:.13em;position:relative;z-index:1}
.nika-photo .np-letter{font-size:clamp(128px,13vw,180px);font-weight:900;letter-spacing:-.055em;line-height:.9;margin:32px 0 110px;position:relative;z-index:1}
.nika-photo .np-card-copy{margin-top:auto;position:relative;z-index:1}
.nika-photo .np-card h3{font-size:clamp(17px,1.7vw,22px);line-height:1.2;letter-spacing:-.03em;font-weight:800;margin:0 0 12px;color:inherit;overflow-wrap:anywhere}
.nika-photo .np-card p{font-size:15px;line-height:1.6;color:inherit;margin:0}
.nika-photo .np-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:32px;border-top:1px solid color-mix(in srgb,var(--burgundy) 18%,transparent);padding-top:20px;font-size:13px;color:var(--burgundy)}
.nika-photo .np-logo{width:140px;height:32px;background:var(--purple);mask:url('../brand/logo-paars.svg') left center/contain no-repeat;-webkit-mask:url('../brand/logo-paars.svg') left center/contain no-repeat}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.nika-photo .np-card:hover img{transform:scale(1.045)}}
@container (max-width:950px){.nika-photo .np-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:20px}.nika-photo .np-card:nth-child(even){transform:translateY(20px)}.nika-photo .np-card{min-height:490px}.nika-photo .np-card h3{font-size:24px}.nika-photo .np-letter{font-size:160px}.nika-photo .np-heading{display:block}.nika-photo .np-heading>p{margin-top:20px;max-width:42ch}}
@container (max-width:500px){.nika-photo .np-grid{grid-template-columns:1fr;gap:20px;padding-bottom:0}.nika-photo .np-card:nth-child(even){transform:none}.nika-photo .np-card{min-height:480px;padding:26px}.nika-photo .np-letter{font-size:170px;margin-bottom:90px}.nika-photo .np-heading h2{font-size:38px}.nika-photo .np-footer{font-size:12px}}

/* Match the white section and cloud edge in the full-homepage proposal only. */
#filosofie.nika-home.nika-photo-section{background:var(--white);color:var(--burgundy)}
#filosofie.nika-home.nika-photo-section .cloud-edge{color:var(--white)}