*{margin:0;padding:0;border:none;outline:none}.preload *{-webkit-transition:none !important;transition:none !important}html{font-size:100%}.wf-loading .tk-fade{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.wf-active .tk-fade{opacity:1}body{width:100%;font-family:canada-type-gibson,sans-serif;font-weight:400;font-style:normal;font-size:1rem;color:#383734;background:#F4F4F4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body.masonry{overflow-y:scroll}a{color:inherit;text-decoration:underline}h1,h2,h3,p{line-height:1.4;margin-bottom:20px}h1:last-child,h2:last-child,h3:last-child,p:last-child{margin-bottom:0px}@media all and (max-width: 767px){h1,h2,h3,p{margin-bottom:10px}}em,i{font-style:italic}label,input,textarea,select{font-size:16px;display:block}input[type="checkbox"],input[type="radio"]{display:inline-block}input,textarea{background-color:transparent;padding:0px 10px;height:34px;color:#000;border:1px solid #000;border-radius:0px;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type="submit"]{padding:0px 10px;border:0px;cursor:pointer;border-radius:0px;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}label{padding-bottom:5px}.cover{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;opacity:0}.cover.loaded{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.loadme,.loadmeview{opacity:0}.bg-loadme{opacity:0}.loadme.loaded,.loadmeview.loaded,.bg-loadme.loaded{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.photo.size-width{width:102%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.photo.size-height{width:auto;height:102%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.resize-image{overflow:hidden}.social ul{opacity:0}.title h2{font-weight:400;font-size:1.5rem;text-align:center}.title:after{content:'';width:1px;height:80px;position:relative;display:block;background:#57554F;margin:10px auto 30px auto}.moodboard_tag{background-color:#fff;color:#000;padding:8px 5px 5px 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:1;position:absolute;left:10px;bottom:10px;z-index:10;opacity:0;cursor:pointer;-webkit-transform:scale(1);transform:scale(1);-webkit-font-smoothing:subpixel-antialiased;-webkit-perspective:1000;-moz-osx-font-smoothing:grayscale;will-change:auto;-webkit-transition:opacity .3s, padding .2s, -webkit-transform .2s;transition:opacity .3s, padding .2s, -webkit-transform .2s;transition:opacity .3s, transform .2s, padding .2s;transition:opacity .3s, transform .2s, padding .2s, -webkit-transform .2s}.moodboard_tag .icon{padding-right:3px;-ms-flex-item-align:start;align-self:flex-start}.moodboard_tag .label{display:none}.moodboard_tag:hover{-webkit-transform:scale(0.98);transform:scale(0.98);padding:8px 15px 5px 15px}.moodboard_tag:hover .label{display:block}@media all and (max-width: 767px){.moodboard_tag{display:none}}#dot-pointer{position:fixed;z-index:300;pointer-events:none;display:none}#dot-pointer.visible{display:block}#dot-pointer img.arrow{width:20px;height:auto;display:block}#dot-pointer img.arrow.prev{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}@media all and (max-width: 767px){#dot-pointer{display:none !important}}main{margin:0px auto;position:relative;z-index:1}main #content article{min-height:calc(100vh - 250px)}main #content:before{content:"";display:block;height:140px}.homepage main #content:before,.slideshowpage main #content:before{display:none}.slideshowpage.gridpage main #content:before{display:block}@media all and (max-width: 767px){main #content:before{height:61px}}header{position:fixed;top:0;left:0;width:100%;z-index:100;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}header .inner{position:absolute;z-index:15;width:100%;height:100%}header .inner .logo{position:absolute;top:35px;left:4%;width:auto;height:auto;-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;color:#000;text-decoration:none}header .inner .logo h1{font-weight:600;font-size:1.5rem}header .inner .logo img,header .inner .logo svg{display:block;width:100%;height:auto}header .inner .logo img *,header .inner .logo svg *{fill:#000}header .inner .menuBtn{position:fixed;top:37px;right:2%;cursor:pointer;z-index:3}header .inner .menuBtn div{width:25px;height:18px;position:relative}header .inner .menuBtn div .line{height:2px;width:100%;display:block;position:absolute;right:0;background-color:#4D4B4B;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-property:background-color, opacity, top, -webkit-transform;transition-property:background-color, opacity, top, -webkit-transform;transition-property:background-color, opacity, transform, top;transition-property:background-color, opacity, transform, top, -webkit-transform;-webkit-transition-duration:.2s, .1s, .3s, .3s;transition-duration:.2s, .1s, .3s, .3s;-webkit-transition-delay:0s, 0s, 0s, 0s;transition-delay:0s, 0s, 0s, 0s}header .inner .menuBtn div .line:nth-child(1){top:0px}header .inner .menuBtn div .line:nth-child(2){top:8px}header .inner .menuBtn div .line:nth-child(3){top:16px}header nav{position:absolute;z-index:10;top:35px;right:5%;text-align:right;color:#000}header nav ul{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex}header nav ul li{margin-right:15px}header nav ul li:last-child{margin-right:0px}header nav ul li a{-webkit-transition:color .3s;transition:color .3s}header nav.takeover{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-transform:unset;transform:unset;background-color:rgba(255,255,255,0.92);opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;pointer-events:none}header nav.takeover ul{z-index:10;width:auto;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%}header nav.takeover ul li{margin:0px auto 20px auto}header nav.takeover ul li a{font-size:2.4rem;font-weight:300;text-decoration:none;position:relative;color:#000}header nav.takeover ul li a:after{content:'';position:absolute;width:0;height:2px;-webkit-transition:width .2s;transition:width .2s;background:#000;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}header nav.takeover ul li a:hover:after,header nav.takeover ul li a.pageOn:after{width:100%}header.hide .inner .logo{-webkit-transform:translateY(-100px);transform:translateY(-100px)}@media all and (max-width: 1023px){header .inner .menuBtn{right:4%}}@media all and (max-width: 1023px) and (orientation: landscape){header nav.takeover ul{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;top:50%}header nav.takeover ul li{width:45%}header nav.takeover ul li a{font-size:1.8rem}}@media all and (max-width: 767px){header .inner .logo{top:15px}header .inner .logo h1{font-size:1.7rem}header .inner .menuBtn{top:22px}header nav.takeover ul li.desktopOnly{display:none}header nav.takeover ul li a{font-size:1.6rem}header nav.takeover ul li a:hover:after{width:0%}}.homepage header{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.homepage header.reveal{-webkit-transform:translateY(0px);transform:translateY(0px)}.slideshowpage header .inner .menuBtn{display:none}.menuOn header .inner .logo{-webkit-transform:translateY(0px);transform:translateY(0px)}.menuOn header .inner .menuBtn .line{background-color:#000 !important;-webkit-transition-property:background-color, opacity, top, -webkit-transform;transition-property:background-color, opacity, top, -webkit-transform;transition-property:background-color, opacity, transform, top;transition-property:background-color, opacity, transform, top, -webkit-transform;-webkit-transition-duration:.2s, .1s, .3s, .3s;transition-duration:.2s, .1s, .3s, .3s;-webkit-transition-delay:0s, 0s, 0s, 0s;transition-delay:0s, 0s, 0s, 0s}.menuOn header .inner .menuBtn .line:nth-child(1){top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menuOn header .inner .menuBtn .line:nth-child(2){opacity:0;-webkit-transition:opacity .1s 0s;transition:opacity .1s 0s}.menuOn header .inner .menuBtn .line:nth-child(3){top:8px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menuOn header nav.takeover{opacity:1;pointer-events:all}footer{position:relative;z-index:5;text-align:center;color:#57554F}footer .inner{width:90%;margin:auto;text-align:center;font-size:0px;line-height:0px;padding:45px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .inner p{font-size:.8rem;margin-bottom:0px;font-weight:300}footer .inner ul{list-style-type:none}footer .inner .social li{display:inline-block;*display:inline;vertical-align:middle;margin-right:15px}footer .inner .social li:last-child{margin-right:0px}footer .inner .social li svg{width:20px;height:auto}footer .inner .social li svg *{stroke:none;fill:#57554F}@media all and (max-width: 767px){footer .inner{-ms-flex-wrap:wrap;flex-wrap:wrap}footer .inner .social{width:100%;margin-top:5px}footer .inner p{width:100%;text-align:center;line-height:2}}.module{margin-bottom:8%;min-height:100vh}.module:last-child{margin-bottom:0}.text-block{position:relative;width:100%}.text-block .inner{width:90%;max-width:960px;margin:0px auto}.text-block .inner img,.text-block .inner video{display:block;height:auto;max-width:100%}.text-block .inner .col{display:inline-block;vertical-align:top;width:47%;margin:0 1%}.text-block .inner .col img,.text-block .inner .col iframe,.text-block .inner .col video{width:100%;margin-bottom:1rem}.text-block h1{font-size:2rem;line-height:1.4;font-weight:400;color:#000;max-width:80%;margin:0px auto 4rem auto}.text-block h2{font-size:1.3rem;font-weight:500;color:#000;margin-bottom:10px}.text-block h3{font-size:.8rem;font-weight:300;color:#000}.text-block p{font-size:1rem;line-height:2;margin-bottom:2rem;font-weight:200;color:#000}.text-block p.small{font-size:.8rem}.text-block strong,.text-block b{font-weight:400}@media all and (max-width: 767px){.inner.textpage{margin-top:60px}.text-block .inner{width:100%}.text-block .inner .col{display:block;width:100%;margin:0px auto 15px auto}.text-block .inner .col h1,.text-block .inner .col h2,.text-block .inner .col h3,.text-block .inner .col p{max-width:90%;margin:0px auto}.text-block h1{max-width:90%;font-size:1.3rem;margin:0px auto 2rem auto}.text-block h3{font-size:.7rem}.text-block p.small{font-size:.8rem;padding-bottom:1rem}}.ar-rows{position:relative;width:90%;margin:0px auto}.ar-rows .row{position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ar-rows .row .cell{float:left;opacity:1;position:relative;overflow:hidden;border:0px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.ar-rows .row .cell img.photo{position:relative;z-index:1;display:block;width:auto;height:auto}.projectgrid .ui{width:18px;position:absolute;z-index:20;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.projectgrid .ui.prev{left:0px;padding:23px}.projectgrid .ui.next{right:0;padding:23px}.projectgrid .ui.grid{right:53px;top:46px;padding:10px}.projectgrid .ui.close{width:20px;height:20px;padding:10px;top:26px;right:18px;-webkit-transform:none;transform:none}.projectgrid .ui line{stroke:#000000;stroke-width:2}.projectgrid h1.title{text-align:center;font-weight:500;font-size:1.1rem}.projectgrid h1.title:after{content:'';width:1px;height:35px;background:#57554F;display:block;margin:0px auto 25px auto}.moodboard .projectgrid h1.title:after{display:none}.moodboard .projectgrid .moodboard_tools{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:0 auto 35px auto}.moodboard .projectgrid .moodboard_tools a{font-size:14px;margin:0 10px;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.moodboard .projectgrid .moodboard_tools a svg{height:12px;width:auto;margin-right:3px}.moodboard .projectgrid .moodboard_tools a:hover{opacity:.7}.smallgrid{width:84%;list-style-type:none;margin:0px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.smallgrid .cell{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:20%;margin:0px 2.5% 5% 2.5%;overflow:hidden;position:relative;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.smallgrid .cell video{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.smallgrid .cell.playing video{opacity:1}.smallgrid .cell:hover{opacity:.7}.smallgrid .cell:hover .moodboard_tag{opacity:1}.masongrid{width:84%;list-style-type:none;margin:0px auto}.masongrid .grid-sizer,.masongrid .cell{width:48.8%;height:auto}.masongrid .gutter-sizer{width:2.4%}.masongrid .cell{display:block;float:left;text-align:left;position:relative}.masongrid .cell a{display:block;width:100%}.masongrid .cell .mediawrap{position:relative;display:inline-block;width:100%;height:0;background:#eee}.masongrid .cell .mediawrap video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.masongrid .cell.odd{text-align:right}.masongrid .cell:nth-child(4){margin-top:100px}.masongrid .cell.portrait a,.masongrid .cell.small a{width:70%;display:inline-block}.masongrid .cell.portrait .info,.masongrid .cell.small .info{right:30%}.masongrid .cell.portrait .moodboard_tag,.masongrid .cell.small .moodboard_tag{right:calc(30% + 10px)}.masongrid .cell.portrait.leftside .info,.masongrid .cell.small.leftside .info{right:0%}.masongrid .cell.portrait.leftside .moodboard_tag,.masongrid .cell.small.leftside .moodboard_tag{right:10px}.masongrid .cell.large{width:100%}.masongrid .cell .info{position:absolute;bottom:-24px;right:0px;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:opacity .2s, -webkit-transform .2s;transition:opacity .2s, -webkit-transform .2s;transition:opacity .2s, transform .2s;transition:opacity .2s, transform .2s, -webkit-transform .2s}.masongrid .cell .info h2{color:#000;font-weight:400;font-size:1rem;position:relative}.masongrid .cell .info h2:before{content:'';position:absolute;width:0;height:2px;-webkit-transition:width .2s;transition:width .2s;width:40px;height:1px;left:-50px;top:47%;background:#000}.masongrid .cell .info.noinfo h2:before{display:none}.masongrid .cell img{position:absolute;top:0;outline:none;border:none;width:100%;display:block;text-decoration:none}.masongrid .cell .moodboard_tag{position:absolute;bottom:15px;right:10px;left:auto}.masongrid .cell:hover img,.masongrid .cell:hover video{opacity:.7}.masongrid .cell:hover .info{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.masongrid .cell:hover .moodboard_tag{opacity:1}.masongrid .cell.playing video{opacity:1}.masongrid.effect-2 .cell{opacity:0}.masongrid.effect-2 .cell.shown{opacity:1}@media all and (max-width: 1023px){.masongrid{width:92%}.masongrid .cell{margin-bottom:40px !important}.masongrid .cell .info{opacity:1;bottom:-28px}}@media all and (max-width: 767px){.masongrid{width:100%}.masongrid .gutter-sizer{width:4%}.masongrid .grid-sizer{width:48%}.masongrid .cell{width:100%;margin-top:0 !important}.masongrid .cell.small a,.masongrid .cell.portrait a{width:48%}.masongrid .cell.small img,.masongrid .cell.portrait img{width:100%}.masongrid .cell .info h2{font-size:.9rem}}.masongrid .shown .cell,.no-js .masongrid figure.cell,.no-cssanimations .masongrid figure.cell{opacity:1}.masongrid.effect-1 figure.animate{animation:fadeIn 0.65s ease forwards;-webkit-animation:fadeIn 0.65s ease forwards;-moz-animation:fadeIn 0.65s ease forwards;-o-animation:fadeIn 0.65s ease forwards}.masongrid.effect-2 figure.animate{opacity:1;-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp 0.65s ease forwards;animation:moveUp 0.65s ease forwards}@-webkit-keyframes moveUp{0%{opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes moveUp{0%{opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{}100%{opacity:1}}.slickslideshow{position:relative;top:auto;width:100%;height:100vh;text-align:center;overflow:hidden;opacity:0;cursor:none}.slickslideshow .ui{width:18px;position:absolute;z-index:20;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.slickslideshow .ui.prev{left:0px;padding:23px}.slickslideshow .ui.next{right:0;padding:23px}.slickslideshow .ui.grid{right:53px;top:46px;padding:10px}.slickslideshow .ui.close{width:20px;height:20px;padding:10px;top:26px;right:18px;-webkit-transform:none;transform:none}.slickslideshow .ui line{stroke:#000000;stroke-width:2}.slickslideshow figure{width:100%;height:100%;position:relative}.slickslideshow.fullbleed{cursor:pointer}.slickslideshow.fullbleed h1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10;color:#000;font-weight:600;font-size:2.8vw;cursor:pointer;z-index:3}.slickslideshow.fullbleed video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slickslideshow.center figure{width:auto;height:100vh;position:relative;cursor:none}.slickslideshow.center figure:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}.slickslideshow.center figure img.photo,.slickslideshow.center figure .inner{display:inline-block;vertical-align:middle;height:65%;width:auto;margin:0px 8vw;position:relative}.slickslideshow.center figure .inner img.photo{height:100%;margin:0px auto}.slickslideshow.center figure .inner iframe,.slickslideshow.center figure .inner video{position:absolute;z-index:2}.slickslideshow.center figure video.hovervid{position:absolute;display:inline-block;height:65%;width:auto;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:2}.slickslideshow.center figure .moodboard_tag{position:absolute;left:50%;bottom:18.5%;z-index:10}.slickslideshow.center figure.playing video.hovervid{opacity:1}.slickslideshow.center figure.video img.photo{-webkit-transition:opacity .3s .5s;transition:opacity .3s .5s}.slickslideshow.center figure.slick-current.video img.photo{opacity:0;-webkit-transition:opacity .3s .5s;transition:opacity .3s .5s}.slickslideshow.center figcaption{position:fixed;bottom:35px;left:4%;font-size:1.1em}.slickslideshow.center figcaption .caption{padding-left:5px;color:#737373;font-weight:200}.slick-dots{bottom:8%;width:100%;background-color:inherit}.slick-dots li{width:12px;height:12px;margin:0 3px;position:relative;top:10px}.slick-dots li button{width:100%;height:100%;border-radius:50%;border:1px solid black}.slick-dots li.slick-active button{background:black}@media all and (max-width: 1023px){.slickslideshow.fullbleed{height:40vh;min-height:unset;margin-bottom:70px}.slickslideshow.fullbleed h1{font-size:6vw}}@media all and (max-width: 767px){.slickslideshow{height:auto}.slickslideshow.center figcaption{position:relative;bottom:auto;text-align:left;margin-top:67px}.slickslideshow.center figure{display:block;width:100%;height:auto;cursor:default;margin:0px auto 10px auto}.slickslideshow.center figure img.photo,.slickslideshow.center figure .inner{display:block;width:100%;margin:0px auto;height:auto}.slickslideshow.center figure .inner iframe{top:0;left:0}.slickslideshow.center figure .inner img.photo{opacity:0}.slickslideshow .ui.grid{display:none}.slickslideshow .ui.close{top:12px;right:6px;position:fixed}}.slideshowpage .slickslideshow{top:0}#overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.92);text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;z-index:-1;transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transition:z-index 0s .4s, opacity .3s 0s, -webkit-transform 0s .4s;transition:z-index 0s .4s, opacity .3s 0s, -webkit-transform 0s .4s;transition:z-index 0s .4s, transform 0s .4s, opacity .3s 0s;transition:z-index 0s .4s, transform 0s .4s, opacity .3s 0s, -webkit-transform 0s .4s;-webkit-transition:z-index 0s .4s, transform 0s .4s, opacity .3s 0s;-ms-transition:z-index 0s .4s, transform 0s .4s, opacity .3s 0s}#overlay.on{opacity:1;z-index:300;transform:translateX(0%);-webkit-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transition:z-index 0s 0s, opacity .3s 0s, -webkit-transform 0s 0s;transition:z-index 0s 0s, opacity .3s 0s, -webkit-transform 0s 0s;transition:z-index 0s 0s, transform 0s 0s, opacity .3s 0s;transition:z-index 0s 0s, transform 0s 0s, opacity .3s 0s, -webkit-transform 0s 0s;-webkit-transition:z-index 0s 0s, transform 0s 0s, opacity .3s 0s;-ms-transition:z-index 0s 0s, transform 0s 0s, opacity .3s 0s}#overlay .closer{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1}#overlay .closer .closeIcon{position:absolute;width:25px;height:22px;top:37px;right:2%;z-index:11;cursor:pointer;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}#overlay .closer .closeIcon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#overlay .closer .closeIcon .line{display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}#overlay .closer .closeIcon .line:last-child{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#overlay .inner{position:relative;z-index:10;margin:0 auto;padding:50px}#overlay .inner .wrap{position:relative;width:100%;height:100%;text-align:center}#overlay .inner .wrap video,#overlay .inner .wrap img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;margin:0px auto}.pdf_select,.pdfOverlay{position:fixed;z-index:-500;opacity:0;top:0px;left:0px;width:100%;height:100%;overflow:hidden;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(255,255,255,0.93);-webkit-transition-property:opacity, z-index;transition-property:opacity, z-index;-webkit-transition-duration:.4s, 0s;transition-duration:.4s, 0s;-webkit-transition-delay:0s, .4s;transition-delay:0s, .4s}.pdf_select.on,.pdfOverlay.on,.pdfOpen .pdf_select,.linkOpen .pdf_link{z-index:500;opacity:1;-webkit-transition-property:opacity, z-index;transition-property:opacity, z-index;-webkit-transition-duration:.4s, 0s;transition-duration:.4s, 0s;-webkit-transition-delay:0s, 0s;transition-delay:0s, 0s}.pdf_select article,.pdfOverlay article{position:relative;z-index:3;color:#000;background-color:#fff;padding:40px 50px;-webkit-box-shadow:0px 10px 30px 0px rgba(0,0,0,0.12);box-shadow:0px 10px 30px 0px rgba(0,0,0,0.12)}.pdf_select article img.closeLB,.pdfOverlay article img.closeLB{display:block;width:14px;height:auto;position:absolute;top:11px;right:12px;cursor:pointer}.pdf_select article h1,.pdfOverlay article h1{font-weight:normal;letter-spacing:.05em;font-size:20px;padding-bottom:13px;line-height:1em}.pdf_select article p,.pdfOverlay article p{letter-spacing:.03em;color:#313131;line-height:2}.pdfOverlay article p.theLink{color:#888888}.pdfOverlay .linkHolder{font-size:14px;padding:30px 20px}.pdfOverlay .linkHolder span{font-size:80%;color:#00b0c2}.pdf_select article ul{list-style-type:none;padding:30px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pdf_select article ul li{border:1px solid #cecece;background-color:#ffffff;cursor:pointer;margin:0 20px 0 20px;padding:24px 9px;-webkit-transition-property:border, background-color;transition-property:border, background-color;-webkit-transition-duration:200ms;transition-duration:200ms}.pdf_select article ul li:last-child{margin-right:0px}.no-touch .pdf_select article ul li:hover{border:0px solid #eeeeee;background-color:#EFEFEF}.pdf_select article ul li.selected{background-color:#DADADA !important}.pdf_select article ul li img{display:block;border:0px solid #e0e0e0;width:170px;height:auto;-webkit-transition-property:border, background-color;transition-property:border, background-color;-webkit-transition-duration:200ms;transition-duration:200ms}.no-touchevents .pdf_select article ul li:hover img,.pdf_select article ul li.selected img{border:0px solid #909090}.pdf_select article ul li h2{font-weight:normal;letter-spacing:.03em;font-size:12px;line-height:1;padding:19px 0px 0px}.pdf_select article a.downloadPDF{background-color:#313131;color:#FFFFFF;font-size:16px;letter-spacing:.03em;padding:16px 57px;line-height:1;display:inline-block;*display:inline;zoom:1;-webkit-transition:background-color .15s;transition:background-color .15s;text-decoration:none}.no-touchevents .pdf_select article a.downloadPDF:hover,.pdf_select article a.downloadPDF:active{background-color:#000;-webkit-transition:background-color .15s;transition:background-color .15s}.pdf_select .closeBG,.pdf_link .closeBG{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1}

/* feature-large: special-case override for vertical/square videos that don't
   look right at the default .inner { height: 65%; margin: 0 8vw } sizing.
   Used on slideshow/motion slide 1 (1080x1080 IG Stories video). The figure's
   inner gets nearly full viewport height with tighter margins, and the JS
   resizeVid() reads .inner dimensions to scale the video element to fit. */
.slickslideshow.center figure.feature-large .inner{height:90%;margin:0 2vw}
@media all and (max-width: 767px){
  .slickslideshow.center figure.feature-large .inner{height:auto;margin:0 auto}
}

/* ===== Bio anchor scroll ===== */
/* The /#bio link in the nav scrolls to the bio module on the homepage.
 * scroll-margin-top compensates for the fixed header height (~85px) so
 * the bio section lands below the header, not hidden underneath. The
 * smooth-scroll behavior gives the click a polished animation. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  /* Honor reduced-motion preference — instant jump, no animation. */
  html { scroll-behavior: auto; }
}
.module[id="bio"] {
  scroll-margin-top: 100px;
}

/* ===== Tile breathing room (added 2026-05-07) =====
 * Each masongrid tile gets bottom margin so the title overlay (which
 * sits 24px below the image at .info { bottom: -24px }) has clear
 * space before the next tile begins. Without this, the title visually
 * runs into the next thumbnail above/below it in the masonry layout.
 *
 * 60px = 24px (negative-bottom info offset) + ~36px breathing room.
 * Mobile already has 40px; desktop was 0px.
 *
 * The existing :nth-child(4) margin-top:100px stagger and the mobile
 * 40px override both still apply. */
@media (min-width: 1024px) {
  .masongrid .cell { margin-bottom: 60px; }
}

/* ===== Cross-document view transitions ===== */
/* Generated by _inject-view-transitions.py — re-run to refresh.
 * Each project gets a unique view-transition-name shared between
 * the overview thumbnail and the project hero image. The browser
 * morphs elements with matching names across navigation. */

/* Opt-in for cross-document VT. The legacy <meta name="view-transition">
 * tag was deprecated in favor of this CSS at-rule before Chrome 126 shipped
 * — verified 2026-05-16. Without this rule pageswap/pagereveal still fire
 * but with hasViewTransition=false (i.e. no morph). */
@view-transition { navigation: auto; }

@supports (view-transition-name: none) {
  ::view-transition-old(root), ::view-transition-new(root) {
    animation-duration: 0.32s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  img[data-vt-hero="art-of-the-ride-ft-travis-rice-directors-cut-"] { view-transition-name: vt-art-of-the-ride-ft-travis-rice-directors-cut-; }
  img[data-vt-hero="athena-club-whipped-shave"] { view-transition-name: vt-athena-club-whipped-shave; }
  img[data-vt-hero="athena-club"] { view-transition-name: vt-athena-club; }
  img[data-vt-hero="audio-e-tron"] { view-transition-name: vt-audio-e-tron; }
  img[data-vt-hero="bite-gifs"] { view-transition-name: vt-bite-gifs; }
  img[data-vt-hero="bite"] { view-transition-name: vt-bite; }
  img[data-vt-hero="capital-one-in-oaxaca"] { view-transition-name: vt-capital-one-in-oaxaca; }
  img[data-vt-hero="cockpit-views"] { view-transition-name: vt-cockpit-views; }
  img[data-vt-hero="dinner-table"] { view-transition-name: vt-dinner-table; }
  img[data-vt-hero="four-sigmatic"] { view-transition-name: vt-four-sigmatic; }
  img[data-vt-hero="hedley-and-bennett-knife-launch"] { view-transition-name: vt-hedley-and-bennett-knife-launch; }
  img[data-vt-hero="hodinkee-x-unimatic"] { view-transition-name: vt-hodinkee-x-unimatic; }
  img[data-vt-hero="italian-craft"] { view-transition-name: vt-italian-craft; }
  img[data-vt-hero="italian-linens"] { view-transition-name: vt-italian-linens; }
  img[data-vt-hero="jojos-architecture"] { view-transition-name: vt-jojos-architecture; }
  img[data-vt-hero="kyoto"] { view-transition-name: vt-kyoto; }
  img[data-vt-hero="magic-spoon"] { view-transition-name: vt-magic-spoon; }
  img[data-vt-hero="nancy-silvertons-kitchen-philosphy"] { view-transition-name: vt-nancy-silvertons-kitchen-philosphy; }
  img[data-vt-hero="nissan-arriya"] { view-transition-name: vt-nissan-arriya; }
  img[data-vt-hero="playing-with-food"] { view-transition-name: vt-playing-with-food; }
  img[data-vt-hero="resetting-the-table"] { view-transition-name: vt-resetting-the-table; }
  img[data-vt-hero="salt"] { view-transition-name: vt-salt; }
  img[data-vt-hero="snowe-films"] { view-transition-name: vt-snowe-films; }
  img[data-vt-hero="snowe-home"] { view-transition-name: vt-snowe-home; }
  img[data-vt-hero="socorro-"] { view-transition-name: vt-socorro-; }
  img[data-vt-hero="stoli"] { view-transition-name: vt-stoli; }
  img[data-vt-hero="swehl"] { view-transition-name: vt-swehl; }
  img[data-vt-hero="swiftwick"] { view-transition-name: vt-swiftwick; }
  img[data-vt-hero="target-x-athena-club"] { view-transition-name: vt-target-x-athena-club; }
  img[data-vt-hero="venus-williams"] { view-transition-name: vt-venus-williams; }
  img[data-vt-hero="westholme-wagyu-documentary"] { view-transition-name: vt-westholme-wagyu-documentary; }
  img[data-vt-hero="westholme-wagyu"] { view-transition-name: vt-westholme-wagyu; }
  img[data-vt-hero="workmade"] { view-transition-name: vt-workmade; }
}

/* ===== A11y additions (2026-05-17) ===== */
/* Visually-hidden — for H1s and screen-reader-only text. The masongrid
 * design has tiles labeled inline; the per-page H1 provides document outline
 * + SEO + assistive-tech context without disturbing the visual hierarchy. */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Restore keyboard-focus visibility. EOW's reset zeroes outline globally
 * (styles.css line 1: `*{...outline:none}`) which kills WCAG 2.4.7. We
 * scope a focus-visible ring to keyboard-focused interactives so mouse
 * users don't see it, but keyboard users do. */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-radius: 2px;
}