/*! Latin subsets of Cormorant Infant and Proza Libre. SIL Open Font License, from Google Fonts. */@font-face{font-family:Cormorant Infant;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-infant-500.woff2)format("woff2")}@font-face{font-family:Proza Libre;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/proza-libre-400.woff2)format("woff2")}@font-face{font-family:Proza Libre;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/proza-libre-500.woff2)format("woff2")}@font-face{font-family:Proza Libre;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/proza-libre-400-italic.woff2)format("woff2")}:root{--text-color:#2e2e2e;--background-color:#f5f5f5;--light-grey:#9b9b9b;--muted-on-light:#5c5c5c;--dark-bg:#1a1a1a;--button-text:#4b4b4b;--title-fonts:"Cormorant Infant", Georgia, "Times New Roman", Times, serif;--body-fonts:"Proza Libre", Georgia, "Times New Roman", Times, serif;--animate-delay:.5s}*,:before,:after{box-sizing:border-box}html>*{margin:0;padding:0}html{background-color:var(--background-color);color:var(--text-color);font-family:var(--body-fonts);text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:35px;overflow:hidden}html,body{min-height:100dvh}h1,h2,h3,h5,.project_stat,.next-pi li *,.logo:before{font-variant-ligatures:common-ligatures}a{text-decoration:none}.delay-0{animation-delay:0s}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0,0)}}.animate__animated{animation-duration:1s;animation-fill-mode:both}.animate__slow{animation-duration:2s}.animate__fadeInUp{animation-name:fadeInUp}.animate__fadeInDown{animation-name:fadeInDown}.delay-7{animation-delay:.7s}.spacer{z-index:1;height:200vh;display:block;position:relative}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--text-color);color:var(--background-color);padding:.75rem 1.1rem;text-decoration:none;position:absolute;top:0;left:16px;transform:translateY(-120%)}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--background-color);outline-offset:2px;transform:translateY(12px)}:focus-visible{outline-offset:3px;outline:2px solid}#main:focus,#main:focus-visible,[tabindex="-1"]:focus{outline:none}main{transform-style:preserve-3d}body{-webkit-overflow-scrolling:touch;-webkit-scroll-behavior:smooth;scroll-behavior:smooth;height:100dvh;margin:0;padding:0;position:relative;overflow:hidden scroll}#nav{text-align:center;z-index:98;background-color:var(--text-color);justify-items:center;width:100vw;height:100dvh;transition:all .2s ease-out;display:grid;position:fixed;top:0;left:100vw}#nav.open{opacity:1;transition:all .2s ease-out;left:0}@media (width<=699px){#nav{text-align:left;visibility:hidden;align-content:start;justify-items:start;padding:4.75rem 1.25rem 2rem;transition:left .2s ease-out,visibility 0s linear .2s;overflow-y:auto}#nav>div[aria-hidden=true]{display:none}#nav>a{font-family:var(--title-fonts);text-align:left;padding:.22em 0;font-size:3.2em;font-weight:500;line-height:1.05}#nav .nav-item svg{width:42px;height:42px}#nav.open{visibility:visible;transition:left .2s ease-out,visibility linear}body.nav-open{overflow:hidden}}#approach,#featured,#experience,#job-list,#brands,#about{scroll-margin-top:5.5rem}nav>*{color:var(--background-color);fill:var(--background-color);padding:1em 30px;font-size:1.2em;line-height:1.25em;position:relative}nav .nav-item svg{display:block}.logo:before{content:"Home"}.hamburger_holder{top:max(env(safe-area-inset-top,0px), 15px);right:max(env(safe-area-inset-right,0px), 15px);clear:none;z-index:99;align-content:center;margin:0;padding:5px 15px;display:inline-flex;position:fixed;left:auto}.hamburger_holder.scroll{background-color:var(--background-color)}.scroll .bar1,.scroll .bar2,.scroll .bar3{background-color:var(--text-color)}.scroll.change .bar1,.scroll.change .bar2,.scroll.change .bar3{background-color:var(--background-color)}.hamburger_holder.scroll.change{background-color:var(--text-color)}button.hamburger_holder,button.hamburger_holder:hover,button.hamburger_holder:focus{color:inherit;box-shadow:none;line-height:0;font-size:inherit;border:none;border-radius:0;margin-top:0}button.hamburger_holder:not(.scroll),button.hamburger_holder:not(.scroll):hover,button.hamburger_holder:not(.scroll):focus{background:0 0}.container{cursor:pointer;display:inline-block}.bar1,.bar2,.bar3{background-color:var(--background-color);transform-origin:50%;width:30px;height:1px;margin:10px 0;transition:transform .4s,opacity .4s;display:block}.change .bar1{transform:translateY(11px)rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px)rotate(45deg)}.header-bg{--header-photo-ratio:1.60171;--header-bleed:1.43994;--header-pad:.219968;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;container-type:size}.header-bg:before{content:"";width:max(100cqw, calc(100cqh * var(--header-photo-ratio)));height:calc(max(100cqh, calc(100cqw / var(--header-photo-ratio))) * var(--header-bleed));transform:translate(-50%, -50%) translate3d(0, var(--header-parallax-y,0px), 0);background-blend-mode:darken;background-color:#0000004d;background-image:image-set("img/patrick_bennett-hero-844h.webp" 1x type("image/webp"),"img/patrick_bennett-hero-844h.jpg" 1x);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;animation:2s fadeIn;position:absolute;top:50%;left:50%}@media (width<=699px){.header-bg:before{background-color:#00000080}}@media (height>=1025px) and (width<=640px){.header-bg:before{background-image:image-set("img/patrick_bennett-hero-1024h.webp" 1x type("image/webp"),"img/patrick_bennett-hero-1024h.jpg" 1x)}}@media (width>=641px){.header-bg:before{background-image:image-set("img/patrick_bennett-hero-1024w.webp" 1x type("image/webp"),"img/patrick_bennett-hero-1024w.jpg" 1x)}}@media (width>=1025px){.header-bg:before{background-image:image-set("img/patrick_bennett-hero-1920w.webp" 1x type("image/webp"),"img/patrick_bennett-hero-1920w.jpg" 1x)}}@media (width>=1921px){.header-bg:before{background-image:image-set("img/patrick_bennett-hero-2560w.webp" 1x type("image/webp"),"img/patrick_bennett-hero-2560w.jpg" 1x)}}header{width:100vw;height:100vh;transform-style:preserve-3d;z-index:-1;justify-content:center;align-items:center;margin:0;display:flex}.header-content{text-align:center;grid-template-columns:20px 1fr 20px;margin:0 auto;display:grid;position:absolute;bottom:40vh}.header-content.pi h1{font-size:12vw}.header-content>*{grid-column:2/-2;max-width:calc(100vw - 40px)}header a{position:absolute;top:60vh}header span{color:var(--background-color);z-index:10;opacity:.92;font-size:.75rem;position:absolute;bottom:150px}h1,h2,h3{font-family:var(--title-fonts);letter-spacing:-1px;width:100%;margin:0;font-size:18vw;font-weight:500;line-height:1.05em}h1,h3{color:var(--background-color)}h2{margin-bottom:-.25em;margin-left:20px}.experience-title h3{font-family:var(--title-fonts);letter-spacing:0;width:auto;color:var(--text-color);margin:0;font-size:3rem;font-weight:400;line-height:3rem;transform:none}h6{margin:0;font-size:1rem;font-weight:400;line-height:1rem}.portfolio-item-copy{color:var(--background-color);margin-top:10px;font-size:1.25rem;line-height:1.75em;transition:opacity .3s;display:block}button,a.button{background-color:var(--background-color);font-size:1.125rem;font-family:var(--body-fonts);text-align:center;cursor:pointer;border:none;border-radius:0;margin-top:1rem;padding:1em 4.5em;text-decoration:none;transition-duration:.2s;transition-timing-function:ease-in-out;display:inline-block}button:hover{color:var(--background-color);background-color:var(--text-color);border:1px solid var(--background-color)}#contact_top,#contact_bottom,#contact_top:visited,#contact_bottom:visited{color:var(--button-text);-webkit-tap-highlight-color:transparent}#contact_top:hover,#contact_bottom:hover{color:var(--background-color);background-color:var(--text-color);border:1px solid var(--background-color)}button.outline,a.button.outline,a.button.outline:visited{border:1px solid var(--background-color);color:var(--background-color);background:0 0;width:fit-content;margin:1rem auto;font-size:.9rem;display:block}button.outline:hover,a.button.outline:hover{color:var(--text-color);background-color:var(--background-color)}button.outline.dark,a.button.outline.dark,a.button.outline.dark:visited{border:1px solid var(--text-color);color:var(--text-color)}button.outline.dark:hover,a.button.outline.dark:hover{color:var(--background-color);background-color:var(--text-color)}#experience,#featured,#brands,#approach,#about{padding:150px 0 50px}#approach .section-item,#experience+#job-list .job_item:first-child,#brands+section .job_item,#about .job_item,#featured .job_item{margin-top:25px}#experience,#featured,#brands,#about{transform-style:preserve-3d}section.standard{padding:50px 0 100px}.section-content{z-index:1;transform-origin:0;grid-template-columns:40px 1fr 40px;max-width:940px;margin:0 auto;display:grid;transform:translateZ(6px)}.section-content>*{grid-column:2/-2;max-width:calc(100vw - 40px)}.section-item,.job_item{grid-template-columns:20px 1fr 20px;max-width:800px;margin:50px auto 0;display:grid}.section-item>*,.job_item>*{grid-column:2/-2;max-width:calc(100vw - 40px)}#approach,#featured{background-color:var(--background-color);z-index:2;transform-style:preserve-3d}#about-me{z-index:0;background-color:var(--background-color);height:140vh;color:var(--light-grey);justify-content:center;align-items:center;margin:0 auto -7em;font-size:1.25rem;line-height:2.25rem;display:flex;position:relative;transform:translateZ(3px)scale(.65)}.portfolio-item{background-color:var(--dark-bg);scroll-snap-align:start;scroll-snap-stop:always;border:none;justify-content:flex-start;align-items:center;height:80lvh;display:flex;position:relative;overflow:hidden}#work-container .portfolio-item:first-child,#work-container .portfolio-item:last-child{scroll-snap-stop:normal}.portfolio-item-bg-wrap{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.portfolio-item-bg{will-change:transform;opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .4s ease-out;position:absolute;top:0;left:0}.portfolio-item-bg-parallax{height:150%;top:-25%}.portfolio-item-bg-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-video-mute-btn{z-index:10;color:#fff;cursor:pointer;z-index:2;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;transition:background .2s;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.portfolio-video-mute-btn:hover{background:#0009}.portfolio-video-mute-btn .portfolio-mute-icon{width:100%;height:100%}.portfolio-item-bg.active{opacity:1}.portfolio-item-bg:after{content:"";pointer-events:none;background-color:#0000004d;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.portfolio-item-bg.portfolio-audio-hidden:after{opacity:0}.portfolio-item.darker-overlay .portfolio-item-bg:after{background-color:#000000a6}.portfolio-item.darker-overlay.portfolio-item-no-overlay .portfolio-item-bg.active:after{background-color:#0000}.portfolio-item-inner{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0 60px;display:flex;position:relative}.portfolio-item-carousel{flex:1;max-width:1000px;position:relative;overflow:hidden}.portfolio-item-carousel-track{transition:transform .5s ease-out;display:flex}.portfolio-item-page{opacity:0;flex:0 0 100%;min-width:0;transition:opacity .5s ease-out}.portfolio-item-page.active{opacity:1}.portfolio-item-page:nth-child(n+2){align-items:center;display:flex}.portfolio-item-page:nth-child(n+2) .portfolio-item-content{margin-top:0;margin-bottom:0}.portfolio-chevron{color:#ffffffd9;cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:color .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-chevron:hover:not(:disabled){color:#fff;background:0 0;border:none}.portfolio-chevron:disabled{opacity:.35;cursor:default}.portfolio-chevron-left{left:15px}.portfolio-chevron-right{right:15px}.portfolio-chevron-as-next{letter-spacing:.02em;width:auto;min-width:52px;padding:0 12px;font-family:inherit;font-size:.95rem;font-weight:500}.portfolio-dots{background:#00000080;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:max-content;padding:5px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.portfolio-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:6px;height:6px;margin:0;padding:0;transition:background .2s,transform .2s;position:relative}.portfolio-dot:after{content:"";position:absolute;inset:-4px}.portfolio-dot:hover,.portfolio-dot:hover:not(:disabled){background:#ffffffa6;border:none}.portfolio-dot.active{background:#fff;transform:scale(1.15)}.portfolio-item-content{z-index:1;text-align:left;width:100%;max-width:1000px;margin:50px auto 0;padding:0 50px;position:relative}.portfolio-item-content button.outline,.portfolio-item-content a.outline{margin-left:0;margin-right:auto;padding:.7em 1.4em}.portfolio-item-content{-webkit-user-select:text;user-select:text}.portfolio-item-copy{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-item-client{color:var(--light-grey);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5em;font-size:.9rem}.portfolio-item-results{flex-flow:wrap;justify-content:center;gap:2.5em 3em;margin-top:1.5em;transition:opacity .3s;display:flex}.portfolio-item-content .portfolio-item-copy.portfolio-audio-hidden,.portfolio-item-content .portfolio-item-results.portfolio-audio-hidden{opacity:0;pointer-events:none}.portfolio-item-result-stat{text-align:center;flex-direction:column;align-items:center;gap:.25em;display:flex}.portfolio-item-result-stat:not(:first-child){border-left:1xepx solid #ffffff80;padding-left:1.5em}.portfolio-item-result-num{font-family:var(--title-fonts);font-variant-ligatures:common-ligatures;color:#fff;font-size:18vw;line-height:1.05em}.portfolio-item-result-subtitle{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}@media (width>=700px){.portfolio-item-result-num{font-size:13vw}}@media (width<=600px){.portfolio-item-result-num{font-size:25vw}.portfolio-item-results{flex-direction:column;gap:1.5em 2em}.portfolio-item-result-stat:not(:first-child){border-top:1px solid #ffffff80;border-left:none;padding-top:1.5em;padding-left:0}}@media (width<=699px){.portfolio-item{height:100lvh}.portfolio-item-inner{padding:0 44px}.portfolio-item-content{padding:0 12px}.portfolio-item-client{font-size:.7rem}.portfolio-item-content h3{font-size:13vw;line-height:1em}.portfolio-item-copy{font-size:1rem;line-height:2em}.portfolio-item-content{font-size:1rem}.portfolio-chevron{width:24px;height:24px}.portfolio-chevron-left{left:10px}.portfolio-chevron-right{right:10px}}.job_item li{margin-top:1em}.myDate{color:var(--muted-on-light)}.job_item-expand-all{margin-top:25px}.job_item-expand-all .expand-all-btn{margin-top:0;padding:.5em 2em;font-size:.8rem}.experience-header{cursor:pointer}.experience-role{font-family:var(--title-fonts);color:var(--text-color);margin:0;font-size:3rem;font-weight:400;line-height:3rem}.experience-title h3:first-of-type{opacity:.7}.experience-title h3:only-of-type{opacity:1}.experience-date-row{flex-direction:row;align-items:center;gap:.5em;display:flex}.experience-chevron{color:var(--text-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-top:0;padding:.25em;transition:transform .3s ease-out,color .2s;display:inline-flex}.experience-chevron:hover{color:var(--muted-on-light);background:0 0;border:none}.experience-chevron svg{display:block}.experience-item.expanded .experience-chevron{transform:rotate(180deg)}.experience-details{max-height:0;margin:0;padding:0 0 0 1.25em;list-style-type:disc;transition:max-height .3s ease-out;overflow:hidden}.experience-item.expanded .experience-details{margin-top:.75em}.brand-grid{z-index:-1;background-color:#0000;grid-template-columns:repeat(4,1fr);width:calc(100% - 120px);max-width:1200px;margin:0 auto 4em;padding:0;display:grid;position:relative}@media (width<=699px){.brand-grid{width:calc(100% - 88px)}}.brand-grid li{text-align:center;aspect-ratio:6/5;display:block;overflow:hidden}@media (width<=760px){.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-grid li{aspect-ratio:1}}.brand-grid img{width:50%;height:auto;position:relative;top:50%;transform:translateY(-50%)}@media (width<=760px){.brand-grid img{width:75%}}.brand-grid.logo-animate li{opacity:0;transform:translateY(2rem)}.brand-grid.logo-animate.is-ready li{transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--logo-order,0) * .11s)}.brand-grid.logo-animate li.logo-in{opacity:1;transform:translateY(0)}ul.additional-elements,ul.stat_list{width:100vw;margin:50px 0 0;padding:0;list-style-type:none}ul.additional-elements li{background-position:50%;background-size:cover;height:100vw}video#player{background-color:var(--text-color);width:100vw;height:100vw}ul.stat_list{grid-template-columns:40px 1fr 40px;display:grid}ul.stat_list>*{grid-column:2/-2;max-width:calc(100vw - 40px)}ul.stat_list li{text-align:center;border-bottom:1px solid var(--text-color);justify-content:center;align-items:center;padding:50px 0;display:flex}ul.stat_list li:last-child{border-bottom:none}.holder{margin:0;padding:0}.project_stat{font-family:var(--title-fonts);color:var(--light-grey);font-size:20vw;font-weight:400;line-height:30vw;display:block}.next-pi{padding-bottom:0!important}.next-pi ul{width:100vw;margin:50px 0 0;padding:0;list-style-type:none;display:flex}.next-pi li{background-blend-mode:darken;background-position:50%;background-size:cover;width:50vw;height:30vh;margin:0;padding:0;display:block}.next-pi li *{width:40vw;color:var(--background-color);font-family:var(--title-fonts);margin:0 auto;font-size:7vw;line-height:1.125em;position:relative;top:50%;transform:perspective(1px)translateY(-50%)}footer{background-color:var(--text-color);color:var(--background-color);flex-direction:column;margin-top:100px;padding:100px 0 24px;display:flex}footer h2{text-align:center;margin:0;font-size:20vw;line-height:17vw}footer .button,footer button{width:fit-content;margin:50px auto 0;display:block}footer .llm-link{text-align:center;margin:auto 20px 0;padding-top:160px;font-size:.65rem;line-height:1.4}footer .llm-link a{color:var(--background-color);text-decoration:underline}img.full-width-img{width:100%;margin:0;padding:0}@media (width>=700px){body{perspective:8px;transform-style:preserve-3d}html{font-size:18px}#nav{visibility:visible;text-align:center;z-index:99;-webkit-backdrop-filter:blur();background:#f5f5f500;grid-template-columns:1fr auto auto auto auto auto auto auto auto;justify-items:start;width:100vw;height:auto;margin:0;transition:background .5s ease-out,backdrop-filter .5s ease-out;position:sticky;top:0;left:0}nav>*{color:var(--background-color);fill:var(--background-color);padding:1.5em 30px;font-size:.8em;line-height:1.25em;position:relative}.hamburger_holder{visibility:hidden}nav a .nav-item:before{content:"";border-bottom:1px solid var(--background-color);width:0;margin:0 2em;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;position:absolute;bottom:1em;left:0}nav a .nav-item:hover:before{width:calc(100% - 58px)}nav a[href*=linkedin] .nav-item:hover:before,nav a[href^=mailto\:] .nav-item:hover:before{width:16px}nav.scroll a .nav-item:before{border-bottom:1px solid var(--background-color)}nav.scroll{-webkit-backdrop-filter:blur(12px);background:var(--text-color)!important}nav.scroll>*{color:var(--background-color)}nav.scroll svg{fill:var(--background-color)}#nav7{padding-right:45px}.logo:before{font-family:var(--title-fonts);content:"Hi, I'm Patrick";font-size:1.5em}header{width:100vw;height:110vh;margin:-100px 0 -50px}.header-content{text-align:left;display:block;position:static;bottom:80vh;transform:translateZ(3px)scale(.5)}header a{position:absolute;top:auto;bottom:30vh}header span{bottom:20vh}#about-me{margin-bottom:-500px;font-size:1.5rem;line-height:3rem;transform:translateZ(3px)scale(.65)}h1,h2,h3{width:100%;margin:0 0 -.125em;font-size:15vw;line-height:1.05em}h2{transform-style:preserve-3d;transform:translateZ(2px)scale(.7)}h3{font-size:13vw;line-height:.85em;transform:translateZ(2px)scale(.7)}button,a.button{margin-top:2.5rem;padding:1em 4.5em;font-size:1.125rem}.job_item{margin:100px auto 0}.portfolio-item{height:100lvh;transform:translateZ(-4px) scale(1.)}.portfolio-item-content h3{font-size:9.1vw;transform:translateZ(2px)}.portfolio-item-copy{font-size:1.25em;line-height:1.75em;transform:translateZ(1px)}.portfolio-item button{margin:0;transform:translateZ(1.5px)scale(1)}.portfolio-item .portfolio-chevron{transform:translateY(-50%)translateZ(1.5px)scale(1)}.portfolio-item .portfolio-video-mute-btn{transform:translate(-50%)translateZ(1.5px)scale(1)}footer h2{font-size:6vw;line-height:1.05em}footer .button,footer button{font-size:.9rem}ul.additional-elements{grid-template-columns:1fr 1fr;display:grid}ul.additional-elements li{background-position:50%;background-size:cover;height:50vw}video#player{background-color:var(--text-color);width:100vw;height:80vh}section.standard{padding:150px 0 50px}.section-item{font-size:1.25em;line-height:1.75em}ul.stat_list{grid-template-columns:repeat(2,1fr);display:grid}ul.stat_list>*{grid-column:auto;width:50vw;max-width:50vw}ul.stat_list li{border-bottom:none;border-right:1px solid var(--text-color)}ul.stat_list li:last-child{border-right:none}.project_stat{font-size:13vw;line-height:1.05em}.next-pi ul{margin:0}.next-pi li{height:50vh}.next-pi li *{width:30vw;font-size:3vw;line-height:1.125em}}.work-gate-form{margin-top:0}.work-gate-input-group{border:1px solid var(--text-color);align-items:center;width:100%;max-width:480px;display:flex;overflow:hidden}.work-gate input[type=password]{font-family:var(--body-fonts);min-width:0;color:var(--text-color);background:0 0;border:none;flex:1;margin:0;padding:14px 12px;font-size:1rem}.work-gate input[type=password]::placeholder{color:var(--muted-on-light);opacity:1}.work-gate input[type=password]:focus-visible{outline:2px solid var(--text-color);outline-offset:-3px}.work-gate-chevron{border:none;border-left:1px solid var(--text-color);color:var(--text-color);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0;padding:14px 12px;transition:color .2s,background .2s;display:flex}.work-gate-chevron:hover{background:var(--text-color);color:var(--background-color)}.work-gate-chevron svg{display:block}.work-gate-error{color:#c00;margin-top:10px}.work-gate-request{margin-top:15px;font-size:.9em}.work-gate-request a{color:var(--text-color);text-decoration:underline}.work-gate-request a:hover{text-decoration:underline}.work-load-error{max-width:800px;margin:24px auto 0;padding:0 20px}body:not(.work-unlocked) #work-container{display:none!important}body:not(.work-unlocked) .work-gate{display:block}body.work-unlocked .work-gate{display:none!important}body.work-unlocked #work-container{display:block}body.work-unlocked{scroll-snap-type:y mandatory}@media (width>=1400px){.section-content{max-width:1140px}.section-item,.job_item{max-width:960px}.portfolio-item-carousel,.portfolio-item-content{max-width:1200px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.header-bg:before{transform:translate(-50%,-50%)}}