:root{--red:#ae3036;--paper:#252523;--muted:#4b4944;--ink:#d3cec4;--rule:#8c877d}
html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}
body{background:var(--ink);color:var(--paper);font-family:'EB Garamond',Georgia,serif}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.9'/%3E%3C/svg%3E")}
.shell{max-width:1380px}header{height:90px;border-color:var(--rule)}.brand{font-family:'Cinzel Decorative',Georgia,serif;font-weight:900;color:var(--paper);font-size:39px}.brand span{font:400 11px/1.5 'EB Garamond',Georgia,serif;letter-spacing:.8px}nav{font-size:17px;gap:32px}nav a:hover,nav a[aria-current]{color:#11110f}
.masthead{padding-top:23px}.meta,.masthead-bottom{font-size:11px;letter-spacing:1px;color:var(--muted)}.meta>span:last-child>span{color:var(--paper)}
.masthead h1.editorial-heading{display:block;width:fit-content;max-width:100%;margin:32px auto 29px;font:700 clamp(66px,14vw,188px)/1.12 'Caslon Antique',Georgia,serif;letter-spacing:.005em;color:var(--red);white-space:nowrap}
.title-ink{display:block;mask:none}
.masthead-bottom{border-color:var(--rule);padding:16px 0}.intro{grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding:40px 0 44px}.label{font-size:11px;letter-spacing:1.1px;color:var(--muted)}.intro h2{font:600 clamp(40px,4.5vw,63px)/1.08 'Bodoni Moda',Georgia,serif;letter-spacing:-2px;margin:24px 0 20px}.intro-description{font-size:20px;line-height:1.45;color:var(--muted);max-width:400px}.intro-action{margin-top:26px}.intro-action>span{font:400 10px/1.6 'EB Garamond',Georgia,serif;color:var(--muted);letter-spacing:.4px}.button{font:400 17px/1.2 'EB Garamond',Georgia,serif;background:var(--paper);border-color:var(--paper);color:#e6e0d5;padding:14px 20px}.button:hover{background:#44423d;color:#eee7dc;border-color:#44423d;transform:none}
.cinema-poster{aspect-ratio:1.28;min-height:360px;position:relative;overflow:hidden;background:#d3cec4;border-left:8px solid #777166;margin:0;isolation:isolate}.cinema-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2;filter:grayscale(1) sepia(.18) brightness(1.03) contrast(1.16)}.cinema-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 22%,#0002 55%,#0008);z-index:-1}.cinema-poster-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:start;color:#232420;font-size:10px;line-height:1.3}.cinema-poster-header strong{font:600 34px/.9 'Bodoni Moda',Georgia,serif;letter-spacing:-1.5px;color:#272825}.cinema-poster-header>span{background:#d9d2c7e8;padding:4px 6px}.cinema-poster-title{font:600 clamp(63px,7.6vw,110px)/.85 'Bodoni Moda',Georgia,serif;letter-spacing:-4px;position:absolute;left:16px;right:10px;bottom:54px;color:#eee7dc;transform:rotate(-2deg)}.cinema-poster-title span{display:block;mask:url('assets/fracture.svg') center/100% 100% no-repeat;mask-mode:luminance}.cinema-poster-title span+span{transform:translateX(10px);margin-top:7px}.cinema-poster-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#eee7dc;font-size:10px;letter-spacing:.6px;padding:13px 18px;border-top:1px solid #d9d1c566}
.grid,.grid article,.section-head,footer{border-color:var(--rule)}.section-head h2{font-size:13px;letter-spacing:1px}.section-head .label{font-size:10px;color:var(--muted)}.card-top{font-size:11px;letter-spacing:.9px}.card-top>span:first-child{color:var(--muted)}.card-top>span:last-child{color:var(--paper)}.card-top .type-icon{font-family:'Cinzel Decorative',Georgia,serif!important;font-weight:900}.grid h3{font:600 26px/1.12 'Bodoni Moda',Georgia,serif;letter-spacing:-.7px}.grid p{font-size:17px;line-height:1.45;color:var(--muted)}.category{font-size:9px;letter-spacing:.2px;color:var(--muted)}.about{padding:40px 0}.about>.label{color:var(--muted)}.about h2{font:600 29px/1.15 'Bodoni Moda',Georgia,serif;letter-spacing:-.7px}.about p{font-size:18px;line-height:1.45;color:var(--muted)}.text-link{font-size:17px;border-color:var(--paper)}.text-link span{color:var(--paper)}.text-link:hover{color:#11110f}footer{font-size:10px;letter-spacing:.7px;color:var(--muted)}
.pricing-intro h1{font:900 clamp(43px,6vw,76px)/1.15 'Cinzel Decorative',Georgia,serif;letter-spacing:-2px;color:var(--paper)}.pricing-deck p{font-size:19px;line-height:1.5;color:var(--muted)}.status{color:var(--paper);border-color:var(--rule);font-size:11px}.plans,.plan+.plan,.plan ul,details,details:last-child{border-color:var(--rule)}.plan h2{font:600 31px/1.1 'Bodoni Moda',Georgia,serif}.price{font:400 100px/1 'Manic',cursive;color:var(--paper);letter-spacing:0}.price span{font:400 12px 'EB Garamond',Georgia,serif;letter-spacing:.6px}.plan-description{font-size:17px;color:var(--muted)}.plan li{font-size:17px;line-height:1.3}.plan li:before{color:var(--paper)}.plan .button{font-size:17px}.launch-note{font-size:16px;line-height:1.5;color:var(--muted)}.questions h2{font:600 30px/1.2 'Bodoni Moda',Georgia,serif}.questions summary{font-size:19px}.questions details p{font-size:18px;line-height:1.45;color:var(--muted)}dialog{background:var(--ink);color:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--paper)}dialog h2{font:900 39px/1.2 'Cinzel Decorative',Georgia,serif;letter-spacing:-1px}dialog p:not(.label){font-size:18px;line-height:1.5;color:var(--muted)}.close-dialog{color:var(--paper)}.skip-link{background:var(--paper);color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--paper)}::selection{background:var(--paper);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.intro{gap:35px}.cinema-poster{min-height:345px;aspect-ratio:1}.cinema-poster-title{font-size:78px;letter-spacing:-3px}.intro h2{font-size:47px}.grid h3{font-size:23px}.grid p{font-size:16px}.category{font-size:8px}}
@media(max-width:700px){header{height:82px}.brand{font-size:34px}.brand span{font-size:8px}nav{font-size:14px;gap:18px}.masthead{padding-top:20px}.meta{font-size:8px;letter-spacing:.5px}.masthead h1.editorial-heading{font-size:14.5vw;margin:28px auto 25px;letter-spacing:0}.masthead-bottom{font-size:8px;letter-spacing:.5px}.intro{grid-template-columns:1fr;gap:28px;padding:30px 0}.intro h2{font-size:46px;margin:18px 0}.intro-description{font-size:19px}.intro-action{gap:13px}.intro-action>span{font-size:9px}.button{font-size:16px;padding:13px 17px}.cinema-poster{aspect-ratio:1.14;min-height:290px;border-left-width:7px}.cinema-poster-header{padding:16px}.cinema-poster-title{font-size:clamp(66px,18vw,106px);bottom:47px}.cinema-poster-header strong{font-size:30px}.cinema-poster-footer{font-size:9px;padding:11px 13px}.section-head h2{font-size:11px}.section-head .label{font-size:9px}.grid h3{font-size:23px}.grid p{font-size:16px}.card-top{font-size:10px}.category{font-size:8px}.about h2{font-size:32px}.about p{font-size:18px}footer{font-size:9px}.pricing-intro h1{font-size:clamp(33px,8.2vw,54px);letter-spacing:-1px}.price{font-size:94px}.plan h2{font-size:29px}.plan li{font-size:16px}.questions h2{font-size:30px}.questions summary{font-size:18px}dialog h2{font-size:33px}}

/* Manic handwriting from the user’s installed font library. */
body{font-family:'Manic',cursive;font-weight:400}
nav{font-family:'Manic',cursive;font-size:22px}nav a{white-space:nowrap}
.meta,.masthead-bottom,.label,.section-head,.card-top,.category,footer,.status,.cinema-poster-header,.cinema-poster-footer{font-family:'EB Garamond',Georgia,serif;font-weight:400}
.intro h2{font-family:'Manic',cursive;font-weight:400;font-size:clamp(45px,5.1vw,72px);line-height:1.02;letter-spacing:-1.2px}
.intro-description{font-size:25px;line-height:1.32;max-width:430px;color:#35332f}
.grid h3{font-family:'Manic',cursive;font-weight:400;font-size:33px;line-height:1.05;letter-spacing:-.4px}
.grid p{font-size:22px;line-height:1.32;color:#35332f}
.about h2{font-family:'Manic',cursive;font-weight:400;font-size:38px;line-height:1.05;letter-spacing:-.5px}
.about p{font-size:24px;line-height:1.3;color:#35332f}
.button,.plan .button{font-family:'Manic',cursive;font-weight:400;font-size:23px;line-height:1.1}
.text-link{font-family:'Manic',cursive;font-weight:400;font-size:23px}
.pricing-intro h1{font-family:'Manic',cursive;font-weight:400;font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-1.5px}
.pricing-deck p{font-size:25px;line-height:1.3;color:#35332f}
.plan h2{font-family:'Manic',cursive;font-weight:400;font-size:39px;line-height:1.05;letter-spacing:-.5px}
.plan-description,.plan li{font-family:'Manic',cursive;font-size:23px;line-height:1.25;color:#35332f}
.launch-note{font-size:23px;line-height:1.3;color:#35332f}
.questions h2{font-family:'Manic',cursive;font-weight:400;font-size:38px;line-height:1.1}
.questions summary{font-size:25px;line-height:1.2}
.questions details p{font-size:23px;line-height:1.32;color:#35332f}
dialog h2{font-family:'Manic',cursive;font-weight:400;font-size:49px;line-height:1.02;letter-spacing:-.5px}
dialog p:not(.label){font-size:24px;line-height:1.3;color:#35332f}
@media(max-width:1050px){.intro h2{font-size:57px}.grid h3{font-size:31px}.grid p{font-size:21px}.about h2{font-size:35px}}
@media(max-width:700px){nav{font-size:18px;gap:14px}.intro h2{font-size:54px}.intro-description{font-size:24px;line-height:1.3}.intro-action{gap:12px;flex-wrap:wrap}.button{font-size:21px}.grid h3{font-size:30px}.grid p{font-size:21px;line-height:1.28}.about h2{font-size:39px}.about p{font-size:23px}.pricing-intro h1{font-size:59px}.pricing-deck p{font-size:24px}.plan h2{font-size:37px}.plan-description,.plan li{font-size:22px}.plan .button{font-size:21px}.launch-note{font-size:22px}.questions h2{font-size:36px}.questions summary{font-size:23px}.questions details p{font-size:22px}dialog h2{font-size:44px}dialog p:not(.label){font-size:23px}}

/* Uppercase editorial subheadings; body copy retains its natural case. */
h2,h3,.pricing-intro h1{text-transform:uppercase}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid h3{font-size:26px}}


/* User-selected film still, shown in its original proportions. */
.intro-film{margin:0;width:100%}
.intro-film img{display:block;width:100%;height:auto}

/* Membership and self-service billing. */
.plans .card-top{font-family:'Manic',cursive;font-size:16px}
.plans .card-top>span:last-child{font-size:28px}
.plans .plan{display:flex;flex-direction:column}
.plan .button{margin-top:auto}
.manage-membership{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:30px 0;margin-bottom:40px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px}
.manage-membership h2{font:400 36px/1.15 'Manic',cursive;margin:12px 0}
.manage-membership p:not(.label){font-size:23px;line-height:1.35;margin:0;max-width:560px}
.manage-membership .button{justify-self:end;font-size:21px}
.questions details a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.pricing-deck .status{font-size:9px}.price{font-size:80px;flex-wrap:wrap}.manage-membership{grid-template-columns:1fr;gap:22px}.manage-membership h2{font-size:31px}.manage-membership .button{justify-self:start;font-size:20px}.manage-membership p:not(.label){font-size:22px}.plan .button{font-size:22px}}