/*@font-face {
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/AktivGrotesk-Regular.woff2) format('woff2'),
       url(../fonts/AktivGrotesk-Regular.woff) format('woff');
}
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Questrial-Regular.woff2) format('woff2'),
       url(../fonts/Questrial-Regular.woff) format('woff');
}*/
@font-face {
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Graphik-Regular-Web.woff2) format('woff2'),
       url(../fonts/Graphik-Regular-Web.woff) format('woff');
}
@font-face {
  font-family: 'Rongel';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Rongel-Regular.woff2) format('woff2'),
       url(../fonts/Rongel-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Rongel';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Rongel-Semibold.woff2) format('woff2'),
       url(../fonts/Rongel-Semibold.woff) format('woff');
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.4;font-size: 1em;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:'Aktiv Grotesk',Helvetica,sans-serif;background:#fff;background-size:contain;color:#222;overflow-x:hidden;overflow-y:scroll;}
main{display:block;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;color:#222;text-decoration:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:700;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
.hidden, [hidden],.no-js .no-js-hidden,.js .js-hidden{display:none !important}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

.sr-only,
.img-replace span{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before, .clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.nowrap{white-space: nowrap;}
#skiptocontent a{position:absolute;top:-50px;padding:6px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#D14A1F;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-cell{position:absolute;width:100%;left:0}
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}

#header{position:fixed;width:100%;box-sizing:border-box;top:0;left:0;right:0;text-transform:uppercase;padding:1rem 2rem;z-index:10000;background:#fff}
#titles{font-family:Rongel,serif;text-align:center;}
.logo{display:block;padding:0 0 .4rem .6rem;font-size:clamp(.9em, 1.2vw, 1.6vw);letter-spacing:0.3em;font-weight:600}
.logo svg path{fill:#222}
h1{font-size:clamp(.9em, 1.2vw, 1.6em);letter-spacing:0.3em;padding-left:.6rem;font-weight:600;}

#menu-trigger{position:absolute;top:0;left:0;z-index:999;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;transform:translateZ(0);width:32px;height:55px;margin:0;padding:0;cursor:pointer;pointer-events:auto}
#menu-trigger .icon{position:relative;display:block;width:23px;height:32px;margin-left:9px}
#menu-trigger .icon span{display:block;position:absolute;top:12px;left:0px;right:0px;height:1px;border-radius:500px;background-color:#222;transition:background 0s .3s}
#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:1px;border-radius:500px;background-color:#222;content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s;width:100%}
#menu-trigger .icon span::before{top:-7px;transition-property:top,transform}
#menu-trigger .icon span::after{bottom:-7px;transition-property:bottom,transform}
.is-active #menu-trigger .icon span{background:0 0!important;}
.is-active #menu-trigger .icon span::before{top:0;transform:rotate(45deg);transition-delay:0s,.3s;}
.is-active #menu-trigger .icon span::after{bottom:0;transform:rotate(-45deg);transition-delay:0s,.3s;}
#main-menu{transform:translateX(200%);position:fixed;top:0;left:0;width:100%;transition:transform 500ms ease-in;z-index:20;background:#fff;bottom:0}
.is-active #main-menu{transform:translateX(0);overflow-y:scroll;}

nav ul{list-style:none;margin:4rem 0 0 23px;padding:0}

#images{list-style:none;margin:0;padding:5.2rem 0 0;width:100%;overflow-x:hidden}
.large,
.medium,
.half,
.third,
.twothirds,
.quarter{margin:2rem 0;display:flex;flex-wrap:wrap}
.full+.full{margin-top:2rem}
figure{margin:0;padding:0;width:100%}
figcaption{text-transform:uppercase;font-size:.7em;margin:.4rem 0 0 5%}
.half figure,
.third figure,
.twothirds figure,
.quarter figure{width:70%}
.medium figure{width:90%}
.right{justify-content:flex-end;}
.center{justify-content:center;}
#images picture,
#images img,
.profile picture,
.profile img{width:100%;height:auto}
.full .text{font-family:Rongel,serif;width:90%;margin:2rem auto 0}
.double .text{font-family:Rongel,serif;width:90%;margin:0 auto 2rem}
.title{font-family:Rongel,serif;text-align:center;width:90%;margin:0 auto;font-size:1em}
.title+li{margin-top:1rem!important}
.margin-top{margin-top:2rem}

h2.work-title{font-size:clamp(1.2em, 1.5vw, 2em);letter-spacing:0.3em;padding:0 2rem;font-weight:600;    font-family: Rongel,serif;
    text-align: center;text-transform:uppercase;margin-top:3rem;}
p.work-description{font-size:clamp(1.2em, 1.4vw, 1.8em);font-family: Rongel,serif;
    text-align: center;margin:1rem 0 3rem;padding:0 2rem;}
.project-description p{font-size:clamp(.9em, 1.2vw, 1.6em);font-family: Rongel,serif;}

.contact,
.profile{width:80%;padding:5.2rem 0 8rem;margin:0 auto;}
.about h2,
.contact h2{font-weight:400;text-decoration:underline;text-transform:uppercase;font-size:.9em;margin:2rem 0 0}
.about h2,
.contact h2{margin-bottom:.8rem}
.about h2+p,
.contact h2+p{margin-top:0}
.profile ul{list-style:none;margin:0;padding:0;font-family:Rongel,serif;text-transform:uppercase;font-size:.8em;}
.profile li{padding-top:.4rem}
.contact p,
.profile p{font-family:Rongel,serif;}
.profile p{font-size:.9em}

#videos{list-style:none;margin:0;padding:0;width:90%;margin:0 auto;}
#videos picture,
#videos img{width:100%;height:auto}
/*#videos figcaption{text-transform:none;font-size:.9em;font-family:Rongel,serif;}*/

.video-detail{width:90%;margin:0 auto;}
.video-wrap {
  display: inline-block;
  height: 0;
  width: 100%;
  padding-bottom: 56.23%;
  position: relative;
  overflow: hidden;
}
.narrow .video-wrap{padding-bottom:37.5%;}

.video-wrap iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: transparent;
}
.meta{width:90%;margin:0 auto;}
.meta h2{text-decoration:none;text-transform:none;font-family:Rongel,serif;margin-bottom:3rem;}
.meta h2 em{/*font-weight:600;*/}
.meta ul span{display:block;font-family:'Aktiv Grotesk',Helvetica,sans-serif;text-transform:uppercase;font-size:.9em;margin-top:.5rem;}
.meta p.link a,
a.card-link{font-family:'Aktiv Grotesk',Helvetica,sans-serif;text-transform:uppercase;font-weight:600;}
.meta p.link a{text-decoration:underline;font-size:.9em;}
a.card-link{display:inline-block;border:1px solid #222;padding:.8rem 1.5rem;font-size:.8em}
.meta ul,
.meta p,
.meta blockquote{font-family:Rongel,serif;font-size:.9em;}
.meta-column ul{list-style:none;margin:0;padding:0;}
.meta-column li{margin-top:.3rem;}
.meta blockquote{margin:2rem 0;font-style:italic}
.meta blockquote cite{margin-top:.5rem;font-family:'Aktiv Grotesk',Helvetica,sans-serif;font-style:normal;font-size:.9em;}
.meta blockquote cite span{text-transform:uppercase;font-size:.9em;}
h2+.back-link{margin-top:2rem}
.back-link{text-align:center;}


.home #iw{padding-top:3rem}
.home .carousel-cell figure{height:calc(100vh - 7rem);}
.home .carousel-cell picture,
.home .carousel-cell img{display:block;width:100%;height:100%;object-fit: cover;object-position: center;}
.carousel-wrap{position:relative}
.carousel-wrap nav ul{list-style:none;margin:0;padding:0;display:inline-block}
.carousel-wrap nav li{display:inline-block}
.carousel-wrap nav a{text-transform:uppercase}


.carousel-wrap nav{position:absolute;top:33%;left: 50%;transform: translate(-50%, -50%);width:100%;text-align:center;}
.carousel-wrap nav li{margin-right:1px}
.carousel-wrap nav li{margin:0 0 0 1px}
.carousel-wrap nav a{display:inline-block;background:#fff;font-size:1.3em;padding:.7rem 1.4rem;text-transform:uppercase}
  
  #images li:last-child{margin-bottom:8rem}

  body, html {
    height: 100%;
  }
  #ow {
    min-height: 100%;
    position: relative;
  }
  #iw {
    padding-bottom: 0;
  }

#footer{
    background:#fff;
    bottom: 0;
    position: absolute;width:100%;
    left:0
  }
#footer div{text-transform:uppercase;font-size:.7em;
    width: 90%;
    box-sizing:border-box;
    padding:1rem 0 2rem;
    margin:0 5%;
    border-top:1px solid #222;
}

@media only screen and (max-width: 1099px){
  .logo svg{width:11rem}
  #profile ul{margin-top:1rem}
  .half.left,
  .half.right{justify-content:center;}
  .double figure{margin-left:15%}
  .double figure+figure{margin-top:2rem}
  /*.home .carousel-wrap{margin-bottom:3rem;}
  .carousel-wrap nav{text-align:center;padding-top:1rem}
  .carousel-wrap nav li{padding:0 1rem 0 0}
  .carousel-wrap nav li+li{padding:0 0 0 1rem}
  .carousel-wrap nav a{font-size:.7em}*/
  .carousel-wrap nav a{font-size:.7em}
  #videos{padding: 5.2rem 0 6em;}
  .video-detail{padding: 5.2rem 0 8rem;}
  #videos li{padding:0 0 2rem 0;}
  #videos picture{position:relative}
  #videos picture::after{content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 23px solid #fff;
  }
  .home #footer div{border:none}
  .project-description p{padding:0 2rem;}
}

@media only screen and (min-width: 1100px){
  #iw {
    padding-bottom: 4rem;
  }
  /*html{font-size:1.2em}*/
  #header{padding:1.2rem 1vw 1rem;background:none;}
  #titles{margin:0 8vw}
  .logo{padding-bottom:2rem}
  .logo svg{width:16.2%}
  
  #menu-trigger{display: none;}
  #main-menu{position:static;transform:none;transition:none;height:auto;width:100%;background:none;display:flex;justify-content:space-between}
  #profile{text-align:right}
  nav ul{font-size:.66vw;/*font-size:clamp(.6em, .9vw, .9em);*/margin:-4vw 0 0;}
  nav li{padding-bottom:.2rem}
  .home h1{margin-top:1.2rem;font-size:2em}
  .home nav ul{margin-top:-2.6rem}
  
  #images{padding-top:8vw}
  .large,
  .medium,
  .half,
  .third,
  .twothirds,
  .quarter{margin:11rem 9.2%;flex-wrap:nowrap}
  .wide{margin:11rem 0;}
  .full+.full{margin-top:11rem}
  .sm-margin-bottom{margin-bottom:5rem}
  .third.sm-margin-bottom{margin-bottom:2.5rem}
  .sm-margin-top{margin-top:0}
  .neg-margin-top{margin-top:-11rem}
  .large-neg-margin-top{margin-top:-20rem}
  .massive-neg-margin-top{margin-top:-40rem}
  .double{justify-content:space-between}
  .double figure+figure{margin:0}
  .custom-half figure{width:49%}
  .half figure{width:40.1%}
  .tight figure{width:48.5%}
  .third figure{width:32.4%}
  .twothirds figure{width:64.8%}
  .quarter figure{width:24.6%}
  .medium figure{width:78%}
  .full .text{width:60%;}
  .double .text{width:60%;}
  .margin-top{margin-top:12rem}
  .extra-drop{padding-top:25vw;}
  
  #images li:last-child{margin-bottom:6rem}
  
  figcaption{font-size:.66vw;margin:.4rem 0 0 .8vw}
  
  .contact{width:auto;padding:8vw 0 0;margin:0 auto;max-width:34rem;}
  .row{display:flex;justify-content:space-between}
  .row figure,
  .row div{width:46.6%}
  
  .text2026 .project-description{width:40%}
  .text2026 figure{width:53.2%}
  
  .profile{width:auto;padding:8vw 0 8rem;margin:0 9.2%;}
  h2{font-size:.66vw}
  .row+.row{margin-top:5rem}
  .clients h2,
  .clients ul{margin-left:5vw}
  .statement{padding-top: 3rem;}
  .statement p{margin-left:2vw;margin-right:2vw;}
  
  .profile p:first-child{margin-top:0;}
  .profile p:last-child{margin-bottom:0;}
  .below-row{margin-top:5rem}

  #videos{width:100%;margin:8vw 0 4rem;padding:0;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between}
  #videos li{width:32%;padding-bottom: 2rem;}
  #videos li a:hover picture{opacity:.8}
  .video-detail{box-sizing:border-box;width:100%;padding:8vw 9.2% 6rem;}
  /*#videos figcaption{font-size:.9em;}*/
  
  .meta{width:100%;/*display:flex;justify-content:flex-start*/}
  .meta h2{font-size:1em}
  .meta-column{width:33%;margin-left:1.7rem}
  .meta p.link a{font-size:.66vw;}
  
  #footer div{font-size:.66vw;
    padding:1vw 0 2vw;
    width:98%;
    margin:0 1%;
  }
.home #iw{padding-top:8vw}
.home .main-carousel{margin-bottom:8rem}

.home .carousel-cell figure{height:auto;}
  
}