.rb-custom-242 {
  --mm-bg:#111110;
  --mm-paper:#e9e6df;
  --mm-muted:#96948e;
  --mm-line:#383834;
  --mm-accent:#c9b59b
} .rb-custom-242 .mm-site {
  background:var(--mm-bg);
  color:var(--mm-paper);
  font-family:Arial,Helvetica,sans-serif;
  overflow:hidden
} .rb-custom-242 .mm-site * {
  box-sizing:border-box
} .rb-custom-242 .mm-site a {
  color:inherit;
  text-decoration:none
} .rb-custom-242 .mm-nav {
  position:fixed;
  z-index:10;
  top:0;
  left:0;
  width:100%;
  padding:27px 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  letter-spacing:.16em;
  transition:.4s
} .rb-custom-242 .mm-nav.scrolled {
  background:rgba(17,17,16,.92);
  padding-top:17px;
  padding-bottom:17px
} .rb-custom-242 .mm-brand {
  font-weight:bold
} .rb-custom-242 .mm-links {
  display:flex;
  gap:34px
} .rb-custom-242 .mm-links a, .rb-custom-242 .mm-kicker, .rb-custom-242 .mm-overline, .rb-custom-242 .mm-muted {
  font-size:10px;
  letter-spacing:.18em
} .rb-custom-242 .mm-menu {
  display:none;
  background:none;
  border:0
} .rb-custom-242 .mm-menu span {
  display:block;
  background:var(--mm-paper);
  width:23px;
  height:1px;
  margin:6px
} .rb-custom-242 .mm-hero {
  height:100vh;
  min-height:650px;
  position:relative;
  display:flex;
  align-items:flex-end
} .rb-custom-242 .mm-hero-image, .rb-custom-242 .mm-feature-image, .rb-custom-242 .mm-reel-image img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
} .rb-custom-242 .mm-hero-shade, .rb-custom-242 .mm-feature-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.18) 45%,rgba(0,0,0,.78))
} .rb-custom-242 .mm-hero-content {
  position:relative;
  width:100%;
  padding:0 4vw 8vh
} .rb-custom-242 .mm-kicker {
  margin-bottom:28px
} .rb-custom-242 .mm-kicker span {
  color:var(--mm-accent);
  margin:0 10px
} .rb-custom-242 .mm-hero h1 {
  font-size:clamp(58px,11vw,172px);
  line-height:.82;
  letter-spacing:-.08em;
  margin:0;
  font-weight:700
} .rb-custom-242 .mm-site h1 em, .rb-custom-242 .mm-site h2 em, .rb-custom-242 .mm-site i {
  font-style:normal;
  color:var(--mm-accent);
  font-weight:400
} .rb-custom-242 .mm-hero h1 em {
  font-weight:700
} .rb-custom-242 .mm-hero-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:55px;
  font-size:10px;
  letter-spacing:.15em
} .rb-custom-242 .mm-arrow-link {
  border-bottom:1px solid var(--mm-paper);
  padding-bottom:8px
} .rb-custom-242 .mm-arrow-link b, .rb-custom-242 .mm-outline-btn b, .rb-custom-242 .mm-contact-link b {
  font-size:18px;
  margin-left:15px;
  font-weight:400
} .rb-custom-242 .mm-scroll {
  position:absolute;
  right:4vw;
  bottom:30px;
  font-size:10px;
  letter-spacing:.17em
} .rb-custom-242 .mm-scroll span {
  margin-left:16px;
  font-size:17px
} .rb-custom-242 .mm-intro, .rb-custom-242 .mm-about, .rb-custom-242 .mm-services, .rb-custom-242 .mm-clients, .rb-custom-242 .mm-showreel, .rb-custom-242 .mm-contact {
  padding:150px 8vw
} .rb-custom-242 .mm-overline {
  color:var(--mm-accent);
  margin:0 0 45px
} .rb-custom-242 .mm-intro h2 {
  max-width:1050px;
  font-size:clamp(38px,6.8vw,104px);
  line-height:.91;
  letter-spacing:-.07em;
  margin:0
} .rb-custom-242 .mm-intro-copy {
  display:flex;
  gap:28px;
  max-width:510px;
  margin:85px 0 0 auto;
  color:#b5b2aa;
  line-height:1.7;
  font-size:14px
} .rb-custom-242 .mm-intro-copy span {
  width:38px;
  height:1px;
  background:var(--mm-accent);
  margin-top:10px;
  flex:none
} .rb-custom-242 .mm-section-head {
  display:flex;
  justify-content:space-between;
  border-top:1px solid var(--mm-line);
  padding-top:20px
} .rb-custom-242 .mm-muted {
  color:var(--mm-muted)
} .rb-custom-242 .mm-work {
  padding:30px 4vw 160px
} .rb-custom-242 .mm-grid {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:100px 4vw;
  margin-top:85px
} .rb-custom-242 .mm-project-wide {
  grid-column:1/-1
} .rb-custom-242 .mm-project-offset {
  margin-top:100px
} .rb-custom-242 .mm-project-image {
  overflow:hidden;
  background:#222
} .rb-custom-242 .mm-project-image img {
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:1.45;
  object-fit:cover;
  filter:grayscale(35%);
  transition:transform .8s,filter .8s
} .rb-custom-242 .mm-project-wide .mm-project-image img {
  aspect-ratio:2.1
} .rb-custom-242 .mm-project:hover img {
  transform:scale(1.045);
  filter:grayscale(0)
} .rb-custom-242 .mm-project-info {
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  margin-top:18px
} .rb-custom-242 .mm-project-info h3 {
  font-size:16px;
  letter-spacing:.03em;
  margin:0
} .rb-custom-242 .mm-project-info p, .rb-custom-242 .mm-project-info span {
  font-size:9px;
  letter-spacing:.14em;
  color:var(--mm-muted);
  margin:3px 0
} .rb-custom-242 .mm-project-info span {
  grid-column:2;
  grid-row:1/3;
  color:var(--mm-paper)
} .rb-custom-242 .mm-feature {
  height:90vh;
  min-height:650px;
  position:relative;
  display:flex;
  align-items:flex-end
} .rb-custom-242 .mm-feature-content {
  position:relative;
  padding:0 8vw 8vh;
  width:100%
} .rb-custom-242 .mm-feature h2 {
  font-size:clamp(52px,9vw,135px);
  line-height:.83;
  letter-spacing:-.08em;
  margin:0 0 55px
} .rb-custom-242 .mm-feature-meta {
  display:flex;
  gap:55px;
  font-size:9px;
  letter-spacing:.15em;
  color:#aaa;
  margin-bottom:30px
} .rb-custom-242 .mm-feature-meta b {
  color:var(--mm-paper);
  font-weight:400;
  line-height:2
} .rb-custom-242 .mm-outline-btn {
  background:none;
  border:1px solid #aaa;
  color:var(--mm-paper);
  padding:15px 21px;
  font-size:10px;
  letter-spacing:.14em
} .rb-custom-242 .mm-about {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10vw
} .rb-custom-242 .mm-about h2, .rb-custom-242 .mm-reel-copy h2 {
  font-size:clamp(42px,6vw,90px);
  line-height:.88;
  letter-spacing:-.07em;
  margin:0
} .rb-custom-242 .mm-about-copy {
  max-width:500px;
  color:#b5b2aa;
  font-size:15px;
  line-height:1.7
} .rb-custom-242 .mm-timeline {
  border-top:1px solid var(--mm-line);
  margin-top:70px
} .rb-custom-242 .mm-timeline div {
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid var(--mm-line);
  padding:18px 0;
  font-size:10px;
  letter-spacing:.13em
} .rb-custom-242 .mm-timeline b {
  color:var(--mm-accent);
  font-weight:400
} .rb-custom-242 .mm-clients {
  border-top:1px solid var(--mm-line)
} .rb-custom-242 .mm-client-list {
  display:flex;
  flex-wrap:wrap;
  gap:35px 7vw;
  color:#aaa;
  font-size:clamp(20px,2.5vw,35px);
  letter-spacing:-.04em
} .rb-custom-242 .mm-services {
  background:#e9e6df;
  color:#171715
} .rb-custom-242 .mm-services .mm-overline {
  color:#9e8060
} .rb-custom-242 .mm-service-list {
  margin-top:50px
} .rb-custom-242 .mm-service-list article {
  position:relative;
  border-top:1px solid #bbb8b0;
  padding:28px 0 32px;
  display:grid;
  grid-template-columns:60px 1fr 1fr 30px;
  align-items:start
} .rb-custom-242 .mm-service-list article:last-child {
  border-bottom:1px solid #bbb8b0
} .rb-custom-242 .mm-service-list b, .rb-custom-242 .mm-service-list span {
  color:#9e8060;
  font-size:11px
} .rb-custom-242 .mm-service-list h3 {
  font-size:clamp(20px,3vw,42px);
  letter-spacing:-.04em;
  margin:0
} .rb-custom-242 .mm-service-list p {
  max-width:280px;
  color:#6d6b66;
  font-size:13px;
  line-height:1.5;
  margin:0
} .rb-custom-242 .mm-service-list article:hover h3 {
  font-style:italic
} .rb-custom-242 .mm-showreel {
  padding-bottom:170px
} .rb-custom-242 .mm-reel-image {
  height:70vh;
  min-height:450px;
  position:relative
} .rb-custom-242 .mm-reel-image:after {
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.28)
} .rb-custom-242 .mm-play {
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:var(--mm-paper);
  border:0;
  border-radius:50%;
  width:125px;
  height:125px;
  color:#171715;
  font-size:10px;
  letter-spacing:.15em
} .rb-custom-242 .mm-play i {
  display:block;
  font-style:normal;
  margin-top:10px
} .rb-custom-242 .mm-reel-copy {
  display:flex;
  justify-content:space-between;
  gap:40px;
  padding-top:25px
} .rb-custom-242 .mm-reel-copy .mm-overline {
  min-width:180px
} .rb-custom-242 .mm-reel-copy h2 {
  max-width:700px;
  font-size:clamp(30px,4vw,65px)
} .rb-custom-242 .mm-contact {
  border-top:1px solid var(--mm-line);
  min-height:90vh;
  position:relative
} .rb-custom-242 .mm-contact h2 {
  font-size:clamp(45px,8vw,125px);
  line-height:.87;
  letter-spacing:-.08em;
  margin:0
} .rb-custom-242 .mm-contact-note {
  max-width:330px;
  color:#aaa;
  line-height:1.6;
  font-size:14px;
  margin:70px 0 30px
} .rb-custom-242 .mm-contact-link {
  font-size:11px;
  letter-spacing:.15em;
  border-bottom:1px solid var(--mm-paper);
  padding-bottom:12px
} .rb-custom-242 .mm-footer-bottom {
  position:absolute;
  bottom:35px;
  left:8vw;
  right:8vw;
  border-top:1px solid var(--mm-line);
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  color:#777;
  font-size:9px;
  letter-spacing:.14em
} .rb-custom-242 .mm-footer-bottom a {
  color:#aaa
} .rb-custom-242 .mm-modal {
  display:none;
  position:fixed;
  z-index:20;
  inset:0;
  background:#080808;
  align-items:center;
  justify-content:center
} .rb-custom-242 .mm-modal.open {
  display:flex
} .rb-custom-242 .mm-video-wrap {
  width:min(1100px,90vw);
  aspect-ratio:16/9
} .rb-custom-242 .mm-video-wrap iframe {
  width:100%;
  height:100%;
  border:0
} .rb-custom-242 .mm-close {
  position:absolute;
  right:4vw;
  top:25px;
  color:white;
  background:none;
  border:0;
  font-size:35px;
  font-weight:200
}
@media(max-width:700px){.rb-custom-242 .mm-nav {
    padding:22px 6vw
  } .rb-custom-242 .mm-links {
    display:none
  } .rb-custom-242 .mm-menu {
    display:block
  } .rb-custom-242 .mm-hero {
    min-height:620px
  } .rb-custom-242 .mm-hero-content {
    padding:0 6vw 13vh
  } .rb-custom-242 .mm-hero h1 {
    font-size:18vw
  } .rb-custom-242 .mm-hero-bottom {
    display:block;
    line-height:1.8;
    margin-top:38px
  } .rb-custom-242 .mm-hero-bottom .mm-arrow-link {
    display:inline-block;
    margin-top:18px
  } .rb-custom-242 .mm-scroll {
    right:6vw
  } .rb-custom-242 .mm-intro, .rb-custom-242 .mm-about, .rb-custom-242 .mm-services, .rb-custom-242 .mm-clients, .rb-custom-242 .mm-showreel, .rb-custom-242 .mm-contact {
    padding:95px 6vw
  } .rb-custom-242 .mm-intro h2 {
    font-size:13vw
  } .rb-custom-242 .mm-intro-copy {
    margin-top:55px
  } .rb-custom-242 .mm-work {
    padding:25px 6vw 95px
  } .rb-custom-242 .mm-section-head {
    display:block
  } .rb-custom-242 .mm-section-head .mm-muted {
    margin-top:20px
  } .rb-custom-242 .mm-grid {
    display:block;
    margin-top:55px
  } .rb-custom-242 .mm-project, .rb-custom-242 .mm-project-offset {
    margin:0 0 65px
  } .rb-custom-242 .mm-project-wide .mm-project-image img {
    aspect-ratio:1.2
  } .rb-custom-242 .mm-feature {
    height:80vh;
    min-height:580px
  } .rb-custom-242 .mm-feature-content {
    padding:0 6vw 9vh
  } .rb-custom-242 .mm-feature h2 {
    font-size:16vw;
    margin-bottom:40px
  } .rb-custom-242 .mm-feature-meta {
    gap:20px;
    flex-wrap:wrap
  } .rb-custom-242 .mm-about {
    display:block
  } .rb-custom-242 .mm-about-copy {
    margin-top:65px
  } .rb-custom-242 .mm-client-list {
    gap:22px 8vw
  } .rb-custom-242 .mm-service-list article {
    grid-template-columns:35px 1fr 20px;
    gap:8px
  } .rb-custom-242 .mm-service-list p {
    grid-column:2;
    margin-top:12px
  } .rb-custom-242 .mm-service-list span {
    grid-column:3;
    grid-row:1
  } .rb-custom-242 .mm-reel-image {
    height:60vh
  } .rb-custom-242 .mm-reel-copy {
    display:block
  } .rb-custom-242 .mm-reel-copy h2 {
    margin-top:25px
  } .rb-custom-242 .mm-footer-bottom {
    left:6vw;
    right:6vw;
    flex-wrap:wrap;
    gap:12px
  } .rb-custom-242 .mm-contact h2 {
    font-size:14vw
  }}