.works-page{overflow:hidden}.works-nav{height:94px;position:relative;z-index:5;background:#101719e6}.drift-gallery{height:calc(100svh - 94px);min-height:500px;position:relative;background:radial-gradient(ellipse at 60% 45%,#213b3f 0%,#0d191e 50%,#0b1114 100%);overflow:hidden}.film-details{position:absolute;left:7vw;top:36%;width:23%;z-index:3;pointer-events:none}.film-details .eyebrow{line-height:1.8}.film-details h1{font-size:clamp(30px,3.5vw,55px);font-weight:300;line-height:1.15;letter-spacing:-.02em}.film-details>p:not(.eyebrow){color:#a6b8b8;line-height:1.7;font-size:14px}#film-number{letter-spacing:.15em}#watch-film{pointer-events:auto;background:transparent;border:0;border-bottom:1px solid #b8ceca;color:var(--paper);padding:12px 0;cursor:pointer;font-size:14px;margin-top:10px}#watch-film[hidden]{display:none}.card-stage{position:absolute;inset:0;outline-offset:-8px;touch-action:pan-x}.drift-card{position:absolute;left:54%;top:50%;width:min(43vw,760px);aspect-ratio:16/9;border:1px solid #c2e0db25;border-radius:19px;overflow:hidden;background:#14272d;box-shadow:0 25px 75px #0008;padding:0;cursor:pointer;color:var(--paper);will-change:transform;transform-origin:center;display:block}.drift-card img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s}.drift-card:hover img{filter:brightness(1.12)}.drift-card:focus-visible{outline:3px solid #e3dbbf;outline-offset:4px}.drift-card .card-tag{position:absolute;bottom:18px;left:22px;font-size:12px;letter-spacing:.12em;padding:7px 12px;background:#0b171ccb;border-radius:3px}.drift-card.upcoming{background:linear-gradient(150deg,#274349,#0c1d26);cursor:default;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Manrope,Arial,sans-serif;font-size:clamp(23px,3vw,42px);font-weight:300;letter-spacing:-.02em}.drift-card.upcoming small{font-family:'DM Sans',Arial,sans-serif;display:block;font-size:12px;letter-spacing:.2em;color:#a2bcb8;margin-top:20px}.gallery-controls{position:absolute;left:7vw;right:7vw;bottom:24px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;letter-spacing:.13em;pointer-events:none}.gallery-controls>span{color:#a7bcb9}.gallery-controls>div{display:flex;gap:8px;pointer-events:auto}.gallery-controls button{border:1px solid #b5d1ca30;background:#0b171de0;color:var(--paper);border-radius:30px;padding:12px 17px;font-size:14px;cursor:pointer}.gallery-controls button:hover{border-color:#b5d1ca90}.card-stage:before,.card-stage:after{content:'';position:absolute;left:0;right:0;height:110px;z-index:2;pointer-events:none}.card-stage:before{top:0;background:linear-gradient(#0d191ef0,transparent)}.card-stage:after{bottom:0;background:linear-gradient(transparent,#0b1114)}dialog{width:min(1000px,92vw);padding:24px;background:#0d171a;color:var(--paper);border:1px solid #b5d1ca40;border-radius:14px}dialog::backdrop{background:#040d12dc;backdrop-filter:blur(10px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:20px;font-weight:400;margin:0}.dialog-heading button{padding:10px 14px;color:var(--paper);background:none;border:1px solid #ffffff40;border-radius:25px;cursor:pointer}#dialog-player{aspect-ratio:16/9;background:#000}#dialog-player video,#dialog-player iframe{width:100%;height:100%;border:0}body.reduced-gallery{overflow:auto}.reduced-gallery .drift-gallery{height:auto;padding:40px 24px 100px;overflow:visible}.reduced-gallery .film-details{position:relative;left:auto;top:auto;width:auto;margin-bottom:35px}.reduced-gallery .card-stage{position:relative;display:grid;gap:30px}.reduced-gallery .drift-card{position:relative;left:auto;top:auto;width:100%;transform:none!important}.reduced-gallery .card-stage:before,.reduced-gallery .card-stage:after{display:none}.reduced-gallery .gallery-controls{position:relative;inset:auto;margin-top:30px}.reduced-gallery #previous-film,.reduced-gallery #next-film{display:none}@media(max-width:700px){.works-nav{height:84px;padding:20px 24px}.works-nav .footer-logo{font-size:15px}.works-nav .nav-links{gap:14px;font-size:12px}.drift-gallery{height:calc(100svh - 84px);min-height:620px}.film-details{left:24px;right:24px;top:20px;width:auto;background:linear-gradient(#0d191ef0,#0d191ed0);padding:10px 0;pointer-events:none}.film-details .eyebrow{margin-bottom:8px;font-size:12px}.film-details h1{font-size:30px;max-width:80%;margin-bottom:7px}.film-details>p:not(.eyebrow){font-size:14px;margin:6px 0}#film-number{position:absolute;right:0;top:40px}#watch-film{padding:6px 0;margin-top:0}.drift-card{left:50%;width:76vw;border-radius:14px}.gallery-controls{left:24px;right:24px;bottom:20px;display:block}.gallery-controls>span{display:block;margin-bottom:12px}.gallery-controls button{padding:10px 14px;font-size:14px}.gallery-controls>div{justify-content:space-between}.card-stage:before{height:200px}.card-stage:after{height:120px}}
.card-stage{z-index:1}.card-stage:before,.card-stage:after{z-index:30}.gallery-controls button[hidden]{display:none}
.works-page{overflow:clip}.drift-gallery{overflow:clip}.drift-card img{object-fit:cover;background:#182b30}

.drift-card.square-preview{aspect-ratio:1;width:min(34vw,490px)}
#dialog-player.native-ratio{aspect-ratio:var(--film-ratio);width:min(100%,calc(70svh * var(--film-ratio)));margin-inline:auto;background:transparent}
@media(max-width:700px){.drift-card.square-preview{width:70vw}}

#film-dialog:has(.social-player.portrait){width:min(448px,92vw)}
#dialog-player:has(.social-player.portrait){background:transparent}

.drift-card.portrait-preview{aspect-ratio:9/16;width:min(27vw,calc(65svh * 9 / 16));}
.drift-card.portrait-preview img{object-fit:cover}
@media(max-width:700px){.drift-card.portrait-preview{width:min(58vw,calc(56svh * 9 / 16))}}


/* Instagram embeds retain their own native interface. */
#film-dialog:has(.social-player.instagram){width:min(400px,90vw);padding:0;border:0;border-radius:12px;max-height:90svh;overflow:auto;background:#000;scrollbar-width:thin}
#film-dialog:has(.social-player.instagram) .dialog-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;margin:0;height:34px;background:#0d171a}
#film-dialog:has(.social-player.instagram) .dialog-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#film-dialog:has(.social-player.instagram) .dialog-heading button{border:0;padding:7px 12px;font-size:12px}
#dialog-player:has(.social-player.instagram){height:auto;aspect-ratio:auto;background:transparent}
#dialog-player .social-player.instagram{height:auto;gap:0}
#dialog-player .social-player.instagram iframe{width:100%;max-width:none;height:850px;flex:none;display:block;border:0;background:white}
#dialog-player .social-player.instagram>a{padding:10px;font-size:12px;background:#0d171a;width:100%;text-align:center;text-decoration:none}
.drift-card.portrait-preview{aspect-ratio:9/16;width:min(27vw,calc(65svh * 9 / 16))}
.drift-card.portrait-preview img{object-fit:cover}
@media(max-width:700px){.drift-card.portrait-preview{width:min(58vw,calc(56svh * 9 / 16))}}

.drift-card{width:min(36vw,580px)}.drift-card.square-preview{width:min(29vw,390px)}.drift-card.portrait-preview{width:min(22vw,calc(52svh * 9 / 16))}@media(max-width:700px){.drift-card{width:68vw}.drift-card.square-preview{width:60vw}.drift-card.portrait-preview{width:min(46vw,calc(45svh * 9 / 16))}}