:root{--bg-color:#000;--text-color:#fff;--font-a24:"Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem}
*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;background-color:#000}body{overscroll-behavior:none;color:var(--text-color);font-family:var(--font-a24);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1, "liga" 1;background-color:#0000;min-height:100vh;overflow-x:hidden}
.hero-fullscreen{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;transform:scale(1.05)}.fixed-bg{z-index:-2;background-image:url(https://img.orfevresbooks.com/home_page_background.jpg);background-position:50% 30%;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.fixed-overlay{z-index:-1;background:linear-gradient(#140000b3 0%,#0006 50%,#0f0000f2 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.fixed-overlay:after{content:"";opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.home-stack{background-color:#333;border-top:2px solid #333;grid-template-columns:1fr;gap:2px;display:grid}@media (min-width:768px){.home-stack{grid-template-columns:1fr 1fr}}.stack-item{padding:var(--spacing-lg) var(--spacing-md);background-color:#000;flex-direction:column;justify-content:center;min-height:50vh;display:flex}
.title-wrapper{pointer-events:none;width:100%;height:100vh;transition:opacity .5s;position:absolute;top:0;left:0}.massive-typography{top:calc(100vh - var(--spacing-md));left:var(--spacing-md);z-index:50;pointer-events:auto;transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(-100%)}.a24-title{letter-spacing:-.02em;color:#fff;cursor:pointer;opacity:1;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,8vw,8rem);font-weight:400;line-height:.85;transition:all .4s cubic-bezier(.16,1,.3,1)}.a24-title:nth-child(2){opacity:.6}.a24-title:nth-child(3){opacity:.25}.a24-title.primary{color:#fdfcf9;font-style:italic}.a24-title.upcoming{font-size:clamp(2rem,6vw,6rem)}#title-container:hover .a24-title{opacity:.15}#title-container .a24-title:hover{opacity:1;color:#d12a2a;transform:translate(15px)}.a24-title sup{font-family:var(--font-a24);vertical-align:top;letter-spacing:2px;opacity:.7;margin-left:15px;font-size:clamp(.8rem,1.2vw,1.2rem);font-weight:300;display:inline-block;transform:translateY(12px)}.a24-title.fade-out{pointer-events:none;opacity:0!important}.synopsis-text{color:#ccc;margin-bottom:var(--spacing-md);font-size:1.25rem;line-height:1.6}@media (max-width:768px){.synopsis-text p{font-size:1.1rem}.massive-typography{top:auto;bottom:18vh;transform:none}.a24-title{font-size:clamp(1.8rem,11vw,3.2rem)}.a24-title.upcoming{font-size:clamp(1.4rem,8vw,2.2rem);margin-top:35px!important}.a24-title:nth-child(3){margin-top:20px!important}}.synopsis-text p{margin-bottom:1.5rem}.synopsis-text p.quote{color:#fff;margin-top:var(--spacing-lg);border-left:1px solid #d12a2a;padding-left:2rem;font-family:Cormorant Garamond,serif;font-size:2rem;font-style:italic}.copy-wrapper{max-width:600px}.eyebrow{text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-md);font-size:.75rem}@media (max-width:768px){.synopsis-text p.quote{font-size:1.5rem}}.stack-item h2{margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;line-height:1.2}.stack-item h3{margin-top:var(--spacing-md);color:#ccc;font-size:1.5rem;font-style:italic;font-weight:400}.stack-item p{color:#aaa;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}
.logo-top-left{top:var(--spacing-md);left:var(--spacing-md);z-index:100;transition:opacity .5s;position:fixed}.logo-top-left img{filter:brightness(0)invert();opacity:.8;height:65px}.close-btn{color:#fff;cursor:pointer;z-index:100;opacity:.6;font-size:2rem;transition:all .3s}.close-btn:hover{opacity:1;color:#d12a2a;transform:scale(1.1)}.btn-primary{color:#fff;font-family:var(--font-a24);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);background-color:#0000;border:1px solid #fff6;border-radius:2px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{color:#fff;background-color:#d12a2a;border-color:#d12a2a}.scroll-arrow{bottom:var(--spacing-md);right:var(--spacing-md);z-index:10;cursor:pointer;font-size:2rem;font-weight:300;animation:2s infinite bounce;position:absolute}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.link span{text-transform:uppercase;letter-spacing:1px;margin-top:var(--spacing-sm);cursor:pointer;border-bottom:1px solid #fff;padding-bottom:2px;font-size:.8rem;display:inline-block}.inline-form{flex-direction:column;gap:1rem;width:100%;max-width:600px;margin:0 auto;display:flex}@media (min-width:600px){.inline-form{flex-direction:row;align-items:stretch}}.inline-form .form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:2px;outline:none;flex:1;padding:1.2rem 1.5rem;font-size:1.1rem;transition:all .4s}.inline-form .form-input:focus{background:#ffffff1a;border-color:#fff;box-shadow:0 0 20px #ffffff1a}.inline-form .form-input::placeholder{color:#ffffff80;letter-spacing:.5px;font-weight:300}.inline-form .btn-submit{color:#fff;font-family:var(--font-a24);text-transform:uppercase;letter-spacing:2px;cursor:pointer;white-space:nowrap;background:#d12a2a;border:none;border-radius:2px;padding:1.2rem 2.5rem;font-size:.95rem;font-weight:600;transition:all .4s}.inline-form .btn-submit:hover:not(:disabled){background:#e63333;transform:translateY(-2px);box-shadow:0 5px 15px #d12a2a66}.inline-form .btn-submit:disabled{opacity:.5;cursor:not-allowed;background:#555}.success-message{color:#fff;background:#00000080;border:1px solid #fff3;max-width:450px;margin:0 auto;padding:1rem;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-style:italic;animation:1s forwards fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
body.detail-active .fixed-overlay,body.about-active .fixed-overlay{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#140000f2 0%,#000000d9 50%,#0f0000fa 100%)}body.detail-active .massive-typography{transform:translateY(calc(-100vh + var(--spacing-md) + 120px - var(--active-title-offset,0px)))}@media (min-width:1024px){body.detail-active .massive-typography{transform:translate(calc(50vw - 600px + var(--spacing-md)), calc(-100vh + var(--spacing-md) + 120px - var(--active-title-offset,0px)))}}body.detail-active .logo-top-left,body.about-active .logo-top-left,body.about-active .title-wrapper,body.about-active .detail-view{opacity:0;pointer-events:none}.detail-view{z-index:40;opacity:0;pointer-events:none;width:100%;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);position:absolute;top:250px;left:0;transform:translateY(40px)}body.detail-active .detail-view.active{opacity:1;pointer-events:auto;transition-delay:.4s;transform:translateY(0)}.detail-view .close-btn{top:-130px;right:var(--spacing-md);position:absolute}@media (max-width:768px){.detail-view .close-btn{top:-130px}}.hero-media-container{width:100%;padding:0}.hero-media-container img{border-radius:2px;width:100%;height:auto;box-shadow:0 20px 50px #00000080}.film-details{gap:var(--spacing-md);max-width:1200px;padding:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);grid-template-columns:1fr;margin:0 auto;display:grid;position:relative}@media (min-width:768px){.film-details{gap:var(--spacing-lg);grid-template-columns:3fr 7fr}}.credits{padding-top:var(--spacing-md);border-top:2px solid #333}.credit-item h6{font-family:var(--font-a24);text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:8px;font-size:.75rem;font-weight:500}.credit-item h3{color:#fff;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400}.film-description{padding-top:var(--spacing-md);border-top:2px solid #333;max-width:680px}#about-view{z-index:80;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:100vh;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;transform:scale(1.05)}body.about-active #about-view{opacity:1;pointer-events:auto;transform:scale(1)}#about-close-btn{top:var(--spacing-md);right:var(--spacing-md);position:fixed}.about-content{max-width:800px;padding:var(--spacing-lg);text-align:center}.about-title{margin-bottom:var(--spacing-lg);color:#fdfcf9;font-family:Cormorant Garamond,serif;font-size:clamp(3rem,6vw,6rem);font-style:italic;font-weight:400}.about-text p{color:#ddd;margin-bottom:var(--spacing-md);font-size:1.5rem;line-height:1.6}.author-spotlight{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:none;position:relative}.author-spotlight:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.author-spotlight h6{font-family:var(--font-a24);text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:8px;font-size:.75rem}.author-spotlight h3{color:#fff;margin:10px 0;font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:400}.author-spotlight p{color:#aaa;font-size:1.2rem}@media (max-width:768px){.about-content{padding:4rem 1.5rem 2rem}.about-title{margin-bottom:2rem;font-size:2.5rem}.about-text p{color:#bbb;margin-bottom:2rem;font-size:.95rem;line-height:1.9}.author-spotlight{margin-top:2rem;padding-top:2rem}.author-spotlight h3{font-size:2rem}body.detail-active .massive-typography{opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;transform:translateY(-50px)}.detail-view{top:100px}.detail-view .close-btn{top:-60px}}@media (min-width:768px){.home-footer{display:none!important}}

