.cinematic-gallery{isolation:isolate;color:#f5f3ee;outline-offset:-4px;background:#080808;height:min(820px,100svh - 80px);min-height:650px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.cinematic-grid{fill:none;stroke:#ffffff12;stroke-width:.7px;width:100%;height:100%;animation:1.2s backwards cinema-in;position:absolute;inset:0}.cinematic-space{transform-style:preserve-3d;touch-action:pan-y;position:absolute;inset:0}.cinematic-card{backface-visibility:hidden;cursor:pointer;transform:translate(-50%,-50%) translate3d(var(--move-x,0px),var(--move-y,0px),calc(var(--z) + var(--move-z,0px))) rotateY(var(--ry));animation:cinema-in .8s var(--delay) backwards;background:#101010;border:0;border-radius:9px;padding:0;position:absolute;box-shadow:0 12px 40px #0009}.cinematic-card img{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:scale .5s cubic-bezier(.22,1,.36,1),filter .5s;display:block}.cinematic-card span{text-align:left;opacity:0;color:#fff;pointer-events:none;background:linear-gradient(#0000,#000d);padding:20px 8px 8px;font-size:10px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.cinematic-card:hover,.cinematic-card:focus-visible{outline-offset:5px;outline:1px solid #b79a62;z-index:50!important}.cinematic-card:hover img,.cinematic-card:focus-visible img{scale:1.08}.cinematic-card:hover span,.cinematic-card:focus-visible span{opacity:1}.cinematic-space:has(.cinematic-card:hover) .cinematic-card:not(:hover) img{filter:brightness(.63)}.cinematic-copy{z-index:60;pointer-events:none;text-shadow:0 2px 20px #000,0 2px 6px #000;animation:.8s .6s backwards cinema-title;position:absolute;bottom:12%;left:3.8%}.cinematic-copy h2{letter-spacing:-.045em;color:#f5f3ee;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5.1vw,80px);font-weight:400;line-height:1.02}.cinematic-copy p{color:#a7a7a7;letter-spacing:.01em;font-size:13px;line-height:1.7}.cinematic-copy .cinematic-eyebrow{color:#b79a62;letter-spacing:.17em;margin-bottom:20px;font-size:10px}.cinematic-actions{pointer-events:auto;gap:28px;margin-top:28px;display:flex}.cinematic-actions a{color:#f5f3ee;letter-spacing:.09em;border-bottom:1px solid #555;padding:8px 0;font-size:10px;transition:border-color .2s}.cinematic-actions a:hover{border-color:#b79a62}.cinematic-actions span{margin-left:24px}.cinematic-instructions{letter-spacing:.12em;color:#a7a7a7;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:25px;left:3.8%;right:3.8%}.cinematic-mobile{display:none}.cinematic-dialog{color:#f5f3ee;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:40px}.cinematic-dialog::backdrop{background:#000e}.cinematic-dialog[open]{place-items:center;display:grid}.cinematic-dialog article{background:#101010;width:min(900px,90vw);padding:50px 24px 24px;animation:.4s both cinema-title;position:relative}.cinematic-dialog video,.cinematic-dialog img{object-fit:contain;background:#080808;width:100%;height:min(58vh,580px)}.cinematic-dialog h3{margin:10px 0;font-family:Georgia,serif;font-size:24px}.cinematic-dialog p,.cinematic-dialog a{color:#a7a7a7;font-size:12px}.cinematic-close{color:#f5f3ee;cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;top:16px;right:24px}.cinematic-compact{height:660px}.cinematic-gallery :focus-visible{outline-offset:5px;outline:2px solid #b79a62}@keyframes cinema-in{0%{opacity:0}to{opacity:1}}@keyframes cinema-title{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}@media (width<=767px){.cinematic-gallery,.cinematic-compact{height:auto;min-height:0;padding:50px 0 28px}.cinematic-space{display:none}.cinematic-copy{margin:0 24px;position:relative;bottom:auto;left:auto}.cinematic-copy h2{font-size:clamp(36px,9.5vw,62px)}.cinematic-copy p{font-size:12px}.cinematic-actions{gap:24px}.cinematic-actions span{margin-left:12px}.cinematic-mobile{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:16px;padding:35px 24px 26px;display:flex;position:relative;overflow-x:auto}.cinematic-mobile button{scroll-snap-align:center;color:#f5f3ee;text-align:left;background:#101010;border:0;border-radius:8px;flex:0 0 78%;padding:0;overflow:hidden}.cinematic-mobile img{object-fit:cover;width:100%;height:290px;display:block}.cinematic-mobile span{padding:16px;font-size:12px;display:block}.cinematic-instructions{margin:0 24px;font-size:8px;line-height:1.8;position:relative;inset:auto}.cinematic-instructions span:last-child{display:none}.cinematic-dialog{padding:12px}.cinematic-dialog article{width:100%;padding:48px 16px 24px}.cinematic-dialog h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.cinematic-gallery *,.cinematic-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cinematic-card:hover img,.cinematic-card:focus-visible img{scale:1}}.film-works-page>.cinematic-gallery{height:calc(100svh - 88px);min-height:620px;max-height:900px;margin-top:88px}.cinematic-copy:before{content:"";z-index:-1;background:radial-gradient(at 0,#08080880,#0000 72%);position:absolute;inset:-20px -45px -20px -25px}@media (width<=767px){.film-works-page>.cinematic-gallery{height:auto;min-height:0;max-height:none;margin-top:72px}}.cinematic-gallery{scroll-margin-top:88px}.cinematic-noscript{z-index:70;position:absolute;bottom:70px;right:30px}.cinematic-noscript a{color:#b79a62}.cinematic-dialog{background:#080808;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.cinematic-dialog article{background:#080808;place-items:center;width:100vw;max-width:none;height:100dvh;padding:0;animation:.55s cubic-bezier(.22,1,.36,1) both cinematic-expand;display:grid}.cinematic-dialog video,.cinematic-dialog img{object-fit:contain;width:100%;height:100%;max-height:none}.cinematic-dialog-meta{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080808d9;padding:18px 24px;position:absolute;bottom:clamp(24px,4vw,60px);left:clamp(20px,4vw,64px)}.cinematic-dialog-meta p{color:#b79a62;letter-spacing:.1em;margin:0}.cinematic-dialog-meta h3{margin:6px 0 12px;font-size:clamp(18px,2vw,28px)}.cinematic-dialog-meta a{color:#f5f3ee;border-bottom:1px solid #b79a62;padding-bottom:5px}.cinematic-dialog .cinematic-close{z-index:3;background:#080808d9;padding:12px;top:clamp(20px,4vw,50px);right:clamp(20px,4vw,64px)}@keyframes cinematic-expand{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=767px){.cinematic-dialog{padding:0}.cinematic-dialog article{width:100vw;padding:0}.cinematic-dialog-meta{padding:12px;bottom:12px;left:12px;right:12px}.cinematic-dialog-meta h3{font-size:17px}}@media (prefers-reduced-motion:reduce){.cinematic-dialog article{animation:none}}
