.borders-on #nprogress,.borders-on header{border-bottom:1px solid #000!important}.borders-on #project-grid{background-color:#000!important}.borders-on nav{opacity:0}.borders-dim #nprogress,.borders-dim header{border-bottom:1px solid #fff}.borders-dim #project-grid{background-color:#fff}.reveal-projects .project-details{opacity:0!important}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}blockquote,figure{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}@font-face{font-family:Univers55;font-display:swap;src:url(https://samwatts.net/assets/fonts/Univers55.woff) format("woff"),url(https://samwatts.net/assets/fonts/Univers55.woff2) format("woff2")}@font-face{font-family:Univers45;font-display:swap;src:url(https://samwatts.net/assets/fonts/Univers45.woff) format("woff"),url(https://samwatts.net/assets/fonts/Univers45.woff2) format("woff2")}body{color:#fff;font-family:Univers45,Helvetica,Arial,sans-serif;font-size:100%}figcaption{margin:.5rem 2rem;text-align:center}h2{font-family:Univers55,Helvetica,Arial,sans-serif}*{font-size:1rem}#about-content{height:auto;line-height:1.2;margin-top:4.25rem}a,p{color:#fff}a{text-decoration:none}.agency{font-size:.75rem;margin-top:.5rem}@media screen and (min-width:751px){*{font-size:1.25rem}.agency{font-size:1rem;margin-top:.75rem}}p:not(:last-of-type){margin-bottom:1.25rem}@media screen and (min-width:501px){p:not(:last-of-type){margin-bottom:2rem}}ul{margin-top:2rem}.project-wrapper--pit-magazine h3{width:17rem}@media screen and (min-width:751px){.project-wrapper--pit-magazine h3{width:20rem}}.project-wrapper--london-handel-festival h3{width:15rem}@media screen and (min-width:751px){.project-wrapper--london-handel-festival h3{width:19rem}}.project-wrapper--spratley-and-partners h3{width:14.875rem}@media screen and (min-width:751px){.project-wrapper--spratley-and-partners h3{width:17rem}}#brighton-peoples-theatre h2{width:16.5rem}@media screen and (min-width:751px){#brighton-peoples-theatre h2{width:17.5rem}}@media screen and (min-width:1101px){#brighton-peoples-theatre h2{width:24.75rem}}.project-wrapper--marcus-barnett-studio h3{width:16rem}@media screen and (min-width:751px){.project-wrapper--marcus-barnett-studio h3{width:22rem}}.project-wrapper--baxter-and-bailey h3{width:18rem}@media screen and (min-width:751px){.project-wrapper--baxter-and-bailey h3{width:22rem}}.project-wrapper--dermatology-m h3{width:18rem}@media screen and (min-width:751px){.project-wrapper--dermatology-m h3{width:21rem}}.project-wrapper--classic h3{width:18rem}#low-hanging-fruit h2{width:18rem}@media screen and (min-width:601px){#low-hanging-fruit h2{width:16rem}}@media screen and (min-width:751px){#low-hanging-fruit h2{width:20rem}}@media screen and (min-width:1101px){#low-hanging-fruit h2{width:27.125rem}}@media screen and (min-width:1321px){#low-hanging-fruit h2{width:28.125rem}}.project-wrapper--aloof h3{width:16rem}@media screen and (min-width:751px){.project-wrapper--aloof h3{width:22rem}}.project-wrapper--irenie h3{width:18rem}@media screen and (min-width:751px){.project-wrapper--irenie h3{width:22rem}}.project-wrapper--alford-porter{width:20rem}@media screen and (min-width:751px){.project-wrapper--alford-porter{width:24rem}}.project-wrapper--compton h3{width:21rem}@media screen and (min-width:751px){.project-wrapper--compton h3{width:23rem}}.project-wrapper--very-tall h3{width:18rem}@media screen and (min-width:751px){.project-wrapper--very-tall h3{width:22rem}}#about-wrapper{display:inline-block;padding:2.1875rem 1.25rem;width:100%}@media screen and (min-width:751px){#about-wrapper{padding:3.4rem 2.4375rem 1.25rem 2.4375rem;width:auto;max-width:unset}}#about-wrapper p{max-width:400px}@media screen and (min-width:751px){#about-wrapper p{max-width:unset}}#about-content{width:100%}#about-content a:hover{border-bottom:1px solid #fff}#about-content li{display:inline}@media screen and (min-width:551px){#about-content{width:31.25rem}}body{background:#000}.site-header{background:#000;border-bottom:1px solid #222;height:65px;text-align:center;left:0;position:fixed;top:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:100%;z-index:10}@media screen and (max-device-width:769px){.site-header{border-bottom:1px solid rgba(255,255,255,.25)}}.site-header.is-unpinned{top:-65px}.site-header #rule{width:100%;height:1px;background:#222;position:relative;margin-top:16px}.site-header #rule-progress{height:1px;width:100%;bottom:0;left:0;position:absolute}nav{opacity:1;display:inline-block;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:100%}nav ul{margin:1.25rem 0}nav li{display:inline-block}nav li:not(:last-of-type){margin-right:1.25rem}nav #nav-tracker{height:1px;position:relative;margin-top:-20px}nav #nav-position{width:50px;background:#fff;left:0;right:0;position:absolute;height:1px;-webkit-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}.projects{margin:4.25rem auto 0 auto}@media screen and (min-width:751px){.projects{margin:6.25rem auto 0 auto}}.project-wrapper{display:table;padding:1.25rem;-webkit-transition:opacity 250ms ease;-o-transition:opacity 250ms ease;transition:opacity 250ms ease}.project-wrapper:hover{cursor:pointer;opacity:.5}.project-wrapper:hover>:hover{opacity:1}@media screen and (min-width:751px){.project-wrapper{padding:1.25rem 2.4375rem}}.project-wrapper:first-of-type{margin-top:4.25rem}.project-wrapper:last-of-type{margin-bottom:8.5rem}#nprogress{pointer-events:none}#nprogress .bar{background:#fff;position:fixed;z-index:1031;top:64px;left:0;width:100%;height:1px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}