@font-face{font-family:Neue Montreal Light;src:url(/assets/NeueMontreal-Light-B8VR3EGD.otf)}@font-face{font-family:Neue Montreal Light Italic;src:url(/assets/NeueMontreal-LightItalic-DQNqNrO8.otf)}@font-face{font-family:Neue Montreal Regular;src:url(/assets/NeueMontreal-Regular-CxM6MvLr.otf)}@font-face{font-family:Neue Montreal Italic;src:url(/assets/NeueMontreal-Italic-DC5BIR_9.otf)}@font-face{font-family:Neue Montreal Medium;src:url(/assets/NeueMontreal-Medium-BnH0vvJJ.otf)}@font-face{font-family:Neue Montreal Medium Italic;src:url(/assets/NeueMontreal-MediumItalic-DNRhpLuW.otf)}@font-face{font-family:Neue Montreal Bold;src:url(/assets/NeueMontreal-Bold-sjQCZh1u.otf)}@font-face{font-family:Neue Montreal Bold Italic;src:url(/assets/NeueMontreal-BoldItalic-DOVUbZrl.otf)}:root{--color: rgba(255, 255, 255, .87);--color-hover: rgba(255, 255, 255, .6);--bg-color: #242424;--frame-color: rgba(0, 0, 0, .5);--frame-inner: #828282;--link-color: #646cff;--link-hover: #535bf2;--frame-padding: 28px;--inner-padding: 20px;--text-width: 140px;--letter-spacing: .05rem}.light-theme{--color: #213547;--color-hover: rgba(113, 113, 113, .6);--bg-color: #ffffff;--frame-color: rgba(255, 255, 255, .5);--frame-inner: #000;--link-hover: #747bff}body{color:var(--color);background-color:var(--bg-color);margin:0;height:100vh;transition:color .3s ease,background-color .3s ease;font-size:16px;font-family:Neue Montreal Regular;font-synthesis:none}p,ul,li,h1,h2,h3,h4,h5,h6,a{color:var(--color);margin:0;padding:0;list-style:none;text-decoration:none}button{background-color:transparent;color:var(--color);border:none;cursor:pointer}#root{display:flex;flex-direction:column;height:100%;margin:0 auto}.header{position:relative;flex:1 1 30%;max-width:30%;padding:var(--inner-padding)}.header-inner{position:fixed}.heading{font-size:1.8rem;margin-bottom:4px}.subheading{margin-bottom:6em;font-size:1rem;letter-spacing:var(--letter-spacing)}.heading,.subheading{font-family:Neue Montreal Light,sans-serif}.nav-list{display:flex;flex-direction:column;gap:20px}.nav-list-item a{color:var(--color);transition:color .3s ease}.nav-list-item.active{font-family:Neue Montreal Italic,sans-serif;letter-spacing:var(--letter-spacing)}.nav-list-item:hover a{color:var(--color-hover)}.footer{display:flex;justify-content:center;align-items:center;position:fixed;font-size:1rem;height:var(--frame-padding);left:var(--frame-padding);bottom:0;z-index:10;font-family:Neue Montreal Light,sans-serif}.layout{flex:1 1 100%;position:relative;padding:var(--frame-padding)}.layout:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;border:var(--frame-padding) solid var(--frame-color);pointer-events:none;z-index:2}.layout:after{content:"";position:fixed;top:var(--frame-padding);left:var(--frame-padding);right:var(--frame-padding);bottom:var(--frame-padding);border:1px solid var(--frame-inner);pointer-events:none;z-index:2}.layout-inner{height:100%;display:flex;overflow-y:hidden;overscroll-behavior:contain}.main{flex:1 1 auto;padding:var(--inner-padding)}.toggle-theme{display:flex;gap:.5em;position:fixed;z-index:10;transform-origin:left bottom;transform:rotate(-90deg);bottom:22px}.toggle-btn{font-size:1rem;font-family:Neue Montreal Light,sans-serif}.btn-checkbox{display:inline-block;width:8px;height:8px;border:1px solid var(--color);margin-right:6px}.toggle-btn.active .btn-checkbox{background-color:var(--color)}.home{height:100%;display:flex;justify-content:flex-end;align-items:flex-end}.home-inner{max-width:var(--text-width)}.home-text{text-align:right}.home-text.italic,.home-link{font-family:Neue Montreal Light Italic,sans-serif;letter-spacing:var(--letter-spacing)}.home-link:hover{color:var(--color-hover);transition:color .3s ease}.projects{text-align:right;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.projects-list-item{margin-bottom:2em}.projects-heading{transition:color .3s ease;font-size:6.5vw;font-family:Neue Montreal Light,sans-serif}.projects-link-container{display:flex;justify-content:flex-end;align-items:center;gap:.5em}.projects-link{transition:color .3s ease;margin-bottom:.2em}.projects-link:hover,.projects-link:hover .projects-heading{color:var(--color-hover)}@media screen and (min-width: 768px){.projects-heading{font-size:3.6rem}}.about{text-align:right;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.about-inner{max-width:var(--text-width)}.about-text.italic{font-family:Neue Montreal Light Italic,sans-serif;letter-spacing:var(--letter-spacing)}.contact{height:100%;text-align:right}.contact-inner{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.contact-list{display:flex;flex-direction:column;gap:1em}.contact-list-item:hover{color:var(--color-hover);transition:color .3s ease}.contact-list-text{font-family:Neue Montreal Light Italic,sans-serif;letter-spacing:var(--letter-spacing)}.socials{display:flex;gap:1em;justify-content:flex-end}