@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;600;800&family=Courier+Prime:wght@400;700&display=swap";.film-page{--yellow: #F5E642;--pink: #F2A7C3;--mint: #A8E6CF;--sky: #A8D8EA;--orange: #F4A261;--lavender: #C9B8E8;--red: #E85D5D;--bg: #F0EBE0;--dark: #1A1A1A;--mid: #666;font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh}.film-ticker{width:100%;height:54px;background:var(--dark);overflow:hidden;position:relative;border-bottom:3px solid var(--yellow);display:flex;align-items:center}.film-ticker:before,.film-ticker:after{content:"";position:absolute;left:0;right:0;height:11px;z-index:2;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 12px,#F0EBE0 12px,#F0EBE0 24px,transparent 24px,transparent 38px);background-size:38px 11px}.film-ticker:before{top:4px}.film-ticker:after{bottom:4px}.film-ticker-track{display:flex;align-items:center;white-space:nowrap;animation:film-ticker-scroll 22s linear infinite}.film-ticker-track span{font-family:Bebas Neue,sans-serif;font-size:.9rem;letter-spacing:.45em;color:var(--yellow);padding:0 22px;opacity:.8;flex-shrink:0}.film-ticker-track .ticker-hole{display:inline-block;width:10px;height:7px;border:1.5px solid #555;border-radius:2px;opacity:.4;flex-shrink:0;margin:0 8px}@keyframes film-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.film-hero{background:var(--yellow);border-bottom:3px solid var(--dark);padding:48px 32px 40px;text-align:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.film-hero.has-image{background-color:transparent}.film-hero.has-image .film-hero-eyebrow,.film-hero.has-image .film-hero-title,.film-hero.has-image .film-hero-sub,.film-hero.has-image .film-hero-tags-row{position:relative;z-index:1}.film-hero.has-image .film-hero-title{color:var(--dark)}.film-hero.has-image .film-hero-eyebrow{background:var(--dark);color:var(--yellow)}.film-hero.has-image .film-hero-sub{color:var(--dark);opacity:.75}.film-hero.has-image .film-hero-tag-pill{background:#ffffffe6;color:var(--dark);border-color:var(--dark)}.film-hero.has-image .film-hero-tag-pill:hover,.film-hero.has-image .film-hero-tag-pill.active{background:var(--dark);color:var(--yellow);border-color:var(--dark)}.film-hero-eyebrow{display:inline-block;font-family:Courier Prime,monospace;font-size:.68rem;font-weight:700;letter-spacing:.5em;text-transform:uppercase;background:var(--dark);color:var(--yellow);padding:3px 16px;margin-bottom:18px}.film-hero-title{display:block;font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,14vw,9rem);color:var(--dark);letter-spacing:.15em;line-height:.92;margin:0}.film-hero-sub{display:block;font-family:Courier Prime,monospace;font-size:.75rem;font-weight:700;letter-spacing:.38em;color:var(--mid);text-transform:uppercase;margin-top:16px}.film-hero-tags-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.film-hero-tag-pill{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 18px;border:2.5px solid var(--dark);border-radius:100px;background:#fff;color:var(--dark);text-decoration:none;display:inline-block;transition:background .18s,color .18s,transform .15s}.film-hero-tag-pill:hover,.film-hero-tag-pill.active{background:var(--dark);color:var(--yellow);transform:translateY(-1px)}.film-hero-banner{width:100%;max-height:340px;overflow:hidden;border-bottom:3px solid var(--dark);position:relative}.film-hero-banner img{width:100%;height:340px;object-fit:cover;display:block}.film-hero-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(26,26,26,.6) 0%,transparent 65%);display:flex;align-items:center;padding:0 48px}.film-hero-banner-text{font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,4vw,3.2rem);color:#fff;letter-spacing:.12em;text-transform:uppercase;line-height:1.1;max-width:420px}.film-layout{display:flex;align-items:flex-start;max-width:1320px;margin:0 auto}.film-sidebar{width:230px;flex-shrink:0;border-right:3px solid var(--dark);padding:28px 22px;position:sticky;top:0;align-self:flex-start;background:var(--bg);min-height:60vh}.film-sidebar-heading{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.2em;color:var(--dark);border-bottom:2px solid var(--dark);padding-bottom:10px;margin:0 0 20px}.film-filter-group{margin-bottom:22px}.film-filter-group-label{font-family:DM Sans,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--mid);margin-bottom:12px;display:block}.film-filter-link{display:flex;align-items:center;gap:9px;margin-bottom:9px;text-decoration:none;cursor:pointer;padding:2px 0}.film-filter-checkbox{width:17px;height:17px;border:2.5px solid var(--dark);border-radius:3px;background:#fff;flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.film-filter-checkbox.checked{background:var(--dark)}.film-filter-checkbox.checked:after{content:"\2713";color:var(--yellow);font-size:12px;font-weight:900;line-height:1}.film-filter-link span{font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;color:var(--dark);line-height:1.2}.film-filter-link:hover .film-filter-checkbox{background:#ddd}.film-filter-link:hover span{color:var(--dark)}.film-filter-divider{height:1px;background:var(--dark);opacity:.15;margin:4px 0 20px}.film-clear-btn{display:inline-flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:7px 14px;border:2.5px solid var(--dark);background:transparent;color:var(--dark);border-radius:3px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;margin-top:6px}.film-clear-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.film-main{flex:1;min-width:0;padding:24px 28px}.film-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--dark)}.film-breadcrumb a,.film-breadcrumb span{font-family:Courier Prime,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--mid);text-decoration:none}.film-breadcrumb a:hover{color:var(--dark)}.film-sort-wrap{display:flex;align-items:center;gap:8px}.film-sort-label{font-family:Courier Prime,monospace;font-size:.65rem;font-weight:700;letter-spacing:.2em;color:var(--mid);text-transform:uppercase}.film-sort-select{background-color:var(--dark);border:2px solid var(--dark);color:var(--yellow);font-family:Courier Prime,monospace;font-size:.72rem;font-weight:700;padding:5px 28px 5px 10px;border-radius:2px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23F5E642'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.film-active-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.film-active-pill{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border:2.5px solid var(--dark);border-radius:100px;background:var(--yellow);color:var(--dark);display:inline-flex;align-items:center;gap:7px;text-decoration:none}.film-active-pill:hover{background:var(--red);border-color:var(--red);color:#fff}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:1100px){.film-grid{grid-template-columns:repeat(2,1fr)}}.film-card{display:block;text-decoration:none;border:3px solid var(--dark);border-radius:4px;overflow:hidden;background:#fff;opacity:0;transform:translateY(16px);transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease;box-shadow:4px 4px 0 var(--dark)}.film-card.revealed{animation:film-card-in .45s cubic-bezier(.23,1,.32,1) forwards}@keyframes film-card-in{to{opacity:1;transform:translateY(0)}}.film-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--dark)}.film-card--sold-out{opacity:0}.film-card--sold-out.revealed{animation:film-card-in .45s cubic-bezier(.23,1,.32,1) forwards}.film-card--sold-out:hover{transform:none;box-shadow:4px 4px 0 var(--dark);cursor:default}.film-card--sold-out .film-frame-img img{filter:grayscale(100%) opacity(.45);transition:none}.film-card--sold-out .film-card-accent{filter:grayscale(1) opacity(.4)}.film-card--sold-out .film-frame-overlay{display:none}.film-card-accent{height:9px;width:100%}.film-card:nth-child(6n+1) .film-card-accent{background:var(--yellow)}.film-card:nth-child(6n+2) .film-card-accent{background:var(--pink)}.film-card:nth-child(6n+3) .film-card-accent{background:var(--mint)}.film-card:nth-child(6n+4) .film-card-accent{background:var(--sky)}.film-card:nth-child(6n+5) .film-card-accent{background:var(--lavender)}.film-card:nth-child(6n+6) .film-card-accent{background:var(--orange)}.film-frame{display:grid;grid-template-columns:20px 1fr 20px;background:#111;min-height:160px}.film-frame-sprocket{background:#0d0d0d;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px 0;gap:0}.film-frame-sprocket span{display:block;width:12px;height:9px;border:1.5px solid #3a3a3a;border-radius:2px;background:#1a1a1a}.film-frame-img{position:relative;background:#111;flex:1;min-height:0;padding-top:0}.film-frame-img:before{content:"";display:block;padding-top:100%}.film-frame-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:14px;box-sizing:border-box;transition:transform .35s cubic-bezier(.23,1,.32,1)}.film-card:not(.film-card--sold-out):hover .film-frame-img img{transform:scale(1.05)}.film-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1ab8;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:5}.film-card:not(.film-card--sold-out):hover .film-frame-overlay{opacity:1}.film-frame-overlay-btn{font-family:Bebas Neue,sans-serif;font-size:.92rem;letter-spacing:.45em;color:var(--yellow);border:2px solid var(--yellow);padding:8px 18px;background:#0006}.film-badge{position:absolute;top:8px;right:8px;z-index:8;font-family:Bebas Neue,sans-serif;font-size:.7rem;letter-spacing:.12em;background:var(--red);color:#fff;border:2px solid var(--dark);border-radius:100px;padding:3px 10px;box-shadow:2px 2px 0 var(--dark)}.film-badge--new{top:8px;left:8px;right:auto;background:#1de76a;color:var(--dark);border-color:var(--dark);font-size:1.2rem;padding:5px 14px;letter-spacing:.18em;animation:film-badge-pop .4s cubic-bezier(.23,1,.32,1) both}@keyframes film-badge-pop{0%{transform:scale(.6) rotate(-8deg);opacity:0}70%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.film-badge--soldout{background:#ff004c;color:#fff;border-color:#222;box-shadow:2px 2px #111;font-size:.62rem;letter-spacing:.15em}.film-card-info{padding:13px 14px 16px;border-top:2px solid var(--dark);background:#fff}.film-card-vendor{display:block;font-family:Courier Prime,monospace;font-size:.6rem;font-weight:700;letter-spacing:.28em;color:var(--mid);text-transform:uppercase;margin-bottom:4px}.film-card-title{font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:800;color:var(--dark);line-height:1.3;margin:0 0 8px}.film-card--sold-out .film-card-title{color:var(--mid)}.film-card-price-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.film-card-price-from{font-family:Courier Prime,monospace;font-style:italic;font-size:.62rem;color:var(--mid)}.film-card-price{font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.08em;color:var(--dark)}.film-card-compare{font-family:Courier Prime,monospace;font-size:.72rem;color:#999;text-decoration:line-through}.film-card-soldout-label{font-family:Courier Prime,monospace;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#999}.film-strip-bottom{width:100%;height:48px;background:var(--dark);border-top:3px solid var(--yellow);position:relative;overflow:hidden}.film-strip-bottom:before,.film-strip-bottom:after{content:"";position:absolute;left:0;right:0;height:11px;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 12px,#F0EBE0 12px,#F0EBE0 24px,transparent 24px,transparent 38px);background-size:38px 11px}.film-strip-bottom:before{top:5px}.film-strip-bottom:after{bottom:5px}.film-pagination{display:flex;justify-content:center;gap:6px;padding:36px 0 48px;border-top:2px solid var(--dark);margin-top:32px}.film-pagination a,.film-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:2px solid var(--dark);font-family:Courier Prime,monospace;font-size:.8rem;font-weight:700;color:var(--dark);text-decoration:none;border-radius:2px;background:#fff;box-shadow:2px 2px 0 var(--dark);transition:background .15s,transform .15s,box-shadow .15s}.film-pagination a:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--dark)}.film-pagination span.current{background:var(--dark);color:var(--yellow)}.film-empty{text-align:center;padding:80px 20px;font-family:Bebas Neue,sans-serif;color:var(--mid);font-size:1.4rem;letter-spacing:.2em;grid-column:1/-1}.film-apply-wrap{margin:12px 0 4px}.film-apply-btn{width:100%;padding:11px 0;background:var(--dark);color:var(--yellow);font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.25em;border:2px solid var(--dark);border-radius:3px;cursor:pointer;transition:background .18s,color .18s;text-transform:uppercase}.film-apply-btn:hover{background:var(--yellow);color:var(--dark);border-color:var(--yellow)}.film-filter-toggle{display:none;width:100%;padding:12px 16px;background:var(--dark);color:var(--yellow);font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.2em;border:none;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;border-bottom:2px solid var(--yellow);margin-bottom:0}.film-filter-toggle-arrow{font-size:.7rem}.film-sidebar-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.film-sidebar-header .film-sidebar-heading{margin:0}@media(max-width:900px){.film-layout{flex-direction:column}.film-sidebar{width:100%;border-right:none;border-bottom:none;position:static;min-height:auto;max-height:0;overflow:hidden;padding:0 22px;transition:max-height .3s ease,padding .3s ease}.film-sidebar.film-sidebar--open{max-height:600px;padding:20px 22px;border-bottom:3px solid var(--dark)}.film-filter-toggle{display:flex}.film-main{padding:12px 14px}.film-grid{grid-template-columns:repeat(3,1fr);gap:10px}.film-card-info{padding:8px 10px 10px}.film-card-vendor{display:none}.film-card-title{font-size:.72rem;margin-bottom:4px}.film-card-price{font-size:1rem}.film-frame-sprocket span{width:8px;height:6px}.film-frame-sprocket{width:14px}.film-frame-num{font-size:.45rem}}@media(max-width:480px){.film-grid{grid-template-columns:repeat(3,1fr);gap:7px}.film-hero-title{font-size:clamp(3rem,16vw,5rem)}.film-hero-tags-row{gap:5px}.film-hero-tag-pill{font-size:.6rem;padding:5px 10px}}::selection{background:#f5e642;color:#1a1a1a}
/*# sourceMappingURL=/cdn/shop/t/26/assets/film-collection.css.map */