/* ===== Videography Page ===== */
.videography-page .nav__link[href="videography.html"]{color:#f4efe6}

.videography-hero{
  position:relative;min-height:95vh;display:flex;align-items:center;justify-content:center;
  background:url("../../editimages/Videography/VIDEOGRAPHY_HERO.webp") center center / cover no-repeat;
}
.videography-hero::before{
  content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.38));
}
.videography-hero__title{
  position:relative;z-index:2;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.05em;
  font-family:'Alta',serif;font-weight:500;font-size:clamp(3rem,7vw,5.5rem);text-align:center;
}

.videography-page{
  background:#000;color:#fff;
}

.videography-section{
  background:#000;padding:72px 0 0;
}
.videography-section__heading{
  max-width:1180px;margin:0 auto 36px;padding:0 24px;text-align:center;
}
.videography-section__heading h2{
  margin:0 0 8px;font-family:'Alta',serif;font-size:clamp(2rem,4.4vw,4.2rem);
  font-weight:500;letter-spacing:.03em;text-transform:uppercase;line-height:1.06;color:#f4efe6;
}
.videography-section__heading .sub{
  margin:0 0 12px;font-size:clamp(1.08rem,2vw,1.55rem);font-weight:700;color:#fff;
}
.videography-section__heading p{
  margin:0 auto;max-width:1020px;color:rgba(244,239,230,.86);line-height:1.8;font-size:clamp(.96rem,1.2vw,1.08rem);
}

.videography-packages-grid{
  width:min(1400px,100%);margin:0 auto;padding:0 24px 16px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.package-card{
  background:rgba(255,255,255,.05);padding:24px;border:1px solid rgba(255,255,255,.1);
  text-align:center;
}
.package-card h3{
  margin:0 0 12px;font-family:'Alta',serif;font-size:1.2rem;color:#f4efe6;font-weight:500;
}
.package-card p{
  margin:0;color:rgba(244,239,230,.78);font-size:.95rem;line-height:1.6;
}

.videography-exclusive{
  width:min(1400px,100%);margin:0 auto;padding:50px 24px 90px;
  display:grid;grid-template-columns:1.1fr .95fr;gap:44px;align-items:start;background:#000;
}
.videography-collage{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start; padding-top:12px;
}
.videography-collage img{
  width:100%;aspect-ratio:1.32/1;object-fit:cover;display:block;border:none;outline:none;box-shadow:none;
  transform:rotate(var(--rot,0deg));
}
.videography-collage img:nth-child(1){margin-top:40px;--rot:-6deg}
.videography-collage img:nth-child(2){margin-top:22px;--rot:5deg}
.videography-collage img:nth-child(3){margin-top:58px;--rot:-4deg}
.videography-collage img:nth-child(4){margin-top:6px;--rot:0deg}
.videography-collage img:nth-child(5){margin-top:-8px;--rot:4deg}
.videography-collage img:nth-child(6){margin-top:18px;--rot:-5deg}
.videography-collage img:nth-child(7){margin-top:10px;--rot:-7deg}
.videography-collage img:nth-child(8){margin-top:-16px;--rot:1.5deg}
.videography-collage img:nth-child(9){margin-top:14px;--rot:6deg}

.videography-exclusive__content h2{
  margin:0 0 18px;font-family:'Alta',serif;font-size:clamp(2rem,4.2vw,4rem);font-weight:500;
  letter-spacing:.03em;line-height:1.08;text-transform:uppercase;color:#f4efe6;
}
.videography-item{margin:0 0 28px}
.videography-item h3{
  margin:0 0 3px;font-size:clamp(1.1rem,1.65vw,1.65rem);font-weight:700;color:#fff;
}
.videography-item .meta{
  margin:0 0 8px;font-style:italic;color:rgba(244,239,230,.82);font-size:clamp(.96rem,1.15vw,1.05rem);
}
.videography-item p{
  margin:0;color:rgba(244,239,230,.88);line-height:1.7;font-size:clamp(.96rem,1.15vw,1.06rem);
}

.videography-page main img,.videography-page main section,.videography-page main div{
  border:none;
}

@media (max-width: 1060px){
  .videography-hero{min-height:72vh}
  .videography-packages-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .videography-exclusive{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .videography-collage{order:2}
}

@media (max-width: 640px){
  .videography-section{padding-top:56px}
  .videography-packages-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 8px}
  .videography-section__heading{padding:0 16px;margin-bottom:26px}
  .videography-exclusive{padding:34px 16px 72px;gap:22px}
  .videography-collage{gap:10px}
  .videography-collage img:nth-child(n){margin-top:0;transform:none}
}