:root{--main: #fff;--secondary: #2b2b2b;--accent: #ddffc6;--text-glow: none;--box-glow: none;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--main: #150A24;--secondary: #F2A6FF;--accent: #2A1140;--text-glow: 0 0 10px rgba(242, 166, 255, .55);--box-glow: 0 0 14px rgba(242, 166, 255, .28);color-scheme:dark}}:root[data-theme=dark]{--main: #150A24;--secondary: #F2A6FF;--accent: #2A1140;--text-glow: 0 0 10px rgba(242, 166, 255, .55);--box-glow: 0 0 14px rgba(242, 166, 255, .28);color-scheme:dark}:root[data-theme=light]{--main: #fff;--secondary: #2b2b2b;--accent: #ddffc6;--text-glow: none;--box-glow: none;color-scheme:light}#theme-toggle .icon-moon{display:block}#theme-toggle .icon-sun{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) #theme-toggle .icon-moon{display:none}:root:not([data-theme=light]) #theme-toggle .icon-sun{display:block}}:root[data-theme=dark] #theme-toggle .icon-moon{display:none}:root[data-theme=dark] #theme-toggle .icon-sun{display:block}:root[data-theme=light] #theme-toggle .icon-moon{display:block}:root[data-theme=light] #theme-toggle .icon-sun{display:none}@media (min-width: 320px) and (max-width: 600px){nav{position:sticky;top:0;width:100%;background-color:var(--main);outline:2px solid var(--secondary);z-index:1000}nav .br{border-right:0px solid var(--secondary)}nav #menu-toggle{display:inline-flex}nav .nav_links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--main);outline:2px solid var(--secondary);box-shadow:var(--box-glow)}nav .nav_links li{margin-left:0;border-left:0;border-top:2px solid var(--secondary)}nav .nav_links li:first-child{border-top:0}nav .nav_links a{padding:20px 24px;font-size:1.2rem}nav.menu-open .nav_links{display:flex}.nav_backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}html.menu-locked,html.menu-locked body{overflow:hidden}html.menu-locked .nav_backdrop{opacity:1;visibility:visible}.home a{position:relative;outline:1px solid var(--secondary);padding:0;width:100%;height:auto;right:auto;bottom:auto}.home a:hover{bottom:auto;right:auto;box-shadow:0 0}.home h1{padding:5%;font-size:1.7rem}.character .grid_template{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;justify-items:center}.character .grid_template .grid-element{display:flex;justify-content:center;align-items:center;height:auto}.character .grid_template img{width:100px}.home_projects{margin:24px 0;grid-template-columns:1fr 1fr}.home_projects p{font-size:14px}.home_projects div{height:450px}.home_projects div:nth-child(2){grid-column:1/4}.home_projects div:nth-child(3){grid-column:1/4}.home_projects div:nth-child(4){grid-column:1/4}.home_projects div:nth-child(5){grid-column:1/4}.home_projects a{padding:8px}.home_projects .project-image-container{height:80%}.work{background-color:var(--main)}.work .work_box{display:flex;flex-direction:column;align-items:center}.work .work_grid{width:75%}.work .work_grid video{height:300px;transition:0}.work .work_grid video:hover{transform:rotate(0);box-shadow:0 0 var(--secondary);scale:1;margin-left:0;margin-right:0}.work .work_box:not(.work_illustration) .work_grid img{width:300px;height:150px}.contact{padding:16px;min-height:auto}.contact .contact_container{padding:24px}.contact button{align-self:stretch}.info{height:100%}.info p,.project p{font-size:14px}.project .project_head{padding:24px}.project .project_head .project_head_container{min-width:100px}.project .project_head video{min-width:100px}.project .project_body{width:100%;padding:24px}.project .project_body .grid_template{display:grid;grid-template-columns:1fr 1fr;align-items:start}.project .project_body .full_width_phone{display:flex}.project .project_body .grid-element{margin:0;padding:8px;width:100%}.project .project_body .closeup img{width:100%;height:auto}}@media (min-width: 601px) and (max-width: 1280px){.home a{padding:16px;right:25%;width:55%}.home a:hover{bottom:24px;right:25%;box-shadow:0 0}.home h1{font-size:2rem}.character .grid_template{display:grid;grid-template-columns:1fr 1fr 1fr}.character .grid_template .grid-element{display:flex;justify-content:center;align-items:center;padding:24px;height:auto}.character .grid_template img{width:100px}.home_projects{margin:24px 0;grid-template-columns:1fr 1fr}.home_projects a{padding:8px}.home_projects div:nth-child(2),.home_projects div:nth-child(3),.home_projects div:nth-child(4),.home_projects div:nth-child(5){grid-column:auto}.home_projects #item0{grid-column:1/3}.home_projects .project-image-container{height:320px}.home_projects #item0 .project-image-container{height:440px}.work{display:flex;flex-direction:column;align-items:center}.work h1{position:absolute;left:35px}.work_box{display:flex;flex-direction:column;align-items:center}.work_grid{width:100%;justify-content:center}.work_grid video:hover{transform:rotate(0);box-shadow:0 0 var(--secondary);scale:1;margin-left:16px;margin-right:16px}.info p,.project p{font-size:14px}.project .project_head{padding:24px}.project .project_body{width:100%;padding:24px}.project .project_body .grid_template{display:grid;grid-template-columns:1fr 1fr;align-items:start}.project .project_body .grid-element{margin:0;padding:8px;width:100%}.project .project_body .closeup img{width:400px;height:auto}}