:root{--ink:#3a3a3a;--muted:#707070;--red:#ef3b31;--blue:#279ff2;--soft:#f0f0f0;--mono:Cousine,monospace;--sans:"Open Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--mono);font-size:16px}img{display:block;max-width:100%}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#111;color:#fff;padding:.75rem 1rem}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:40;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 3.4vw;background:rgba(255,255,255,.96);box-shadow:0 2px 12px #0000000b}.brand{display:flex;align-items:center;text-decoration:none}.brand-wordmark{width:clamp(225px,22vw,410px)}.brand-mark{display:none;width:52px;height:52px;object-fit:contain}.site-header.compact .brand-wordmark{display:none}.site-header.compact .brand-mark{display:block}.site-header nav{display:flex;gap:clamp(2rem,4vw,4.4rem);align-items:center}.site-header nav a{color:#686868;text-decoration:none;font-size:clamp(1rem,1.4vw,1.65rem)}.site-header nav a.active{color:var(--blue)}.menu-toggle{display:none;border:0;background:none;padding:.5rem}.menu-toggle span:not(.sr-only){display:block;width:28px;height:1px;background:#333;margin:7px 0}.section-copy{max-width:930px;margin-bottom:4.8rem}.section-copy h1,.section-copy h2,.more-work>h2{margin:0 0 1.2rem;font:400 clamp(2rem,2.8vw,3.25rem)/1.05 var(--sans);text-transform:uppercase}.section-copy p{max-width:880px;margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.55rem);line-height:1.35}.section-copy a,.work-card p a{color:var(--red);text-decoration:none}.video-section,.more-work{padding:5rem 3.5vw 7rem}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.5rem 5vw}.work-card{text-align:center;min-width:0}.work-image{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;overflow:hidden;background:#000;cursor:pointer}.work-image img{width:100%;height:100%;object-fit:cover}.work-image iframe{display:block;width:100%;height:100%;border:0}.work-card h2,.work-card h3{margin:1.15rem auto .65rem;font:400 clamp(1.25rem,1.8vw,2.1rem)/1.1 var(--sans);text-transform:uppercase}.work-card p{margin:0 auto;color:var(--muted);font-size:clamp(.92rem,1.25vw,1.35rem);line-height:1.25}.work-card p a{white-space:nowrap}.stills-band{position:relative;padding:8.5rem 5.4vw 10rem;background:var(--soft);clip-path:polygon(0 3%,25% 0,75% 4%,100% 1%,100% 93%,75% 100%,25% 94%,0 97%)}.stills-band .section-copy{margin-bottom:3rem}.stills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.8vw}.still-card{text-align:center;text-decoration:none}.still-card img{width:100%;aspect-ratio:2/3;object-fit:cover}.still-card h3{margin:1.1rem 0 0;font:400 clamp(1.05rem,1.6vw,1.75rem)/1.12 var(--sans);text-transform:uppercase}.more-work{padding-top:5rem}.more-work>h2{margin-bottom:5.5rem}.more-grid{row-gap:6.5rem}.more-grid .work-card h3{font-size:clamp(1.15rem,1.65vw,1.9rem)}footer{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.55fr);gap:7vw;padding:7rem 4.5vw 2rem;background:#111;color:#eee}.footer-about{padding-top:6rem}.footer-about img{width:240px;height:240px;object-fit:contain;margin:0 auto 3rem}.footer-about p{max-width:690px;margin:0;font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.35}.footer-about+form h2{margin:0 0 2rem;color:#aaa;font:400 clamp(2rem,2.6vw,3rem)/1 var(--sans);text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}input,textarea{display:block;width:100%;border:0;border-radius:0;background:#f1f1f3;color:#111;padding:1.35rem 1.4rem;font:400 clamp(1rem,1.25vw,1.35rem)/1.3 var(--mono)}textarea{margin-top:2rem;resize:vertical;min-height:270px}form button{display:block;margin:1rem 0 0 auto;border:3px solid #aaa;background:transparent;color:#aaa;padding:.8rem 1.4rem;font:400 clamp(1.2rem,1.7vw,1.8rem) var(--mono);cursor:pointer}.form-note{min-height:1.2em;margin:.75rem 0 0;text-align:right;color:#aaa;font-size:.78rem}.copyright{grid-column:1/-1;margin:4rem 0 0;text-align:center;color:#686868;font-size:clamp(.78rem,1vw,1rem)}@media(max-width:900px){.site-header{height:78px}.brand-wordmark{width:220px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:1.5rem 5vw;background:#fff;flex-direction:column;align-items:flex-start;gap:1.25rem;border-top:1px solid #ddd}.site-header nav.open{display:flex}.video-section,.more-work{padding-left:5vw;padding-right:5vw}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 4vw}.stills-band{clip-path:polygon(0 2%,30% 0,72% 3%,100% 1%,100% 97%,70% 100%,28% 96%,0 98%);padding-left:5vw;padding-right:5vw}.stills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 5vw}footer{grid-template-columns:1fr;padding-top:5rem}.footer-about{padding-top:0}.footer-about img{width:170px;height:170px}.footer-about p{margin:auto;text-align:center}.footer-about+form{max-width:900px;width:100%;margin:auto}}@media(max-width:600px){.brand-wordmark{width:175px}.video-section,.more-work{padding-top:3.5rem;padding-bottom:5rem}.section-copy{margin-bottom:3rem}.work-grid{grid-template-columns:1fr;gap:3.5rem}.stills-band{padding-top:6rem;padding-bottom:7rem;clip-path:polygon(0 1%,35% 0,75% 2%,100% 1%,100% 99%,70% 100%,25% 98%,0 99%)}.stills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 4vw}.more-work>h2{margin-bottom:3rem}.form-row{grid-template-columns:1fr;gap:1rem}textarea{margin-top:1rem;min-height:220px}footer{padding-left:5vw;padding-right:5vw}.footer-about img{width:140px;height:140px;margin-bottom:2rem}}

/* Homepage hero composition matched to the original live presentation. */
@media (min-width: 901px) {
  #video {
    scroll-margin-top: 80px;
    padding: 0 5.5vw 4.125rem;
  }

  #video .section-copy {
    width: 28.6rem;
    max-width: 28.6rem;
    margin: 0;
    padding: 1.28rem 0;
  }

  #video .section-copy h1 {
    margin: 0 0 .625rem;
    font-size: 1.5rem;
    line-height: 1.1;
  }

  #video .section-copy p {
    max-width: none;
    font-size: .8125rem;
    line-height: 1.2;
  }

  #video .featured-grid {
    padding-top: 1.28rem;
    column-gap: 4.85vw;
    row-gap: 0;
  }

  #video .work-card h2 {
    margin: .625rem auto;
    font-size: 1.125rem;
    line-height: 1.1;
  }

  #video .work-card p {
    font-size: .8125rem;
    line-height: 1.2;
  }

  #video .work-card p a {
    font-style: italic;
  }
}
.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-note a{color:inherit}

/* Keep the homepage masthead in step with the shared compact-on-scroll nav. */
.site-header {
  transition: height 220ms ease, padding 220ms ease, background-color 220ms ease,
    box-shadow 220ms ease;
}

.site-header .brand-wordmark,
.site-header .brand-mark,
.site-header nav,
.site-header nav a,
.site-header .menu-toggle span:not(.sr-only) {
  transition: width 220ms ease, font-size 220ms ease, gap 220ms ease,
    transform 220ms ease, opacity 160ms ease;
}

.site-header.compact {
  height: 60px;
  padding-inline: 2.7vw;
  background: rgba(255,255,255,.985);
  box-shadow: 0 3px 16px rgba(0,0,0,.07);
}

.site-header.compact .brand-mark {
  width: 42px;
  height: 42px;
}

.site-header.compact nav {
  gap: 24px;
}

.site-header.compact nav a {
  font-size: 13px;
}

@media (max-width: 900px) {
  .site-header.compact {
    height: 62px;
    padding-inline: 4vw;
  }

  .site-header.compact .brand-mark {
    width: 40px;
    height: 40px;
  }

  .site-header.compact nav {
    top: 62px;
  }

  .site-header.compact .menu-toggle span:not(.sr-only) {
    width: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header,
  .site-header * {
    transition-duration: 0.01ms;
  }
}

/* Editorial homepage index. */
.editorial-home {
  width: 100%;
  padding: 0 clamp(1rem, 2vw, 2.5rem);
  background: #fff;
}

.editorial-video,
.editorial-stills {
  width: 100%;
  margin-inline: auto;
  scroll-margin-top: 80px;
}

.editorial-video {
  padding: .5rem 0 2.15rem;
}

.editorial-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 2.6rem;
  border-bottom: 1px solid #4a4a4a;
}

.editorial-video > .editorial-section-heading {
  margin-bottom: 1.35rem;
}

.editorial-section-heading p,
.editorial-section-heading a {
  margin: 0;
  font-size: .72rem;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
}

.editorial-section-heading a {
  color: var(--red);
  text-transform: none;
  letter-spacing: 0;
}

.editorial-video-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.35rem .8rem;
}

.editorial-card {
  min-width: 0;
  text-align: left;
}

.editorial-image {
  display: block;
  width: 100%;
  aspect-ratio: var(--video-thumbnail-ratio);
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #111;
  color: inherit;
  cursor: pointer;
}

.editorial-image img,
.editorial-image iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  transition: transform 280ms ease, opacity 280ms ease;
}

.editorial-card:hover .editorial-image img,
.editorial-image:focus-visible img {
  transform: scale(1.015);
  opacity: .93;
}

.editorial-still div {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: .7rem;
  align-items: baseline;
  margin-top: .55rem;
}

.editorial-still div > span {
  font-size: .72rem;
}

.editorial-title {
  margin-top: .75rem;
  text-align: center;
}

.editorial-title h2 {
  margin: 0;
  font: 400 clamp(1.05rem, 1.45vw, 1.45rem)/1.08 var(--sans);
  text-transform: uppercase;
}

.editorial-still h2 {
  margin: 0;
  font: 400 .79rem/1.15 var(--sans);
  text-transform: uppercase;
}

.editorial-meta {
  margin: .42rem auto 0;
  color: #6f6f6f;
  font-size: clamp(.76rem, 1vw, 1rem);
  line-height: 1.2;
  text-align: center;
}

.editorial-meta a {
  margin-left: .25rem;
  color: var(--red);
  text-decoration: none;
  white-space: nowrap;
}

.editorial-stills {
  padding: 0 0 3.2rem;
}

.editorial-stills-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .85rem;
  padding-top: 1.35rem;
}

.editorial-still {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.editorial-still > img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  object-position: center center;
  transition: transform 280ms ease, opacity 280ms ease;
}

.editorial-still:nth-child(3) > img {
  object-position: 58% center;
}

.editorial-still:hover > img,
.editorial-still:focus-visible > img {
  transform: scale(1.015);
  opacity: .93;
}

.editorial-still > p {
  margin: .55rem 0 0;
  color: #777;
  font-size: .65rem;
  line-height: 1;
  text-transform: uppercase;
}

.editorial-still div {
  grid-template-columns: 1.4rem minmax(0, 1fr);
  gap: .55rem;
  margin-top: .45rem;
}

.editorial-still h2 {
  font-size: .72rem;
}

@media (max-width: 1050px) {
  .editorial-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .editorial-stills-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .editorial-home {
    padding: 0 5vw;
  }

  .editorial-video {
    padding-top: 1rem;
  }

  .editorial-video-grid,
  .editorial-stills-grid {
    grid-template-columns: 1fr;
  }

  .editorial-section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: .7rem;
    padding: 1rem 0;
  }

  .editorial-stills-grid {
    padding-top: 1rem;
  }

}

/* Carry the same compact reference system through the rest of the homepage. */
@media (min-width: 901px) {
  .stills-band {
    padding: 4.75rem 5.5vw 3.2rem;
  }

  .stills-band .section-copy {
    width: 35.2rem;
    max-width: 35.2rem;
    margin: 0 0 1.94rem;
  }

  .stills-band .section-copy h2 {
    margin: 0;
    padding-bottom: .625rem;
    font-size: 1.5rem;
    line-height: 1.1;
  }

  .stills-band .section-copy p {
    max-width: none;
    font-size: .8125rem;
    line-height: 1.2;
  }

  .stills-grid {
    gap: 4.85vw;
  }

  .still-card h3 {
    margin-top: .625rem;
    font-size: 1.0625rem;
    line-height: 1.1;
  }

  .more-work {
    padding: 4.08rem 5.5vw 10.375rem;
  }

  .more-work > h2 {
    margin: 0 0 3.16rem;
    padding-bottom: .625rem;
    font-size: 1.5rem;
    line-height: 1.1;
  }

  .more-grid {
    column-gap: 4.85vw;
    row-gap: 3.16rem;
  }

  .more-grid .work-card h3 {
    margin: .625rem auto 0;
    padding-bottom: .625rem;
    font-size: 1.125rem;
    line-height: 1.1;
  }

  .more-grid .work-card p {
    font-size: .8125rem;
    line-height: 1.2;
  }

  footer {
    grid-template-columns: minmax(290px, .64fr) minmax(0, 1fr);
    column-gap: 5vw;
    row-gap: 0;
    padding: 4.75rem 5.5vw;
  }

  .footer-about {
    padding-top: 1.875rem;
  }

  .footer-about img {
    width: 13.325rem;
    height: 13.325rem;
    margin: 0 auto 1.5625rem;
  }

  .footer-about p {
    font-size: .8125rem;
    line-height: 1.2;
  }

  .footer-about + form h2 {
    margin: 0;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.1;
  }

  .form-row {
    gap: 1.25rem;
  }

  input,
  textarea {
    padding: 1rem;
    font-size: .875rem;
    line-height: 1.1;
  }

  textarea {
    min-height: 9.375rem;
    margin-top: 1.25rem;
  }

  form button {
    margin-top: .625rem;
    border-width: 2px;
    padding: .375rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.7;
  }

  .copyright {
    margin-top: 3.16rem;
    font-size: .8125rem;
    line-height: 1.2;
  }

  .form-note:empty {
    height: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
  }
}