@charset "utf-8";

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;border: none;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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,time{display:block}summary{display:list-item}[hidden],template{display:none}address{font-style:normal}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#fdff32;text-shadow:none}::selection{background:#fdff32;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}

.hidden,.no-js .no-js-hidden{display:none!important}.sr-only,.screen-reader-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr-only.focusable:active,.sr-only.focusable:focus,.screen-reader-text.focusable:active,.screen-reader-text.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}

.uc {text-transform: uppercase;}
.nowrap{white-space: nowrap;}

#skiptocontent a{padding:6px;position:absolute;top:-40px;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:#BF1722;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}


/*! general 

font-family: aktiv-grotesk, sans-serif;
font-weight: 400 and 500
font-family: big-caslon-fb, serif;
font-weight: 400

*/

html{height:100%;overflow-y:scroll;}
body{height:100%;font-family:aktiv-grotesk,sans-serif;font-weight:500;background:#fff;color:#222;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

#ow{min-height:100%;position:relative;}
#iw{padding-bottom:150px;}

.contain{margin:0 auto;padding:0 18px;box-sizing:border-box}
#content .contain{max-width:1220px;}


#header{position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background: #fff;}
    
#mobile-breadcrumb{position:absolute;top:24px;left:10px;font-size:.8em;}

#header .logo {
  display: block;box-sizing:border-box;
  height: 54px;width:100px;
  background:url(../img/helloartists.svg) no-repeat center;
  background-size:contain;margin:0 auto
}
#main-nav {
  position:fixed;
  top:0;left:0;
  width:100%;
  z-index:999;
  background:#FDF8F5;
  text-align: center;
  font-size:.9em;
  letter-spacing: .03em;
  height:0;
  overflow-y:scroll;
  transition: height 400ms;
  box-sizing:border-box;
}
.is-active #main-nav {
  padding:1em 0 0;
  height:100vh;
}
#header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header li a {
  color: #000;
  text-decoration: none;
  padding: .1em 0;
  display:block;
}
#header li{
  padding: 4em 0 0;
}
#header li li{
  font-family: big-caslon-fb,serif;
  font-weight: 400;
  font-size:1.4em;
  padding: .1em 0 0;
}

#header li:nth-last-child(3){padding-bottom:4em}
#header li li:nth-last-child(3){padding-bottom:0}
#header li.no-subnav{float:left;width:50%;border-top:1px solid #000;box-sizing:border-box;padding:2em 0}
#header li.news{border-right:1px solid #000}


#menu-trigger,#menu-trigger .icon{margin:0;padding:0;height:32px;position:absolute;cursor:pointer;z-index:9999}
#menu-trigger{top:10px;right:9px;min-width:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;color:#222;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
#menu-trigger .label{display:none}
#menu-trigger .icon{top:0;right:0;overflow:hidden;width:32px;font-size:0;text-indent:-9999px}
#menu-trigger .icon span{display:block;position:absolute;top:16px;left:0;right:0;height:2px;background:none;-webkit-transition:background 0s .3s;transition:background 0s .3s}
#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:2px;background-color:#222;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s;width:23px}
#menu-trigger .icon span::before{top:-3px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
#menu-trigger .icon span::after{bottom:-4px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}

.is-active #menu-trigger{position:fixed}
.is-active #menu-trigger .icon span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:2px}
.is-active #menu-trigger .icon span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.is-active #menu-trigger .icon span::after,.is-active #menu-trigger .icon span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s;}
#menu-trigger:focus { /*outline: 1px dotted #fff;*/outline:none }



#content{letter-spacing:.02em;padding-top:54px}

h1,h2,h3{font-family:big-caslon-fb,serif;font-weight:400;}
h4,h5,h6{font-weight:400;}

h1{font-size:1.3em;text-align:center}
h2{font-size:1.1em;text-align:center}
h3{font-size:.8em;}
h4{font-size:.7em;}


/* home */
#home-slider{position:relative;color:#fff;}
.slideshow{position:absolute;top:0;left:0;width:100%;}
.slide{position:relative;background:no-repeat center;background-size:cover;}
.slide-meta{position:absolute;width:100%;bottom:1.2em;left:0;}
.slide-meta .artist{font-family:big-caslon-fb,serif;font-weight:400;}
.slide-meta .description{display:none}
#slide-counter{position:absolute;width:100%;left:0;bottom:1.2em;text-align:right;font-family:big-caslon-fb,serif;font-weight:400}
#slide-nav-left{position:absolute;width:33%;top:0;left:0;}
#slide-nav-right{position:absolute;width:33%;top:0;right:0;}
#home-slider,.slideshow,.slide,#slide-nav-left,#slide-nav-right{height:125vw;}


#home-tagline{background:#FDF8F5;padding:4em 18px}

#home-artists{max-width:1220px;margin:0 auto;box-sizing:border-box;padding:3em 12px 2em}
#home-artists header{position:relative;
  box-sizing:border-box;
  padding:0 6px;}
  

  #filters{font-size:.65em;display:flex;justify-content:flex-end;width:50%;}
  #filter-label{display:inline-block;padding:10px 30px 0 0;vertical-align:top}
  .filter-group{display:inline-block;border:1px solid #000;background:#fff;margin:0;padding:0;list-style:none;text-transform:uppercase;width: 50%;width: calc(50% - 30px);box-sizing:content-box;}
  .filter-group li{cursor:pointer;box-sizing:border-box;min-width:200px;padding:9px 13px 5px}
  .filter-group li:hover{background-color:rgba(0,0,0,.1)}
  .filter-group li{cursor:pointer}
  #filters .arrow{position:absolute;z-index:1001;top:13px;right:13px;height:5px;width:7px;background:url(../img/down.svg) no-repeat;pointer-events:none}

.home #filters{display:none}


#grid {
  position: relative;
  overflow: hidden;
  
}
.grid-item,
.grid-sizer {
  position: relative;
  box-sizing: border-box;
  min-height: 1px;
  padding: 0 6px;
  width: 33.333333%;
  float: left;
  margin-top: 12px;
  font-size:.6em;
  color:#1D1D1D;
  text-decoration:none;
}
#home-artists .grid-item,
#home-artists .grid-sizer {width: 25%;margin-top: 2em;}
.grid-sizer {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.grid-item img,
.grid-item video{
  width:100%;
}
.grid-item .img{
  width:100%;padding-bottom:133%;
  background:no-repeat center;background-size:cover;
}
.grid-item h3{margin-top:.8em}

#home-news{background:#1D1D1D;color:#fff;}
#home-news header{padding:3em 18px 2em}
#home-news header a{display:none}
#home-news ul{list-style:none;display:flex;justify-content:space-between}
#home-news li{width:50%;box-sizing:border-box;margin-right:12px;padding-bottom:2em}
#home-news li:last-child{display:none}
#home-news li+li{margin-right:0}
#home-news li a{color:#fff;text-decoration:none;line-height:1.5}
#home-news li img{width:100%;margin-bottom:.3em}
#home-news time{font-size:.7em}

#services header{padding:3em 0 2em}
#services ul{list-style:none;width:70%;margin:0 auto;padding:0;column-count:2;column-gap:25%;font-size:.9em;font-weight:400}


/* artist */
#index-artist{max-width:1220px;margin:0 auto;box-sizing:border-box;padding:3em 12px 2em;text-align:center}
#index-artist header{position:relative;box-sizing:border-box;padding:0 12px;font-size:.9em}
#index-artist header .artist-type{font-size:.9em}
.details-title{font-family:big-caslon-fb,serif;font-weight:400;font-size:1.1em;margin:2em 0 1em;}
.details-title .arrow{background:url(../img/down.svg) no-repeat;background-size:contain;display:inline-block;width:12px;height:8px;margin-left:.7em;}
.details-text{font-size:.8em;}
  
  
/* proposal */
#views{display:none;}
#present-artist{padding:0 24px;}
#present-artist #intro{font-size:.8em;}
#present-artist h1{text-align:left;font-size:2em}
#present-artist p{padding-right:75px}
#present-artist a{color:#222}
#proposal-images video,
#proposal-images img{display:block;margin-bottom:24px}
#thankyou h2{padding-top:50px;}
.single-images #proposal-images img{width:100% !important;height:auto !important;}

  #proposal-images .vwrap{position:relative;}
  #proposal-images .vwrap::before{position:absolute;bottom:0;right:0;content:'Play Video';background:rgba(0,0,0,.7);color:#fff;text-transform:uppercase;padding: .9em 1.5em .4em 1.7em;font-size: .8em;}
  #proposal-images .vplay::before{content:'Pause Video'}
  
  #proposal-images video{max-width:100%;height:auto !important}



#footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
}
#footer .contain{
    padding-bottom: 2.5em;
    line-height: 2.5;
    font-size:.6em;
    display:flex;
    justify-content:space-between
}
#footer a{color:#222;text-decoration:none}

#footer span.line{display:block}
#footer .email-address{display:none}
#social-links{text-align:right}
#social-links a{display:block}

.desktop-nav{display:none}

@media only screen and (max-width:840px) {
  .mobile-hidden{display:none}
}

@media only screen and (min-width:840px) { 
  #ow{min-height:100%;position:relative;}
  #iw{padding-bottom:100px;}
  #mobile-breadcrumb{display:none}
  
  .contain{padding:0 2.5vw;}
  
  #header .logo {height:70px;width:125px;margin:0;float:left;}
  #nav{float:right}
  
  #menu-trigger{display: none;}
  #main-nav {position:static;width:auto;height:auto;transition:none;background:none;text-align:right;text-transform:uppercase;font-size: .65em;letter-spacing: .09em;margin-top:2.5em}
  #header ul ul {display:none}
  #header li {display: inline-block;margin: 0 1.4em;padding:0;}
  #header li a{padding:1em 0}
  #header li.last {margin-right:0}
  #main-nav a::after{
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0px;
    background: #000;
    transition: width .25s ease;
    /*transform: translateY(-3px);*/
  }
  
  #main-nav a:hover:after {
    width: 100%;
  }

#header li:nth-last-child(3){padding-bottom:0}
#header li.no-subnav{float:none;width:auto;border:none;padding:0}

body.photographer-directors .photographer-directors a,
body.set-design-prop-styling .set-design-prop-styling a,
body.food-styling .food-styling a{color:#9A9A9A}
 
  #content{padding-top:70px} 
 
  h1{font-size:1.5em;}
  h2{font-size:1.4em;text-align:left}
  h3{font-size:1.2em;}
  h4{font-size:1em;} 
  
  /* home */
  #home-slider,.slideshow,.slide,#slide-nav-left,#slide-nav-right{height:56vw;}
  #slide-nav-left{height:calc(56vw - 15px);cursor: url(../img/left-whitebkg.svg), auto;}
  #slide-nav-right{height:calc(56vw - 15px);cursor: url(../img/right-whitebkg.svg), auto;}
  .slide-meta{font-size:1.4em}
  .slide-meta .description{display:block;font-size:.6em}
  #slide-counter{font-size:1.2em;bottom:2.4em}
  
  #home-tagline{padding:5em 2.5vw}

  #home-artists{padding:3em calc(2.5vw - 12px) 4em}
  #home-artists header{padding:0 12px;}
  
  .home #filters{display:block;position:absolute;z-index:1000;top:0;right:12px;}
  
  
.grid-item,
.grid-sizer {
  width: 33.333333%;margin-top: 24px;padding: 0 12px;
}
#home-artists .grid-item,
#home-artists .grid-sizer {width: 25%;}

  
  .grid-item h3{font-size:1.5em;margin:.6em 0}
  
  
  #home-news{padding-bottom:2em}
  #home-news header{padding:3em 2.5vw 2em}
  #home-news header h2 {float:left}
  #home-news header a {float:right;display:block;color:#fff;text-transform:uppercase;text-decoration:none;font-size: .65em;letter-spacing: .08em;}
  #home-news li{width:33%;margin-right:2.2vw;}
  #home-news li+li{margin-right:2.2vw;}
  #home-news li:last-child{display:block;margin-right:0}
  .news-img{
    display: table-cell;
    vertical-align: middle;
  }
  #home-news h3 {font-size:.9em}
  #home-news h4 {font-size:.7em;margin: .2em 0;}
  
  #services{padding-top:4em;padding-bottom:5em;display:flex;align-items:baseline;line-height:1.8;}
  #services header {box-sizing:border-box;width:32%;margin-right:2.2vw}
  #services ul {
    width: 66%;
    margin: 0;
    column-count: auto;
    column-gap: normal;
    font-size:1.04em;
  }
  #services li { display:inline-block}
  #services li::after{content:' / ';margin:0 .15em}
  #services li:last-child::after{content:'';}
  
  
  
  /* artist */
  #index-artist{padding:3em calc(2.5vw - 12px) 2em}
  
  
  /* proposal */
  body.proposal #iw{padding-bottom:0;}
  body.proposal #content{padding-top: 100px;}
  #present-artist{margin-left:2.5vw}
  #present-artist header{width:300px;float:left;height:calc(100vh - 230px);position:relative}
  #proposal-images{overflow-x: scroll;overflow-y: hidden;height:calc(100vh - 230px);white-space:nowrap;/* opacity:0; */}
  #proposal-images div{display:inline-block;box-sizing:border-box;padding:0 12px;vertical-align:top}
  .single-images #proposal-images div{padding:0}
  .single-images #proposal-images .vwrap,
  .single-images #proposal-images img{display:inline-block;width:auto;box-sizing:border-box;margin:0 12px;}
  #proposal-images img+img,
  #proposal-images video+img,
  #proposal-images img+video,,
  #proposal-images video+video,
  #proposal-images .vwrap+img,
  #proposal-images img+.vwrap,
  #proposal-images .vwrap+.vwrap{margin-bottom:0}
  
  #proposal-images .vwrap{padding:0;cursor:pointer}
  #proposal-images .vwrap::before{bottom:24px}
  #proposal-images .vwrap+.vwrap::before,
  #proposal-images .img+.vwrap::before{bottom:0}
  
  .single-images #proposal-images video{max-width: none !important;width: auto !important;
    height: calc(100vh - 230px) !important;}
  
  #thankyou{width:400px;height:calc(100vh - 230px);vertical-align:middle;position:relative}
  #thankyou h2{padding:0;position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;}
  
  #views{display:block;font-size:.7em;line-height:2.5;position:absolute;bottom:0}
  #view-individual{width:22px;height:26px;float:left;cursor:pointer;background:#D8D8D8;margin-right:12px;}
  .single-images #view-individual{background:#222}
  #view-grid{width:26px;height:26px;float:left;cursor:pointer;fill:#222}
  .single-images #view-grid{fill:#D8D8D8}
  .single-images #proposal-images img{width:auto !important;height:calc(100vh - 230px) !important;}
  
  #footer .contain{font-size:.74em}
  #footer address{display:inline-block}
  #footer address::after,
  #footer .phone::after{content:' | ';margin:0 .5em}
  #footer span.line{display:inline-block}
  #footer .email-address{display:inline-block}

  #social-links a{display:inline-block;font-size:.9em;letter-spacing:.1em;}
  #social-links a::after{content:' | ';margin:0 .5em}
  #social-links a:last-child::after{content:'';}

  .desktop-nav{position:fixed;top:0;bottom:0;width:100%;overflow-y:scroll;background:#fff;z-index:9999}
  .desktop-nav .sample{width:50%;background:#C4CFC9 no-repeat center;background-size:cover}
  .desktop-nav .links{width:50%;position:relative;overflow-y:scroll}
  .desktop-nav .links header{text-align:right;text-transform:uppercase;font-size: .65em;letter-spacing: .05em;padding:2em 3em 0 0;}
  
  .desktop-nav button{margin:0 0 0 3em;padding:0;min-width:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;color:#222;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);vertical-align:middle}.desktop-nav button:focus { outline:none }.desktop-nav .icon{display:block;height:32px;cursor:pointer;overflow:hidden;width:32px;}.desktop-nav .icon span{display:block;position:relative;}.desktop-nav .icon span::after,.desktop-nav .icon span::before{pointer-events:none;position:absolute;top: 1.25em;display:block;height:2px;background-color:#222;content:"";width:23px}.desktop-nav .icon span::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.desktop-nav .icon span::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}


  .desktop-nav .links ul{position:absolute;top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);list-style:none;margin:0;padding:0}
  .desktop-nav .links li{
  font-family: big-caslon-fb,serif;
  font-weight: 400;
  font-size:1.4em;
  padding: .2em 0;
  }
  .desktop-nav .links ul a{text-decoration:none;color: #000;white-space:nowrap}
  .desktop-nav .links ul a:hover{color: #9A9A9A;}
  
  
}

@media only screen and (min-width:840px) and (max-height:520px) {
  .desktop-nav .links ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  }
}