:root{--paper:#f2efe7;--ink:#25231f;--muted:#69645b;--accent:#db472b}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font-family:'Avenir Next',Avenir,sans-serif}.container{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}.header{position:absolute;z-index:2;top:50px;left:4.5vw}h1{font-size:clamp(66px,8.2vw,142px);font-weight:600;letter-spacing:-.075em;line-height:1;margin:0}.dot{color:var(--accent)}.terrain{position:absolute;inset:120px 0 70px;z-index:-1}.terrain canvas,.terrain-fallback,.terrain-fallback img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.terrain canvas{opacity:0}.terrain.is-ready canvas{opacity:1}.terrain.is-ready .terrain-fallback{opacity:0}.projects{position:absolute;z-index:2;right:4.5vw;top:58px;width:315px}.project{display:flex;justify-content:space-between;align-items:center;padding:15px 0;min-height:88px;border-bottom:1px solid #aaa394;color:inherit;text-decoration:none}.project:first-child{border-top:1px solid #aaa394}.project-left,.project-right{display:flex;align-items:center;gap:15px}.project-icon-img{border-radius:10px;width:40px;height:40px;display:block}.project-name{font-weight:600;font-size:20px;letter-spacing:-.6px}.project-url{font:11px Menlo,monospace;margin-top:5px;color:var(--muted)}.project-badge{font:11px Menlo,monospace;color:var(--muted)}.project-arrow{transition:transform .25s;width:20px;height:20px}.project:hover .project-arrow{transform:translateX(4px)}.project:hover .project-name{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.footer{position:absolute;bottom:24px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between}.footer>a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:inherit;font-size:15px}.footer>a:hover{color:var(--accent)}.socials{display:flex;gap:10px}.socials a{width:44px;height:44px;display:grid;place-items:center;color:inherit}.socials a:hover{color:var(--accent)}.socials svg{width:19px;height:19px}@media(min-width:701px) and (max-width:1100px){h1{font-size:8vw}.projects{width:275px}.project-name{font-size:18px}.project-left,.project-right{gap:10px}}@media(max-width:700px){.container{min-height:max(760px,100svh)}.header{top:30px;left:24px;right:24px}h1{font-size:clamp(48px,12.6vw,85px);letter-spacing:-.075em}.terrain{inset:104px 0 auto;height:370px}.projects{top:auto;bottom:124px;left:24px;right:24px;width:auto}.project{min-height:80px;padding:12px 0}.footer{left:24px;right:24px;bottom:20px;align-items:flex-start;gap:4px;flex-direction:column}.footer>a{font-size:13px}.socials{gap:8px}.socials a{margin-left:-8px;margin-right:8px}.project-name{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}