/* Static-mirror helpers: behaviours normally handled by Adobe Portfolio's main.js */ /* The theme keeps at opacity:0 and main.js fades it in on load. Without that script we must reveal the page ourselves. */ .transition-enabled { opacity: 1 !important; } /* Fixed back-to-top button: bottom-right, fades in after scrolling */ .back-to-top-fixed { right: 26px; bottom: 26px; width: 44px; height: 44px; opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; } .back-to-top-fixed .icon-back-to-top { width: 22px; height: 22px; } .back-to-top-fixed.is-visible { opacity: .55; visibility: visible; } .back-to-top-fixed:hover { opacity: 1; } /* Click-to-zoom cursor on gallery images. The image itself is pointer-events:none (download protection, see below), so the cursor/click target is its wrapper. */ .js-lightbox { cursor: zoom-in; } /* --- Download / copy protection --- */ /* Block text selection and the iOS long-press "save" callout site-wide... */ .disable-download { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ...but keep form fields usable. */ .disable-download input, .disable-download textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /* Images: not draggable (pointer-events:none already comes from main.css). */ .disable-download img, #ffs-lightbox img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; } /* Lightbox overlay (config: white, 0.94 opacity) */ #ffs-lightbox { position: fixed; inset: 0; background: rgba(255, 255, 255, .94); display: none; align-items: center; justify-content: center; z-index: 100000; cursor: zoom-out; } #ffs-lightbox.open { display: flex; animation: ffs-lb-in .28s ease; } @keyframes ffs-lb-in { from { opacity: 0; } to { opacity: 1; } } #ffs-lightbox img { max-width: 86vw; max-height: 92vh; box-shadow: 0 10px 50px rgba(0, 0, 0, .18); cursor: pointer; /* click photo = next */ transition: opacity .2s ease; /* smooth crossfade between photos */ } #ffs-lightbox.is-fading img { opacity: 0; } /* Prev / next arrows */ .ffs-lb-arrow { position: fixed; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border: 0; background: none; color: #111; font-size: 48px; line-height: 1; cursor: pointer; opacity: .35; transition: opacity .2s ease; z-index: 1; font-family: Georgia, "Times New Roman", serif; } .ffs-lb-arrow:hover { opacity: 1; } .ffs-lb-prev { left: 2vw; } .ffs-lb-next { right: 2vw; } /* Photo counter */ .ffs-lb-count { position: fixed; bottom: 26px; left: 0; right: 0; text-align: center; font-size: 12px; letter-spacing: .15em; color: #555; }