@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebasneue/v16/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebasneue/v16/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@view-transition{navigation:auto}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:.5}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0%)}}::view-transition-group(root){animation-duration:.3s;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}html:active-view-transition-type(fromHome):active-view-transition-type(toProject)::view-transition-new(root){animation-name:slide-in}header{justify-self:end;align-self:start;background-color:#000;z-index:10;width:1.875rem;height:100lvh}@media(width <= 820px){header{width:100%;height:1.875rem}}header{position:sticky;top:0}header a{top:0;left:0}header a,header div{position:absolute;display:block;height:1.875rem;width:1.875rem;text-align:center}header h1{font-size:1.25rem;font-weight:400;line-height:1.875rem;margin:0 1.875rem}@media(width > 820px){header h1{margin:1.875rem 0;text-orientation:mixed;writing-mode:vertical-lr}}header .page-number{font-size:.625rem;bottom:0;right:0}header .page-number span{position:absolute}header .page-number span.current{top:.2rem;left:.4rem}header .page-number span.total{bottom:.2rem;right:.4rem}body.project{display:flex;justify-content:center}@media(width <= 820px){body.project{flex-direction:column}}@media(width > 820px){body.project header,body.project main{margin-right:auto}}body.project main{padding:0;padding-bottom:50lvh;flex-basis:max(100svh,var(--aspect-ratio)*100svh)}body.project main section{width:100%;scroll-snap-align:center;opacity:0;transition-property:opacity;transition-duration:500ms;transition-timing-function:ease-in-out}body.project main section.video{scroll-snap-align:start;opacity:1;box-sizing:border-box;padding-top:calc(50svh - 50%/var(--aspect-ratio))}@media(width <= 820px){body.project main section.video{padding-top:max(50svh - 50%/var(--aspect-ratio),1.875rem)}}body.project main section.video .vimeo{aspect-ratio:var(--aspect-ratio)}body.project main section.description{scroll-snap-align:end;overflow:hidden;opacity:0;min-height:50lvh}body.project main section.description>div{height:auto;font-family:"Roboto Condensed",sans-serif;letter-spacing:-4%;font-weight:500;display:flex;align-items:start;padding:1rem .5rem;transform:translateY(100%);transition-property:transform;transition-duration:500ms;transition-timing-function:ease-in-out}@media(width <= 820px){body.project main section.description>div{flex-direction:column}}body.project main section.description>div>*{flex-grow:1;flex-basis:50%}body.project main section.description>div>.credits{flex-basis:min(16rem,50%);width:100%}body.project main section.description .client{font-size:1.7rem}body.project main section.description .credits{list-style:none;padding:0;margin:0}body.project main section.description .credits>li{display:flex;flex-direction:row;justify-content:center}body.project main section.description .credits>li ul{list-style:none;flex-basis:50%;margin-left:.25rem;padding-left:0}body.project main section.description .credits>li h2{text-align:right;flex-basis:50%;font-size:1rem;margin:0;margin-right:.25rem}body.project main section.image{height:100svh;box-sizing:border-box;display:flex}@media(width <= 820px){body.project main section.image{padding-top:1.875rem}}body.project main section.image img{display:block;width:100%;height:100%;object-fit:contain}body.project main section.active{opacity:1}body.project main.scrolled section.description>div{transform:translateY(0)}body.project h2{font-size:1rem;margin:0}body.project .vimeo{max-height:100svh;max-width:100%;height:100%;margin:0 auto;position:relative}@media(width <= 820px){body.project .vimeo{max-height:calc(100svh - 1.875rem)}}body.project .vimeo img,body.project .vimeo iframe{position:absolute;display:block;width:100%;height:100%;aspect-ratio:var(--aspect-ratio);object-fit:contain}body.project .vimeo img{cursor:pointer}html.snap{scroll-snap-type:y mandatory;scroll-snap-stop:always}@keyframes hide-video{from{opacity:1}to{opacity:0}}@keyframes blackout-fill{from{fill:var(--fill)}to{fill:#000}}@keyframes blackout-stroke{from{stroke:var(--stroke)}to{stroke:#000}}body.home header{--blank-space: min(12.5lvw, 22.222lvh);position:static;width:100%;height:100lvh;display:grid;grid-template-columns:1fr minmax(0, 200lvh) 1fr;grid-template-rows:1fr calc(var(--blank-space)*3) var(--blank-space) calc(100lvh - 150lvw);grid-template-areas:"video					video					video" "video					video					video" "margin-left		title					margin-right" "margin-bottom	margin-bottom	margin-bottom";overflow:visible}body.home header video{grid-area:video;min-width:0;min-height:0;align-self:stretch;justify-self:stretch;object-fit:cover;opacity:1;animation-name:hide-video;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}body.home header h1,body.home header #header-anim-trigger{grid-area:2/2/4/3;margin:0;align-self:end;justify-self:stretch;z-index:10;overflow:visible;text-orientation:unset;writing-mode:unset}body.home header #header-anim-trigger{position:relative;bottom:calc(var(--blank-space)*2)}body.home header svg{display:block;overflow:visible}body.home header svg #we-are,body.home header svg #cinematic-vision,body.home header svg #dot{--fill: #ffffff;fill:var(--fill);stroke:none;fill-rule:nonzero}body.home header svg #mhz-red{--fill: #ff0000;fill:var(--fill);stroke:none;mix-blend-mode:lighten}body.home header svg #mhz-green{--fill: #00ff00;fill:var(--fill);stroke:none;mix-blend-mode:lighten}body.home header svg #mhz-blue{--fill: #0000ff;fill:var(--fill);stroke:none;mix-blend-mode:lighten}body.home header svg #cursive{fill:none;--stroke:#181818;stroke:var(--stroke)}body.home header svg #red-circle{fill:none;--stroke: #B20E31;stroke:var(--stroke)}body.home header svg #we-are,body.home header svg #cinematic-vision,body.home header svg #dot,body.home header svg #mhz-red,body.home header svg #mhz-green,body.home header svg #mhz-blue{animation-name:blackout-fill;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}body.home header svg #cursive,body.home header svg #red-circle{animation-name:blackout-stroke;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}body.home header #cta-link .cta-link-underline{clip-path:fill-box rect(-10% 110% 110% -10%);transition-property:clip-path;transition-duration:150ms;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}body.home header #cta-link:hover .cta-link-underline{clip-path:fill-box rect(110% 110% 110% -10%)}@keyframes reveal-text{from{opacity:0;line-height:1}to{opacity:1;line-height:.8}}@keyframes reveal{from{opacity:0}to{opacity:1}}#what-we-do{margin:8rem 0 2rem 0;display:grid;grid-template-columns:min-content 1fr min-content;grid-template-areas:"h-left		content		h-right" "no-left	scribble	no-right";justify-items:center;align-items:center;font-size:max(1.5rem,min(14.01svw,4.3rem));opacity:1;background-color:#000;animation-name:reveal;animation-duration:1s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}#what-we-do h2{font-size:.8em;font-weight:400;width:fit-content;text-orientation:mixed;writing-mode:vertical-lr;margin:0;justify-self:center;align-self:center;grid-area:h-left}#what-we-do h2.right{writing-mode:sideways-lr;grid-area:h-right}@media(width <= 820px){#what-we-do h2.right{display:none}}#what-we-do p{line-height:.8;text-align:right;width:fit-content;position:relative;grid-area:content;margin:0}#what-we-do p span{opacity:0;animation-name:reveal-text;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both}#what-we-do #what-we-do-overlay{grid-area:content;align-self:end;justify-self:center;display:block;width:1.55em;height:1.55em;position:relative;right:-1.53em;bottom:-0.23em;mix-blend-mode:hard-light;overflow:hidden}@keyframes glitch-pos{from{opacity:0;height:.2em;bottom:.5em}1%{opacity:1;height:.2em;bottom:.5em}25%{height:.1em;bottom:1em}50%{height:1em;bottom:.25em}75%{height:1.3em;bottom:-0.23em}to{height:1.55em;bottom:-0.23em}}#what-we-do #what-we-do-overlay{animation-name:glitch-pos;animation-timing-function:steps(1);animation-duration:.5s;animation-fill-mode:both;animation-play-state:paused}#what-we-do #what-we-do-overlay img{width:7.5em;left:-3.5em;top:-0.6em;position:relative}@keyframes glitch-img{from{width:9.5em;left:-0.9em;top:-2em}25%{left:-3.2em;top:0em}50%{left:-5.5em;top:-1.4em}75%{left:-4.8em;top:-0.2em}to{left:-3.5em;top:-0.6em}}#what-we-do #what-we-do-overlay img{animation-name:glitch-img;animation-timing-function:steps(2);animation-duration:.5s;animation-fill-mode:both;animation-play-state:paused}#what-we-do svg{grid-area:scribble;width:4.5em;position:relative;top:-0.25em;mix-blend-mode:hard-light}@keyframes scribble{from{stroke-dasharray:0 150;opacity:0}1%{opacity:.66}to{stroke-dasharray:100 150;opacity:.66}}#what-we-do svg .scribble{animation-name:scribble;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-duration:.75s;animation-fill-mode:both;animation-play-state:paused}#were-on{margin:8rem 0 2rem 0;display:flex;justify-content:center;align-items:start;font-size:max(2rem,min(9svw,4.3rem));opacity:1;background-color:#000}@media(width <= 820px){#were-on{flex-direction:column}}#were-on h2{font-size:2em;font-weight:400;line-height:.9;width:fit-content;margin:0;white-space:nowrap;animation-name:reveal;animation-duration:1s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}@media(width <= 820px){#were-on h2{align-self:center}}#were-on .links{padding-top:.65em;text-orientation:mixed;writing-mode:vertical-lr;line-height:.95;position:relative}@media(width <= 820px){#were-on .links{align-self:end;padding-right:.5em;padding-top:0}}#were-on .links a{display:block;text-decoration:none;animation-name:reveal;animation-duration:.6s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}#were-on .links a:nth-child(2){animation-delay:.1s}#were-on .links a:nth-child(3){animation-delay:.2s}#were-on .links a:nth-child(4){animation-delay:.3s}#were-on .links a:nth-child(5){animation-delay:.4s}#were-on .links a .icon{display:inline-block;width:.6em;height:.6em;padding-left:.1em}#were-on .links a .icon>*{display:block;width:100%;height:100%;position:relative}#were-on .overlay{display:block;width:.8em;height:.8em;position:absolute;left:-1.21em;top:.95em;mix-blend-mode:darken;overflow:hidden}@keyframes were-on-glitch-pos{from{opacity:0;width:.8em;left:-2em}1%{opacity:1;width:.8em;left:-2em}20%{width:.8em;left:-1.3em}40%{width:1.25em;left:-1.21em}60%{width:2em;left:-1.21em}80%{width:3em;left:-1.21em}to{width:3.75em;left:-1.21em}}#were-on .overlay{animation-name:were-on-glitch-pos;animation-timing-function:steps(1);animation-duration:.75s;animation-fill-mode:both;animation-play-state:paused}@media(width <= 820px){#were-on .overlay{top:-0.7em;height:1.2em}@keyframes were-on-glitch-pos-mobile{from{opacity:0;width:.3em;left:-0.8em}1%{opacity:1;width:.3em;left:-0.8em}20%{width:.3em;left:-0.4em}40%{width:.8em;left:-0.25em}60%{width:1em;left:-0.25em}80%{width:2.05em;left:-0.25em}to{width:2.8em;left:-0.25em}}#were-on .overlay{animation-name:were-on-glitch-pos-mobile}}#were-on .overlay img{width:5.5em;left:-1em;top:-0.75em;position:relative}@media(width <= 820px){#were-on .overlay img{width:6em;left:-2em;top:-0.4em}}#were-on svg.were-on-arrows{position:absolute;width:4em;left:-4.5em;top:.3em;mix-blend-mode:hard-light}@media(width <= 820px){#were-on svg.were-on-arrows{width:3.5em;left:-3.75em;top:-1em}}@keyframes arrows{from{stroke-dasharray:0 150;opacity:0}1%{opacity:.66}to{stroke-dasharray:100 150;opacity:.66}}#were-on svg.were-on-arrows .arrows{animation-name:arrows;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}#were-on svg.were-on-arrows .arrows:nth-child(2){animation-delay:.3s}#were-on svg.were-on-arrows .arrows:nth-child(3){animation-delay:.6s}#were-on svg.were-on-arrows .arrows:nth-child(4){animation-delay:.9s;animation-duration:.15s}#were-on svg.were-on-arrows .arrows:nth-child(5){animation-delay:1.05s;animation-duration:.25s}#contact{max-width:200lvh;margin:0 auto}#contact #contact-form{padding:.8rem;margin:1.5rem 0;display:grid;grid-template-rows:1.6rem .8rem .8rem .8rem .8rem 1.6rem .8rem auto;grid-auto-flow:row dense;width:100%;min-height:80svh;box-sizing:border-box;column-gap:.8rem;grid-template-columns:3fr 4fr}@media(width <= 1080px){#contact #contact-form{grid-template-columns:1fr;row-gap:.8rem;grid-template-rows:auto repeat(3, 1.6rem) 2.4rem auto}}#contact #contact-form input,#contact #contact-form textarea{font-family:"Roboto Condensed",sans-serif;letter-spacing:-4%;font-weight:600;font-size:1rem;line-height:.95;padding:.2rem;padding-right:.45rem;border-radius:0;border:none;border-right:solid 0 #b3b3b3;transition-property:border,padding;transition-duration:.15s;transition-timing-function:linear}#contact #contact-form input:focus-visible,#contact #contact-form textarea:focus-visible{outline:none;border-right-width:.25rem;padding-right:.2rem}#contact #contact-form input:focus-visible::placeholder,#contact #contact-form textarea:focus-visible::placeholder{opacity:.3}#contact #contact-form input:user-invalid,#contact #contact-form textarea:user-invalid{border-right-width:.25rem;border-right-color:#e2103f;padding-right:.2rem}#contact #contact-form input::placeholder,#contact #contact-form textarea::placeholder{text-transform:uppercase;color:#000}#contact #contact-form #name{grid-row:1/2}#contact #contact-form #mail{grid-row:3/5}#contact #contact-form #phone{grid-row:6/7}#contact #contact-form h2{grid-row:8/-1;font-size:7rem;line-height:.9;margin:0;position:relative}@media(width <= 1080px){#contact #contact-form h2{order:0;grid-row:1;margin-bottom:4rem}}#contact #contact-form h2 svg{position:absolute;width:1.2em;height:auto;top:1em;left:1em;mix-blend-mode:hard-light}@media(width <= 1080px){#contact #contact-form h2 svg{width:1em;top:.9em}}@keyframes arrow{from{stroke-dasharray:0 150;opacity:0}1%{opacity:.66}to{stroke-dasharray:100 150;opacity:.66}}#contact #contact-form h2 svg .arrow{animation-name:arrows;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}#contact #contact-form h2 svg .arrow:nth-child(2){animation-delay:.3s}#contact #contact-form #subject{grid-row:1/3;resize:none}#contact #contact-form #name,#contact #contact-form #mail,#contact #contact-form #phone,#contact #contact-form h2{grid-column:1}@media(width <= 1080px){#contact #contact-form #name,#contact #contact-form #mail,#contact #contact-form #phone,#contact #contact-form h2{grid-row:unset}}#contact #contact-form #subject,#contact #contact-form #message-backdrop,#contact #contact-form #message,#contact #contact-form #send{grid-column:2}@media(width <= 1080px){#contact #contact-form #subject,#contact #contact-form #message-backdrop,#contact #contact-form #message,#contact #contact-form #send{grid-column:1;grid-row:unset}}#contact #contact-form #message-backdrop{grid-row:4/-1;background-color:#fff}@media(width <= 1080px){#contact #contact-form #message-backdrop{grid-row:-2/-1}}#contact #contact-form #message{grid-row:4/-1;resize:vertical;padding-bottom:6rem;mask-image:linear-gradient(#ffffff 0 0),linear-gradient(to top, #000000 -4rem, 4.5rem, #ffffff 6rem);mask-position:right,left;mask-size:.45rem 100%,100% 100%;mask-repeat:no-repeat;mask-mode:luminance}@media(width <= 1080px){#contact #contact-form #message{grid-row:-2/-1}}#contact #contact-form #send{grid-row:-2/-1;font-size:4.25rem;font-family:"Bebas Neue",sans-serif;border-radius:0;border:none;background:none;align-self:end;justify-self:end;line-height:3rem;cursor:pointer;position:relative;right:1.5rem;bottom:1.5rem;color:#000}@media(width <= 1080px){#contact #contact-form #send{grid-row:-2/-1}}#contact #contact-form #send div{display:inline-block;width:3rem;height:3rem;overflow:hidden}#contact #contact-form #send div img{position:relative;height:14rem;top:-3.5rem;left:-4.5rem}#contact address{display:grid;grid-template-columns:3fr 4fr;font-style:normal;font-size:max(1rem,min(3.2svw,1.7rem));margin:1.5rem 0;padding:.8rem;column-gap:.8rem;grid-auto-flow:dense}@media(width <= 1080px){#contact address{grid-template-columns:1fr}}#contact address h3{font-size:1em;margin-top:.5em;margin-bottom:0}#contact address a{font-size:1.76em;line-height:.95;text-decoration:none;position:relative}#contact address a svg{position:absolute;width:auto;height:2.2em;top:-0.7em;left:-1.2em;mix-blend-mode:hard-light}@keyframes mail-highlight{from{stroke-dasharray:0 150;opacity:0}1%{opacity:.66}to{stroke-dasharray:100 150;opacity:.66}}#contact address a svg .mail-highlight{animation-name:mail-highlight;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-duration:1.5s;animation-fill-mode:both;animation-play-state:paused;animation-delay:.6s}#contact address h3,#contact address a{grid-column:1;display:block}#contact address h3.postal,#contact address a.postal{margin-top:1em;align-self:end}@media(width > 1080px){#contact address h3.postal,#contact address a.postal{grid-column:2;grid-row:span 6;text-align:right}}#portfolio{display:grid;width:100%;grid-template-columns:repeat(3, 1fr)}@media(width <= 820px){#portfolio{grid-template-columns:repeat(2, 1fr)}}#portfolio a{display:block;aspect-ratio:1/1;overflow:hidden;cursor:pointer}@keyframes reveal-portfolio-items{from{opacity:0}50%{opacity:1}}#portfolio a{animation-name:reveal-portfolio-items;animation-duration:.75s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:linear;animation-delay:0s}@media(width > 820px){#portfolio a:nth-child(3n+2){animation-delay:.15s}#portfolio a:nth-child(3n+3){animation-delay:.3s}}@media(width <= 820px){#portfolio a:nth-child(2n+2){animation-delay:.15s}#portfolio a:last-of-type{display:none}}#portfolio img{display:block;width:105%;top:-2.5%;left:-2.5%;position:relative;transition-property:width top left;transition-duration:.15s;transition-timing-function:cubic-bezier(0, 0, 0.58, 1)}#portfolio img:hover{width:100%;top:0%;left:0%}body.home{display:block}body.home main{margin:0 auto;padding:0}html{background-color:oklch(0 0 0);color:oklch(1 0 0);font-family:"Bebas Neue",sans-serif;letter-spacing:unset;font-weight:500;font-size:27pt;scroll-behavior:smooth;overflow-x:hidden;width:100%}@media(width <= 820px){html{font-size:16pt}}body{margin:0;display:flex;justify-content:center}@media(width <= 820px){body{flex-direction:column}}body:not(.home,.project) main{font-family:"Roboto Condensed",sans-serif;letter-spacing:-4%;font-weight:500}body main{margin:0;padding:0 1rem;flex-basis:max-content;flex-shrink:1;max-width:200lvh}a{color:currentColor}footer{margin-top:5rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;text-align:center}footer a{width:10rem}footer p{width:100%}dialog{max-width:24rem;border:none;padding:.8rem;font-size:.75rem}dialog::backdrop{background-color:rgba(0,0,0,.8)}dialog p{margin:0;margin-bottom:.8rem}dialog p:last-child{margin-bottom:0}dialog a{color:#000}dialog .buttons{display:flex;flex-direction:row}dialog button{flex-grow:2;display:block;border:none;background:#000;color:#fff;height:1.6rem;font-family:"Bebas Neue",sans-serif;font-size:1rem;margin-left:.8rem;cursor:pointer}dialog button:first-child{margin-left:0;flex-grow:3}dialog#response-dialog{margin:auto;position:fixed;bottom:0;margin-bottom:3.6rem;padding-right:2.4rem}dialog#response-dialog button{position:absolute;right:0;top:0;width:1.6rem}