@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Playfair+Display:wght@400;500&display=swap');*{box-sizing:border-box}html,body{margin:0;background:#050505;color:#fff;font-family:'DM Sans',Arial,sans-serif}body{overflow-x:hidden}.photos-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 18%,#171717 0,#090909 34%,#030303 78%);padding:24px 4.2vw 28px;isolation:isolate}.ambient{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;z-index:-2;opacity:.32}.ambient.a{width:42vw;height:20vw;left:27%;top:2%;background:rgba(255,255,255,.16);transform:rotate(-8deg)}.ambient.b{width:28vw;height:18vw;right:-5%;bottom:15%;background:rgba(190,190,190,.08)}.grain{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.photos-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:6;color:#8f8f8f;font-size:10px;letter-spacing:.22em}.photos-top a{color:#aaa;text-decoration:none}.photos-hero{text-align:center;padding-top:4vh;position:relative;z-index:2}.photos-hero p{font-size:10px;letter-spacing:.34em;color:#9d9d9d;margin:0 0 1vh}.photos-hero h1{position:relative;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(64px,9.2vw,150px);letter-spacing:.12em;line-height:.9;margin:0 0 1.7vh;text-shadow:0 0 12px rgba(255,255,255,.14),0 0 34px rgba(255,255,255,.18)}.light-line{height:1px;width:min(420px,35vw);margin:0 auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);box-shadow:0 0 22px rgba(255,255,255,.25)}.sub{font-size:9px;letter-spacing:.24em;color:#777;margin-top:16px}.photo-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1500px;margin:4.2vh auto 0;position:relative;z-index:6}.photo-card{aspect-ratio:4/5;position:relative;overflow:hidden;color:#fff;text-decoration:none;transition:.55s}.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:.8s}.photo-card div{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.12) 53%,rgba(0,0,0,.72) 100%)}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 44%,rgba(255,239,214,.34) 49%,rgba(255,255,255,.12) 51%,transparent 57%);transform:translateX(-105%);opacity:0}.photo-card:hover{transform:translateY(-9px);filter:brightness(1.08)}.photo-card:hover img{transform:scale(1.035)}.photo-card:hover:after{opacity:.7;animation:sweep 1.5s ease-out forwards}@keyframes sweep{to{transform:translateX(105%)}}.photo-card span{position:absolute;left:22px;right:50px;bottom:21px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(15px,1.35vw,23px);z-index:2}.photo-card b{position:absolute;right:22px;bottom:20px;font-size:21px;z-index:2;font-weight:400}footer{display:flex;justify-content:space-between;max-width:1500px;margin:3vh auto 0;color:#666;font-size:8px;letter-spacing:.2em;position:relative;z-index:6}@media(max-width:1100px){.photo-cards{grid-template-columns:repeat(3,1fr)}.photo-card:last-child{grid-column:2}}@media(max-width:700px){.photo-cards{grid-template-columns:repeat(2,1fr)}.photo-card:last-child{grid-column:auto}.photos-top span{display:none}}@media(max-width:480px){.photo-cards{grid-template-columns:1fr}.photos-hero h1{font-size:58px}}
/* BÙI STUDIO V3.3 — shared hero identity: PHOTOS / FILM / MUSIC */
:root{--studio-hero-navy:#0b1824;--studio-hero-title:clamp(4.5rem,8vw,7.4rem)}

html,body{background:#0b1824}
.photos-page{background:radial-gradient(850px 420px at 50% 15%,rgba(49,85,112,.19),transparent 75%),linear-gradient(180deg,#0b1824 0%,#0b1824 65%,#07111b 100%)}
.photos-hero{padding-top:4vh}
.photos-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--studio-hero-title);font-weight:600;letter-spacing:-.03em;line-height:.9;text-shadow:none;margin:16px 0 12px}
.photos-hero p{font-family:'Montserrat',sans-serif;font-weight:700;color:#8fb8d8;font-size:.72rem;letter-spacing:.34em}
.photos-hero .sub{font-family:'Montserrat',sans-serif;color:#91a4b5;font-size:.68rem}
@media(max-width:480px){.photos-hero h1{font-size:clamp(4rem,16vw,5.2rem)}}


/* V4.7 MOBILE — compact collections */
@media(max-width:700px){
  .photos-page{padding:18px 14px 24px}
  .photos-hero{padding-top:24px}
  .photos-hero h1{font-size:clamp(50px,15vw,66px);letter-spacing:.07em}
  .sub{font-size:7px;letter-spacing:.17em;margin-top:12px}
  .light-line{width:52vw}
  .photo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
  .photo-card{aspect-ratio:4/5}
  .photo-card span{left:11px;right:26px;bottom:12px;font-size:clamp(13px,4vw,17px);line-height:1.05}
  .photo-card b{right:10px;bottom:10px;font-size:16px}
  footer{margin-top:24px}
}
@media(max-width:480px){.photo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}