:root{--film-bg: #ffffff;--film-fg: #0a0a0a;--film-muted: #5c5c5c;--film-gold: #8a6d1a;--film-display: "Cormorant Garamond", Georgia, serif;--film-body: "Inter", system-ui, sans-serif;--film-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.film-strip__reel,.film-theater,.film-hero--media{--film-fg: #f2f0eb;--film-muted: #9a9a9a;--film-gold: #c9a227;color:var(--film-fg)}.film{background:var(--film-bg);color:var(--film-fg);font-family:var(--film-body);font-size:1rem;line-height:1.6}.film :focus-visible{outline:2px solid var(--film-gold);outline-offset:3px}body:has(.film):after{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:50;pointer-events:none;background:var(--film-grain);opacity:.06;mix-blend-mode:multiply;animation:film-grain 1s steps(8) infinite}@keyframes film-grain{0%{transform:translate(0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-4%)}75%{transform:translate(-3%,-2%)}to{transform:translate(2%,4%)}}@keyframes film-flicker{0%,to{opacity:1}45%{opacity:.97}50%{opacity:.93}55%{opacity:.98}}.film-hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;text-align:center;padding:0 1rem}.film-hero__media,.film-hero__media img,.film-hero__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.film-hero__media{filter:grayscale(1) contrast(1.1) brightness(.55);animation:film-flicker 4s infinite}.film-hero__media iframe{inset:50% auto auto 50%;width:max(100vw,177.78svh);height:max(56.25vw,100svh);transform:translate(-50%,-50%);pointer-events:none}.film-hero--media:before,.film-hero--media:after{content:"";position:absolute;left:0;right:0;height:clamp(2rem,9vh,6rem);background:#000;z-index:2}.film-hero--media:before{top:0}.film-hero--media:after{bottom:0}.film-hero:not(.film-hero--media){min-height:0;padding-block:clamp(4rem,12vh,8rem) clamp(2rem,6vh,4rem)}.film-hero__content{position:relative;z-index:3}.film-hero__name{font-family:var(--film-display);font-weight:500;font-size:clamp(2.5rem,9vw,7rem);line-height:1;letter-spacing:.25em;margin:0 -.25em 0 0;text-transform:uppercase}.film-rule{width:8rem;height:1px;margin:1.5rem auto;border:0;background:var(--film-gold)}.film-hero__role{font-size:.8125rem;letter-spacing:.35em;text-transform:uppercase;color:var(--film-fg);margin:0 0 2rem}.film-btn{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 1.75rem;border:1px solid var(--film-gold);color:var(--film-fg);background:transparent;font:inherit;font-size:.8125rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}.film-btn:hover{background:var(--film-gold);color:#fff}.film-hero--media .film-btn:hover{color:#000}.film-hero--media{background:#000}.film-strip{padding:clamp(3rem,8vw,6rem) 0}.film-strip__heading{font-family:var(--film-display);font-weight:500;font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:.15em;text-transform:uppercase;text-align:center;margin:0}.film-strip__reel{--hole: 10px;position:relative;margin-top:2.5rem;background:#000;padding:calc(var(--hole) * 3) 0}.film-strip__reel:before,.film-strip__reel:after{content:"";position:absolute;left:0;right:0;height:var(--hole);background:repeating-linear-gradient(90deg,transparent 0 12px,#2a2a2a 12px 26px,transparent 26px 34px);border-radius:2px}.film-strip__reel:before{top:var(--hole)}.film-strip__reel:after{bottom:var(--hole)}.film-strip__track{display:flex;gap:1rem;justify-content:safe center;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem;list-style:none;margin:0;scroll-padding-inline:1.5rem;scrollbar-width:none}.film-strip__item{flex:0 0 min(85vw,26rem);scroll-snap-align:center}.film-frame{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.film-frame__img{display:block;position:relative;aspect-ratio:16 / 9;background:#151515;overflow:hidden;outline:1px solid #222}.film-frame__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .3s,opacity .3s;opacity:.85}.film-frame__img:after{content:"\25b6";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.5rem;color:var(--film-gold);opacity:0;transition:opacity .2s}.film-frame__img:not(:has(img)):after{opacity:.5}.film-frame:hover .film-frame__img img,.film-frame:focus-visible .film-frame__img img{opacity:.45}.film-frame:hover .film-frame__img:after,.film-frame:focus-visible .film-frame__img:after{opacity:1}.film-frame__code{display:block;margin-top:.75rem;font-size:.6875rem;letter-spacing:.2em;color:var(--film-gold)}.film-frame__title{display:block;font-family:var(--film-display);font-size:1.5rem;line-height:1.2;margin-top:.25rem}.film-frame__meta{display:block;font-size:.8125rem;letter-spacing:.15em;text-transform:uppercase;color:var(--film-muted)}.film-theater{width:min(92vw,1200px);max-width:none;padding:0;border:0;background:#000;color:var(--film-fg)}.film-theater::backdrop{background:#000000eb}.film-theater__screen{aspect-ratio:16 / 9}.film-theater__screen iframe{width:100%;height:100%;border:0;display:block}.film-theater__close{position:absolute;top:.25rem;right:.25rem;z-index:1;width:44px;height:44px;border:0;background:#0009;color:var(--film-fg);font-size:1.5rem;cursor:pointer}.film-theater__close:hover{color:var(--film-gold)}@media(min-width:990px){.film-strip--strip .film-strip__track{padding:0 1.5rem;gap:1.5rem}.film-strip--strip .film-strip__item{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){body:has(.film):after,.film-hero__media{animation:none}.film-frame__img img,.film-frame__img:after,.film-btn{transition:none}}#work{scroll-margin-top:6rem}.film-strip--grid .film-strip__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:2.5rem 1.5rem;max-width:84rem;margin:0 auto;padding:0 1rem;overflow:visible}body:has(.film) h2:not(.film *){font-family:var(--film-display);font-weight:500;font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:.15em;text-transform:uppercase}.film-strip__empty{padding:3rem 1.5rem;text-align:center;color:var(--film-muted)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/film.css.map */