/**
 * @project        stephanfriedli.com
 * @author         Stephan Friedli
 * @build          Fri, Nov 6, 2020 5:53 PM ET
 * @copyright      Copyright (c) 2020, Stephan Friedli
 *
 */
html{min-height:100%;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar;background-color:#fafafa}body{margin:0}dd,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul{padding:0;margin:0}a,dd,dt,h1,h2,h3,h4,h5,h6,li,p,span{line-height:1em;font-weight:400}ul{list-style:none}ul li{display:inline-block;vertical-align:top}a{cursor:pointer;font-family:inherit}a,a:hover{text-decoration:none}img{border:0;display:block}fieldset,form,input,label,select,textarea{padding:0;margin:0;font-weight:400}fieldset{border:none}input,select,textarea{font-size:15px}input,textarea{outline:none}span{font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;text-transform:inherit}figure{padding:0;margin:0}@font-face{font-family:graphik;src:url(fonts/graphik-semibold.woff2) format("woff2"),url(fonts/graphik-semibold.woff) format("woff");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:graphik;src:url(fonts/graphik-regular.woff2) format("woff2"),url(fonts/graphik-regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}*{font-family:graphik,Verdana,Arial,sans-serif;color:#111;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-ms-overflow-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent;font-size-adjust:none}h1,h2,h3,h4{font-size:42px;line-height:57px}h1,h2,h3,h4,p{font-weight:400}p{font-size:17px;line-height:27px}a{display:inline-block;font-size:inherit;line-height:inherit}ul{font-size:0}dl dt{display:none}dl dd{font-size:13px;line-height:20px;font-weight:400;letter-spacing:.008em}@media only screen and (max-width:800px){h1,h2,h3,h4{font-size:18px;line-height:27px}a,p{font-size:12px;line-height:21px}dl dd,dl dd a{font-size:10px;line-height:16px}}.page{width:100%;overflow:hidden;opacity:0}.page__ready{opacity:1;transition:opacity .8s ease}.page-content{padding:0 80px;font-size:0}@media (max-width:1200px){.page-content{padding:0 40px}}@media (max-width:800px){.page-content{padding:0 10px}}.section-caption{display:inline-block;vertical-align:top}.section-caption-description{opacity:.5}.section-caption-action:last-child{margin-top:10px}.section-caption-action a{border-bottom:1px solid hsla(0,0%,7%,.7);padding-bottom:2px}.section-content{display:inline-block;vertical-align:top}.section-content h1,.section-content h2,.section-content h3{padding-right:60px}.section-content h1 a,.section-content h2 a,.section-content h3 a{font-size:42px;line-height:58px;border-bottom:1px solid hsla(0,0%,7%,.7);padding-bottom:2px}@media (max-width:800px){.section-content h1,.section-content h2,.section-content h3{padding-right:10px}.section-content h1 a,.section-content h2 a,.section-content h3 a{font-size:18px;line-height:27px;padding-bottom:0}}.section-about{padding:60px 0 180px}@media (max-width:1200px){.section-about{padding:60px 0 140px}}@media (max-width:800px){.section-about{padding:40px 0 60px}}.section-about-caption{padding:0 0 40px calc((100vw - 160px) / 5)}.section-about-caption a{display:inline-block;margin-top:20px}@media (max-width:1200px){.section-about-caption{padding:0 0 40px calc((100vw - 80px) / 4)}}@media (max-width:800px){.section-about-caption{padding:0 0 25px}.section-about-caption a{margin-top:10px}}.section-about-content h1{max-width:1800px}.section-about-content h1 span{font-weight:600}.section-archive{padding:20px 0 120px}@media (max-width:1200px){.section-archive{padding:0 0 120px}}@media (max-width:800px){.section-archive{padding:0 0 70px}}.section-archive-content{padding-bottom:80px}@media (max-width:1200px){.section-archive-content{padding-bottom:40px}}@media (max-width:800px){.section-archive-content{padding-bottom:0}}.section-archive-media{position:relative;width:calc((100vw - 160px) / 5 * 4);left:calc((100vw - 160px) / 5)}.section-archive-media-asset{cursor:default}@media (max-width:1200px){.section-archive-media{width:calc((100vw - 80px) / 4 * 3);left:calc((100vw - 80px) / 4)}}@media (max-width:800px){.section-archive-media{width:100%;left:0}}.section-contact{padding-bottom:180px}@media (max-width:1200px){.section-contact{padding-bottom:120px}}@media (max-width:800px){.section-contact{padding-bottom:80px}}.section-contact-caption{width:calc((100vw - 160px) / 5);padding-top:11px}@media (max-width:1200px){.section-contact-caption{width:calc((100vw - 80px) / 4)}}@media (max-width:800px){.section-contact-caption{width:100%;padding:0 0 30px}}.section-contact-caption .action{margin-top:15px}@media (max-width:800px){.section-contact-caption .action{margin-top:12px}}.section-contact-content{width:calc((100vw - 160px) / 5 * 4)}@media (max-width:1200px){.section-contact-content{width:calc((100vw - 80px) / 4 * 3)}}@media (max-width:800px){.section-contact-content{width:100%}}.case{padding-bottom:160px;width:100%}@media (max-width:800px){.case{padding-bottom:70px;display:flex;flex-direction:column}}.case-caption{width:calc((100vw - 160px) / 5);display:inline-block;vertical-align:top}@media (max-width:1200px){.case-caption{width:calc((100vw - 80px) / 4)}}@media (max-width:800px){.case-caption{width:100%;order:2}}.case-caption-description{padding:9px 20px 0 0;position:relative}@media (max-width:800px){.case-caption-description{padding:40px 0 0}}@media (max-width:800px){.case-caption-description-client{margin-left:80px}}.case-caption-description-role{opacity:.5}@media (max-width:800px){.case-caption-description-role{margin-left:80px}}.case-caption-description-action{padding-top:41px}@media (max-width:800px){.case-caption-description-action{position:absolute;top:40px;left:0;margin-left:0;padding-top:0}}.case-caption-description-action a{border-bottom:1px solid hsla(0,0%,7%,.7);padding-bottom:2px}.case-content{width:calc((100vw - 160px) / 5 * 3 - 80px);display:inline-block;vertical-align:top;position:relative}@media (max-width:1200px){.case-content{width:calc((100vw - 80px) / 4 * 3)}}@media (max-width:800px){.case-content{width:100%;order:1}}.case-content h2{max-width:900px;padding-bottom:30px}@media (max-width:800px){.case-content h2{padding-bottom:10px}}.case-content h4{padding-left:calc((100vw - 160px) / 5);font-size:13px;line-height:20px;letter-spacing:.008em;opacity:.5}@media (max-width:1200px){.case-content h4{padding-left:calc((100vw - 80px) / 4)}}@media (max-width:800px){.case-content h4{padding-left:0;font-size:10px;line-height:16px}}.case-content p{max-width:1200px;padding-bottom:55px}@media (max-width:800px){.case-content p{column-count:1;padding-bottom:10px;padding-right:10px}}.case-gallery{position:relative;padding-top:15px;width:100vw;margin-left:-80px;overflow-x:scroll;scroll-padding:0 calc((100vw - 160px) / 5 + 80px);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.case-gallery__drag{overflow:hidden}@media (max-width:1200px){.case-gallery{margin-left:-40px;scroll-padding:0 calc((100vw - 80px) / 4 + 40px)}}@media (max-width:800px){.case-gallery{margin-left:-10px;order:3;scroll-padding:0 10px}}.case-gallery::-webkit-scrollbar{width:0;display:none}.case-gallery-slides{display:inline-flex;padding-left:calc((100vw - 160px) / 5 + 80px)}.case-gallery-slides:not(.case-gallery-slides__active){transition:transform .5s ease}@media (max-width:1200px){.case-gallery-slides{padding-left:calc((100vw - 80px) / 4 + 40px)}}@media (max-width:800px){.case-gallery-slides{padding-left:10px}}.media{position:relative;pointer-events:none}.media-asset{cursor:grab;position:relative;overflow:hidden;border-radius:5px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);border:1px solid #f0f0f0}.media-asset:before{content:"";width:100%;background-color:#ccc;padding-bottom:56.25%;display:block}.media-asset-placeholder{filter:blur(20px)}.media-asset-placeholder,.media-asset-video{position:absolute;top:0;left:0;width:100%;height:100%}.media-asset-video{opacity:0;transform:scale(1.01)}.media-asset-video__loaded{transition:opacity .5s ease;opacity:1}.media-asset-video__fallback{opacity:1}.media-asset-video::-webkit-media-controls{display:none}.media-caption-description{padding:10px 20px 0 0;display:flex}.media-caption-description-index{flex-shrink:0;opacity:.5;margin-right:30px}@media (max-width:800px){.media-caption-description-index{margin-right:15px}}.media-caption-description p{font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:.008em}@media (max-width:800px){.media-caption-description p{font-size:10px;line-height:16px}}.slide{width:calc(((100vw - 160px) / 5 * 3) - 80px);padding-right:40px;display:inline-block;cursor:grab;scroll-snap-align:start}.slide:active{cursor:grabbing}@media (max-width:1200px){.slide{width:calc(((100vw - 80px) / 4 * 3) - 40px);padding-right:20px}}@media (max-width:800px){.slide{width:calc(100vw - 80px);padding-right:10px}}.slide__news{width:calc(((100vw - 160px) / 5 * 4) - 80px)}@media (max-width:1200px){.slide__news{width:calc(((100vw - 80px) / 4 * 3) - 40px)}}@media (max-width:800px){.slide__news{width:calc(100vw - 80px)}}