/* Jonathan Zutt — cinematic lesson studio */
:root{--paper:#101211;--ink:#f3f0e9;--muted:#b9bbb6;--line:#373b36;--accent:#d8c59f}body{background:var(--paper)}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;position:absolute}.nav-brand{font-size:28px;line-height:1;font-weight:600;letter-spacing:-2px}.nav-brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:8px;font-weight:400}.header nav{gap:40px;align-items:center}.header nav a{font-size:12px;letter-spacing:1.3px;text-transform:none}.header nav .nav-cta{padding:12px 18px;border:1px solid #ffffff70}.nav-cta span{margin-left:20px}.hero{min-height:720px;max-height:1150px;height:100svh;overflow:hidden}.hero-image{object-position:70% center;will-change:transform}.hero:after{background:linear-gradient(90deg,#090c0be8 0%,#090c0ba6 37%,#090c0b10 75%),linear-gradient(180deg,#0005,transparent 25%,transparent 68%,#101211)}.hero-copy{width:90%;margin-top:70px;position:relative}.hero .eyebrow{font-size:12px;letter-spacing:2.8px;color:#d8c59f;margin-bottom:30px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,6.5vw,100px);font-weight:400;letter-spacing:-3.4px;line-height:1.04;max-width:860px;margin-bottom:28px}h1 em{font-weight:400;color:#dccaaa;display:inline-block}.intro{font-size:17px;letter-spacing:0;line-height:1.8;max-width:490px;color:#d8dad5}.hero .button,.contact .button{background:var(--accent);border-color:var(--accent);color:#151914;font-size:14px;letter-spacing:0;text-transform:none;padding:17px 24px}.button:hover{background:#eee5d3;color:#101211;transform:translateY(-2px)}.hero-secondary{display:inline-block;margin-left:26px;font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:4px}.hero-bottom{left:5%;transform:none;flex-direction:row;gap:22px;font-size:10px;letter-spacing:2px;bottom:37px}.hero-bottom span{font-size:23px}.identity-strip{display:flex;justify-content:space-between;gap:25px;padding:25px 5%;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:2px;color:#d1d4cb}.wrap{width:min(1280px,90%)}.section{padding-top:110px}.section-heading{text-align:left;max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:0 70px;margin-bottom:55px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:23px}.section-heading>p:last-child{margin:0 0 8px;max-width:460px;font-size:17px}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:0}h2 em{font-style:italic;color:var(--accent)}.lesson-grid{gap:38px}.lesson-card{padding:0 0 12px;border:0}.lesson-visual{height:350px;overflow:hidden;position:relative;margin-bottom:30px;background:#252b25}.lesson-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000a)}.lesson-visual img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .8s;filter:saturate(.75)}.lesson-card:hover .lesson-visual img{transform:scale(1.035)}.lesson-visual>span{position:absolute;bottom:24px;left:26px;z-index:1;letter-spacing:3px;font-size:12px}.card-top{margin-bottom:20px}.instrument-mark{display:none}.card-top .eyebrow{color:#b5b9b0;font-size:10px;letter-spacing:2px}.lesson-card h3{font-size:32px;font-family:Georgia,serif}.lesson-card>p{max-width:520px}.lesson-card ul{margin:25px 0 15px}.text-link{font-size:13px;letter-spacing:1px;border-bottom:1px solid #777b70;padding-bottom:18px}.about{padding-top:140px;gap:8%;grid-template-columns:1fr 1fr}.portrait{height:630px}.portrait img{object-position:49% center;filter:saturate(.5) brightness(.85)}.about-copy h2{margin-bottom:32px}.about-copy .eyebrow{color:var(--accent)}.credentials{font-size:12px}.approach{padding-bottom:110px}.approach>.eyebrow{text-align:left}.steps{gap:65px}.step-number{font-family:Georgia,serif;font-size:29px;letter-spacing:0}.steps h3{font-size:21px}.steps p{font-size:16px}.contact{position:relative;background:#1b231e;border-color:#3b443b}.contact-inner{padding-top:95px;padding-bottom:95px}.contact h2{font-size:clamp(38px,4.7vw,68px);margin-bottom:30px}.contact .eyebrow{color:#c4cabb}.contact p{font-size:16px}.location-note{border-color:#5b6559}.location-note p{font-family:Georgia,serif}.contact .button{margin-top:12px}.email{font-size:14px;margin-top:22px}footer{padding-top:40px;padding-bottom:40px}.brand{font-size:16px;letter-spacing:2px}.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1)}.motion-ready .reveal.pending{opacity:0;transform:translateY(30px)}@media(max-width:1000px){h1{font-size:72px;max-width:630px}.hero-image{object-position:65% center}.hero-secondary{display:block;margin-left:0;width:max-content;margin-top:19px}.section-heading{gap:0 40px}.lesson-visual{height:290px}.portrait{height:540px}.about{gap:45px}.contact h2{font-size:48px}.steps{gap:30px}}@media(max-width:700px){.header{padding:25px 5%;align-items:flex-start}.nav-brand{font-size:23px}.nav-brand span{font-size:8px;letter-spacing:2px}.header nav{gap:18px}.header nav a{font-size:11px;letter-spacing:0}.header nav .nav-cta{padding:9px 10px}.nav-cta span{display:none}.hero{height:94svh;min-height:740px;max-height:960px;align-items:flex-end}.hero-image{object-position:69% center}.hero:after{background:linear-gradient(180deg,#05080570,transparent 23%,#080c0840 37%,#080c08e8 69%,#101211)}.hero-copy{margin:0 auto 100px;width:90%}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:clamp(44px,11.5vw,69px);letter-spacing:-2px;max-width:none;line-height:1.07;margin-bottom:20px}.intro{font-size:15px;line-height:1.65;max-width:340px;margin-bottom:23px}.hero .button{font-size:13px;padding:14px 19px}.hero-secondary{font-size:12px;margin-top:16px}.hero-bottom{bottom:24px;font-size:9px}.identity-strip{display:grid;grid-template-columns:1fr 1fr;font-size:9px;letter-spacing:1px;gap:12px;padding-top:22px;padding-bottom:22px}.identity-strip span:last-child{grid-column:1/-1}.section{padding-top:70px}.section-heading{display:block;margin-bottom:36px}.section-heading h2{margin-bottom:24px}h2{font-size:43px;letter-spacing:-1.4px}.section-heading>p:last-child{font-size:16px}.lesson-grid{gap:45px}.lesson-visual{height:300px;margin-bottom:24px}.lesson-card h3{font-size:30px}.lesson-card>p{font-size:16px}.about{gap:35px;grid-template-columns:1fr;padding-top:80px}.portrait{height:440px}.about-copy h2{font-size:43px}.credentials{font-size:12px}.approach{padding-bottom:70px}.steps{gap:30px}.step-number{font-size:24px;padding-top:0}.steps h3{font-size:19px}.steps p{font-size:15px}.contact-inner{padding-top:65px;padding-bottom:60px}.contact h2{font-size:43px}.location-note{margin-top:42px}.contact .eyebrow{line-height:1.8}.contact .button{font-size:13px}.brand span{font-size:10px}footer>span,footer>a:last-child{font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-image{will-change:auto}.motion-ready .reveal.pending{opacity:1;transform:none}.motion-ready .reveal,.lesson-visual img,.button{transition:none}.lesson-card:hover .lesson-visual img{transform:none}}