body{
	    margin:0;
	    background:#0a0a0a;
	    color:#eef1f4;
	    font:16px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
	    letter-spacing:.01em;
	    font-variant-ligatures:none;
	    -webkit-font-smoothing:antialiased;
	    -moz-osx-font-smoothing:grayscale;
	  }
	  a{color:inherit}
	  .hero{
	    display:grid;
	    grid-template-columns: 1.2fr 0.8fr;
	    align-items:start;
	    gap:64px;
	    max-width:1160px;
	    margin: 0 auto;
	    padding: 60px 28px 44px;
	    min-height: calc(100vh - 120px);
	  }
	  .copy h1{
	    margin: 0 0 26px;
	    text-align:left;
	  }
	  .brand-wordmark{
	    display:flex;
	    align-items:center;
	    gap:12px;
	    width:max-content;
	  }
	  .brand-wordmark img{
	    display:block;
	    width:154px;
	    height:auto;
	    flex:none;
	    filter:brightness(.91);
	  }
	  .brand-wordmark span{
	    display:block;
	    color:#e8e8e8;
	    font-size:50px;
	    font-weight:600;
	    line-height:1;
	    letter-spacing:.10em;
	    text-transform:uppercase;
	    transform:translateY(0);
	  }
	  .nav{position:fixed;top:25px;right:max(24px,calc((100vw - 1160px)/2));z-index:10}
	  /* Top-right nav links */
	  .nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);text-decoration:none;font-weight:600}
	  .nav a:hover{color:rgba(255,255,255,.95);text-decoration:underline}
	  .nav a + a{margin-left:14px}
	  /* Backward compatibility for existing class */
	  a.portal{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);text-decoration:none;font-weight:600}
	  a.portal:hover{color:rgba(255,255,255,.95);text-decoration:underline}
	  .landing-video{
	    display:block;
	    margin:0;
	    width:100%;
	    max-width:700px;
	    height:auto;
	    aspect-ratio:1/1;
	    background:#050505;
	    object-fit:contain;
	    border:1px solid rgba(255,255,255,.10);
	    border-radius:0;
	    box-shadow:none;
	  }
	  .media .landing-video{ margin-top:76px; }
	  .about{max-width:60ch;margin:0;padding:0;color:#aeb4bc;line-height:1.7;font-size:15px;text-align:left;letter-spacing:0}
	  .about p{margin:0 0 14px 0}
	  .about p:first-child{color:#d7dbe0}
	  .about a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;opacity:.9}
	  .about a:hover{opacity:1}
	  .billing a{ color:#888; text-decoration:none; }
	  .billing a:hover{ color:#aaa; text-decoration:underline; }
	  .projects{max-width:60ch;margin:30px 0 0 0;padding:18px 0 0 0;border-top:1px solid rgba(255,255,255,.10);color:#c6cbd2;line-height:1.7;font-size:15px;text-align:left;letter-spacing:0}
	  .projects h3{
	    margin:0 0 10px 0;
	    font-size:12px;
	    letter-spacing:.16em;
	    text-transform:uppercase;
	    color:#e8e8e8;
	    opacity:.9;
	  }
	  .projects-list{list-style:none;margin:0;padding:0}
	  .projects-list li{margin:0 0 10px 0}
	  .projects .film{font-weight:600;color:#e8e8e8}
	  .projects .meta{color:#8d949c;font-size:.93em}
	  .posters{grid-column:auto; width:100%; max-width:60ch; margin:36px 0 0 0; padding:0 0 24px 0; color:#c6cbd2; line-height:1.7; font-size:15px; text-align:left}
	  .partners{width:100%;max-width:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.10);text-align:left}
	  .partners h3{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#e8e8e8;opacity:.9}
	  .partner-grid{display:flex;flex-wrap:wrap;align-items:center;gap:28px 18px;margin-top:18px}
	  .partner-logo{display:flex;align-items:center;height:48px}
	  .partner-logo img{display:block;width:auto;height:32px;max-width:160px;filter:grayscale(1) brightness(0) invert(1);opacity:.58;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
	  .partner-logo--azn img{height:24px}
	  .partner-logo--bridge img{height:23px}
	  .partner-logo--mingle img{height:35px}
	  .partner-logo--perfilm img{height:39px}
	  .partner-logo--helium img{height:39px;opacity:.62}
	  .partner-logo--nut img{height:31px}
	  .billing{ font-size:11px; color:#888; margin-top:22px; line-height:1.5; }
	  .posters h3{margin:0 0 10px 0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#e8e8e8;opacity:.9}
	  .poster-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(92px, 112px)); gap:12px; justify-content:flex-start}
	  .poster-grid img{
	    width:100%;
	    height:auto;
	    aspect-ratio:2/3;
	    display:block;
	    background:#111;
	    object-fit:cover;
	    filter: grayscale(100%) contrast(1.05);
	    border:1px solid rgba(255,255,255,.10);
	    pointer-events:none;
	    user-select:none;
	    -webkit-user-select:none;
	    -webkit-user-drag:none;
	    -webkit-touch-callout:none;
	  }
	  @media (max-width:700px){
	    a.portal{font-size:11px;letter-spacing:.10em}
	  }
	  @media (max-width:900px){
    .hero{ grid-template-columns: 1fr; gap:20px; margin:40px auto 32px; padding: 0 16px; grid-template-areas:
      "title"
      "about"
      "media"
      "projects"
      "posters"
	  "partners"
      "billing"; }
	    /* Expose children of .copy to the grid so we can interleave the video */
	    .copy{ display: contents; }
	    .copy h1{ grid-area:title; }
	    .brand-wordmark{ gap:10px; margin-bottom:8px; }
	    .brand-wordmark img{ width:142px; }
	    .brand-wordmark span{ font-size:45px; }
	    .about{ grid-area:about; margin-top:0; }
	    .media{ grid-area:media; }
	    .media .landing-video{ margin-top:10px; }
	    .project-sections{ grid-area:projects; }
	    .posters{ grid-area:posters; }
	    .partners{ grid-area:partners; }
	    .billing{ grid-area:billing; }
	    .landing-video{ max-width:96vw; margin:0 auto; }
	  }