*{box-sizing:border-box}html,body,#stage{width:100%;height:100%;margin:0;overflow:hidden;background:#24231d;font-family:Arial,Helvetica,sans-serif}#stage{position:relative;isolation:isolate}.photo-layer,.video-layer,.media-shade,.media-light,.media-grain{position:absolute;inset:0}.photo-layer,.video-layer{opacity:0;transition:opacity 1.4s ease}.active{opacity:1}.photo-layer{inset:-3%;overflow:hidden}.photo-layer img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(1.04);animation:photographic-drift 24s ease-in-out infinite alternate;will-change:transform}#photo-two img{object-position:45% center}.video-layer{background:#1a1a16}.video-layer video{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.05)}.media-shade{background:linear-gradient(180deg,#0d0e0a0a,transparent 50%,#15170f26);pointer-events:none}.media-light{background:radial-gradient(ellipse at 25% 20%,#ffcf7c20,transparent 60%);mix-blend-mode:screen;animation:light-shift 12s ease-in-out infinite alternate;pointer-events:none}.media-grain{opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-mode .photo-layer img{filter:saturate(.9) brightness(.92)}.hero-mode #main-photo{object-position:center 52%}.hero-mode .media-light{background:radial-gradient(ellipse at 27% 28%,#ffd17e2a,transparent 48%)}.film-mode .video-layer{opacity:1}.film-mode video{object-fit:contain;filter:none}.film-mode .media-shade,.film-mode .media-grain,.film-mode .media-light{display:none}.film-mode .video-layer{background:#0c0d0b}.paused *{animation-play-state:paused!important}.media-fallback{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#efe2b1;background:#181b15aa;gap:14px;font-size:16px}.media-fallback[hidden]{display:none}.media-fallback a{padding:12px 20px;border:1px solid #efe2b1;color:inherit;text-decoration:none;border-radius:100px}@keyframes photographic-drift{from{transform:scale(1.025) translateX(-.7%)}to{transform:scale(1.105) translateX(.7%)}}@keyframes light-shift{to{opacity:.45;transform:translateX(2%)}}@media(max-aspect-ratio:3/4){.hero-mode #main-photo{object-position:36% center}.hero-mode #photo-two img{object-position:45% center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.full-photo .photo-layer{inset:0}.full-photo .photo-layer img{object-fit:contain;animation:none;filter:saturate(.9) contrast(1.03)}

@media(max-width:760px){.hero-mode .photo-layer{inset:0}.hero-mode #main-photo{object-position:50% 50%;animation:none;filter:saturate(.95) brightness(.98)}.hero-mode .media-grain{display:none}.hero-mode .media-light{opacity:.5}}

@media(max-width:760px){.hero-mode #photo-one:before{content:'';position:absolute;inset:-25px;background:url('../images/cinematic-mine-mobile.png') center top/cover;filter:blur(20px);opacity:.85}.hero-mode #main-photo{position:relative;object-fit:contain;object-position:center bottom}.hero-mode{background:#9b722e}}

@media(max-width:760px){.hero-mode #main-photo{position:absolute;bottom:0;left:0;width:100%;height:auto;object-fit:initial;mask-image:linear-gradient(transparent,#000 24%);-webkit-mask-image:linear-gradient(transparent,#000 24%)}}