/* ==========================================================================
   MAKETHECUT® — site stylesheet (single file)
   ========================================================================== */

/* ==========================================================================
   Root (base + tokens)
   ========================================================================== */

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:webflow-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");font-weight:400;font-style:normal}[class^=w-icon-],[class*=\ w-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}.w-icon-slider-right:before{content:""}.w-icon-slider-left:before{content:""}.w-icon-nav-menu:before{content:""}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:""}.w-icon-file-upload-remove:before{content:""}.w-icon-file-upload-icon:before{content:""}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}html.touch *{background-attachment:scroll!important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";grid-area:1/1/2/2;display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:#0000!important}.w-code-block{margin:unset}pre.w-code-block code{all:inherit}.w-optimization{display:contents}.w-webflow-badge,.w-webflow-badge>img{box-sizing:unset;width:unset;height:unset;max-height:unset;max-width:unset;min-height:unset;min-width:unset;margin:unset;padding:unset;float:unset;clear:unset;border:unset;border-radius:unset;background:unset;background-image:unset;background-position:unset;background-size:unset;background-repeat:unset;background-origin:unset;background-clip:unset;background-attachment:unset;background-color:unset;box-shadow:unset;transform:unset;direction:unset;font-family:unset;font-weight:unset;color:unset;font-size:unset;line-height:unset;font-style:unset;font-variant:unset;text-align:unset;letter-spacing:unset;-webkit-text-decoration:unset;text-decoration:unset;text-indent:unset;text-transform:unset;list-style-type:unset;text-shadow:unset;vertical-align:unset;cursor:unset;white-space:unset;word-break:unset;word-spacing:unset;word-wrap:unset;transition:unset}.w-webflow-badge{white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px #0000001a,0 1px 3px #0000001a;visibility:visible!important;opacity:1!important;z-index:2147483647!important;color:#aaadb0!important;overflow:unset!important;background-color:#fff!important;border-radius:3px!important;width:auto!important;height:auto!important;margin:0!important;padding:6px!important;font-size:12px!important;line-height:14px!important;text-decoration:none!important;display:inline-block!important;position:fixed!important;inset:auto 12px 12px auto!important;transform:none!important}.w-webflow-badge>img{position:unset;visibility:unset!important;opacity:1!important;vertical-align:middle!important;display:inline-block!important}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}h4{margin-top:10px;font-size:18px;line-height:24px}h5{margin-top:10px;font-size:14px;line-height:20px}h6{margin-top:10px;font-size:12px;line-height:18px}p{margin-top:0;margin-bottom:10px}blockquote{border-left:5px solid #e2e2e2;margin:0 0 10px;padding:10px 20px;font-size:18px;line-height:22px}figure{margin:0 0 10px}figcaption{text-align:center;margin-top:5px}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";grid-area:1/1/2/2;display:table}.w-embed:after{clear:both}.w-video{width:100%;padding:0;position:relative}.w-video iframe,.w-video object,.w-video embed{border:none;width:100%;height:100%;position:absolute;top:0;left:0}fieldset{border:0;margin:0;padding:0}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}.w-form{margin:0 0 15px}.w-form-done{text-align:center;background-color:#ddd;padding:20px;display:none}.w-form-fail{background-color:#ffdede;margin-top:10px;padding:10px;display:none}label{margin-bottom:5px;font-weight:700;display:block}.w-input,.w-select{color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc;width:100%;height:38px;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.w-input::placeholder,.w-select::placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898ec;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{cursor:pointer;margin-bottom:0;font-weight:400;display:inline-block}.w-radio{margin-bottom:5px;padding-left:20px;display:block}.w-radio:before,.w-radio:after{content:" ";grid-area:1/1/2/2;display:table}.w-radio:after{clear:both}.w-radio-input{float:left;margin:3px 0 0 -20px;line-height:normal}.w-file-upload{margin-bottom:10px;display:block}.w-file-upload-input{opacity:0;z-index:-100;width:.1px;height:.1px;position:absolute;overflow:hidden}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{color:#333;display:inline-block}.w-file-upload-error{margin-top:10px;display:block}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:flex}.w-file-upload-file{background-color:#fafafa;border:1px solid #ccc;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;display:flex}.w-file-upload-file-name{font-size:14px;font-weight:400;display:block}.w-file-remove-link{cursor:pointer;width:auto;height:auto;margin-top:3px;margin-left:10px;padding:3px;display:block}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{color:#ea384c;padding:2px 0;display:inline-block}.w-file-upload-info{padding:0 12px;line-height:38px;display:inline-block}.w-file-upload-label{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:inline-block}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{width:20px;margin-right:8px;display:inline-block}.w-icon-file-upload-uploading{height:20px}.w-container{max-width:940px;margin-left:auto;margin-right:auto}.w-container:before,.w-container:after{content:" ";grid-area:1/1/2/2;display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";grid-area:1/1/2/2;display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px;position:relative}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333%}.w-col-2{width:16.6667%}.w-col-3{width:25%}.w-col-4{width:33.3333%}.w-col-5{width:41.6667%}.w-col-6{width:50%}.w-col-7{width:58.3333%}.w-col-8{width:66.6667%}.w-col-9{width:75%}.w-col-10{width:83.3333%}.w-col-11{width:91.6667%}.w-col-12{width:100%}.w-hidden-main{display:none!important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit!important}.w-hidden-medium{display:none!important}.w-col-medium-1{width:8.33333%}.w-col-medium-2{width:16.6667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.3333%}.w-col-medium-5{width:41.6667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.3333%}.w-col-medium-8{width:66.6667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.3333%}.w-col-medium-11{width:91.6667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main,.w-hidden-medium{display:inherit!important}.w-hidden-small{display:none!important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333%}.w-col-small-2{width:16.6667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.3333%}.w-col-small-5{width:41.6667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.3333%}.w-col-small-8{width:66.6667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.3333%}.w-col-small-11{width:91.6667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main,.w-hidden-medium,.w-hidden-small{display:inherit!important}.w-hidden-tiny{display:none!important}.w-col{width:100%}.w-col-tiny-1{width:8.33333%}.w-col-tiny-2{width:16.6667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.3333%}.w-col-tiny-5{width:41.6667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.3333%}.w-col-tiny-8{width:66.6667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.3333%}.w-col-tiny-11{width:91.6667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none!important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{vertical-align:top;text-align:center;background:#fff;border:1px solid #758696;border-radius:3px;width:28px;height:20px;display:inline-block;position:relative}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{text-align:center;color:#999;font-family:serif;font-size:15px;line-height:12px;position:relative}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{display:block;position:relative}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:50%;left:0}.w-widget-twitter-count-shim:not(.w--vertical):before{border-width:4px;border-color:#75869600 #5d6c7b #75869600 #75869600;margin-top:-4px;margin-left:-9px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-top:-5px;margin-left:-10px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-width:4px;border-color:#fff0 #fff #fff0 #fff0;margin-top:-4px;margin-left:-8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-top:-5px;margin-left:-9px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%;left:50%}.w-widget-twitter-count-shim.w--vertical:before{border-width:5px;border-color:#5d6c7b #75869600 #75869600;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-width:4px;border-color:#fff #fff0 #fff0;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{color:#fff;height:500px;position:relative;overflow:hidden}.w-background-video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}.w-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.w-background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.w-background-video--control>[hidden]{display:none!important}.w-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;background:#ddd;height:300px;position:relative}.w-slider-mask{z-index:1;white-space:nowrap;height:100%;display:block;position:relative;left:0;right:0;overflow:hidden}.w-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;height:100%;display:inline-block;position:relative}.w-slider-nav{z-index:2;text-align:center;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;height:40px;margin:auto;padding-top:10px;position:absolute;inset:auto 0 0}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{font-size:inherit;line-height:inherit;width:auto;height:auto;padding:.2em .5em}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px #3336}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:#2226}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{cursor:pointer;background-color:#fff6;width:1em;height:1em;margin:0 3px .5em;transition:background-color .1s,color .1s;display:inline-block;position:relative}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{cursor:pointer;color:#fff;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;width:80px;margin:auto;font-size:40px;position:absolute;inset:0;overflow:hidden}.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-]{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{width:1em;height:1em;margin:auto;inset:0}.w-slider-aria-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-slider-force-show{display:block!important}.w-dropdown{text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{vertical-align:top;color:#222;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative}.w-dropdown-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0}.w-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}.w-dropdown-list.w--open{display:block}.w-dropdown-link{color:#222;padding:10px 20px;display:block}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{cursor:auto;letter-spacing:normal;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;color:#fff;text-align:center;z-index:2000;opacity:0;-webkit-user-select:none;-moz-user-select:none;-webkit-tap-highlight-color:transparent;background:#000000e6;outline:0;font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;font-size:17px;font-style:normal;font-weight:300;line-height:1.2;list-style:disc;position:fixed;inset:0;-webkit-transform:translate(0)}.w-lightbox-backdrop,.w-lightbox-container{-webkit-overflow-scrolling:touch;height:100%;overflow:auto}.w-lightbox-content{height:100vh;position:relative;overflow:hidden}.w-lightbox-view{opacity:0;width:100vw;height:100vh;position:absolute}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{vertical-align:middle;display:inline-block}.w-lightbox-figure{margin:0;position:relative}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;max-width:none;height:auto}.w-lightbox-image{float:none;max-width:100vw;max-height:100vh;display:block}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0006;padding:.5em 1em;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.w-lightbox-embed{width:100%;height:100%;position:absolute;inset:0}.w-lightbox-control{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:24px;width:4em;transition:all .3s;position:absolute;top:0}.w-lightbox-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);display:none;bottom:0;left:0}.w-lightbox-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);display:none;bottom:0;right:0}.w-lightbox-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);background-size:18px;height:2.6em;right:0}.w-lightbox-strip{white-space:nowrap;padding:0 1vh;line-height:0;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden}.w-lightbox-item{box-sizing:content-box;cursor:pointer;width:10vh;padding:2vh 1vh;display:inline-block;-webkit-transform:translate(0,0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{background:#222;height:10vh;position:relative;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{width:100%;top:50%;transform:translateY(-50%)}.w-lightbox-thumbnail .w-lightbox-wide{height:100%;left:50%;transform:translate(-50%)}.w-lightbox-spinner{box-sizing:border-box;border:5px solid #0006;border-radius:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.w-lightbox-spinner:after{content:"";border:3px solid #0000;border-bottom-color:#fff;border-radius:50%;position:absolute;inset:-4px}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{opacity:.5;display:block}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";grid-area:1/1/2/2;display:table}.w-richtext:after{clear:both}.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{content:"";display:none;position:absolute;inset:0}.w-richtext figure{max-width:60%;position:relative}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{color:#0000;font-size:0}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{caption-side:bottom;display:table-caption}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{width:100%;height:100%;position:absolute;top:0;left:0}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{width:100%}.w-richtext figure.w-richtext-align-center{clear:both;margin-left:auto;margin-right:auto}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{text-align:center;clear:both;width:100%;max-width:100%;margin-left:auto;margin-right:auto;display:block}.w-richtext figure.w-richtext-align-fullwidth>div{padding-bottom:inherit;display:inline-block}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;clear:none;margin-right:15px}.w-richtext figure.w-richtext-align-floatright{float:right;clear:none;margin-left:15px}.w-nav{z-index:1000;background:#ddd;position:relative}.w-nav:before,.w-nav:after{content:" ";grid-area:1/1/2/2;display:table}.w-nav:after{clear:both}.w-nav-brand{float:left;color:#333;text-decoration:none;position:relative}.w-nav-link{vertical-align:top;color:#222;text-align:left;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;display:inline-block;position:relative}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{float:right;position:relative}[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{width:100%;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation=over-left] .w-nav-overlay{width:auto}.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{z-index:1;top:0;right:auto}.w-nav[data-animation=over-right] .w-nav-overlay{width:auto}.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{z-index:1;top:0;left:auto}.w-nav-button{float:right;cursor:pointer;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;padding:18px;font-size:24px;display:none;position:relative}.w-nav-button:focus{outline:0}.w-nav-button.w--open{color:#fff;background-color:#c8c8c8}.w-nav[data-collapse=all] .w-nav-menu{display:none}.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}.w-nav[data-collapse=medium] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-nav-menu{display:none}.w-nav[data-collapse=small] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse=tiny] .w-nav-menu{display:none}.w-nav[data-collapse=tiny] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";grid-area:1/1/2/2;display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{vertical-align:top;text-align:left;cursor:pointer;color:#222;background-color:#ddd;padding:9px 30px;text-decoration:none;display:inline-block;position:relative}.w-tab-link.w--current{background-color:#c8c8c8}.w-tab-link:focus{outline:0}.w-tab-content{display:block;position:relative;overflow:hidden}.w-tab-pane{display:none;position:relative}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w-dyn-empty{background-color:#ddd;padding:10px}.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible{display:none!important}.wf-layout-layout{display:grid}@font-face{font-family:Humane;src:url(../fonts/66b08f97423eba907f506404_Humane-Regular.woff2)format("woff2"),url(../fonts/66b08f97e9974feab5359521_Humane-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Abermono;src:url(../fonts/66b0c86b0453b672cb93531d_AberMono-Regular.woff2)format("woff2"),url(../fonts/66b0c86b464e3e3da6dd3620_AberMono-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Humane;src:url(../fonts/66bf567b8d4577b5fd5e5236_Humane-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--white\<deleted\|variable-fc842de4\>:white;--black\<deleted\|variable-7126d37f\>:#0f0b05}.main{flex-direction:row;width:100%;display:block;position:static}.content_wrapper{background-color:#707181;border-radius:0;justify-content:center;align-items:center;width:100%;text-decoration:none;display:flex;position:relative;top:auto}.content_wrapper.work{background-color:#67815600}.content_wrapper.archive{background-color:#b4915c}.page-title{color:var(--white\<deleted\|variable-fc842de4\>);font-size:8rem;font-weight:400;line-height:1}.page-title.dark{color:var(--black\<deleted\|variable-7126d37f\>);text-align:center;margin-top:1.5em;margin-bottom:1.5em}.page_link{color:#8d8d8d;margin-right:2.5em;padding:0;text-decoration:none;position:relative}.page_link:visited{color:#424242;background-color:#707070}.page_link.last{margin-right:0}.link_container{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ddddddf0;border-radius:50em;padding:1em 1.9em;position:fixed;top:auto;bottom:4em;left:50%;transform:translate(-50%)}.link_title{margin-top:0;margin-bottom:0;font-weight:400}.link_title:active{color:#000}.overlay{z-index:2;opacity:0;background-color:#00000080;position:fixed;inset:0%}.main_wrap{z-index:3;background-color:#fff;flex-direction:column;width:100%;padding:0;display:block;position:absolute;inset:0% 0% auto}.nav_highlight{opacity:0;border-bottom:.25em solid #1a1a1a;width:2.5em;height:2em;position:absolute;inset:0% 0% 0% 50%;transform:translate(-50%)}.nav_pagelink{padding-left:.2em;padding-right:.2em;position:relative}.page_wrapper{width:100%;position:relative}.css{text-align:center;align-items:center;display:none;overflow:visible}.italic-text{font-style:normal}.div-block{height:1000000px}.logo{display:block;position:static;inset:0%}.link{cursor:pointer;justify-content:flex-end;display:block}.dot{height:0;display:block}.space-bg.image{background-image:url(../images/space.avif);background-position:50%;background-size:auto}.section{flex-direction:row;justify-content:space-between;align-items:baseline;display:block}.navigation{display:block}.hero-text{position:static;top:20vh;left:0;right:0}.email{z-index:9999;display:block;position:static}.nav-btn{grid-column-gap:0px;grid-row-gap:0px;cursor:pointer}.nav-btn.link{display:flex}.nav-btn.link.none{cursor:default;display:flex}.nav-btn.hide{display:none}.reel-link{z-index:999999;cursor:pointer;height:auto;min-height:auto;position:static;bottom:auto;left:auto;right:3vw}.projects-list{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:block}.cursor{z-index:9999;display:none;position:fixed}.cursor-2{display:none;position:static}.grid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;display:flex}.projects-grid{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;display:block}.preloader-overlay.hide,.loading-bar{display:none}.section-2{overflow:visible}.showreel-video.hide,.hide{display:none}.utility-page-wrap{justify-content:center;align-items:center;width:100vw;max-width:100%;height:100vh;max-height:100%;display:flex}.utility-page-content{text-align:center;flex-direction:column;width:260px;display:flex}.paragraph{margin-bottom:0}.marquee-horizontal{z-index:200;background-color:#00f0;justify-content:flex-start;align-items:center;width:100%;height:30vw;display:flex;position:relative;overflow:hidden}.track-horizontal{justify-content:flex-start;align-items:center;display:flex}.marquee-text{color:#fff;text-transform:uppercase;flex:none;margin-right:8vw}@media screen and (max-width:767px){.css{flex-direction:column}.reel-link{position:static}.hide{display:none}.marquee-horizontal{height:50vw}}@media screen and (max-width:479px){.css{display:flex}.cursor{display:none}.cursor-2{position:fixed}}#w-node-_81ddd08e-f166-87e0-3d25-31a7819c0d20-db8197a6{grid-area:span 1/span 12/span 1/span 12}#w-node-_440e901f-e65b-456a-5948-ca40df5d70a6-db8197a6{grid-area:2/7/3/13}#w-node-_55ec4a26-e775-893c-507c-096f1b7b7ef8-28341485{grid-area:1/4/2/10}

/**
 * Hero EXPERIENCE / STUDIO — single source for typography + layout.
 * Font size: edit --mtc-hero-text-font-size only (JS/canvas read computed style).
 */
/* Hidden until entrance runs or hero is in settled state (post-reveal / SPA return). */
[data-hero-text-shader]:not(.is-hero-reveal-running):not(.is-hero-reveal-done)
  .hero-text-shader__source,
[data-hero-text-shader]:not(.is-hero-reveal-running):not(.is-hero-reveal-done)
  .hero-text-shader__canvas {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

[data-hero-text-shader].is-hero-reveal-running .hero-text-shader__canvas,
[data-hero-text-shader].is-hero-reveal-done .hero-text-shader__canvas {
  opacity: 1;
  visibility: visible;
}

[data-hero-text-shader].has-hero-shader-live .hero-text-shader__canvas {
  pointer-events: auto;
}

/* WebGL prewarm: keep canvas hidden until scale entrance runs or settled. */
[data-hero-text-shader].is-hero-shader-prewarming:not(.is-hero-reveal-running):not(
    .is-hero-reveal-done
  )
  .hero-text-shader__canvas {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* (Do not force-show source during prewarm globally; home uses is-hero-dom-visible.) */

:root {
  --mtc-hero-text-font-family: "Humane", sans-serif;
  --mtc-hero-text-font-weight: 400;
  --mtc-hero-text-font-size: 35vh;
  --mtc-hero-text-line-height: 0.76;
  --mtc-hero-text-color: #fff;
  --mtc-hero-text-transform: uppercase;
  --mtc-hero-text-canvas-fill: 0.76;
  /* Canvas box: text size + 40vw bleed (width); two lines + vertical bleed (height). */
  --mtc-hero-box-width: calc(var(--mtc-hero-text-font-size) + 40vw);
  --mtc-hero-box-height: calc(
    2 * var(--mtc-hero-text-font-size) * var(--mtc-hero-text-line-height) + 8vw
  );
}

@media (max-width: 767px) {
  :root {
    --mtc-hero-text-font-size: 42vw;
    --mtc-hero-box-width: 96vw;
  }
}

/* Layout from CSS only — JS must not set width/height in px on the canvas. */
.hero-text-shader__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  box-sizing: border-box;
  z-index: 2;
  pointer-events: none;
  background: transparent;
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.hero-text-shader__source {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--mtc-hero-text-font-family);
  font-weight: var(--mtc-hero-text-font-weight);
  font-synthesis: none;
  font-size: var(--mtc-hero-text-font-size);
  line-height: var(--mtc-hero-text-line-height);
  color: var(--mtc-hero-text-color);
  text-transform: var(--mtc-hero-text-transform);
  pointer-events: none;
}

.hero-text-shader__line {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: inherit;
}

/* Live shader: keep in DOM for layout/measurement, hide from view. */
.hero-text-shader__source.is-shader-source-measure {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
}

.hero-text-shader__source.is-shader-source-hidden {
  visibility: hidden;
  opacity: 0;
}

/* ==========================================================================
   Root
   ========================================================================== */

/* ROOT */

@font-face {
  font-family: "Humane";
  src: url("../fonts/66b08f97423eba907f506404_Humane-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("../fonts/dmsans-italic.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("../fonts/dmsans-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../fonts/sora-normal.woff2") format("woff2");
}

:root {
  --mtc-black: #000000;
  --mtc-midgrey: #616161;
  --mtc-grey: #e1e1e1;
  --mtc-white: #ffffff;
  --mtc-darkgrey: #484848;
  --mtc-green: #e1e1e1;
  --mtc-softgrey: #797979;
}

/* Initial shell, loading fade-in, accessibility (formerly inline in HTML) */
html {
  background: black;
}
html.loading body {
  visibility: hidden;
  opacity: 0;
}
html body {
  transition: opacity 0.3s ease;
}

/* Full-viewport site reveal (nav + main + footer) */
.mtc-page-stage {
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  transform-origin: center center;
  pointer-events: none;
}
.mtc-page-stage.is-visible,
.mtc-page-stage.is-revealing {
  pointer-events: auto;
}
/* SPA page transition: block interaction inside the shell until the animation finishes */
body.mtc-page-transition [data-mtc-spa="wrapper"] a[href],
body.mtc-page-transition [data-mtc-spa="wrapper"] button,
body.mtc-page-transition [data-mtc-spa="wrapper"] [role="button"],
body.mtc-page-transition [data-mtc-spa="wrapper"] .play-show-reel,
body.mtc-page-transition [data-mtc-spa="wrapper"] .project-read-more {
  pointer-events: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

* {
  outline: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
html,
body {
  overflow: hidden !important;
  height: 100;
  margin: 0;
}
.no-pointer-events {
  pointer-events: none;
}
.loading-bar,
.cursor {
  display: block !important;
}
.hero-animation.has-hero-shader-static .hero-text-shader__canvas {
  display: none;
  pointer-events: none;
}
.hero-animation.has-hero-shader-live .hero-text-shader__canvas {
  pointer-events: auto;
}
.hero-animation.has-hero-shader-live .hero-text-shader__source.is-shader-source-hidden {
  pointer-events: none;
}
body {
  background: var(--mtc-darkgrey);
  font-family: "Sora", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  cursor: default;
  font-weight: 450;
  color: var(--mtc-white);
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.content_wrapper {
  min-height: 100svh;
}
.home,
.about {
  background: var(--mtc-black);
  overflow: hidden !important;
}
.work {
  background: var(--mtc-white);
  overflow: hidden !important;
}
.case {
  overflow: auto !important;
  overflow: hidden !important;
}

::-webkit-scrollbar {
  -ms-overflow-style: none;
  display: none;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
  -webkit-touch-callout: none;
}

/* TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0;
}
h1 {
  font-family: "Humane";
  font-style: normal;
  font-weight: 400 !important;
  line-height: 80%;
  margin-bottom: 1vw !important;
  font-size: 20vw;
  line-height: 77%;
  padding-top: 2vw !important;
}
.split-parent {
  overflow: hidden;
  padding-top: 0.1vw;
}
h1 .split-child {
  padding-top: 1vw;
}
h2 {
  font-family: "Humane";
  font-weight: 500 !important;
  font-size: 5.208vw;
  line-height: 80%;
}
h3 {
  font-size: 1.2vw;
  line-height: 2.15;
  font-weight: 450 !important;
}
h4 {
  font-size: 0.68vw;
  font-style: normal;
  font-weight: 400;
  line-height: 173%;
  text-transform: uppercase;
}
h5 {
  font-family: "Abermono";
  font-size: 0.694vw;
  line-height: 1;
  font-weight: 400;
  color: var(--mtc-softgrey);
}
h6 {
  font-size: 0.75vw;
  line-height: 1;
  font-weight: 450;
}
p {
  font-size: 0.8vw;
  line-height: 2.15;
  font-weight: 450 !important;
}

/* ==========================================================================
   Loading
   ========================================================================== */

/* BASICS */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  background: black;
  z-index: 9999999 !important;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.overlay.is-loader-active {
  pointer-events: none;
}
.loader-enter-stack {
  position: fixed;
  bottom: 12vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000000000 !important;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 2vw;
  pointer-events: none;
}
.loader-enter-stack.is-visible {
  display: flex;
}
.loader-enter-silent {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  color: var(--mtc-softgrey);
  font-size: 0.65vw;
  font-weight: 450;
  text-transform: uppercase;
  cursor: pointer;
  pointer-events: auto;
  line-height: 1.2;
  letter-spacing: 0.02em;
  transition: color 1s ease;
}
.loader-enter-silent:hover,
.loader-enter-silent:focus-visible {
  color: var(--mtc-grey);
}
.loader-enter {
  --loader-corner-len: 0.7vw;
  --loader-corner-weight: 1.5px;
  --loader-corner-outset: 0.1em;
  --loader-hover-duration: 0.7s;
  --loader-frame-hover-duration: 0.7s;
  --loader-hover-ease: cubic-bezier(0.48, 0.13, 0, 0.99);
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: calc(3em / 2.1 + var(--loader-corner-weight));
  padding: 1.7em 2.5em;
  border: none;
  background: none;
  color: var(--white);
  font-size: 1vw;
  font-weight: 450;
  text-transform: uppercase;
  cursor: pointer;
  pointer-events: auto;
  isolation: isolate;
  transition: color var(--loader-hover-duration) var(--loader-hover-ease);
}
.loader-enter::before,
.loader-enter::after,
.loader-enter__frame {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
}
.loader-enter::before,
.loader-enter__frame {
  transition: inset var(--loader-frame-hover-duration) var(--loader-hover-ease);
}
.loader-enter::before {
  content: "";
  z-index: 0;
  border: 1px solid var(--mtc-softgrey);
  background: #000;
}
.loader-enter::after {
  content: "";
  z-index: 0;
  background: var(--mtc-white);
  clip-path: inset(100% 0 0 0);
  transition:
    clip-path var(--loader-hover-duration) var(--loader-hover-ease),
    inset var(--loader-hover-duration) var(--loader-hover-ease);
}
.loader-enter__frame {
  z-index: 1;
}
.loader-enter:hover,
.loader-enter:focus-visible {
  color: var(--mtc-black);
}
.loader-enter:hover::before,
.loader-enter:focus-visible::before,
.loader-enter:hover::after,
.loader-enter:focus-visible::after,
.loader-enter:hover .loader-enter__frame,
.loader-enter:focus-visible .loader-enter__frame {
  inset: calc(1em / 2.1);
}
.loader-enter:hover::after,
.loader-enter:focus-visible::after {
  clip-path: inset(0 0 0 0);
}
.loader-corner {
  position: absolute;
  z-index: 1;
  width: var(--loader-corner-len);
  height: var(--loader-corner-len);
  border-style: solid;
  border-color: var(--mtc-softgrey);
}
.loader-corner--tl {
  top: calc(-1 * var(--loader-corner-outset));
  left: calc(-1 * var(--loader-corner-outset));
  border-width: var(--loader-corner-weight) 0 0 var(--loader-corner-weight);
}
.loader-corner--tr {
  top: calc(-1 * var(--loader-corner-outset));
  right: calc(-1 * var(--loader-corner-outset));
  border-width: var(--loader-corner-weight) var(--loader-corner-weight) 0 0;
}
.loader-corner--bl {
  bottom: calc(-1 * var(--loader-corner-outset));
  left: calc(-1 * var(--loader-corner-outset));
  border-width: 0 0 var(--loader-corner-weight) var(--loader-corner-weight);
}
.loader-corner--br {
  bottom: calc(-1 * var(--loader-corner-outset));
  right: calc(-1 * var(--loader-corner-outset));
  border-width: 0 var(--loader-corner-weight) var(--loader-corner-weight) 0;
}
.loader-enter__clip {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 1em;
  pointer-events: none;
}
.loader-enter__text {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  line-height: 1;
  white-space: nowrap;
}
.logo-loader img {
  margin-right: 0;
  min-width: 5.2vw;
  max-width: 5.2vw;
  height: auto;
}
.loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--mtc-white) !important;
  z-index: 9999999999999999999999 !important;
  pointer-events: none !important;
  clip-path: inset(0 100% 0 0);
  transform-origin: left center;
}
.section {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: auto;
  height: 100vh;
  width: 100%;
  padding: 16vh;
}

/* ==========================================================================
   Header
   ========================================================================== */

.navigation {
  position: fixed;
  bottom: 4vw;
  left: 4vw;
  display: flex;
  justify-content: start;
  align-items: center;
  grid-gap: 0.6vw;
  z-index: 99999;
  mix-blend-mode: difference;
}
.nav-btn {
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--white);
  grid-gap: 0.8vw !important;
  text-decoration: none;
  z-index: 999999999 !important;
  border: solid max(1px, 0.085vw) white;
  border-radius: 50vw;
  padding-left: 0.8vw;
  padding-top: 0.2vw;
  padding-bottom: 0.1vw;
  cursor: pointer !important;
  text-wrap: nowrap;
  height: 2.2vw;
}
.nav-btn h6 {
  overflow: hidden;
  height: 0.8vw;
  padding-top: 0vw;
  padding-right: 0.8vw;
}
.nav-btn h6 span {
  height: 0.8vw;
  text-shadow: 0 0.8vw 0 rgba(255, 255, 255, 1);
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.28, 0, 0, 1);
}
.nav-btn:hover h6 span {
  transform: translateY(-100%);
}
.link-disabled {
  pointer-events: none;
}
.nav-btn {
  opacity: 1;
}
a {
  color: inherit;
  text-decoration: inherit;
}
.space-bg {
  position: absolute;
  right: 0;
  bottom: 0.1svw;
  min-width: 50vw;
  max-width: 50vw;
  z-index: 999 !important;
  pointer-events: none;
  animation: blur 15s ease-in-out infinite;
  transform: scale(1);
}
@keyframes blur {
  0%
  {
    transform: scale(1.1);
    filter: blur(0px);
  }
  5%
  {
filter: blur(4px);
  }
  25%
  {
filter: blur(0px);
    transform: scale(1);
  }
  50%
  {
filter: blur(4px);
  }
  75%
  {
transform: scale(1.1);
  }
  100%
  {
filter: blur(0px);
     transform: scale(1.1);

  }
}
.hero-animation {
  /* 100vw — not 100%: mobile .section padding (17vh) was shrinking the box to ~100px */
  width: min(var(--mtc-hero-box-width), 100vw);
  height: min(var(--mtc-hero-box-height), 100svh);
  max-height: 62vh;
  min-width: 0;
  max-width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  overflow: visible;
  isolation: isolate;
  margin-bottom:-2vh;
}
.hero-animation img {
  pointer-events: none;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
}
.home {
  background: var(--mtc-black);
}
.work {
  background: var(--mtc-white);
}
.work * {
  color: var(--mtc-black);
}

.play-show-reel {
  position: fixed;
  top: 4vw;
  left: 4vw;
  z-index: 999999;
  display: block;
  mix-blend-mode: difference;
  font-size: 0.75vw;
  font-weight: 450;
  cursor: pointer;
  pointer-events: auto;
  /*overflow: hidden;*/
  clip-path: inset(-10% -10% -10% -10%);
}
.play-show-reel__clip {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 2vw;
  will-change: transform;
}
.showreel-open .play-show-reel {
  z-index: 100001;
  mix-blend-mode: difference;
}
.play-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.playpausechange {
  overflow: hidden;
  height: 1.7vw;
}
#video-container {
  position: fixed;
  inset: 0;
  width: 100%;
  min-height: 101svh;
  overflow: hidden;
  z-index: 99998;
  padding: 0;
  margin: 0;
  transform-origin: center center;
  pointer-events: none;
}
#video-container.is-active {
  pointer-events: auto;
}
#showreel-video {
  width: 100%;
  height: 101svh;
  background: var(--mtc-black);
  padding: 0;
  margin: 0;
}
.text-inside-play {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  line-height: 1.7vw;
  will-change: transform;
}
.text-inside-play > div {
  flex-shrink: 0;
}
.play-button img:nth-of-type(1) {
  width: 2.8vw;
  transform-origin: 50% 50%;
}
.play-button img:nth-of-type(2) {
  width: 0.4vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ambience-toggle {
  position: fixed;
  top: 4vw;
  right: 4vw;
  z-index: 999999;
  display: block;
  mix-blend-mode: difference;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color: #fff;
  line-height: 0;
  overflow: hidden;
}
.ambience-toggle__clip {
  display: block;
  line-height: 0;
  will-change: transform;
}
.ambience-toggle:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}
.ambience-toggle__icon {
  width: 2.5vw;
  height: auto;
  display: block;
  overflow: visible;
  opacity: 1;
  transition: opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.ambience-toggle.is-muted .ambience-toggle__icon {
  opacity: 0.22;
}
.ambience-toggle__icon .ambience-bar {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: mtc-ambience-bar 0.88s ease-in-out infinite;
}
.ambience-toggle__icon .ambience-bar--2 {
  animation-duration: 1.05s;
  animation-delay: 0.12s;
}
.ambience-toggle__icon .ambience-bar--3 {
  animation-duration: 0.76s;
  animation-delay: 0.24s;
}
.ambience-toggle.is-muted .ambience-bar {
  animation-play-state: paused;
}
@keyframes mtc-ambience-bar {
  0%,
  100% {
    transform: scaleY(0.32);
  }
  50% {
    transform: scaleY(1);
  }
}
.project-name h1 {
  font-size: 18.211vw;
  margin: 0;
  margin-top: -2vw !important;
  margin-bottom: -3vw !important;
  padding: 0;
  line-height: 1;
  height: 22vw;
}
.project-number {
  display: flex;
  color: var(--mtc-black);
  position: relative;
  top: 0.6vw;
  left: -1.5vw;
  font-size: 1vw;
  font-weight: 450;
}
.big-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  top: -6vw;
}

.marquee-content {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: marquee 20s linear infinite;
}

.big-marquee h1 {
  font-size: 25vw;
  text-transform: uppercase;
  margin: 0;
}

.marquee-horizontal {
  overflow: hidden;
  width: 100%;
}

.track-horizontal {
  display: inline-flex;
  flex-wrap: nowrap;
  will-change: transform;
  animation: marquee-horizontal 50s linear infinite;
}

@keyframes marquee-horizontal {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.track-horizontal img {
  display: block;
  flex: 0 0 100vw;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
}

/* Create a seamless loop */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Duplicate the content for a seamless loop */
.marquee-content::after {
  content: "";
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.marquee-content::after {
  content: attr(data-duplicate);
  display: inline-block;
  visibility: hidden;
}
.about-us-text {
  display: flex;
  flex-direction: column;
  align-items: start;
  grid-gap: 2vw;
  position: absolute;
  right: 5vw;
  bottom: 4vw;
  width: 39.6vw;
  text-wrap: pretty;
}
.about-us-text img {
  min-width: 2.3vw;
  max-width: 2.3vw;
}
#cursor {
  position: fixed;
  z-index: 100000000001 !important;
  left: 0;
  top: 0;
  border-radius: 100%;
  pointer-events: none;
  will-change: transform;
  mix-blend-mode: difference;
}
@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
    border: solid 1.5px var(--mtc-white);
    transition: all 0.4s cubic-bezier(0.52, 0.02, 0, 0.99);
  }
  #cursor.change .cursor__circle {
    width: 0.5vw;
    height: 0.5vw;
    background-color: var(--mtc-white);
    border-color: transparent;
  }
  #cursor.scroll .cursor__circle {
    background: var(--mtc-white);
    border-color: transparent;
    width: 10.995vw;
    height: 2.894vw;
    border-radius: 1.736vw !important;
    transition: all 0.4s cubic-bezier(0.52, 0.02, 0, 0.99);
  }
  #cursor.scroll .cursor__circle::after {
    content: "SCROLL TO EXPLORE";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    font-size: 0.669vw;
    white-space: nowrap;
    line-height: 1;
    transition: all 0.4s cubic-bezier(0.52, 0.02, 0, 0.99);
  }
  #cursor.playpause .cursor__circle {
    background: var(--mtc-white);
    border-color: transparent;
    width: 10.995vw;
    height: 2.894vw;
    border-radius: 1.736vw !important;
    transition: all 0.4s cubic-bezier(0.52, 0.02, 0, 0.99);
  }
  #cursor.playpause .cursor__circle::after {
    content: "Play/Pause";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    font-size: 0.669vw;
    white-space: nowrap;
    line-height: 1;
    transition: all 0.4s cubic-bezier(0.52, 0.02, 0, 0.99);
  }
}

/* ==========================================================================
   Footer
   ========================================================================== */

/* (footer mount is minimal; mobile footer gradient in Work Page mobile) */

/* ==========================================================================
   Main
   ========================================================================== */

.section {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: auto;
  height: 100vh;
  width: 100%;
  padding: 16vh;
}

/* ==========================================================================
   Home
   ========================================================================== */

/* Home hero: centered block in .section (original DOM, no fixed/portal). */
.home .section {
  justify-content: center;
  position: relative;
}

.home .section .email {
/*
  position: absolute;
  bottom: 16vh;
  */
  left: 0;
  right: 0;
  justify-content: center;
}

.home .section .space-bg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.hero-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
  z-index: 2;
}

.hero-text .logo a {
  pointer-events: auto;
}

/* SPA: hero stays on current page; incoming page slides over. */
body.mtc-page-transition [data-mtc-spa="container"] [data-hero-text-shader] {
  position: relative;
  z-index: 5;
}

body.mtc-page-transition.mtc-spa-to-home [data-hero-text-shader] {
  position: relative;
  z-index: 35;
}
.logo {
  font-size: 2.5vh;
  font-weight: 400;
  position: relative;
  z-index: 99999;
}
.logo img {
  margin-right: 2vw;
  min-width: 2.56vw;
  max-width: 2.56vw;
}
/* Contact row — home + studio only */
.email {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.35em;
  font-size: 0.8vw;
}

.home .email {
  font-size: 1.5vh;
}

.email p {
  margin: 0;
  font-size: inherit;
}

.email .dot {
  flex-shrink: 0;
  width: 0.5em;
  height: 0.5em;
  min-width: 0.5em;
  min-height: 0.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--mtc-grey);
  animation: 2s 2s blink ease infinite;
}

.nav-btn .dot {
  flex-shrink: 0;
  width: 0.45vw;
  height: 0.45vw;
  min-width: 0.45vw;
  min-height: 0.45vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--mtc-grey);
  position: relative;
  top: -0.050vw;
  left: 0.080vw;
}
.link {
  font-size: 0.69vw;
  font-weight: 450;

  color: var(--mtc-grey);
}
::selection {
  background: #c2f703;
}
@keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
p a {
  display: inline-block;
}
p a:after {
  display: block;
  content: "";
  border-bottom: solid 0.05vw var(--mtc-black);
  transform: scaleX(1);
  transition: transform 500ms cubic-bezier(0.34, 0, 0, 0.99);
  transform-origin: 0 50%;
  margin-top: -0.1vw;
}
p a:hover:after,
.link-frame p a:hover:after {
  transform: scaleX(0);
  transform-origin: 100% 0%;
}
.link-frame p a:after {
  display: block;
  content: "";
  border-bottom: solid 0.05vw var(--mtc-midgrey);
  transform: scaleX(1);
  transition: transform 500ms cubic-bezier(0.34, 0, 0, 0.99);
  transform-origin: 0 50%;
  margin-top: -0.1vw;
}

/* ==========================================================================
   Studio
   ========================================================================== */

.about-us-text {
  display: flex;
  flex-direction: column;
  align-items: start;
  grid-gap: 2vw;
  position: absolute;
  right: 5vw;
  bottom: 4vw;
  width: 39.6vw;
  text-wrap: pretty;
}
.about-us-text img {
  min-width: 2.3vw;
  max-width: 2.3vw;
}

/* ==========================================================================
   Works
   ========================================================================== */

/* ALL WORKS PAGE */

.menu.is-dragging {
  cursor: grabbing;
}

.menu-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.menu-item {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  will-change: transform;
}

.case .menu-item {
  width: 50vw;
}

.frame {
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
}

.contact-page,
.case-link,
.frame,
.split-case-content {
  transform: translateY(20vw);
  animation: slideUp 1.1s cubic-bezier(0.74, 0, 0, 0.99) forwards 0s;
}

@keyframes slideUp {
  to {
    transform: translateY(0vw);
  }
}

.section {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: FadeIn 1.6s cubic-bezier(0.39, 0, 0, 0.99) forwards 0.2s;
}

@keyframes FadeIn {
  to {
    opacity: 1;
  }
}

/* ==========================================================================
   Work Page
   ========================================================================== */

.cases-list .item-category {
  display: inline-block;
  max-width: 100%;
  -webkit-user-drag: none;
  user-select: none;
}

.cases-list.is-scroll-dragging .item-category {
  cursor: grabbing;
}

.cases-list .case-link {
  position: relative;
}

.cases-list .work-preview-img {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.cases-list {
  position: relative;
  touch-action: none;
}

.work-list-hover-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: 0.92;
}

.cases-list .menu-item {
  position: relative;
  z-index: 1;
}

/* CASE PAGE */

.split-case-page {
  display: flex;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  position: relative;
  align-self: start;
  justify-self: start;
}

.split-case-content {
  width: 50vw;
  background: var(--mtc-white);
  padding: 4vw 4.4vw;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  position: absolute;
  top: 0;
  right: 0;
  height: 100svh;
}

.split-case-image {
  width: 50vw !important;
  background: var(--mtc-black);
  height: 100vh;
  pointer-events: none !important;
  overflow: scroll !important;
  background: var(--mtc-darkgrey);
}
.split-case-image img {
  object-fit: cover;
  height: 100svh;
  width: 100%;
}
.split-case-content {
  z-index: 1;
}
.split-case-content h4 img {
  min-width: 0.6vw;
  max-width: 0.6vw;
  min-height: 0.6vw;
  max-height: 0.6vw;
}
.case-menu {
  display: flex;
  flex-direction: row-reverse;
  justify-self: end;
  align-self: end;
  grid-gap: 1vw;
  position: absolute;
  top: 4vw;
  right: 4vw;
  z-index: 999;
}
.case-close-button h5 {
  overflow: hidden;
  height: 0.8vw;
}
.case-close-button h5 span {
  height: 1vw;
  text-shadow: 0 1vw 0 rgba(0, 0, 0, 1);
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.28, 0, 0, 1);
}
.case-close-button h5:hover span {
  transform: translateY(-100%);
}
.project-read-more {
  display: none;
}
.split-case-content h1 {
  margin-top: 2vw;
  margin-left: -0.2vw;
}
.case-head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.case-head p {
  margin-bottom: 0vw;
}
.case-head h4 {
  border: 0.085vw solid var(--mtc-black);
  align-self: start;
  display: inline;
  border-radius: 50vw;
  padding: 0.4vw 1vw;
}
.case-head img {
  height: 26vw;
  width: 100%;
  object-fit: cover;
}
.mobile-header-gradient,
.mobile-footer-gradient {
  display: none;
}
.canvas {
  pointer-events: none;
}
.work-info {
  display: flex;
  flex-direction: column;
  grid-gap: 2vw;
  margin-bottom: 0.5vw;
}
/* ==========================================================================
   Contact
   ========================================================================== */

/* CONTACT PAGE */

.contact-page {
  display: grid;
  grid-template-columns: repeat(12, 12fr);
  padding: 0vw 4.63vw;
  padding-top: 20vh;
  width: 100%;
  height: 100vh;
}
.contact-block {
  display: flex;
  flex-direction: column;
  grid-gap: 2vw;
}
.contact-block h1 {
  font-size: 25vw;
}
.contact-page div:nth-of-type(1) {
  grid-column: 2 / span 2;
}
.contact-page div:nth-of-type(2) {
  grid-column: 6 / span 2;
}
.contact-page div:nth-of-type(3) {
  grid-column: 10 / span 2;
}
.contact-page div:nth-of-type(4) {
  display: flex;
  position: absolute;
  left: 42.4vw;
  bottom: 1vw;
}

/* ==========================================================================
   404
   ========================================================================== */

.not-found {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  max-width: 90vw;
  pointer-events: auto;
}

/* ==========================================================================
   Responsive (max-width: 767px)
   ========================================================================== */

@media only screen and (max-width: 767px) {
  /* ROOTS */

  .play-show-reel__clip {
    grid-gap: 4vw;
  }

  .hero-animation {
    min-height: 80vw!important;
  }

  .content_wrapper {
    overflow-x: hidden;
    min-height: 100svh;
  }

  .about,
  .work {
    overflow-y: auto;
    min-height: 100svh;
  }

  .home,
  .contact {
    height: 100svh;
  }

  /* FONTS */

  h1 {
    font-family: Humane;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 80%;
    margin-bottom: 1vw !important;
    font-size: 20vw;
    line-height: 77%;
    padding-top: 2vw !important;
  }

  .split-parent {
    overflow: hidden;
    padding-top: 0.1vw;
  }
  h1 .split-child {
    padding-top: 1vw;
  }
  h2 {
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
    mix-blend-mode: difference;
  }
  h3 {
    font-size: 3vw;
    line-height: 2.15;
    font-weight: 450 !important;
  }
  h4 {
    font-size: 2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 173%;
    text-transform: uppercase;
  }
  h5 {
    font-size: 2.2vw;
    line-height: 1;
    margin-bottom: 2vw;
  }
  h6 {
    font-size: 2.1vw;
    line-height: 1;
    font-weight: 450;
  }
  p {
    font-size: 2.5vw;
    line-height: 2.15;
  }

  /* GENERAL */

  .section {
    padding: 17vh !important;
    max-height: 100svh !important;
  }

  /* Hero breaks out of section side-padding so canvas can use ~96vw */
  .home .hero-text {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .play-show-reel {
    top: 8vw;
    left: 8vw;
    grid-gap: 5.2vw;
    font-size: 2.1vw;
  }
  .play-button img:nth-of-type(1) {
    width: 8.3vw;
  }
  .play-button img:nth-of-type(2) {
    width: 1.3vw;
  }
  .playpausechange {
    height: 4vw;
  }
  .text-inside-play {
    line-height: 4vw;
  }
  .loader-enter-stack {
    bottom: 14vw;
    gap: 6vw;
  }
  .loader-enter-silent {
    font-size: 2.3vw;
  }
  .loader-enter {
    --loader-corner-len: 2.8vw;
    font-size: 2.8vw;
  }
  .ambience-toggle {
    top: 8vw;
    right: 8vw;
  }
  .ambience-toggle__icon {
    width: 8.3vw;
  }
  .navigation {
    bottom: 8vw;
    left: 8vw;
    grid-gap: 2vw;
  }
  .logo-loader img {
    min-width: 18vw;
    max-width: 18vw;
  }
  .logo {
    font-size: 5vw;
  }
  .logo img {
    margin-right: 4.5vw;
    min-width: 8vw;
    max-width: 8vw;
  }
  .email {
    position: relative;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.35em;
    font-size: 2.5vw;
    text-decoration-line: underline;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 8px;
    text-decoration-color: var(--mtc-darkgrey);
  }

  .home .email {
    font-size: 3vw;
  }

  .nav-btn .dot {
    width: 1.3vw;
    height: 1.3vw;
    min-width: 1.3vw;
    min-height: 1.3vw;
    position: relative;
    top: 0;
    left: 0.080vw;
  }
  .link {
    font-size: 2vw;
  }
  .nav-btn {
    padding-left: 3vw;
    padding-top: 0.2vw;
    padding-bottom: 0.1vw;
    height: 7vw;
  }
  .nav-btn h6 {
    overflow: hidden;
    height: 2.2vw;
    padding-top: 0.2vw;
    padding-right: 3.8vw;
    padding-left: 0.5vw;
  }
  .nav-btn h6 span {
    height: 3vw;
    text-shadow: 0 3vw 0 rgba(255, 255, 255, 1);
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.28, 0, 0, 1);
  }

  /* ABOUT PAGE */

  .big-marquee {
    position: relative;
    top: -33vw;
  }
  .big-marquee h1 {
    font-size: 40vw;
  }
  .big-marquee img {
    flex-basis: 180vw;
    width: 180vw;
    min-width: 180vw;
    max-width: 180vw;
  }

  .about-us-text {
    right: 6vw;
    bottom: 30vw;
    width: 70vw;
    padding-right: 5vw;
  }
  .about-us-text img {
    min-width: 5vw;
    max-width: 5vw;
    margin-bottom: 3vw;
  }
  .about-us-text .email {
    margin-top: 6vw;
  }
  p a:after,
  .link-frame p a:after {
    margin-top: -0.5vw;
  }
  /* WORK PAGE */

  /*
    .projects-list {
      padding-top:15vw;
      padding-bottom:6vw;
      width:100%;
    }
    */
  .project-number {
    top: 0vw;
    font-size: 2.3vw;
  }
  .menu-item h1 {
    font-size: 35vw;
  }

  /* CASE PAGE */

  .split-case-page {
    background: var(--mtc-black);
  }
  .split-case-content {
    position: absolute;
    width: 100%;
    padding: 25vw 8vw;
    align-items: start;
    justify-content: start;
    clip-path: inset(100% 0 0 0);
    pointer-events: auto;
  }
  .split-case-content h1 {
    margin-top: 5vw;
  }
  .split-case-content h4 img {
    min-width: 1.8vw;
    max-width: 1.8vw;
    min-height: 1.8vw;
    max-height: 1.8vw;
  }
  .case-menu {
    top: 11.5vw;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 8vw;
    padding-right: 8vw;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: space-between;
    justify-self: auto;
    align-self: auto;
    mix-blend-mode: difference !important;
    color: var(--mtc-white);
  }
  .case-menu > a {
    order: 1;
  }
  .case-close-button {
    order: 2;
  }
  .case-menu h5 {
    mix-blend-mode: difference !important;
    color: var(--mtc-white);
  }
  .case-close-button h5 {
    overflow: visible !important;
    height: 3vw;
    mix-blend-mode: difference !important;
    color: var(--mtc-white);
  }
  .case-close-button h5 span {
    height: 3vw;
    text-shadow: none;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.28, 0, 0, 1);
    mix-blend-mode: difference !important;
    color: var(--mtc-white);
  }
  .case-close-button h5:hover span {
    transform: unset;
  }
  .project-read-more {
    display: block;
  }
  .split-case-image {
    min-width: 100vw;
    z-index: 0;
  }
  .split-case-image img {
    min-width: 100vw;
  }
  .case-head h1 {
    font-size: 35vw;
  }
  .case-head img {
    height: 26vw;
    width: 100%;
    object-fit: cover;
  }
  .case-head h4 {
    padding: 1vw 2vw;
  }
  .mobile-header-gradient,
  .mobile-footer-gradient {
    display: block;
  }
  .work-info {
    grid-gap: 8vw;
  }
  .work-info h4 {
    font-size: 3vw;
  }
  .mobile-header-gradient {
    background: rgb(0, 0, 0);
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
    height: 50vw;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
  }
  .mobile-footer-gradient {
    background: rgb(0, 0, 0);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
    height: 50vw;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
  }
  /* CONTACT PAGE */

  .contact-page {
    padding: 30vw 0vw;
    padding-top: 40vw;
    grid-gap: 5vw;
  }
  .contact-block h1 {
    font-size: 55vw;
  }
  .contact-page div:nth-of-type(1) {
    grid-column: 2 / span 5;
  }
  .contact-page div:nth-of-type(2) {
    grid-column: 7 / span 4;
  }
  .contact-page div:nth-of-type(3) {
    grid-column: 2 / span 5;
  }
  .contact-page div:nth-of-type(4) {
    grid-column: 2 / span 2;
    position: unset;
  }

  .not-found h1 {
    font-size: 25vh;
  }
}