:root{--nlf-transition-150:0.15s;--nlf-transition-300:0.3s;--nlf-transition-600:0.6s;--nlf-transition-900:0.9s;--nlf-transition-1200:1.2s;--nlf-transition-1500:1.5s;--nlf-transition-1800:1.8s;--nlf-transition-2400:2.4s;--nlf-transition-3000:3s;--nlf-transform:translate3d(0,0,0);--nlf-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--nlf-in-out-quad:cubic-bezier(.455,.03,.515,.955);--nlf-segment-load-1:polygon(0% 47.64%,0% 100%,12.5% 100%,12.5% 43.57%,0% 47.64%);--nlf-segment-load-2:polygon(12.5% 43.57%,0% 47.64%,31.24% 84.67%,31.24% 67.71%,12.5% 43.57%);--nlf-segment-load-3:polygon(0% 47.64%,12.5% 62.59%,12.5% 43.57%,0% 47.64%);--nlf-segment-load-4:polygon(43.75% 43.57%,56.23% 43.57%,56.23% 100%,43.75% 100%,43.75% 43.57%);--nlf-segment-load-5:polygon(68.74% 43.57%,100% 43.57%,100% 52.05%,68.74% 52.05%,68.74% 43.57%);--nlf-segment-load-6:polygon(68.74% 76.19%,93.74% 76.19%,93.74% 67.71%,68.74% 67.71%,68.74% 76.19%);--nlf-segment-1:polygon(0% 5.552%,12.5% 0%,12.5% 33.333%,0% 5.552%);--nlf-segment-2:polygon(31.25% 75%,12.5% 33.333%,12.5% 0%,31.25% 41.667%,31.25% 75%);--nlf-segment-3:polygon(0% 100%,0% 5.552%,12.5% 33.333%,12.5% 100%,0% 100%);--nlf-segment-4:polygon(43.75% 0%,56.25% 0%,56.25% 100%,43.75% 100%,43.75% 0%);--nlf-segment-5:polygon(68.75% 0%,100% 0%,100% 16.667%,68.75% 16.667%,68.75% 0%);--nlf-segment-6:polygon(68.75% 58.333%,93.75% 58.333%,93.75% 41.667%,68.75% 41.667%,68.75% 58.333%);--zoom-tl-in:polygon(31.25% 40.08%,31.25% 32.73%,41.69% 43.17%,43.17% 41.69%,32.73% 31.25%,40.08% 31.25%,38% 29.17%,29.17% 29.17%,29.17% 38%,31.25% 40.08%);--zoom-tl-out:polygon(22.92% 31.75%,22.92% 24.40%,33.35% 34.83%,34.83% 33.35%,24.40% 22.92%,31.75% 22.92%,29.67% 20.83%,20.83% 20.83%,20.83% 29.67%,22.92% 31.75%);--zoom-bl-in:polygon(29.17% 62%,29.17% 70.83%,38% 70.83%,40.08% 68.75%,32.73% 68.75%,43.17% 58.31%,41.69% 56.83%,31.25% 67.27%,31.25% 59.92%,29.17% 62%);--zoom-bl-out:polygon(20.83% 70.33%,20.83% 79.17%,29.67% 79.17%,31.75% 77.08%,24.40% 77.08%,34.83% 66.65%,33.35% 65.17%,22.92% 75.60%,22.92% 68.25%,20.83% 70.33%);--zoom-br-in:polygon(68.75% 59.92%,68.75% 67.27%,58.31% 56.83%,56.83% 58.31%,67.27% 68.75%,59.92% 68.75%,62% 70.83%,70.83% 70.83%,70.83% 62%,68.75% 59.92%);--zoom-br-out:polygon(77.08% 68.25%,77.08% 75.60%,66.65% 65.17%,65.17% 66.65%,75.60% 77.08%,68.25% 77.08%,70.33% 79.17%,79.17% 79.17%,79.17% 70.33%,77.08% 68.25%);--zoom-tr-in:polygon(68.75% 40.08%,68.75% 32.73%,58.31% 43.17%,56.83% 41.69%,67.27% 31.25%,59.92% 31.25%,62% 29.17%,70.83% 29.17%,70.83% 38%,68.75% 40.08%);--zoom-tr-out:polygon(77.08% 31.75%,77.08% 24.40%,66.65% 34.83%,65.17% 33.35%,75.60% 22.92%,68.25% 22.92%,70.33% 20.83%,79.17% 20.83%,79.17% 29.67%,77.08% 31.75%);}html{width:100%;height:100%;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizeLegibility;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges }img{-webkit-user-drag:none;-webkit-user-select:none }picture, video{width:100%;height:100%;display:block;object-fit:cover }svg{display:block }input, textarea, select, button{margin:0;padding:0;border:0;border-radius:0;background-color:transparent;color:inherit }.w-richtext .w-embed{display:contents }.w-embed::before, .w-embed::after, .w-richtext::before, .w-richtext::after{content:"";display:none }h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child{margin-bottom:0 }a[href="#"]{pointer-events:none;cursor:default }@media screen and (max-width:767px){.nlf-main .nlf-grid{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) }}.slide-heading .nlf-alt-heading{line-height:var(--_fonts---line-height--base) }.nlf-heading::before, .nlf-subheading::before, .nlf-list li::before, .nlf-list-item:not(:last-child)::after, .nlf-list-inner:not(:last-child)::after, .nlf-figcaption::before, .nlf-form-label::before{content:"/" }div:has(.nlf-heading + .nlf-heading) > .nlf-heading, div:has(.nlf-subheading + .nlf-subheading) > .nlf-subheading{padding-left:0 }div:has(.nlf-heading + .nlf-heading) > .nlf-heading::before, div:has(.nlf-subheading + .nlf-subheading) > .nlf-subheading::before{content:"";display:none }@media screen and (max-width:478px){.text-flow .nlf-heading, .text-flow .nlf-subheading{padding-left:0 }.text-flow .nlf-heading::before, .text-flow .nlf-subheading::before{content:"";display:none }}.nlf-heading::before, .nlf-subheading::before, .nlf-list li::before{position:absolute;top:0;left:0 }.nlf-list-block:last-child{border-bottom:none;padding-bottom:0 }.nlf-list-item:not(:last-child)::after, .nlf-list-inner:not(:last-child)::after, .nlf-list li::before, .nlf-form-label::before{color:var(--_colour---neutral--grey) }.nlf-list-item:not(:last-child)::after, .nlf-list-inner:not(:last-child)::after{margin-left:var(--sizes--fixed--200) }.nlf-form-label::before, .nlf-figcaption::before{margin-right:var(--sizes--fixed--200) }.nlf-input-field::before,.nlf-input-field::after{content:"";position:absolute;left:0;width:100%;transform:scale3d(0,1,1);transform-origin:0% 50%;z-index:0 }.nlf-input-field::before{top:0;height:100%;background:var(--_colour---neutral--foundation);transition:var(--nlf-transition-600) var(--nlf-out-quad) }.nlf-input-field::after{bottom:0;height:var(--sizes--fixed--50);background:var(--_colour---neutral--static);transition:var(--nlf-transition-600) var(--nlf-in-out-quad) }.nlf-input-field:has(> .nlf-input:focus)::before, .nlf-input-field:has(> .nlf-input:focus-visible)::before, .nlf-input-field:has(> .nlf-text-area:focus)::before, .nlf-input-field:has(> .nlf-text-area:focus-visible)::before, .nlf-input-field:has(> .nlf-input:focus)::after, .nlf-input-field:has(> .nlf-input:focus-visible)::after, .nlf-input-field:has(> .nlf-text-area:focus)::after, .nlf-input-field:has(> .nlf-text-area:focus-visible)::after{transform:scale3d(1,1,1) }@media screen and (min-width:992px) and (hover:hover) and (pointer:fine){.nlf-input-field:hover::before,.nlf-input-field:hover::after{transform:scale3d(1,1,1) }}.nlf-button::before, .nlf-button::after, .preview-button::before, .preview-button::after, .preview-widget::before, .preview-widget::after{position:absolute;top:0;left:100%;width:var(--sizes--fixed--1500);transition:inherit }.nlf-button::before, .nlf-button::after, .preview-button::before{content:"";height:var(--sizes--fixed--1500);}.preview-button::before, .preview-button::after, .preview-widget::before, .preview-widget::after{height:100% }@media screen and (min-width:768px){.preview-button::before, .preview-button::after{content:"" }}@media screen and (max-width:767px){.preview-widget::before, .preview-widget::after{content:"" }}button.nlf-button:not([data-wf--submit--variant]){border-right:var(--sizes--fixed--1500) solid var(--_colour---neutral--static) }button.nlf-button{flex-basis:100% }.nlf-button::before, .preview-button::before, .preview-widget::before{transform:scale3d(0,1,1);transform-origin:inherit }.nlf-button::after, .preview-button::after, .preview-widget::after{background-repeat:no-repeat;background-size:var(--sizes--fixed--1800) var(--sizes--fixed--1500);background-position:-9rem center;background-image:url(https://res.cloudinary.com/nlfraser/image/upload/nathanlfraser/icons/actions/light/arrows-right.svg) }.preview-widget::after, .preview-button::after{background-image:url(https://res.cloudinary.com/nlfraser/image/upload/nathanlfraser/icons/actions/light/chevrons-right.svg) }.nlf-button[data-wf--button--variant="base"]::before, .nlf-button[data-wf--submit--variant="base"]::before{background-color:var(--_colour---neutral--static) }.nlf-button[data-wf--button--variant="neutral"]::before, .nlf-button[data-wf--submit--variant="neutral"]::before, button.nlf-button::before, .preview-widget::before, .preview-button::before{background-color:var(--_colour---brand--primary) }.nlf-button[data-wf--button--variant="inverse"]::before, .nlf-button[data-wf--submit--variant="inverse"]::before{background-color:var(--_colour---neutral--charcoal) }@media screen and (min-width:992px) and (hover:hover) and (pointer:fine){.nlf-button:hover::before, .preview-widget:hover .preview-button::before{transform:scale3d(1,1,1) }.nlf-button:hover::after, .preview-widget:hover .preview-button::after{background-position:left center }}@media screen and (max-width:767px){.preview-button::before{left:0;height:var(--sizes--fixed--1500);background-color:var(--_colour---neutral--pixel);transform:scale3d(1,1,1) }}.icon-button{-webkit-user-drag:none;-webkit-user-select:none }@media screen and (min-width:992px) and (hover:hover) and (pointer:fine){.nlf-link .dash:first-child,.nlf-link:hover .dash:nth-child(3){transition-delay:0.2s }.nlf-link .dash:nth-child(2),.nlf-link:hover .dash:nth-child(2){transition-delay:0.1s }.nlf-link .dash:nth-child(3),.nlf-link:hover .dash:first-child{transition-delay:0s }.nlf-link:hover .dash{color:var(--_colour---brand--primary) }[data-wf--navbar--variant="reverse"] .nlf-link:hover .dash{color:var(--_colour---brand--static) }.nlf-nav-menu .nlf-link:hover .dash{color:var(--_colour---brand--static) }.menu-icon .menu-dash:first-child,.menu-icon:hover .menu-dash:nth-child(4){transition:background-color 0.3s ease 0.2s }.menu-icon .menu-dash:nth-child(2),.menu-icon:hover .menu-dash:nth-child(2),.menu-icon .menu-dash:nth-child(3),.menu-icon:hover .menu-dash:nth-child(3){transition:background-color 0.3s ease 0.1s }.menu-icon .menu-dash:nth-child(4),.menu-icon:hover .menu-dash:first-child{transition:background-color 0.3s ease 0s }.menu-icon:hover .menu-dash, .menu-icon:hover .close-icon .menu-dash, [data-wf--header--variant="reverse"] .menu-icon:hover .menu-dash{background-color:var(--_colour---brand--static) }[data-wf--header--variant="inverse"] .menu-icon:hover .menu-dash{background-color:var(--_colour---brand--primary) }}@media screen and (max-width:767px){.connect .nlf-info{opacity:50% }}[data-wf--hero-slider--variant="base"] .slide-image img{opacity:50% }.swiper-wrapper,.swiper-slide{transition-property:transform }.swiper-wrapper{transition-timing-function:var(--nlf-out-quad) }.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0) }.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}.swiper-slide-next .slide-image,.swiper-slide-prev .slide-image{opacity:.7;transform-style:preserve-3d }.swiper-slide-next .slide-image{transform:scale(1) translate(-80%) }.swiper-slide-prev .slide-image{transform:scale(1) translate(80%) }.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important }.swiper-pagination-lock{display:none;}.swiper-pagination-progressbar-fill{transition-timing-function:var(--nlf-out-quad) }@media screen and (max-width:479px){.project-tile:last-of-type{padding-bottom:0 }}@media screen and (min-width:992px) and (hover:hover) and (pointer:fine){.nlf-link.icon:hover .icon-button #down{animation:download var(--nlf-transition-1200) var(--nlf-in-out-quad) forwards }}@keyframes download{0%{transform:translate3d(0,0,0) }12.5%{transform:translate3d(0,var(--sizes--fixed--neg50),0) }25%{transform:translate3d(0,0,0) }37.5%{transform:translate3d(0,var(--sizes--fixed--50),0) }50%{transform:translate3d(0,0,0) }62.5%{transform:translate3d(0,var(--sizes--fixed--neg50),0) }75%{transform:translate3d(0,0,0) }87.5%{transform:translate3d(0,var(--sizes--fixed--50),0) }100%{transform:translate3d(0,0,0) }}.modal-items{-webkit-overflow-scrolling:touch }.project-mask{transition-delay:var(--nlf-transition-300) }.project-heading,.project-image{transition-delay:var(--nlf-transition-1500) }.project-image .image-block{transition:object-position var(--nlf-transition-1500) ease var(--nlf-transition-300),opacity var(--nlf-transition-1500) ease var(--nlf-transition-300) }.nlf-monogram .nlf-1{clip-path:var(--nlf-segment-1) }.nlf-monogram .nlf-2{clip-path:var(--nlf-segment-2) }.nlf-monogram .nlf-3{clip-path:var(--nlf-segment-3) }.nlf-monogram .nlf-4{clip-path:var(--nlf-segment-4) }.nlf-monogram .nlf-5{clip-path:var(--nlf-segment-5) }.nlf-monogram .nlf-6{clip-path:var(--nlf-segment-6) }.nlf-loader .nlf-symbol .nlf-1{clip-path:var(--nlf-segment-load-1) }.nlf-loader .nlf-symbol .nlf-2{clip-path:var(--nlf-segment-load-2) }.nlf-loader .nlf-symbol .nlf-3{clip-path:var(--nlf-segment-load-3) }.nlf-loader .nlf-symbol .nlf-4{clip-path:var(--nlf-segment-load-4) }.nlf-loader .nlf-symbol .nlf-5{clip-path:var(--nlf-segment-load-5) }.nlf-loader .nlf-symbol .nlf-6{clip-path:var(--nlf-segment-load-6) }.nlf-loader.active .nlf-1{clip-path:polygon(0% 100%,0% 100%,12.5% 100%,12.5% 100%,0% 100%);animation:segment-1 .4s ease-in .6s forwards }.nlf-loader.active .nlf-2{clip-path:polygon(12.5% 43.57%,0% 47.64%,0% 47.64%,12.5% 43.57%,12.5% 43.57%);animation:segment-2 1.4s ease-in-out 1s forwards }.nlf-loader.active .nlf-3{clip-path:polygon(0% 47.64%,12.5% 43.57%,12.5% 43.57%,0% 47.64%);animation:segment-3 1s ease-in-out 1.4s forwards }.nlf-loader.active .nlf-4{clip-path:polygon(43.75% 100%,56.23% 100%,56.23% 100%,43.75% 100%,43.75% 100%);animation:segment-4 .5s ease-in-out 2.4s forwards }.nlf-loader.active .nlf-5{clip-path:polygon(68.74% 43.57%,68.74% 43.57%,68.74% 52.05%,68.74% 52.05%,68.74% 43.57%);animation:segment-5 .3s ease-out 2.9s forwards }.nlf-loader.active .nlf-6{clip-path:polygon(68.74% 76.19%,68.74% 76.19%,68.74% 67.71%,68.74% 67.71%,68.74% 76.19%);animation:segment-6 .4s ease-out 3.2s forwards }@keyframes segment-1{0%{clip-path:polygon(0% 100%,0% 100%,12.5% 100%,12.5% 100%,0% 100%) }100%{clip-path:var(--nlf-segment-load-1) }}@keyframes segment-2{0%{clip-path:polygon(12.5% 43.57%,0% 47.64%,0% 47.64%,12.5% 43.57%,12.5% 43.57%);background:var(--_colour---logo--base) }28.571%{clip-path:polygon(12.5% 43.57%,0% 47.64%,0% 0%,12.5% 14.97%,12.5% 43.57%);background:var(--_colour---logo--base) }100%{clip-path:var(--nlf-segment-load-2);background:var(--_colour---logo--underlay) }}@keyframes segment-3{0%{clip-path:polygon(0% 47.64%,12.5% 43.57%,12.5% 43.57%,0% 47.64%) }100%{clip-path:var(--nlf-segment-load-3) }}@keyframes segment-4{0%{clip-path:polygon(43.75% 100%,56.23% 100%,56.23% 100%,43.75% 100%,43.75% 100%) }100%{clip-path:var(--nlf-segment-load-4) }}@keyframes segment-5{0%{clip-path:polygon(68.74% 43.57%,68.74% 43.57%,68.74% 52.05%,68.74% 52.05%,68.74% 43.57%) }100%{clip-path:var(--nlf-segment-load-5) }}@keyframes segment-6{0%{clip-path:polygon(68.74% 76.19%,68.74% 76.19%,68.74% 67.71%,68.74% 67.71%,68.74% 76.19%) }100%{clip-path:var(--nlf-segment-load-6) }}.zoom-icon .north-west{clip-path:var(--zoom-tl-in);transform-origin:36.17% 36.17%;animation:move-top-left 5s var(--nlf-in-out-quad) infinite;}.zoom-icon .south-west{clip-path:var(--zoom-bl-in);transform-origin:36.17% 63.83%;animation:move-bottom-left 5s var(--nlf-in-out-quad) infinite;}.zoom-icon .south-east{clip-path:var(--zoom-br-in);transform-origin:63.83% 63.83%;animation:move-bottom-right 5s var(--nlf-in-out-quad) infinite;}.zoom-icon .north-east{clip-path:var(--zoom-tr-in);transform-origin:63.83% 36.17%;animation:move-top-right 5s var(--nlf-in-out-quad) infinite;}@keyframes move-top-left{0%,20%,50%,70%,100%{clip-path:var(--zoom-tl-in);}10%,60%{clip-path:var(--zoom-tl-out);}}@keyframes move-bottom-left{0%,20%,50%,70%,100%{clip-path:var(--zoom-bl-in);}10%,60%{clip-path:var(--zoom-bl-out);}}@keyframes move-bottom-right{0%,20%,50%,70%,100%{clip-path:var(--zoom-br-in);}10%,60%{clip-path:var(--zoom-br-out);}}@keyframes move-top-right{0%,20%,50%,70%,100%{clip-path:var(--zoom-tr-in);}10%,60%{clip-path:var(--zoom-tr-out);}}@media screen and (min-width:992px){.modal-items::-webkit-scrollbar{width:var(--sizes--fixed--100) }.modal-items::-webkit-scrollbar-track{background:var(--_colour---logo--base) }.modal-items::-webkit-scrollbar-thumb{background-color:var(--_colour---brand--static);border:none;border-radius:0 }}@media screen and (max-width:991px){.modal-items::-webkit-scrollbar{display:none }}