:root{--ink:#151515;--paper:#faf9f6;--orange:#ff5c26;--muted:#aaa9a5;--line:#373737;--paper-line:#d2d2cb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-100px;z-index:20;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:8px}.wrap{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}.light{background:var(--paper);color:var(--ink)}
header{display:flex;align-items:center;justify-content:space-between;padding:24px 6vw;border-bottom:1px solid var(--line);gap:30px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:170px;height:auto}nav{display:flex;gap:34px;font-size:15px}nav a{padding:10px 0}nav a:hover,.text-link:hover{color:var(--orange)}.eyebrow{margin:0 0 28px;text-transform:uppercase;letter-spacing:1.8px;font-size:13px;font-weight:700;line-height:1.5}
h2{font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:1.08;letter-spacing:-.04em;margin:0;font-weight:700}h3{font-size:32px;line-height:1.18;letter-spacing:-.025em;margin:0 0 20px}p{margin:0 0 20px}.fullstop{color:var(--orange)}
.hero{padding-top:38px;padding-bottom:68px}.hero h1,.slate h2{font-size:clamp(5.8rem,13.5vw,13rem);line-height:.9;letter-spacing:-.055em;font-weight:900;margin:34px 0 55px}.hero-bottom,.slate-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:50px}.hero-tag{font-size:clamp(28px,4vw,55px);line-height:1.1;margin:0;flex-shrink:0}.hero-tag em,.slate-tag em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-bottom>div{max-width:490px;flex:1}.hero-bottom p:not(.hero-tag){margin:0 0 20px;color:#c8c6c2;font-size:19px;line-height:1.55}.text-link{display:inline-block;border-bottom:1px solid var(--orange);padding:4px 0;font-weight:700}
.slate{padding-top:65px;padding-bottom:80px;background:var(--ink);color:var(--paper)}.slate-tag{font-size:clamp(28px,3.1vw,42px);line-height:1.15;margin:0;flex-shrink:0;letter-spacing:-.025em}.slate-bottom>p:not(.slate-tag){max-width:490px;font-size:19px;color:#c8c6c2;margin:0;line-height:1.55}
.intro{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro-copy{max-width:550px;padding-top:45px}.intro-copy p{font-size:19px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-head>p{max-width:360px;color:#5c5c59}
.work{padding-top:50px;padding-bottom:100px}.film-group{padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--paper-line)}.film-group-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.film-group-head h3{font-size:48px;margin:0}.film-group-head>p{max-width:420px;margin:0;color:#50504b}.film-group-head .eyebrow,.film-copy .eyebrow,.case .eyebrow{font-size:12px;color:#7b3c28;margin-bottom:15px}.film-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.film{margin:0;min-width:0}.media{width:100%;aspect-ratio:16/9;background:#0c0c0c;overflow:hidden}.media iframe{width:100%;height:100%;border:0;display:block}.film figcaption{margin-top:14px;font-size:15px;line-height:1.5;color:#5c5c59}.single-film{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:50px;align-items:center}.film-copy h3{font-size:40px}.film-copy p{max-width:380px}
.cross-work{padding-top:15px;padding-bottom:30px}.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7vw;padding:85px 0;border-bottom:1px solid var(--paper-line);align-items:center}.case:last-child{border-bottom:0}.case h3{font-size:clamp(32px,3.2vw,48px)}.case-copy>p:not(.eyebrow){color:#50504b;max-width:500px}
.approach{padding-top:65px;padding-bottom:65px}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:95px 1fr;border-top:1px solid var(--paper-line);padding:30px 0;gap:25px}.steps li>span{font-size:38px;color:#a33c1a;line-height:1.2}.steps li>div{display:grid;grid-template-columns:1fr 1fr;gap:55px}.steps h3{font-size:26px}.steps p{max-width:560px;margin:0;color:#50504b}
.team{padding-top:80px;padding-bottom:80px}.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.person{min-width:0}.portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--ink)}.people p{border-top:1px solid var(--paper-line);padding-top:24px;margin:0}.people strong{display:block;font-size:23px;line-height:1.35;margin-bottom:10px}.people span{display:block;color:#5b5b55;font-size:16px}
.contact{padding-top:95px;padding-bottom:95px}.contact h2{font-size:clamp(3.6rem,8vw,8rem);margin-bottom:60px}.contact h2 span{color:var(--orange)}.contact-bottom{display:flex;justify-content:space-between;gap:45px}.contact-bottom p{color:#c2c1bc;max-width:480px}.contact-bottom a{display:block}.contact-email{font-size:clamp(20px,2.25vw,34px);border-bottom:1px solid var(--orange);margin-bottom:12px;padding-bottom:5px;overflow-wrap:anywhere}.contact-bottom a:hover{color:var(--orange)}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px;font-size:14px;color:#aaa;display:flex;justify-content:space-between;gap:30px}footer>div{display:flex;gap:30px}footer a:hover{color:var(--orange)}
@media(max-width:900px){.intro{gap:35px}.case{gap:35px}.steps li>div{gap:28px}.contact-bottom{flex-direction:column}.single-film{grid-template-columns:1fr}.film-copy p{max-width:600px}.people{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hero-bottom,.slate-bottom{gap:35px}}
@media(max-width:640px){body{font-size:17px}header{padding:20px 24px;align-items:flex-start}.brand img{width:125px}nav{gap:15px;flex-wrap:wrap;justify-content:flex-end;font-size:13px;max-width:220px}.hero{padding-top:25px;padding-bottom:50px}.hero h1,.slate h2{font-size:clamp(3.35rem,17.5vw,7.5rem);margin:25px 0 40px}.hero-bottom,.slate-bottom{flex-direction:column;gap:30px}.hero-bottom p:not(.hero-tag),.slate-bottom>p:not(.slate-tag){font-size:17px}.slate{padding-top:40px;padding-bottom:55px}.intro{grid-template-columns:1fr;padding-top:65px;padding-bottom:55px;gap:25px}.intro-copy{padding-top:0}.intro-copy p{font-size:17px}.section-head{display:block;margin-bottom:32px}.section-head>p{margin:22px 0 0}.work{padding-top:40px;padding-bottom:60px}.film-group-head{display:block}.film-group-head>p{margin-top:20px}.film-group-head h3{font-size:38px}.film-grid{grid-template-columns:1fr;gap:35px}.film-group{padding-bottom:45px;margin-bottom:45px}.single-film{gap:25px}.film-copy h3{font-size:32px}.case{grid-template-columns:1fr;padding:55px 0;gap:32px}.approach{padding-top:40px;padding-bottom:40px}.steps li{grid-template-columns:40px 1fr;gap:15px}.steps li>span{font-size:28px}.steps li>div{display:block}.steps h3{font-size:23px;margin-bottom:15px}.team{padding-top:45px;padding-bottom:55px}.people{grid-template-columns:1fr;gap:40px}.person{max-width:460px}.contact{padding-top:65px;padding-bottom:65px}.contact h2{margin-bottom:35px}.contact-bottom{gap:20px}footer{flex-direction:column;gap:15px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Team roles and personality notes. */
.people .person-role{font-weight:700;color:#7b3c28}.people .person-note{margin-top:12px;font-size:16px;line-height:1.6}