@font-face{font-family:PetalSerif;src:url('assets/serif.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fcf8f1;color:#503d36;font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}header,main,footer{max-width:1320px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid #ddcec1}.wordmark{font:30px PetalSerif,Georgia,serif;line-height:1.1}.wordmark span{display:block;font:12px Arial;letter-spacing:.32em;text-align:center;margin-top:8px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}main{padding:0 5%}.intro{display:grid;grid-template-columns:1.1fr .7fr;gap:9%;align-items:center;padding:65px 0 85px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#8b5342;margin:0 0 22px}h1,h2,h3,h4{font-weight:400}h1,h2,h3{font-family:PetalSerif,Georgia,serif}h1{font-size:clamp(40px,4.7vw,66px);line-height:1.07;margin:0 0 25px;letter-spacing:-.025em}h1 em{font-style:normal;color:#a35343}h2{font-size:clamp(36px,4vw,50px);line-height:1.12;margin:0 0 24px}h3{font-size:27px;line-height:1.25;margin:10px 0}.lede{max-width:450px;font-size:18px;margin-bottom:28px}.button{display:inline-block;border:1px solid #9d6652;padding:12px 23px;font-size:14px;color:#6c4133;transition:background .2s}.button:hover{background:#f0e1d3}.button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #9d2457;outline-offset:5px}figure{margin:0}.hero-photo img{aspect-ratio:3/4;object-fit:cover}.hero-photo{transform:rotate(2deg);padding:12px;background:#efe4d9}figcaption{font-size:13px;margin-top:13px;letter-spacing:.035em}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:26px}.section-heading>p{max-width:370px;margin:0 0 25px}.work,.stills{padding:65px 0;border-top:1px solid #ddcec1}.disclosure{max-width:820px;font-size:14px;color:#725e52;margin:0 0 35px}.films{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.film{background:#eeded4;aspect-ratio:9/16;overflow:hidden}video{display:block;width:100%;height:100%;object-fit:cover}.caption{padding:18px 0}.caption span{font-size:11px;letter-spacing:.1em;color:#885641}.caption p{font-size:14px;margin:7px 0}.caption .detail{color:#806e62;font-size:13px}.still-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.still-grid img{aspect-ratio:3/4;object-fit:cover}.studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:75px 0;border-top:1px solid #ddcec1}.about p{max-width:480px}.services{padding-top:20px}.services>h3{margin-bottom:25px}.services>div{border-top:1px solid #ddcec1;padding:16px 0}.services h4{font-size:17px;margin:0}.services p{font-size:15px;margin:5px 0}.process{background:#f1e5d9;padding:35px;margin:0 0 70px}.process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process span{font:25px PetalSerif;color:#a35343}.process h3{font-size:24px}.process p{font-size:15px}.contact{text-align:center;padding:40px 0 80px}.contact p:not(.eyebrow){max-width:560px;margin:0 auto 25px}footer{padding:28px 5%;border-top:1px solid #ddcec1;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}footer>span{font:20px PetalSerif;white-space:nowrap}footer p{max-width:430px}footer a{white-space:nowrap}@media(max-width:900px){.films{grid-template-columns:1fr 1fr}.intro{gap:6%}.section-heading{gap:30px}nav{gap:16px}.studio{gap:6%}}@media(max-width:600px){header{padding:20px 6%}.wordmark{font-size:25px}nav a:nth-child(2){display:none}nav{gap:14px;font-size:12px}main{padding:0 6%}.intro{grid-template-columns:1fr;gap:35px;padding:42px 0 55px}.hero-photo{width:72%;margin:0 auto}.section-heading{display:block}.section-heading>p{margin-bottom:20px}.films{gap:20px 14px}.caption h3{font-size:23px}.caption span{font-size:10px}.work,.stills{padding:45px 0}.still-grid{gap:15px}.studio{grid-template-columns:1fr;gap:20px;padding:45px 0}.process{padding:25px;margin-bottom:35px}.process>div{grid-template-columns:1fr;gap:12px}.contact{padding:35px 0 55px}footer{flex-direction:column;align-items:start;gap:8px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}