:root{--photo-green:#082f2a;--photo-cream:#f3eee4;--photo-gold:#e6a43b;--photo-ink:#0b302b}
body.photography-page{margin:0;background:var(--photo-cream);color:var(--photo-ink)}
.photography-page .section-landing-header{position:relative;z-index:20}
.photo-hero{height:20.3vw;background:linear-gradient(90deg,#082f2a 0%,#082f2a 52%,#0a352f 100%);position:relative;overflow:hidden}
.photo-hero-inner{height:100%;position:relative;display:flex;align-items:center;padding:0 5.2vw;box-sizing:border-box}
.photo-hero-copy{position:relative;z-index:8;width:43%;margin-left:0}
.photo-hero h1{font-family:Georgia,serif;font-size:92px;line-height:.95;color:#fff;margin:0;font-weight:400;letter-spacing:-3px}
.photo-hero-thought{margin-top:34px;display:flex;flex-direction:column;gap:8px}
.photo-hero-line-hindi{margin:0;color:var(--photo-gold);font:600 21px/1.28 Georgia,"Noto Serif Devanagari",serif}
.photo-hero-line-urdu{margin:0;max-width:560px;color:var(--photo-gold);font:600 22px/1.45 "Noto Nastaliq Urdu","Noto Serif Arabic",serif;text-align:left;direction:rtl}

.photo-hero-line{font-family:Georgia,serif;font-size:24px;line-height:1.24;color:var(--photo-gold);font-weight:700;margin:0}
.photo-hero-art{position:absolute;inset:0 4.8vw 0 43%;overflow:visible}
.photo-hero-primary{position:absolute;left:7%;top:12%;height:82%;width:auto;object-fit:contain;filter:brightness(1.01) contrast(1.03) drop-shadow(0 0 12px rgba(191,151,72,.07));-webkit-mask-image:radial-gradient(ellipse 51% 60% at 54% 53%,#000 0%,#000 39%,rgba(0,0,0,.91) 50%,rgba(0,0,0,.66) 61%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.12) 82%,transparent 93%);mask-image:radial-gradient(ellipse 51% 60% at 54% 53%,#000 0%,#000 39%,rgba(0,0,0,.91) 50%,rgba(0,0,0,.66) 61%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.12) 82%,transparent 93%)}
.photo-hero-secondary{position:absolute;left:46%;top:19%;height:63%;width:auto;object-fit:contain;filter:brightness(1.00) contrast(1.02) drop-shadow(0 0 11px rgba(191,151,72,.06));-webkit-mask-image:radial-gradient(ellipse 53% 61% at 50% 49%,#000 0%,#000 42%,rgba(0,0,0,.93) 53%,rgba(0,0,0,.70) 64%,rgba(0,0,0,.38) 75%,rgba(0,0,0,.14) 84%,transparent 94%);mask-image:radial-gradient(ellipse 53% 61% at 50% 49%,#000 0%,#000 42%,rgba(0,0,0,.93) 53%,rgba(0,0,0,.70) 64%,rgba(0,0,0,.38) 75%,rgba(0,0,0,.14) 84%,transparent 94%)}
.photo-hero-third{position:absolute;right:9%;top:15%;height:72%;width:auto;object-fit:contain;filter:brightness(1.00) contrast(1.03) drop-shadow(0 0 12px rgba(191,151,72,.07));-webkit-mask-image:radial-gradient(ellipse 51% 61% at 48% 52%,#000 0%,#000 38%,rgba(0,0,0,.90) 49%,rgba(0,0,0,.66) 60%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.12) 82%,transparent 93%);mask-image:radial-gradient(ellipse 51% 61% at 48% 52%,#000 0%,#000 38%,rgba(0,0,0,.90) 49%,rgba(0,0,0,.66) 60%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.12) 82%,transparent 93%)}





.photo-collections{max-width:1440px;margin:0 auto;padding:70px 72px 100px;box-sizing:border-box}
.photo-collection-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding-bottom:28px;border-bottom:1px solid rgba(11,48,43,.18)}
.photo-eyebrow{font:700 12px/1.2 Arial,sans-serif;letter-spacing:2px;color:#a65028;margin-bottom:10px}
.photo-collection h2{font:400 58px/1 Georgia,serif;margin:0;color:var(--photo-ink)}
.photo-collection-head p{font:400 18px/1.5 Georgia,serif;margin:0;max-width:570px}
.portrait-store{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px;align-items:start}
.portrait-frame{margin:0;background:#102f2b;overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center}
.portrait-frame img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain}
@media(max-width:900px){
.photo-hero{height:auto;min-height:780px}
.photo-hero-inner{padding:46px 24px;align-items:flex-start}
.photo-hero-copy{width:100%;margin:0}
.photo-hero h1{font-size:62px}
.photo-hero-thought{margin-top:28px;gap:7px}
.photo-hero-line{font-size:20px}
.photo-hero-line-hindi{font-size:18px}
.photo-hero-line-urdu{font-size:19px;max-width:100%}
.photo-hero-art{inset:275px 24px 24px 24px}
.photo-hero-primary{left:-1%;top:14%;height:67%}
.photo-hero-secondary{left:40%;top:18%;height:51%}
.photo-hero-third{right:0;top:17%;height:59%}
.photo-collections{padding:50px 24px}
.photo-collection-head{grid-template-columns:1fr;gap:16px}
.portrait-store{grid-template-columns:repeat(2,1fr)}
}