*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-start:0;margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}p{margin-block-start:0}@keyframes blurReveal{0%{opacity:0;filter:blur(8px);transform:translateY(-15px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-100px)}}img.lazy{filter:blur(5px)}.coxtainer{display:grid;width:100%;grid-template-columns:minmax(20px,1fr) minmax(100px,1160px) minmax(20px,1fr)}.coxtainer>*{grid-column:2/3}.coxtainer>.full-width{grid-column:1/4}@font-face{font-family:Fatfrank;src:url("../FatFrank-Regular-XQHP72JR.eot");src:url("../FatFrank-Regular-XQHP72JR.eot?") format("embedded-opentype"),url("../FatFrank-Regular-CXF4WV5D.woff") format("woff"),url("../FatFrank-Regular-DWPXM3E5.ttf") format("opentype");font-weight:400;font-style:normal}h1,h2,h3{font-family:FatFrank,asap,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:regular;font-weight:400}#main p{margin-bottom:1.5em}.absolute-header .header_wrapper{z-index:100;width:100%}.absolute-header .header_wrapper{position:absolute;left:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;height:150px}header .logo{width:300px}header .menu{display:none;font-family:FatFrank,asap,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:regular;transition:background}@media (min-width: 1024px){header .menu{display:flex;text-align:right;padding-top:1rem;flex-direction:row;column-gap:1em}}header .menu .navbar-item{padding-top:.6rem}header .menu a{text-decoration:none}header .hamburger{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:5px;width:30px}@media (min-width: 1024px){header .hamburger{display:none}}header .hamburger__bun-top,header .hamburger__patty,header .hamburger__bun-bottom{background:var(--header-colour);width:100%;height:3px;transform-origin:50% 50%;transition:transform .3s ease-out}header .hamburger--open{z-index:201}header .hamburger--open .hamburger__patty{display:none}header .hamburger--open .hamburger__bun-top{transform:rotate(45deg) translateY(5px)}header .hamburger--open .hamburger__bun-bottom{transform:rotate(-45deg) translateY(-6px)}.menu-mobile{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-family:FatFrank,asap,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:regular;transition:background;flex-direction:column;gap:20px;justify-content:center;align-items:center;background:#0009;z-index:20;font-size:32px;animation:menu-fade-in .5s ease-out}.menu-mobile--open{display:flex}@media (min-width: 1024px){.menu-mobile{display:none}}.menu-mobile .navbar-item{padding-top:.6rem}.menu-mobile a{text-decoration:none;color:#fff;animation:menu-item-fade-in .3s ease-out;animation-fill-mode:backwards;animation-delay:.1s}.menu-mobile a:nth-child(2){animation-delay:.15s}.menu-mobile a:nth-child(3){animation-delay:.2s}.menu-mobile a:nth-child(4){animation-delay:.25s}.menu-mobile a:nth-child(5){animation-delay:.3s}.menu-mobile a:nth-child(6){animation-delay:.35s}.menu-mobile a:nth-child(7){animation-delay:.4s}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes menu-item-fade-in{0%{opacity:0;transform:scale(1.5) translate(100px)}to{opacity:1;transform:scale(1) translate(0)}}.logo #ghost{-webkit-animation:bob 1.5s cubic-bezier(.37,0,.63,1) infinite alternate;animation:bob 1.5s cubic-bezier(.37,0,.63,1) infinite alternate}.logo #ghost #lid1,.logo #ghost #lid2{animation:blink 3.3s infinite;stroke:var(--header-colour);fill:var(--header-colour)}.logo #ghost #pupil1,.logo #ghost #pupil2{fill:var(--header-colour)}.logo #ghost #eye1,.logo #ghost #eye2{stroke:var(--header-colour)}.logo #ghost #body path{stroke:var(--header-colour)}.logo #ghost #body polygon{fill:var(--header-colour)}.logo #type path{fill:var(--header-colour)}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes blink{94%{opacity:0}95%{opacity:1}96%{opacity:1}97%{opacity:0}to{opacity:0}}.standard__header{background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:150px;margin-bottom:100px}.standard__header__grid{display:grid;grid-template-columns:1fr;gap:20px;animation:work-header .2s ease-out}.standard__header__text{font-family:FatFrank,asap,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:regular;display:flex;flex-direction:column;justify-content:center;gap:6px}.standard__header__text h1{margin-top:0}.standard__header__text .standard__header__intro,.standard__header__text .standard__header__intro p{font-size:3rem}.footer{margin-top:40px;padding-top:40px;padding-bottom:40px;background:#0002}.footer a{text-decoration:none;font-weight:700}.footer__cols{display:flex;justify-content:center;gap:20px}@media (min-width: 769px){.footer__cols{justify-content:space-between}}.footer__menu{display:flex;gap:10px}.password-form{padding:40px 20px;margin-bottom:30px;border:2px dashed var(--text-colour);border-radius:10px;text-align:center}.password-form p{font-weight:600;margin-bottom:10px}.password-form input[type=password],.password-form input[type=submit]{background:transparent;border:1px solid var(--text-colour);color:var(--text-colour);text-transform:capitalize;font-weight:600;font-size:18px;border-radius:4px;padding:10px 20px}.password-form input[type=submit]{background:var(--text-colour);color:var(--bg-colour);border:1px solid var(--text-colour)}.works{display:flex;flex-direction:column;gap:30px}.works__item{position:relative;aspect-ratio:1.618/1;display:flex;justify-content:center;align-items:center;text-decoration:none;overflow:hidden;border-radius:8px;border:1px solid var(--text-colour)}@media (min-width: 1024px){.works__item{aspect-ratio:3/1}}.works__item h2{position:relative;z-index:3;transition:transform .3s ease-out}@media (min-width: 1024px){.works__item h2{opacity:0;transform:translateY(200px)}}.works__item img,.works__item__cover{position:absolute;width:100%;height:100%;top:0;left:0;background:#000}.works__item img{object-fit:cover;object-alignment:center}.works__item__cover{z-index:2;opacity:.617;transition:opacity .2s ease-out}@media (min-width: 1024px){.works__item__cover{opacity:0}}.works__item:hover h2{opacity:1;transform:translateY(0)}.works__item:hover .works__item__cover{opacity:.617}.works__item--private{background:#0003;border:2px dashed var(--text-colour)}.works__item--private svg{width:64px}.works__item--private svg path{stroke:var(--text-colour)}.works__item--private h2{opacity:1;transform:none}.contact__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:start;margin-top:2rem}.contact__form-wrapper{background:#ffffff1a;padding:2rem;border-radius:10px;box-shadow:0 6px 14px #00000014}.contact__form{display:grid;grid-template-columns:1fr;gap:1rem}.contact__form-group{display:flex;flex-direction:column;gap:.5rem}.contact__form label{font-size:.9rem;font-weight:700;color:var(--text-colour)}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:var(--text-colour);font-size:1rem;color:var(--bg-colour);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.contact__form input,.contact__form textarea{width:100%;display:block;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:var(--text-colour);font-size:1rem;color:var(--bg-colour);transition:border-color .2s ease,box-shadow .2s ease}.contact__form input:focus,.contact__form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.contact__submit{justify-self:start;padding:.9rem 1.4rem;border:none;border-radius:6px;cursor:pointer;background:var(--text-colour);color:var(--bg-colour);font-family:FatFrank,Fatfrank,sans-serif;font-size:1rem;transition:transform .15s ease,background .2s ease}.contact__submit:hover{transform:translateY(-1px);opacity:.95}.contact__message{padding:.5rem 1rem;border-radius:6px;margin-bottom:.5rem}.contact__message--success{background:#e6f4ea;color:#1e4620}.contact__message--error{background:#fbeaea;color:#8a1f1f}@media (max-width: 900px){.contact__grid{grid-template-columns:1fr}.contact__form-wrapper{padding:1.25rem}}.home__header{margin-top:75px;margin-bottom:100px;min-height:200px}@media (min-width: 769px){.home__header{margin-top:150px;margin-bottom:200px}}.home__header h1{display:block;font-size:2em;line-height:1.2;font-weight:100;text-align:center;animation:moveUp linear both;animation-timeline:view()}@media (min-width: 769px){.home__header h1{font-size:3.5em;line-height:1.2}}.home__header h1 strong{opacity:.75}:root{--height-difference: 0px;--anim-speed: 2s}.work__nav{position:absolute;z-index:10;top:50%;transform:translateY(-50%)}.work__nav svg{width:40px;height:auto;transition:fill .3s ease;transform:scaleY(-1) rotate(-120deg)}.work__nav svg path{fill:var(--text-colour)}.work__nav a{font-size:12px;text-decoration:none;color:var(--color-text);display:flex;flex-direction:column;gap:10px}.work__nav--pevious{left:20px}.work__nav--next{right:20px}.work__nav--next svg{transform:scaleY(1) rotate(50deg)}.work__chrome{width:100%;aspect-ratio:16/9;background-repeat:no-repeat;background-position:top left;background-size:cover;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 0 15px #0006}.work__chrome__address{color:#999;position:absolute;z-index:2;top:3%;left:14%;font-size:clamp(10px,2.3cqw,20px)}@media (min-width: 769px){.work__chrome__address{font-size:clamp(10px,1.15cqw,20px)}}@media (min-width: 1024px){.work__chrome__address{font-size:14px;top:8px}}.work__chrome__image{position:absolute;z-index:1;top:12%;width:100%;height:100%;overflow:hidden}.work__chrome__image img{width:100%;height:auto;position:absolute;top:0;animation:work-chrome var(--anim-speed) ease-out infinite}@keyframes work-chrome{0%{top:0}5%{top:0}75%{top:var(--height-difference)}to{top:0}}.work__header{background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:150px;margin-bottom:100px}.work__header__grid{display:grid;grid-template-columns:1fr;gap:50px;animation:work-header .2s ease-out}@media (min-width: 769px){.work__header__grid{grid-template-columns:1fr 1fr}}.work__header__text{font-family:FatFrank,asap,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:regular;display:flex;flex-direction:column;justify-content:center;gap:6px}.work__header__text h1{margin-top:0}.work__header__text a{opacity:.5;transition:opacity .3s ease;text-decoration:none}.work__header__text a:hover{opacity:1}.work__header__text .work__header__intro{opacity:.75}.work__next__link{display:grid;grid-template-columns:300px 1fr;padding:20px;margin-bottom:20px;gap:30px;border-radius:8px;text-decoration:none;box-shadow:0 0 20px #0003}.work__next__text{display:flex;flex-direction:column;gap:10px;justify-content:center}@keyframes work-header{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.about__header{background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:150px;margin-bottom:100px}.about__header__grid{display:grid;grid-template-columns:1fr;gap:20px;animation:work-header .2s ease-out}.about__header__text{font-family:FatFrank,asap,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:regular;display:flex;flex-direction:column;justify-content:center;gap:6px}.about__header__text h1{margin-top:0}.about__header__text .about__header__intro{font-size:3rem}.blog-listing__grid__item{text-decoration:none;display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 769px){.blog-listing__grid__item{grid-template-columns:1fr 1fr}}.blog-listing__grid__item img{width:100%;height:auto;border-radius:15px}.cox-block{margin-bottom:100px}.list-columns-block ul{padding:0;display:grid;gap:25px}.list-columns-block ul li{list-style:none;font-size:16px;font-weight:600}.list-columns-block--split-1 ul{grid-template-columns:1fr}.list-columns-block--split-2 ul{grid-template-columns:1fr 1fr}.list-columns-block--split-3 ul{grid-template-columns:1fr 1fr 1fr}.text-columns-block h1,.text-columns-block h2,.text-columns-block h3{text-align:center;margin-bottom:50px}.text-columns-block__cols{display:grid;gap:25px}.text-columns-block__cols--1{grid-template-columns:1fr}.text-columns-block__cols--2{grid-template-columns:1fr 1fr}.text-image-block__cols{display:grid;grid-template-columns:1fr 1fr;column-gap:5rem}.text-image-block__cols__col__image img{width:100%;height:auto}.image-block figure{margin:0}.image-block figure img{width:100%;height:auto}.image-block--full-width{grid-column:1/4}h1.is-splitting{opacity:0;visibility:hidden}h1.splitting-done{opacity:1;visibility:visible}h1.splitting-done .word{filter:blur(8px);display:inline-block;opacity:0;transform:translateY(-20px);animation:blurReveal .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--word-index) * .05s)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h1 .whitespace{display:inline}:root{--text-colour: #f1cfbc;--header-colour: #f1cfbc;--bg-colour: #134140}body{font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.25rem;background:var(--bg-colour);color:var(--text-colour);border:brown}@media (max-width: 1024px){body{font-size:1rem}}body a{color:#fff}#main{view-transition-name:main}ul.messages{z-index:102;padding:0}ul.messages li{color:var(--bg-colour);background:var(--text-colour);padding:20px;border-radius:8px}
/*# sourceMappingURL=main.css.map */