:root{--c-orange-rusty-nail: #4d340b;--c-orange-web: #FFA500;--c-white: #FFFFFF;--c-cod-gray-ligh: #0B0B0B;--c-cod-gray-dark: #141414;--bp-tiny: 28.125rem;--bp-small: 37.5rem;--bp-medium: 46.875rem;--bp-large: 60rem;--bp-big: 80rem;--bp-huge: 90rem;--f-poppins: Poppins, Arial, sans-serif}*{box-sizing:border-box}html,body{color:orange;padding:0;margin:0;overflow:hidden;height:100%;background-color:#141414;background-image:linear-gradient(45deg,#0b0b0b 40%,#141414 90%)}body{position:relative;isolation:isolate}:root{--h1-font-size: 3.2rem;--h2-font-size: 1.8rem}html{font-size:.625rem}body{font-size:1.6rem;font-family:Poppins,Arial,sans-serif}h1{font-size:var(--h1-font-size);font-weight:900;text-transform:uppercase;line-height:1;margin:0;padding:0}h2{font-size:var(--h2-font-size);font-weight:700;line-height:1;margin:0;padding:0}a{text-decoration-color:inherit;transition:all .125s ease}a:hover{text-decoration-color:red}body:has(.cursor[style]) a{cursor:none}@media (min-width: 46.875rem){:root{--h1-font-size: 9.2rem;--h2-font-size: 4rem}}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:all}.background canvas{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.contact{list-style:none;display:flex;flex-direction:row;justify-content:center;gap:3rem;margin:0;padding:0}.contact__link{color:#999;font-size:1.25rem;font-weight:500;text-decoration:none;transition:all .25s ease}.contact__link:hover{color:#fff}@media (min-width: 46.875rem){.contact{justify-content:start}.contact__link{font-size:1.5rem}}body.cursor,body:has(.cursor[style]){cursor:none}body.cursor .page>*,body:has(.cursor[style]) .page>*{cursor:initial}body:has(.cursor[style]) button{cursor:none}.menu{background-clip:text;-webkit-background-clip:text;color:transparent;background-color:orange;background-image:linear-gradient(to top left,#4d340b,orange 80%);text-align:center;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2rem}.menu__link{color:transparent;font-size:2rem;font-weight:700;text-decoration:none;transition:all .25s ease}.menu__link:hover{color:#ffffffbf}@media (min-width: 46.875rem){.menu{text-align:left}.menu__link{font-size:3.2rem}}.page{--page-h-paddings: 2rem;position:relative;z-index:1;height:100%;overflow:auto;display:grid;padding:12rem var(--page-h-paddings) 8rem;grid-template-columns:1fr;grid-template-rows:1.25fr .75fr min-content;grid-template-areas:"header" "menu" "contact";filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));background-image:linear-gradient(0deg,rgba(0,0,0,.75) 15%,transparent 40%)}body.--debug .page{pointer-events:none}.page__header{text-align:center;grid-area:header;background-clip:text;-webkit-background-clip:text;color:transparent;background-color:orange;background-image:linear-gradient(to top right,#4d340b,orange 90%)}.page__contact{grid-area:contact}.page__menu{grid-area:menu}.page__role{padding-top:.35em}.page__role:has(.role){position:relative;pointer-events:none;color:transparent}@media (min-width: 46.875rem){.page{--page-h-paddings: 5%;align-content:end;grid-template-columns:1fr auto;grid-template-rows:min-content min-content;grid-template-areas:"header menu" "contact menu";margin-top:auto}.page__header{text-align:left}.page__role{padding-top:0;padding-bottom:1em}}.project-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;object-fit:cover;display:block;width:100%;height:100%;opacity:0;transition:all .5s ease;filter:blur(10px);mix-blend-mode:exclusion;pointer-events:none}body:has(.menu__link[data-project=motion-pixie]:hover) .project-preview[data-project=motion-pixie]{opacity:.25}body:has(.menu__link[data-project=sound-spector]:hover) .project-preview[data-project=sound-spector]{opacity:.75}body:has(.menu__link[data-project=walkers]:hover) .project-preview[data-project=walkers]{opacity:.25}.role{position:absolute;top:-.125em;right:-9px;bottom:-.125em;left:-9px;display:block;pointer-events:all}.role canvas{top:0;right:0;bottom:0;left:0;width:auto;height:100%;position:absolute}