*{box-sizing:border-box;text-rendering:optimizeLegibility}:root{--white: #f7f8fa;--black: #111111;--invisible: #ffffff00;--heroplaceholder: #111111;--loading: #d8d9dc}body{height:100%;margin:0;background-color:var(--white)}p,ul,li,a,h1{color:var(--black)}p,ul,li{font-family:roc-grotesk,sans-serif;font-size:16pt;font-weight:500;line-height:1.3;margin:1rem 0 0}h1,h2{margin:0;font-family:roc-grotesk-wide,sans-serif;font-weight:400}h1{text-align:center;font-size:24pt}h2{font-family:roc-grotesk-wide,sans-serif;font-size:20pt;font-weight:400;margin:0 auto 1rem}ul{padding-left:2rem;list-style-type:square}a:hover{font-style:italic}hr{border:0;margin:0 0 1rem;height:4px;background-color:var(--black)}button{background-color:var(--invisible);border:0;cursor:pointer}path{fill:var(--white)}video,img{width:100%;max-height:100%;-webkit-user-select:none;user-select:none;vertical-align:middle;font-size:0}iframe{width:100%;aspect-ratio:16 / 9}.hero,.hero-overlay,.hero-underlay,.hero-video{height:90vh;min-height:612px}.hero-overlay{position:absolute;display:grid;grid-template-columns:auto min-content;grid-template-rows:min-content auto;grid-template-areas:"top-nav top-nav" "about arrow";top:0;left:0;bottom:0;right:0;margin:0 auto;max-width:1440px;z-index:1}.hero-overlay>.top-nav>hr{background-color:var(--white)}.hero-overlay>.top-nav>.top-nav-header>*>a,.hero-overlay>.about>p,.hero-overlay>.about>ul>li>a{color:var(--white)}.hero-video{object-fit:cover;width:100vw;max-width:100%;position:relative;top:0;left:0;z-index:0;background-color:var(--heroplaceholder);filter:brightness(80%)}@media screen and (max-width: 700px){.hero,.hero-overlay,.hero-underlay,.hero-video{min-height:612px}}.top-nav{padding:0 1rem;margin:0 auto;grid-area:top-nav;max-width:1440px}.hero-overlay>.top-nav{margin:0}.top-nav-header{margin:1rem 0 .75rem;display:flex;justify-content:flex-end;gap:1.5rem}.top-nav-logo{margin-right:auto}.top-nav-link{font-family:roc-grotesk-wide,sans-serif;text-decoration:none;font-size:24pt}@media screen and (max-width: 700px){.top-nav-header{height:auto;flex-direction:column;gap:.2rem}.top-nav-logo{margin-right:0}}.about{margin:1.5rem;grid-area:about;align-self:flex-end}.about-links{list-style:none;margin:1rem 0 0;padding:0}.about-links>li{font-size:24pt;margin:0}.button-arrow{margin:1.5rem;padding:.5rem;justify-self:flex-end;align-self:flex-end;transition:transform .35s;overflow:hidden;white-space:nowrap}.button-arrow:hover{transform:translateY(-8px)}.real-about{display:grid;align-items:center;grid-template-columns:1fr 1fr;padding:1rem;gap:1rem}.medr-image-holder{height:100%}.medr-image{height:100%;object-fit:cover}.reel-embed{margin:0 auto;padding:1rem;max-width:1440px}.player-overlay{aspect-ratio:16 / 9}#projects{margin:0 auto;padding:1rem;max-width:1440px;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-link{aspect-ratio:1 / 1}.project-image{width:100%;height:100%;display:block;object-fit:cover;transition:filter .35s}.project-image:hover{filter:saturate(0) brightness(90%)}.project-image-overlay{position:absolute;display:inline-block}.project-nest{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.module{margin:0 auto 3rem;max-width:1440px}.module-title,.module-text{padding:0 3rem;max-width:1080px}.module-text{margin-left:auto;margin-right:auto}.module-title{margin:3rem auto}.module-media{display:grid}.module-media-grid{display:grid;grid-template-columns:1fr 1fr}.column-3{grid-template-columns:1fr 1fr 1fr}.column-4{grid-template-columns:1fr 1fr 1fr 1fr}.gap-1{gap:1rem;padding:0 1rem}.span-whole{grid-column:1 / -1}.span-3{grid-column:1 / 3}.module-media-group{margin:0 auto;display:grid}blockquote{font-style:italic;text-align:center;max-width:800px;margin:0 auto}.quote,.legal,.credit{font-size:12pt;text-align:center}.credit{margin:0 0 1rem;padding:0}.credit>li{list-style-type:none;margin:0}@media screen and (max-width: 700px){#projects{grid-template-columns:1fr;padding:0;gap:0}.project-nest{display:block}.module-title,.module-text{padding:0 1rem}.module-media-grid{grid-template-columns:1fr}.column-4{grid-template-columns:1fr 1fr}.player-overlay{margin:-1rem -1rem 0}.quote,.legal{font-weight:500}.medr-image{max-height:612px}}@media screen and (max-width: 400px){.real-about{grid-template-columns:1fr}}