html,body{margin:0;padding:0}@font-face{font-family:sanss;src:url(fonts/2F0FA1_1_0.woff)}html,body{font-family:avenir next,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#444}h1,h2,h3,h4{font-weight:400;color:#222}a{color:#222;text-decoration:none}a:hover{text-decoration:underline}p a{text-decoration:underline}:root{--font-size-base:1rem;--font-size-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--font-size-sm:clamp(0.875rem, 0.825rem + 0.25vw, 1rem);--font-size-base:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--font-size-lg:clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);--font-size-xl:clamp(1.25rem, 1.125rem + 0.625vw, 1.5rem);--font-size-2xl:clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--font-size-3xl:clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--font-size-4xl:clamp(2.25rem, 1.85rem + 2vw, 3rem);--font-size-5xl:clamp(3rem, 2.4rem + 3vw, 3.75rem);--font-size-6xl:clamp(3.75rem, 3rem + 3.75vw, 4.5rem);--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em}body{font-size:var(--font-size-base);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}h1{font-size:var(--font-size-5xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:500}h2{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:500}h3{font-size:var(--font-size-3xl);line-height:var(--line-height-snug);font-weight:500}h4{font-size:var(--font-size-2xl);line-height:var(--line-height-snug);font-weight:500}h5{font-size:var(--font-size-xl);line-height:var(--line-height-normal);font-weight:600}h6{font-size:var(--font-size-lg);line-height:var(--line-height-normal);font-weight:600}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs,figcaption h4{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.posts,.post-content{display:grid;grid-gap:24px;grid-template-columns:repeat(16,1fr)}header,footer{align-items:center;height:10vh;display:flex;justify-content:space-around}footer{height:128px}nav{grid-column:10/16;text-align:right}nav a{margin:0 24px}bg-image{background-color:#eee;background-repeat:no-repeat;background-size:cover;background-position:50%}body{background-color:#fff;min-width:340px}img{max-width:100%}.text-light{color:#666}header a{position:relative}header a:after,header a:before{content:"";position:absolute;bottom:-1px;width:0;height:1px;margin:1px 0 0;transition:all .02s cubic-bezier(.02,.88,.29,1.17);transition-duration:.5s;background-color:#222;left:0;opacity:0}header a:hover{text-decoration:none}header a:hover:after,header a:hover:before{width:100%;opacity:1}.my-name{font-weight:500}.my-title{color:#666;margin:0 24px}nav{text-transform:uppercase;font-size:.65rem;letter-spacing:.06rem}body.case header a.case-studies:before,body.case header a.case-studies:after{opacity:1;width:100%}body.about header a.about:before,body.about header a.about:after{opacity:1;width:100%}.posts{display:grid;grid-gap:32px;max-width:1440px;margin:0 auto}.post-tile{box-shadow:0 1px 6px transparent;transition:box-shadow .4s;display:block;padding:24px;grid-column:3/9;border-radius:8px}.post-tile:nth-child(even){grid-column:9/15}.post-tile:hover{text-decoration:none;box-shadow:0 2px 16px rgba(0,0,0,.2)}.post-preview{position:relative;display:flex;height:300px;border-radius:8px;align-items:flex-end;justify-content:center;overflow:hidden}.poster{max-width:86%;max-height:280px}.shadow{position:absolute;bottom:0;width:100%;height:60px;top:auto;z-index:10;opacity:.8;background-image:linear-gradient(0deg,rgba(0,0,0,.1) 0%,transparent 90%)}.profile-image{border-radius:100%;width:128px;height:128px;margin:64px 0}.post-banner{position:relative;height:25vh;display:flex;height:520px;margin-bottom:16px;align-items:flex-end;justify-content:center;background-color:#eee;overflow:hidden}.post-feature{max-width:1440px;max-height:490px;box-shadow:0 0 24px rgba(0,0,0,.2)}.post-feature.no-shadow{box-shadow:none}.post-header{text-align:center}.post-title{margin-bottom:0}.post-subtitle{margin-top:18px;margin-bottom:46px;color:#666}.post{max-width:1440px;margin:0 auto}.post-content p,.post-content h1,.post-content h2,.post-content h3,.post-content ul,.post-content ol{grid-column:5/13;margin:0}.post-content h2,.post-content h3,.post-content h4{font-weight:500}.post-content a{text-decoration:none;color:#388eff}.post-content a:hover{text-decoration:underline;color:#0b75ff}.post-footer{max-width:1440px;margin:46px auto;display:flex;align-items:center;justify-content:center;height:86px;background-color:#f1f1f1;width:960px;border-radius:124px}figure{margin:0;grid-column-start:3;grid-column-end:15}figure img{min-width:100%}figcaption{color:#989898}figcaption h4{color:#989898;margin-top:0}@media screen and (max-width:800px){.aside p{font-size:.75em}.aside .section{background:0 0;padding:0;margin-bottom:2em}.section .latest-shot{background:url(../img/bg-light.jpg)}.aside h1{text-align:left}.hentry h1{font-size:1.75em}.hentry .meta p{float:none;margin:0 0 5px}.hentry .meta .bullet{display:none}}@media screen and (max-width:800px){.header,.posts{display:block}.header,nav,.posts,.post-content{display:block;text-align:center;margin:24px}header{height:auto}.post-header h1{font-size:2.25rem;line-height:2.25rem}.post-banner{padding:24px;padding-bottom:0;width:auto}.post-banner,.post-feature{height:auto}.post-feature{width:100%}.post-preview{height:auto;padding-top:24px}.my-name{display:block}.left{margin-top:38px}.post-content{text-align:left}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-bottom:12px}.post-content ul,.post-content ol{margin:24px 0}.post-content p{margin-bottom:24px}.post-footer{width:auto;margin:24px}}