.jsc { font-family: 'Inter Tight', 'Inter', -apple-system, system-ui, sans-serif; color: #1A1A1A; margin: 0; padding: 0; } .jsc *, .jsc *::before, .jsc *::after { box-sizing: border-box; } .jsc em { font-family: 'Fraunces', 'Newsreader', Georgia, serif; font-style: italic; } /* Date hero */ .jsc-date { background: #1A1A1A; border-radius: 10px; padding: 32px 28px; margin-bottom: 16px; position: relative; overflow: hidden; } .jsc-date-eyebrow { font-size: 11px; letter-spacing: 3px; font-weight: 500; color: #FF3D2E; text-transform: uppercase; margin: 0 0 12px; } .jsc-date-main { font-size: clamp(36px, 8vw, 64px); font-weight: 500; color: #FFF4E0; letter-spacing: -2px; line-height: 0.95; margin: 0 0 16px; } .jsc-date-main em { color: #FFE13D; font-style: italic; } .jsc-date-meta { display: flex; gap: 10px; flex-wrap: wrap; } .jsc-date-pill { background: rgba(255,244,224,0.08); border: 1px solid rgba(255,244,224,0.2); color: #FFF4E0; padding: 7px 14px; border-radius: 999px; font-size: 12px; font-weight: 500; } .jsc-date-pill.red { background: #FF3D2E; border-color: #FF3D2E; } /* Intro block */ .jsc-intro { background: #FFF4E0; border: 2px solid #1A1A1A; border-radius: 10px; padding: 28px; margin-bottom: 16px; } .jsc-eyebrow { font-size: 11px; letter-spacing: 3px; font-weight: 500; color: #FF3D2E; text-transform: uppercase; margin: 0 0 12px; } .jsc-intro h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 500; letter-spacing: -1px; line-height: 1.1; margin: 0 0 12px; } .jsc-intro h2 em { color: #FF3D2E; } .jsc-intro p { font-size: 14px; line-height: 1.65; color: #444; margin: 0; } /* What you'll work on */ .jsc-skills { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; } .jsc-skill { background: #1A1A1A; border-radius: 8px; padding: 16px 18px; } .jsc-skill-icon { font-size: 18px; margin-bottom: 8px; } .jsc-skill h4 { color: #FFE13D; font-size: 13px; font-weight: 500; margin: 0 0 4px; letter-spacing: -0.3px; } .jsc-skill p { color: rgba(255,244,224,0.65); font-size: 12px; line-height: 1.45; margin: 0; } /* Logistics */ .jsc-logistics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; } .jsc-logistic { border: 1.5px solid #1A1A1A; border-radius: 8px; padding: 16px 18px; } .jsc-logistic-label { font-size: 10px; letter-spacing: 2px; font-weight: 500; color: #FF3D2E; text-transform: uppercase; margin: 0 0 6px; } .jsc-logistic p { font-size: 13px; font-weight: 500; color: #1A1A1A; margin: 0; line-height: 1.45; } .jsc-logistic small { font-size: 11px; color: #666; display: block; margin-top: 3px; font-weight: 400; } /* Tutors */ .jsc-ben { background: #FF3D2E; border-radius: 10px; padding: 24px; margin-bottom: 16px; } .jsc-ben .jsc-eyebrow { color: rgba(255,244,224,0.8); } .jsc-ben h3 { color: #FFF4E0; font-size: clamp(18px, 2.5vw, 24px); font-weight: 500; letter-spacing: -0.5px; margin: 0 0 16px; line-height: 1.1; } .jsc-ben h3 em { color: #FFE13D; } .jsc-tutors-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .jsc-tutor-name { color: #FFE13D; font-size: 12px; font-weight: 500; letter-spacing: 1px; margin: 0 0 6px; } .jsc-tutor-bio { color: rgba(255,244,224,0.85); font-size: 13px; line-height: 1.6; margin: 0; } /* FAQ */ .jsc-faq { border: 2px solid #1A1A1A; border-radius: 10px; overflow: hidden; margin-bottom: 16px; } .jsc-faq-title { background: #1A1A1A; padding: 14px 20px; font-size: 11px; letter-spacing: 3px; font-weight: 500; color: #FFE13D; text-transform: uppercase; margin: 0; } .jsc-faq-item { border-bottom: 1px solid rgba(26,26,26,0.12); padding: 16px 20px; } .jsc-faq-item:last-child { border-bottom: none; } .jsc-faq-q { font-size: 13px; font-weight: 500; color: #1A1A1A; margin: 0 0 6px; } .jsc-faq-a { font-size: 13px; color: #555; line-height: 1.55; margin: 0; } /* Cancellation */ .jsc-cancel { background: #FFF4E0; border: 1.5px solid rgba(26,26,26,0.2); border-radius: 8px; padding: 18px 20px; } .jsc-cancel-label { font-size: 10px; letter-spacing: 2px; font-weight: 500; color: #666; text-transform: uppercase; margin: 0 0 8px; } .jsc-cancel p { font-size: 12px; color: #555; line-height: 1.6; margin: 0 0 8px; } .jsc-cancel p:last-child { margin: 0; } @media (max-width: 600px) { .jsc-skills { grid-template-columns: 1fr; } .jsc-logistics { grid-template-columns: 1fr; } .jsc-tutors-grid { grid-template-columns: 1fr; } .jsc-date-main { letter-spacing: -1px; } } ★ Next class Monday 25th May Drop-in · £40 11am – 2:30pm Hoxton, London ★ Joyscroll Studio · Hoxton Learn how to be shot. Step onto a fully lit set in Hoxton and master your screen craft with cinema-quality cameras and expert coaching from a working Cinematographer and a professional actor. This isn't acting class — you already know how to act. This is about what happens when the cameras are real, the lights are on, and none of it feels familiar. 🎬 Calibrating for the lens Understand how the camera sees you — and how to work with it, not against it. 🎭 Two-person scenes Dynamic scenes with professional off-camera partnership and real scene partners. 📐 Eyelines, marks & continuity Technical mastery of the things that separate a screen actor from a stage actor. 🖥️ Live monitor feedback See yourself on the monitor in real time. Watch what works and what doesn't. 📍 Where 76a Hoxton StreetLondon N1 6LPDown the side alley between The Macbeth and Supachef 🕐 When11am – 2:30pm 💷 Price £40 per personDrop-in, no commitment 📋 Bring Spotlight / Mandy linkOr we'll assign you a script ★ Your tutors 30 years of experience.Now teaching what they don't. BEN MILLS — DoP 15 years behind the lens with credits including Lego, Xbox and The Economist. Ben demystifies the technical machinery of a real set so your best performance can shine through the camera. MICHAEL MULQUEEN — Actor / Writer / Director 12 years on stage and screen as an actor, writer and director. Michael brings the performer's perspective — what it actually feels like to stand in front of a camera and make it work. ★ Frequently asked questions When will I get my script? At least 3 days before class — enough time to be off-book and camera-ready. Do I need to have Spotlight? It helps us give you a script that complements you, but it's not required. If you don't have any materials we'll provide a script that works for where you are. What happens in class? You'll get a technical rundown of your scene, then we go for a take. You'll receive direction, run it again, get notes, and come back for a final take later in the session. How many people will I be on camera with? You start with a one-shot. If someone else in the class has the opposite character and we think you'd benefit from a two-shot, we'll go for it. Will I get my footage? Yes — within 48 hours. You'll have one week to download it before it's deleted. Cancellation policy Cancel up to 48 hours before class for a full refund. Cancellations within 48 hours are non-refundable. If we have to cancel, you'll be offered a full refund or the option to reschedule. Joyscroll cannot reimburse travel costs for strikes or delays.
Related
Related
Related
Related