/* Reversible page transition: cream page windows fixed into a clean black film. */
.filmstrip-stage{position:fixed;inset:0;z-index:500;overflow:hidden;background:#e9e6df;pointer-events:auto;contain:strict}
.filmstrip-frame{position:absolute;left:0;top:0;background:#111;transform-origin:0 0;contain:layout paint;will-change:transform;pointer-events:none}
.filmstrip-frame::before,.filmstrip-frame::after{content:'';position:absolute;top:0;bottom:0;width:var(--film-hole);background:repeating-linear-gradient(to bottom,transparent 0 calc((var(--film-hole-pitch) - var(--film-hole-height))/2),#e9e6df calc((var(--film-hole-pitch) - var(--film-hole-height))/2) calc((var(--film-hole-pitch) + var(--film-hole-height))/2),transparent calc((var(--film-hole-pitch) + var(--film-hole-height))/2) var(--film-hole-pitch));pointer-events:none}
.filmstrip-frame::before{left:calc((var(--film-rail) - var(--film-hole))/2)}
.filmstrip-frame::after{right:calc((var(--film-rail) - var(--film-hole))/2)}
.filmstrip-window{position:absolute;overflow:hidden;contain:layout paint;background:#f5f5f3}
.filmstrip-window #gallery,.filmstrip-window #about-page,.filmstrip-window #contact-page{background:#f5f5f3}
.filmstrip-window>footer{display:flex!important}
.filmstrip-frame *{will-change:auto!important}
.filmstrip-window .board-rail{overflow:hidden;contain:paint;-webkit-overflow-scrolling:auto}
.filmstrip-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;padding:9%;overflow:hidden;background:#f5f5f3;color:#151515;text-align:center}
.filmstrip-preview img{display:block;flex:0 1 auto;min-height:0;max-width:68%;max-height:62%;object-fit:contain}
.filmstrip-preview p{margin:0;max-width:88%;font-size:clamp(5px,.65vw,11px);line-height:1.5}
.filmstrip-preview .filmstrip-preview-label{font-family:'Clash Display',Arial,sans-serif;font-size:clamp(8px,1vw,17px);font-weight:500;letter-spacing:-.025em}
.filmstrip-preview-work img{position:absolute;left:50%;width:36%;height:22%;max-width:none;max-height:none;object-fit:cover;transform:translateX(-50%)}
.filmstrip-preview-work img:first-of-type{top:8%;opacity:.5}
.filmstrip-preview-work img:nth-of-type(2){top:35%;width:56%;height:30%}
.filmstrip-preview-work img:nth-of-type(3){top:70%;opacity:.5}
.filmstrip-preview-work .filmstrip-preview-label{position:absolute;left:3%;top:46%;max-width:17%;font:inherit;font-size:clamp(5px,.55vw,9px)}
.filmstrip-preview-work .filmstrip-preview-copy{position:absolute;right:3%;top:46%;max-width:17%;font-size:clamp(4px,.5vw,8px)}
.filmstrip-preview-about{display:grid;grid-template-columns:46% 38%;grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:4% 10%;padding:16% 12%}
.filmstrip-preview-about img{grid-column:1;grid-row:1;width:100%;max-width:100%;max-height:100%;border:5px solid #fff;border-bottom-width:14px;transform:rotate(-2deg)}
.filmstrip-preview-about .filmstrip-preview-label{grid-column:1;grid-row:2;font-family:'Caveat',cursive}
.filmstrip-preview-about .filmstrip-preview-copy{grid-column:2;grid-row:1 / 3;max-width:100%;text-align:left}
.filmstrip-preview-contact::before{content:'';position:absolute;left:32%;top:23%;width:36%;height:66%;background:#eee9df;border:1px solid #aca99f;border-radius:3px}
.filmstrip-preview-contact::after{content:'';position:absolute;left:49.5%;top:0;width:1%;height:24%;background:#18365c}
.filmstrip-preview-contact img{position:absolute;left:43%;top:44%;width:14%;height:24%;max-width:none;max-height:none;object-fit:cover}
.filmstrip-preview-contact .filmstrip-preview-label{position:absolute;left:33%;right:33%;top:31%;color:#153f80;font-size:clamp(7px,.8vw,13px)}
.filmstrip-preview-contact .filmstrip-preview-copy{position:absolute;left:34%;right:34%;top:75%;color:#153f80;font-size:clamp(4px,.5vw,8px)}
@media(max-width:700px){.filmstrip-preview p{font-size:6px}.filmstrip-preview .filmstrip-preview-label{font-size:10px}.filmstrip-preview img{max-width:88%;max-height:52%}.filmstrip-preview-work .filmstrip-preview-label{top:auto;bottom:3%;left:7%;font-size:6px}.filmstrip-preview-work .filmstrip-preview-copy{top:auto;bottom:3%;right:7%;max-width:55%;text-align:right;font-size:5px}.filmstrip-preview-about{display:flex;padding:12%}.filmstrip-preview-about img{width:auto;max-width:85%;max-height:50%}.filmstrip-preview-about .filmstrip-preview-copy{max-width:85%;text-align:center}.filmstrip-preview-contact::before{left:20%;width:60%;top:27%;height:52%}.filmstrip-preview-contact::after{height:28%}.filmstrip-preview-contact img{left:38%;top:44%;width:24%;height:19%;max-width:none;max-height:none}.filmstrip-preview-contact .filmstrip-preview-label{left:22%;right:22%;top:34%;font-size:10px}.filmstrip-preview-contact .filmstrip-preview-copy{left:22%;right:22%;top:69%;font-size:6px}}