.portfolio-gallery{background:radial-gradient(ellipse at 70% 30%,#ab693a18,transparent 55%),#08070d;border-block:1px solid #ffffff0a;padding:0}.portfolio-sticky{padding:70px max(28px,calc((100vw - var(--max))/2));overflow:hidden}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.portfolio-heading h2{font-family:var(--display);font-size:clamp(2rem,3.5vw,3.6rem);letter-spacing:-.05em;line-height:1;margin:0}.portfolio-heading p{max-width:410px;font-size:.8rem;line-height:1.7;margin:0;color:#b8a293}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}.portfolio-filters button{background:#181818;border:1px solid #483425;border-radius:999px;color:#bcb8b4;font-size:.7rem;font-weight:800;padding:10px 14px;cursor:pointer;transition:.2s}.portfolio-filters button[aria-pressed=true]{background:#c96a2b;color:#1c1c1c;border-color:#c96a2b}.portfolio-meta{display:flex;align-items:center;gap:15px;font-size:.65rem;color:#ad998a;white-space:nowrap}.portfolio-meta button{background:#222222;border:1px solid #c96a2b40;border-radius:50%;width:38px;height:38px;color:#d6d2ce;cursor:pointer}.portfolio-window{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:15px;scrollbar-color:#8a6951 #141414}.portfolio-rail{display:flex;gap:22px;width:max-content;will-change:transform}.film-card{width:350px;flex:none;scroll-snap-align:start;border:1px solid #c96a2b24;border-radius:22px;background:linear-gradient(145deg,#1b1b1b,#101010);overflow:hidden;transition:border-color .3s,box-shadow .3s}.film-card:hover{border-color:#c96a2b80;box-shadow:0 15px 50px #c96a2b10}.film-thumb{position:relative;border:0;padding:0;background:#111111;width:100%;aspect-ratio:16/10;overflow:hidden;cursor:pointer;display:block}.film-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.film-thumb:hover img{transform:scale(1.05)}.film-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#11111180);pointer-events:none}.film-format{position:absolute;left:15px;top:15px;background:#161616d9;color:#d7d3cf;border:1px solid #c96a2b30;border-radius:999px;padding:7px 11px;font-size:.6rem;font-weight:800;z-index:1}.film-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#c96a2b;color:#1b1b1b;font-size:1.3rem;z-index:1;transition:transform .3s}.film-thumb:hover .film-play{transform:rotate(45deg)}.film-info{padding:22px}.film-info>span{font-size:.6rem;letter-spacing:.04em;color:#bb9e8a}.film-info h3{font-family:var(--display);font-size:1.35rem;letter-spacing:-.025em;line-height:1.2;margin:12px 0;min-height:3.6em;color:#eeeae6}.film-info p{color:#a7a39f;font-size:.73rem;margin:0 0 18px}.film-info a{color:#dd843d;font-size:.68rem;font-weight:800}.portfolio-track{height:2px;background:#3e2e23;margin-top:18px}.portfolio-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c96a2b,#dd843d);transform:scaleX(0);transform-origin:left}.gallery-footnote{font-size:.65rem;color:#997e6b;line-height:1.7;margin:15px 0 0}.gallery-footnote a{color:#b9b5b1;text-decoration:underline}.scroll-pinned .portfolio-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:110px;padding-bottom:35px}.scroll-pinned .portfolio-window{overflow:hidden;scroll-snap-type:none}.scroll-pinned .portfolio-rail{transition:none}.scroll-banner{padding:45px 0;overflow:hidden;border-block:1px solid #c96a2b20;background:#0e0e0e}.scroll-banner-track{display:flex;width:max-content;gap:45px;align-items:center;animation:galleryMarquee 35s linear infinite;font-family:var(--display);font-size:clamp(2.5rem,6vw,6rem);font-weight:800;letter-spacing:-.05em;color:#222222;-webkit-text-stroke:1px #c96a2b70}.scroll-banner-track .bright{color:#c96a2b;-webkit-text-stroke:0}.scroll-banner-track i{font-style:normal;color:#dd843d;-webkit-text-stroke:0}@keyframes galleryMarquee{to{transform:translateX(-50%)}}[data-scroll-heading]{will-change:transform}.portfolio-heading h2 em{font-style:normal;color:#c96a2b}.work-intro{padding-bottom:40px}
@media(max-width:1059px){.portfolio-sticky{padding:45px 20px}.portfolio-heading{display:block}.portfolio-heading p{margin-top:16px}.portfolio-toolbar{align-items:start}.portfolio-meta{flex-direction:column;gap:8px}.film-card{width:min(82vw,350px)}.portfolio-track{display:none}.portfolio-heading h2{font-size:2.3rem}.scroll-banner{padding:30px 0}.portfolio-rail{will-change:auto}}
@media(prefers-reduced-motion:reduce){.scroll-banner-track{animation:none;flex-wrap:wrap;width:auto;font-size:2.5rem;gap:18px;padding:0 20px}.scroll-banner-track>span:nth-of-type(n+4),.scroll-banner-track>i:nth-of-type(n+4){display:none}.portfolio-rail{will-change:auto}[data-scroll-heading]{transform:none!important}}
@media(min-width:1060px) and (max-height:820px){.scroll-pinned .portfolio-sticky{padding-top:100px;padding-bottom:20px}.scroll-pinned .portfolio-heading{margin-bottom:16px}.scroll-pinned .portfolio-heading h2{font-size:2.5rem}.scroll-pinned .portfolio-toolbar{margin-bottom:16px}.scroll-pinned .film-card{width:310px}.scroll-pinned .film-info{padding:18px}.scroll-pinned .film-info h3{font-size:1.12rem;min-height:2.4em}.scroll-pinned .gallery-footnote{margin-top:10px}}