/* DBF Flipbook — Frontend (devbhoomifilms.in layout) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Playfair+Display:wght@400;700&family=Montserrat:wght@200;300;400&display=swap');

.dbf-album {
  font-family: 'Cormorant Garamond', serif;
  background-color: #1a2e14;
  background-image: var(--dbf-bg-image, url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDEyMDAgODAwIj4KICA8ZGVmcz4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0ic2t5IiBjeD0iNTAlIiBjeT0iMCUiIHI9IjgwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxYTNhMGEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwZDIwMDYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDYwZTAzIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJnbG93MSIgY3g9IjM1JSIgY3k9IjQ1JSIgcj0iNDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlNWExNCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGExYTA1IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9Imdsb3cyIiBjeD0iNzAlIiBjeT0iNTUlIiByPSI0NSUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2E2ZTFhIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTFhMDUiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0ic3VucmF5IiBjeD0iNTUlIiBjeT0iMjAlIiByPSI1MCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjN2FiODRhIiBzdG9wLW9wYWNpdHk9IjAuMTIiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGExYTA1IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8ZmlsdGVyIGlkPSJibHVyMSI+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iYmx1cjIiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CgogIDwhLS0gQmFzZSBkYXJrIGZvcmVzdCBmbG9vciAtLT4KICA8cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiIGZpbGw9InVybCgjc2t5KSIvPgogIDxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjgwMCIgZmlsbD0idXJsKCNnbG93MSkiLz4KICA8cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiIGZpbGw9InVybCgjZ2xvdzIpIi8+CiAgPHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iODAwIiBmaWxsPSJ1cmwoI3N1bnJheSkiLz4KCiAgPCEtLSBCYWNrZ3JvdW5kIGZvZyAvIGRlcHRoIGxheWVyIC0tPgogIDxyZWN0IHg9IjAiIHk9IjMwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjMGQyMDA2IiBvcGFjaXR5PSIwLjQiLz4KCiAgPCEtLSBGYXIgYmFja2dyb3VuZCB0cmVlcyAoYmx1cnJlZCwgdmVyeSBkYXJrKSAtLT4KICA8ZyBmaWx0ZXI9InVybCgjYmx1cjEpIiBvcGFjaXR5PSIwLjUiPgogICAgPHJlY3QgeD0iMCIgeT0iMTUwIiB3aWR0aD0iMTgiIGhlaWdodD0iNjUwIiBmaWxsPSIjMGExYTA1Ii8+CiAgICA8cmVjdCB4PSI2MCIgeT0iMTAwIiB3aWR0aD0iMjIiIGhlaWdodD0iNzAwIiBmaWxsPSIjMGMxZTA3Ii8+CiAgICA8cmVjdCB4PSIxMzAiIHk9IjE4MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjYyMCIgZmlsbD0iIzBhMWEwNSIvPgogICAgPHJlY3QgeD0iMjAwIiB5PSIxMjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSI2ODAiIGZpbGw9IiMwYzFlMDciLz4KICAgIDxyZWN0IHg9IjI3MCIgeT0iMTYwIiB3aWR0aD0iMTgiIGhlaWdodD0iNjQwIiBmaWxsPSIjMGExYTA1Ii8+CiAgICA8cmVjdCB4PSIzNDAiIHk9IjkwIiB3aWR0aD0iMjQiIGhlaWdodD0iNzEwIiBmaWxsPSIjMGMxZTA3Ii8+CiAgICA8cmVjdCB4PSI0MjAiIHk9IjE0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjY2MCIgZmlsbD0iIzBhMWEwNSIvPgogICAgPHJlY3QgeD0iNTAwIiB5PSIxMTAiIHdpZHRoPSIyMiIgaGVpZ2h0PSI2OTAiIGZpbGw9IiMwYzFlMDciLz4KICAgIDxyZWN0IHg9IjU4MCIgeT0iMTcwIiB3aWR0aD0iMTgiIGhlaWdodD0iNjMwIiBmaWxsPSIjMGExYTA1Ii8+CiAgICA8cmVjdCB4PSI2NTAiIHk9IjEwMCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjcwMCIgZmlsbD0iIzBjMWUwNyIvPgogICAgPHJlY3QgeD0iNzMwIiB5PSIxNTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSI2NTAiIGZpbGw9IiMwYTFhMDUiLz4KICAgIDxyZWN0IHg9IjgxMCIgeT0iMTIwIiB3aWR0aD0iMTgiIGhlaWdodD0iNjgwIiBmaWxsPSIjMGMxZTA3Ii8+CiAgICA8cmVjdCB4PSI4ODAiIHk9IjE2MCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjY0MCIgZmlsbD0iIzBhMWEwNSIvPgogICAgPHJlY3QgeD0iOTYwIiB5PSI5MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjcxMCIgZmlsbD0iIzBjMWUwNyIvPgogICAgPHJlY3QgeD0iMTA0MCIgeT0iMTQwIiB3aWR0aD0iMjAiIGhlaWdodD0iNjYwIiBmaWxsPSIjMGExYTA1Ii8+CiAgICA8cmVjdCB4PSIxMTEwIiB5PSIxMTAiIHdpZHRoPSIyMiIgaGVpZ2h0PSI2OTAiIGZpbGw9IiMwYzFlMDciLz4KICAgIDwhLS0gRmFyIGNhbm9weSBibG9icyAtLT4KICAgIDxlbGxpcHNlIGN4PSI4MCIgY3k9IjEzMCIgcng9IjkwIiByeT0iNjAiIGZpbGw9IiMxNDJhMDgiLz4KICAgIDxlbGxpcHNlIGN4PSIyMjAiIGN5PSIxMTAiIHJ4PSIxMDAiIHJ5PSI3MCIgZmlsbD0iIzEyMjYwOCIvPgogICAgPGVsbGlwc2UgY3g9IjM3MCIgY3k9IjEwMCIgcng9IjExMCIgcnk9IjY1IiBmaWxsPSIjMTQyYTA4Ii8+CiAgICA8ZWxsaXBzZSBjeD0iNTMwIiBjeT0iMTIwIiByeD0iOTUiIHJ5PSI2MCIgZmlsbD0iIzEyMjYwOCIvPgogICAgPGVsbGlwc2UgY3g9IjY4MCIgY3k9IjEwNSIgcng9IjEwNSIgcnk9IjY4IiBmaWxsPSIjMTQyYTA4Ii8+CiAgICA8ZWxsaXBzZSBjeD0iODQwIiBjeT0iMTE1IiByeD0iMTAwIiByeT0iNjIiIGZpbGw9IiMxMjI2MDgiLz4KICAgIDxlbGxpcHNlIGN4PSIxMDAwIiBjeT0iMTAwIiByeD0iMTEwIiByeT0iNzAiIGZpbGw9IiMxNDJhMDgiLz4KICAgIDxlbGxpcHNlIGN4PSIxMTQwIiBjeT0iMTIwIiByeD0iOTAiIHJ5PSI2MCIgZmlsbD0iIzEyMjYwOCIvPgogIDwvZz4KCiAgPCEtLSBNaWQgdHJlZXMgLS0+CiAgPGcgZmlsdGVyPSJ1cmwoI2JsdXIyKSIgb3BhY2l0eT0iMC43NSI+CiAgICA8cmVjdCB4PSIxMCIgeT0iMjAwIiB3aWR0aD0iMjgiIGhlaWdodD0iNjAwIiBmaWxsPSIjMGUyMjA4Ii8+CiAgICA8cmVjdCB4PSI5MCIgeT0iMTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iNjQwIiBmaWxsPSIjMTAyNjA4Ii8+CiAgICA8cmVjdCB4PSIxNzUiIHk9IjE5MCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjYxMCIgZmlsbD0iIzBlMjIwOCIvPgogICAgPHJlY3QgeD0iMjYwIiB5PSIxNzAiIHdpZHRoPSIzMCIgaGVpZ2h0PSI2MzAiIGZpbGw9IiMxMDI2MDgiLz4KICAgIDxyZWN0IHg9IjM1NSIgeT0iMTU1IiB3aWR0aD0iMjgiIGhlaWdodD0iNjQ1IiBmaWxsPSIjMGUyMjA4Ii8+CiAgICA8cmVjdCB4PSI0NDUiIHk9IjE4NSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjYxNSIgZmlsbD0iIzEwMjYwOCIvPgogICAgPHJlY3QgeD0iNTQwIiB5PSIxNjUiIHdpZHRoPSIyNiIgaGVpZ2h0PSI2MzUiIGZpbGw9IiMwZTIyMDgiLz4KICAgIDxyZWN0IHg9IjYyNSIgeT0iMTc1IiB3aWR0aD0iMzAiIGhlaWdodD0iNjI1IiBmaWxsPSIjMTAyNjA4Ii8+CiAgICA8cmVjdCB4PSI3MTUiIHk9IjE1OCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjY0MiIgZmlsbD0iIzBlMjIwOCIvPgogICAgPHJlY3QgeD0iODAwIiB5PSIxODAiIHdpZHRoPSIzMiIgaGVpZ2h0PSI2MjAiIGZpbGw9IiMxMDI2MDgiLz4KICAgIDxyZWN0IHg9Ijg5MCIgeT0iMTY1IiB3aWR0aD0iMjYiIGhlaWdodD0iNjM1IiBmaWxsPSIjMGUyMjA4Ii8+CiAgICA8cmVjdCB4PSI5NzUiIHk9IjE3MiIgd2lkdGg9IjMwIiBoZWlnaHQ9IjYyOCIgZmlsbD0iIzEwMjYwOCIvPgogICAgPHJlY3QgeD0iMTA2NSIgeT0iMTU1IiB3aWR0aD0iMjgiIGhlaWdodD0iNjQ1IiBmaWxsPSIjMGUyMjA4Ii8+CiAgICA8cmVjdCB4PSIxMTUwIiB5PSIxNzgiIHdpZHRoPSIzMiIgaGVpZ2h0PSI2MjIiIGZpbGw9IiMxMDI2MDgiLz4KICAgIDwhLS0gTWlkIGNhbm9weSAtLT4KICAgIDxlbGxpcHNlIGN4PSIxMDAiIGN5PSIxODAiIHJ4PSI4MCIgcnk9IjU1IiBmaWxsPSIjMWEzYTBjIi8+CiAgICA8ZWxsaXBzZSBjeD0iMjcwIiBjeT0iMTY4IiByeD0iOTAiIHJ5PSI2MCIgZmlsbD0iIzFjM2UwZSIvPgogICAgPGVsbGlwc2UgY3g9IjQ1NSIgY3k9IjE3OCIgcng9Ijg1IiByeT0iNTgiIGZpbGw9IiMxYTNhMGMiLz4KICAgIDxlbGxpcHNlIGN4PSI2MzUiIGN5PSIxNzAiIHJ4PSI4OCIgcnk9IjU2IiBmaWxsPSIjMWMzZTBlIi8+CiAgICA8ZWxsaXBzZSBjeD0iODEwIiBjeT0iMTc0IiByeD0iODIiIHJ5PSI1OCIgZmlsbD0iIzFhM2EwYyIvPgogICAgPGVsbGlwc2UgY3g9Ijk4NSIgY3k9IjE2NiIgcng9IjkwIiByeT0iNjAiIGZpbGw9IiMxYzNlMGUiLz4KICAgIDxlbGxpcHNlIGN4PSIxMTU1IiBjeT0iMTcyIiByeD0iODAiIHJ5PSI1NSIgZmlsbD0iIzFhM2EwYyIvPgogIDwvZz4KCiAgPCEtLSBGb3JlZ3JvdW5kIHRyZWVzIChzaGFycCwgZGFyaykgLS0+CiAgPGcgb3BhY2l0eT0iMC45NSI+CiAgICA8cmVjdCB4PSItMTAiIHk9IjI1MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjU1MCIgZmlsbD0iIzA3MTIwMyIvPgogICAgPHJlY3QgeD0iMTUwIiB5PSIyMjAiIHdpZHRoPSI0NSIgaGVpZ2h0PSI1ODAiIGZpbGw9IiMwODE0MDQiLz4KICAgIDxyZWN0IHg9IjMzMCIgeT0iMjQwIiB3aWR0aD0iMzgiIGhlaWdodD0iNTYwIiBmaWxsPSIjMDcxMjAzIi8+CiAgICA8cmVjdCB4PSI1MTAiIHk9IjIzMCIgd2lkdGg9IjQyIiBoZWlnaHQ9IjU3MCIgZmlsbD0iIzA4MTQwNCIvPgogICAgPHJlY3QgeD0iNjkwIiB5PSIyNDUiIHdpZHRoPSI0MCIgaGVpZ2h0PSI1NTUiIGZpbGw9IiMwNzEyMDMiLz4KICAgIDxyZWN0IHg9Ijg3MCIgeT0iMjI1IiB3aWR0aD0iNDQiIGhlaWdodD0iNTc1IiBmaWxsPSIjMDgxNDA0Ii8+CiAgICA8cmVjdCB4PSIxMDUwIiB5PSIyMzgiIHdpZHRoPSI0MCIgaGVpZ2h0PSI1NjIiIGZpbGw9IiMwNzEyMDMiLz4KICAgIDxyZWN0IHg9IjExNzAiIHk9IjI0OCIgd2lkdGg9IjQ1IiBoZWlnaHQ9IjU1MiIgZmlsbD0iIzA3MTIwMyIvPgogICAgPCEtLSBGb3JlZ3JvdW5kIGNhbm9weSAtLT4KICAgIDxlbGxpcHNlIGN4PSIxMCIgY3k9IjI1MCIgcng9Ijc1IiByeT0iNTUiIGZpbGw9IiMwZjI0MDYiLz4KICAgIDxlbGxpcHNlIGN4PSIxNzAiIGN5PSIyMjgiIHJ4PSI4NSIgcnk9IjYwIiBmaWxsPSIjMTEyODA2Ii8+CiAgICA8ZWxsaXBzZSBjeD0iMzQ4IiBjeT0iMjQyIiByeD0iNzgiIHJ5PSI1NSIgZmlsbD0iIzBmMjQwNiIvPgogICAgPGVsbGlwc2UgY3g9IjUyOCIgY3k9IjIzNSIgcng9IjgyIiByeT0iNTgiIGZpbGw9IiMxMTI4MDYiLz4KICAgIDxlbGxpcHNlIGN4PSI3MDgiIGN5PSIyNDgiIHJ4PSI3NiIgcnk9IjU0IiBmaWxsPSIjMGYyNDA2Ii8+CiAgICA8ZWxsaXBzZSBjeD0iODg4IiBjeT0iMjMyIiByeD0iODQiIHJ5PSI2MCIgZmlsbD0iIzExMjgwNiIvPgogICAgPGVsbGlwc2UgY3g9IjEwNjgiIGN5PSIyNDIiIHJ4PSI3OCIgcnk9IjU2IiBmaWxsPSIjMGYyNDA2Ii8+CiAgPC9nPgoKICA8IS0tIEdyb3VuZCAvIHVuZGVyZ3Jvd3RoIC0tPgogIDxlbGxpcHNlIGN4PSI2MDAiIGN5PSI3ODAiIHJ4PSI3MDAiIHJ5PSIxMjAiIGZpbGw9IiMwNzEyMDMiIG9wYWNpdHk9IjAuOSIvPgogIDxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MjAiIHJ4PSI4MDAiIHJ5PSIxMDAiIGZpbGw9IiMwNTBlMDIiIG9wYWNpdHk9IjAuOTUiLz4KCiAgPCEtLSBMaWdodCByYXlzIGZyb20gYWJvdmUgLS0+CiAgPGcgb3BhY2l0eT0iMC4wNiI+CiAgICA8cG9seWdvbiBwb2ludHM9IjUwMCwwIDU2MCwwIDcwMCw4MDAgNjQwLDgwMCIgZmlsbD0iI2EwZDA2MCIvPgogICAgPHBvbHlnb24gcG9pbnRzPSI2MjAsMCA2NjAsMCA3ODAsODAwIDc0MCw4MDAiIGZpbGw9IiNhMGQwNjAiLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMzgwLDAgNDEwLDAgNTIwLDgwMCA0OTAsODAwIiBmaWxsPSIjYTBkMDYwIi8+CiAgPC9nPgoKICA8IS0tIFN1YnRsZSBncmVlbiBhbWJpZW50IGdsb3cgc3BvdHMgKGxpa2UgbGlnaHQgdGhyb3VnaCBsZWF2ZXMpIC0tPgogIDxjaXJjbGUgY3g9IjMwMCIgY3k9IjM1MCIgcj0iMTUwIiBmaWxsPSIjNGE4YTIwIiBvcGFjaXR5PSIwLjA0IiBmaWx0ZXI9InVybCgjYmx1cjEpIi8+CiAgPGNpcmNsZSBjeD0iOTAwIiBjeT0iNDAwIiByPSIxODAiIGZpbGw9IiM0YThhMjAiIG9wYWNpdHk9IjAuMDUiIGZpbHRlcj0idXJsKCNibHVyMSkiLz4KICA8Y2lyY2xlIGN4PSI2MDAiIGN5PSIyMDAiIHI9IjIwMCIgZmlsbD0iIzZhYWEzMCIgb3BhY2l0eT0iMC4wNiIgZmlsdGVyPSJ1cmwoI2JsdXIxKSIvPgo8L3N2Zz4='));
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: local;
  padding: 0 0 30px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  width: 100%;
  height: auto;
  position: relative;
}

/* Dark overlay for readability over the forest bg */
.dbf-album::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--dbf-bg-overlay, rgba(5, 12, 2, 0.38));
  z-index: 0;
  pointer-events: none;
}
.dbf-album > * {
  position: relative;
  z-index: 1;
}

/* Override overlay when a custom bg image is set via admin */
.dbf-album.has-bg-image::before {
  background: var(--dbf-bg-overlay, rgba(5, 12, 2, 0.38));
}

/* ── HEADER ── */
.dbf-brand {
  text-align: center;
  margin-bottom: 22px;
  padding: 0 12px;
  margin-top: 30px;
}
.dbf-label {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  letter-spacing: 7px;
  color: #b59a5d;
  margin-bottom: 8px;
  display: block;
  text-transform: uppercase;
}
.dbf-title {
  font-size: 42px;
  font-weight: 600;
  color: #f5f0e8;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ── OUTER WRAPPER ── */
.dbf-outer {
  position: relative;
  width: 900px;
  max-width: calc(100vw - 20px);
}

/* ── BOOK MASK ── */
.dbf-book-mask {
  position: relative;
  width: 100%;
  height: 560px;
  border-radius: 3px;
  overflow: hidden;
}

/* ── BOOK BLOCK ── */
.dbf-book-block {
  position: relative;
  width: 100%;
  height: 100%;
  isolation: isolate;
}
.dbf-book-block .stf__parent { overflow: hidden !important; height: 100% !important; }
.dbf-book-block .stf__block  { overflow: hidden !important; }
.dbf-book-block canvas        { display: block; }

.dbf-flipbook-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 3px;
  z-index: 1;
}
.dbf-flipbook { width: 100%; height: 100%; overflow: hidden; }

/* ── BASE PAGE ── */
.dbf-album .page {
  background: #faf7f2;
  overflow: hidden;
  position: relative;
  will-change: transform;
  transform: translateZ(0);
}

/* ── FRONT COVER LEFT ── */
.fc-left { position:relative;width:100%;height:100%;overflow:hidden; }
.fc-left img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;display:block; }
.fc-left .fc-gutter { position:absolute;right:0;top:0;bottom:0;width:50px;background:linear-gradient(to right,transparent,rgba(0,0,0,.45));z-index:2; }
.fc-left .fc-vignette { position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.28) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.28) 100%),linear-gradient(to right,rgba(0,0,0,.22) 0%,transparent 40%); }
.fc-left .fc-wm { position:absolute;bottom:20px;left:22px;z-index:3;font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:5px;color:rgba(200,160,70,.55);text-transform:uppercase; }

/* ── FRONT COVER RIGHT ── */
.fc-right { position:relative;width:100%;height:100%;overflow:hidden; }
.fc-right .fc-photo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;display:block; }
.fc-right .fc-grad { position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.68) 62%,rgba(0,0,0,.88) 100%); }
.fc-right .fc-vline { position:absolute;left:53%;top:10%;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,rgba(200,151,63,.6) 28%,rgba(200,151,63,.6) 72%,transparent);z-index:2; }
.fc-right .fc-text { position:absolute;right:0;top:0;width:47%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:36px 26px; }
.fc-right .fc-studio { font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:5px;color:rgba(200,151,63,.85);text-transform:uppercase;line-height:1.7; }
.fc-right .fc-rule { width:34px;height:1px;background:#c8973f;opacity:.8; }
.fc-right .fc-name { font-family:'Playfair Display',serif;font-size:46px;font-weight:700;color:#fff;letter-spacing:2px;line-height:1.0;text-shadow:0 2px 18px rgba(0,0,0,.45); }
.fc-right .fc-and { font-family:Montserrat,sans-serif;font-size:9px;letter-spacing:8px;color:rgba(255,255,255,.6);font-weight:300; }
.fc-right .fc-date { font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:5px;color:rgba(255,255,255,.48);font-weight:200;line-height:1.9; }

/* ── INNER PAGES ── */
.dbf-album .imgpage img { width:100%;height:100%;object-fit:cover;display:block; }

/* ── BACK COVER LEFT ── */
.bc-left { position:relative;width:100%;height:100%;overflow:hidden; }
.bc-left .bc-photo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;display:block; }
.bc-left .bc-grad { position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(0,0,0,.90) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.14) 68%,transparent 100%); }
.bc-left .bc-vline { position:absolute;right:0;top:10%;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,rgba(200,151,63,.5) 28%,rgba(200,151,63,.5) 72%,transparent);z-index:2; }
.bc-left .bc-text { position:absolute;left:0;top:0;width:52%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 24px; }
.bc-left .bc-text img { width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85; }
.bc-left .bc-logo { font-family:'Playfair Display',serif;font-size:11px;letter-spacing:4px;color:#c8973f;text-transform:uppercase; }
.bc-left .bc-tagline { font-family:'Cormorant Garamond',serif;font-size:16px;font-style:italic;color:rgba(245,240,232,.78);line-height:1.7;max-width:168px; }
.bc-left .bc-rule { width:34px;height:1px;background:#c8973f;opacity:.7; }
.bc-left .bc-names { font-family:'Playfair Display',serif;font-size:15px;letter-spacing:4px;color:#fff; }
.bc-left .bc-date { font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:5px;color:rgba(255,255,255,.4);font-weight:200; }
.bc-left .bc-sprig { opacity:.6;margin-top:2px; }

/* ── BACK COVER RIGHT ── */
.bc-right { position:relative;width:100%;height:100%;overflow:hidden; }
.bc-right img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;display:block; }
.bc-right .bc-r-vignette { position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.25) 0%,transparent 22%,transparent 78%,rgba(0,0,0,.25) 100%),linear-gradient(to left,rgba(0,0,0,.2) 0%,transparent 35%); }
.bc-right .bc-r-gutter { position:absolute;left:0;top:0;bottom:0;width:50px;background:linear-gradient(to left,transparent,rgba(0,0,0,.4));z-index:2; }
.bc-right .bc-r-tag { position:absolute;bottom:20px;right:22px;z-index:3;text-align:right; }
.bc-right .bc-r-tag span { display:block;font-family:Montserrat,sans-serif;font-size:7px;letter-spacing:4px;color:rgba(200,160,70,.52);text-transform:uppercase; }

/* ── ARROWS ── */
.dbf-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px; height: 46px;
  border-radius: 50%;
  background: rgba(10,10,8,0.72);
  border: 1.5px solid rgba(181,154,93,.45);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #f5f0e8;
  transition: background .2s, border-color .2s, transform .2s;
  z-index: 999;
  box-shadow: 0 4px 20px rgba(0,0,0,.45);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.dbf-arrow:hover { background:rgba(181,154,93,.22);border-color:#c8973f;transform:translateY(-50%) scale(1.1); }
.dbf-arrow:active { transform:translateY(-50%) scale(0.95); }
.dbf-arrow.hidden { opacity:0;pointer-events:none; }
.dbf-arrow svg { width:20px;height:20px;fill:currentColor;flex-shrink:0; }
.dbf-arrow-prev { left:-62px; }
.dbf-arrow-next { right:-62px; }

/* ── NAV DOTS ── */
.dbf-nav {
  margin-top: 18px;
  display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap; justify-content: center; padding: 0 12px;
}
.ndot { width:8px;height:8px;background:#b59a5d55;border-radius:50%;cursor:pointer;transition:.3s;flex-shrink:0; }
.ndot.active { background:#c8973f;width:24px;border-radius:4px; }

/* ════ TABLET 901–1060px ════ */
@media(max-width:1060px){
  .dbf-arrow-prev { left:-50px; }
  .dbf-arrow-next { right:-50px; }
}

/* ════ SMALL TABLET 601–900px ════ */
@media(max-width:900px){
  .dbf-album { padding:0 0 24px; }
  .dbf-brand { margin-top:36px; }
  .dbf-title { font-size:22px; }
  .dbf-book-mask { height:430px; }
  .dbf-arrow { width:38px;height:38px; }
  .dbf-arrow svg { width:17px;height:17px; }
  .dbf-arrow-prev { left:6px; }
  .dbf-arrow-next { right:6px; }
  .fc-right .fc-name { font-size:34px; }
  .fc-right .fc-text { gap:7px;padding:24px 18px; }
  .bc-left .bc-text { gap:9px;padding:24px 18px; }
  .bc-left .bc-tagline { font-size:13px;max-width:140px; }
}

/* ════ MOBILE ≤767px ════ */
@media(max-width:767px){
  .dbf-album { padding:0 0 20px; }
  .dbf-brand { margin-top:20px;margin-bottom:12px; }
  .dbf-label { font-size:8px;letter-spacing:4px; }
  .dbf-title { font-size:18px; }
  .dbf-outer { width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px); }
  .dbf-book-mask { height:calc((100vw - 20px) * 1.2);max-height:70vh; }
  .dbf-arrow {
    position:absolute!important; top:0!important; bottom:0!important;
    height:auto!important; width:52px!important; border-radius:0!important;
    background:transparent!important; border:none!important; box-shadow:none!important;
    transform:none!important; display:flex!important; align-items:center!important; justify-content:center!important;
    z-index:9999!important;
  }
  .dbf-arrow svg {
    width:32px!important; height:32px!important;
    background:rgba(10,10,8,.78); border:1.5px solid rgba(181,154,93,.65);
    border-radius:50%; padding:6px; box-shadow:0 3px 14px rgba(0,0,0,.6); flex-shrink:0;
  }
  .dbf-arrow:active svg { background:rgba(181,154,93,.35)!important; }
  .dbf-arrow-prev { left:0!important;right:auto!important;background:linear-gradient(to right,rgba(0,0,0,.12),transparent)!important; }
  .dbf-arrow-next { right:0!important;left:auto!important;background:linear-gradient(to left,rgba(0,0,0,.12),transparent)!important; }
  .dbf-arrow.hidden { opacity:0!important;pointer-events:none!important; }
  .dbf-nav { margin-top:12px; }
  .ndot { width:5px;height:5px; }
  .ndot.active { width:16px; }
  .fc-right .fc-name { font-size:28px; }
  .fc-right .fc-text { gap:7px;padding:20px 16px; }
  .fc-right .fc-studio { font-size:7px;letter-spacing:3px; }
  .fc-right .fc-and { font-size:8px;letter-spacing:5px; }
  .fc-right .fc-date { font-size:7px;letter-spacing:3px; }
  .fc-right .fc-rule { width:24px; }
  .fc-right .fc-vline { left:52%; }
  .bc-left .bc-text { gap:8px;padding:16px 14px;width:55%; }
  .bc-left .bc-tagline { font-size:12px;max-width:120px; }
  .bc-left .bc-logo { font-size:9px;letter-spacing:2px; }
  .bc-left .bc-names { font-size:11px;letter-spacing:2px; }
  .bc-left .bc-rule { width:24px; }
  .bc-left .bc-sprig { display:none; }
  .bc-left .bc-text img { width:44px;height:44px; }
}

/* ════ TINY ≤380px ════ */
@media(max-width:380px){
  .dbf-outer { width:calc(100vw - 14px)!important; }
  .dbf-book-mask { height:calc((100vw - 14px) * 1.3);max-height:68vh; }
  .fc-right .fc-name { font-size:20px; }
  .fc-right .fc-text { padding:12px 8px;gap:4px; }
  .bc-left .bc-text { padding:10px 8px; }
  .bc-left .bc-tagline { font-size:10px;max-width:90px; }
}