.photoPage{color:#fff;background:#0f172a;width:100%;min-height:100vh}.photoHero{height:90vh;min-height:620px;position:relative;overflow:hidden}.photoHero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photoHeroOverlay{background:#0000007a;position:absolute;inset:0}.photoHeroContent{z-index:2;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:120px 10%;display:flex;position:relative}.photoHeroContent p{letter-spacing:8px;color:#d6b98c;margin-bottom:28px;font-size:13px}.photoHeroContent h1{letter-spacing:-3px;margin:0;font-size:clamp(72px,9vw,130px);font-weight:200;line-height:.9}.photoHeroContent span{letter-spacing:3px;margin-top:28px;font-size:24px}.photoIntro{color:#2f1f14;text-align:center;background:#fffaf5;padding:80px 10%}.photoIntro p{max-width:900px;margin:auto;font-size:34px;font-weight:300;line-height:1.4}.portfolioRow{background:#0f172a;border-bottom:1px solid #ffffff14;padding:80px 6%}.portfolioHeader{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.portfolioHeader p{color:#d6b98c;letter-spacing:5px;margin-bottom:12px;font-size:12px}.portfolioHeader h2{margin:0 0 12px;font-size:52px;font-weight:300}.portfolioHeader span{color:#d1d5db;font-size:18px}.portfolioHeader a{color:#fff;white-space:nowrap;border:1px solid #fff;border-radius:30px;padding:12px 24px;text-decoration:none}.portfolioHeader a:hover{color:#111827;background:#fff}.portfolioScroll{scroll-snap-type:x mandatory;gap:24px;padding-bottom:18px;display:flex;overflow-x:auto}.portfolioScroll::-webkit-scrollbar{height:8px}.portfolioScroll::-webkit-scrollbar-thumb{background:#d6b98c;border-radius:10px}.portfolioCard{color:#fff;scroll-snap-align:start;background:#222;border-radius:24px;min-width:360px;height:480px;text-decoration:none;position:relative;overflow:hidden}.portfolioCard img{object-fit:cover;width:100%;height:100%;transition:all .5s}.portfolioCard:hover img{transform:scale(1.06)}.portfolioCardOverlay{background:linear-gradient(#0000001a,#000000d1);position:absolute;inset:0}.portfolioCard h3{margin:0;font-size:30px;font-weight:300;position:absolute;bottom:28px;left:28px;right:28px}@media (max-width:768px){.photoHero{height:78vh;min-height:560px}.photoHeroContent{padding:120px 24px 80px}.photoHeroContent h1{font-size:64px}.photoHeroContent span{font-size:18px}.photoIntro{padding:60px 24px}.photoIntro p{font-size:26px}.portfolioRow{padding:60px 24px}.portfolioHeader{flex-direction:column;align-items:flex-start}.portfolioHeader h2{font-size:42px}.portfolioCard{min-width:280px;height:390px}}
