body.home>header{background:0 0;position:absolute;top:0}body.home>header a{color:var(--inverse-on-surface)}body.home>header:target{--margin:10vw}body.home>header:target+main #masthead{margin-top:9.5rem}body.home>header:target+main .full-width,body.home>header:target+main .full-width-grid{width:calc(100vw - var(--gutter-xl));margin-left:calc((100vw - var(--width) - var(--gutter-xl))/ -2)}body.home main{position:relative;transition:all .4s cubic-bezier(.77,0,.175,1);z-index:0}body.home main h1,body.home main h2{color:var(--inverse-on-surface)}body.home main>section{height:94vh;margin-top:3vh;margin-bottom:3vh;box-sizing:border-box;border-radius:var(--border-radius-xl);position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:var(--gutter-xl);transition:all .4s cubic-bezier(.77,0,.175,1)}body.home main #masthead{align-content:center;align-items:flex-start;position:relative;background:0 0}body.home main #masthead h1 bold,body.home main #masthead h1 strong{font-weight:400}body.home main #masthead .intro{position:relative;z-index:10;margin-bottom:10vh}@media (orientation:portrait){body.home main #masthead{min-height:78dvh;height:78dvh;align-content:flex-start;padding-top:clamp(6rem,14vw,7.5rem)}body.home main #masthead h1{margin-top:0}}body.home main #about,body.home main #contact,body.home main #reel,body.home main #work{background:var(--surface);padding:var(--gutter)}body.home main #reel>video{display:block;width:100%;aspect-ratio:1.77;height:auto;object-fit:cover}body.home main #work{flex-direction:row;align-items:center}body.home main #contact{align-items:center;display:grid}body.home main #crane{margin:0;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden}body.home main #crane #crane-canvas{position:fixed;top:0;left:0;width:100%;height:100%}body.home .project-preview{box-sizing:border-box;padding-top:var(--gutter-xl);padding-bottom:var(--gutter-xl);align-items:space-evenly;transition:all .4s cubic-bezier(.77,0,.175,1);position:relative;display:flex;flex-direction:column;padding:0;margin:0;gap:var(--gutter)}@media (max-width:767px){body.home .project-preview{align-content:flex-start}}body.home .project-preview h3,body.home .project-preview h4{transform:translate(0,-1em);transition:all .4s .2s ease-out;grid-column:span 6;order:1}body.home .project-preview p.summary{transform:translate(0,-1em);transition:all .4s .2s ease-out;opacity:0;align-content:center;height:4.2em;grid-column:span 6;order:3}body.home .project-preview p.services{transform:translate(0,1em);transition:all .4s .2s ease-out;height:2.4em;opacity:0;grid-column:span 6;order:4}body.home .project-preview .thumbnail{order:2}body.home .project-preview .thumbnail img{border-radius:var(--border-radius-xl);aspect-ratio:1.618;display:block;object-fit:cover;clip-path:inset(0 100% 0 0);transition:clip-path .4s .2s ease-out}body.home .project-preview .background{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;transition:opacity .4s .4s cubic-bezier(.77,0,.175,1);opacity:0}body.home .project-preview .background img{width:100%;height:100%;object-fit:cover}body.home .project-preview.on,body.home .project-preview:target{z-index:31;opacity:1}body.home .project-preview.on h3,body.home .project-preview.on h4,body.home .project-preview.on p,body.home .project-preview:target h3,body.home .project-preview:target h4,body.home .project-preview:target p{transform:translate(0,0)}body.home .project-preview.on p.services,body.home .project-preview.on p.summary,body.home .project-preview:target p.services,body.home .project-preview:target p.summary{opacity:1}body.home .project-preview.on .thumbnail img,body.home .project-preview:target .thumbnail img{clip-path:inset(0 0 0 0)}body.home .project-preview.on .background,body.home .project-preview:target .background{opacity:1;transition-delay:0s}body.home .project-preview#bootbox h4{top:13%}body.home .project-preview#twobrightlights h4{top:32%}body.home .project-preview#twobrightlights .thumbnail img{object-position:center top}body.home .project-preview#bright-blue h4{top:49%}body.home .project-preview#security-scorecard h4{top:68%}body.home .project-preview#blogtalkradio h4{top:86%}