*,*: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}.coxtainer{display:grid;width:100%;grid-template-columns:minmax(20px,1fr) minmax(100px,968px) 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}.header_wrapper{z-index:100;position:absolute;top:20px;left:0;width:100%}header{display:flex;justify-content:space-between;align-items:center;gap:20px;height:100px}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}}.password-form{padding:20px;margin-bottom:20px;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);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)}.works{display:flex;flex-direction:column;gap:30px}.works__item{position:relative;aspect-ratio:3/1;display:flex;justify-content:center;align-items:center;text-decoration:none;overflow:hidden}.works__item h2{position:relative;z-index:3;opacity:0;transform:translateY(200px);transition:transform .3s ease-out}.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{opacity:0;z-index:2;transition:opacity .2s ease-out}.works__item:hover h2{opacity:1;transform:translateY(0)}.works__item:hover .works__item__cover{opacity:.617}.works__item--private{background:#0003}.works__item--private svg{width:64px}.works__item--private svg path{stroke:var(--text-colour)}.works__item--private h2{opacity:1;transform:none}.home__header{margin-top:150px;min-height:200px;margin-bottom:75px}.home__header h1{font-size:2.5rem;font-weight:100}.home__header h1 strong{opacity:.75}.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;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;top:12%;width:100%}.work__chrome__image img{width:100%;height:auto}.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:20px;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}@keyframes work-header{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.cox-block{margin-bottom:100px}.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}:root{--text-colour: #f1cfbc;--header-colour: #f1cfbc;--bg-colour: #134140}body{font-family:asap,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}@view-transition{navigation: auto;}@keyframes move-out{0%{opacity:1}to{opacity:0}}@keyframes move-in{0%{opacity:0}to{opacity:1}}::view-transition-old(main){animation:1s ease-in both move-out}::view-transition-new(main){animation:1s ease-in both move-in}
/*# sourceMappingURL=main.css.map */