.nav-container{position:fixed;inset:0;pointer-events:none;z-index:10000;width:100vw;height:100vh}.nav-scrim{position:absolute;inset:0;background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:auto}.nav-drawer{position:absolute;top:0;right:0;bottom:0;width:50vw;min-width:400px;max-width:650px;background-color:var(--surface-black);transform:translate(100%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:0}@media (max-width: 768px){.nav-drawer{width:100vw;min-width:unset;max-width:unset}}.nav-drawer-inner{height:100%;width:fit-content;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 80px}.nav-links{display:flex;flex-direction:column;gap:24px;flex-grow:1;justify-content:center}.nav-link{font-family:var(--typography-primary);font-size:64px;letter-spacing:3.2px;line-height:1;color:var(--text-primary);text-decoration:none;text-transform:capitalize;opacity:0;display:flex;align-items:center;position:relative;transition:color .3s ease}.nav-link-text{display:inline-block;transform:translate(0);transition:transform .5s cubic-bezier(.86,0,.07,1)}.nav-arrow{position:absolute;left:0;opacity:0;transform:scale(.6) translate(-40px);transition:all .5s cubic-bezier(.86,0,.07,1);color:var(--text-primary);display:flex;align-items:center;justify-content:center;width:64px;height:64px}.nav-arrow svg{width:48px;height:48px}.nav-link:hover .nav-arrow,.nav-link.active .nav-arrow{opacity:1;transform:scale(1) translate(0)}.nav-link:hover .nav-link-text,.nav-link.active .nav-link-text{transform:translate(80px)}.nav-toggle{position:fixed;top:48px;right:48px;width:48px;height:48px;z-index:10001;background:transparent;border:none;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;mix-blend-mode:difference}.hamburger-line{position:absolute;left:12px;width:24px;height:2px;background-color:#fff;transition:transform .4s cubic-bezier(.86,0,.07,1),top .4s cubic-bezier(.86,0,.07,1)}.line-1{top:18px}.line-2{top:28px}.nav-toggle.open .line-1{top:23px;transform:rotate(45deg)}.nav-toggle.open .line-2{top:23px;transform:rotate(-45deg)}.nav-bottom-block{display:flex;flex-direction:column;gap:32px}.theme-toggle{position:absolute;top:60px;left:48px;background:transparent;border:none;cursor:pointer;display:flex;gap:16px;color:var(--text-primary);align-items:center;z-index:10}.theme-icon{opacity:.5;transition:opacity .3s ease}.theme-icon.active{opacity:1}.nav-social{display:flex;gap:32px;font-family:var(--typography-secondary);font-weight:300;text-transform:uppercase;font-size:14px;letter-spacing:.8px;color:var(--text-primary)}.nav-social-link{color:inherit;opacity:0}.nav-social-link:not(.nav-credit):hover{color:var(--text-secondary)}.nav-credit{margin-top:24px;font-family:var(--typography-secondary);font-size:12px;font-weight:300;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.5}@media (max-width: 768px){.nav-toggle{top:24px;right:24px}}@font-face{font-family:Aeonik;src:url(/assets/fonts/Aeonik-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Aeonik;src:url(/assets/fonts/Aeonik-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Favorit;src:url(/assets/fonts/ABCFavorit-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ABC Favorit;src:url(/assets/fonts/ABCFavorit-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--surface-black: #000000;--text-primary: #ffffff;--text-secondary: #666666;--typography-primary: "Aeonik", "Inter", sans-serif;--typography-secondary: "ABC Favorit", "Inter", sans-serif;--border-primary: #242424;--tile-bg: #222222;--lab-card-bg: rgba(60, 60, 60, .25)}[data-theme=light]{--surface-black: #ffffff;--border-primary: #e0e0e0;--tile-bg: #dddddd;--lab-card-bg: rgba(200, 200, 200, .25)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100vw;min-height:100vh;background-color:transparent;color:var(--text-primary);font-family:var(--typography-primary);overflow-x:hidden}body.no-scroll,html:has(body.no-scroll){overflow:hidden!important;touch-action:none}h1,h2,h3,h4,h5,h6,strong,b{font-weight:400}h1,h2,h3,h4,h5,h6,p,span,a,button,li,svg,.dehaven-logo,.work-year,.work-company,.work-role,.brand-item,.brands-text,.text-secondary,.page-header-meta,.nav-credit,.stat-label{color:#fff;mix-blend-mode:difference}a{color:inherit;text-decoration:none}.ios h1,.ios h2,.ios h3,.ios h4,.ios h5,.ios h6,.ios p,.ios span,.ios a,.ios button,.ios li,.ios svg,.ios .dehaven-logo,.ios .work-year,.ios .work-company,.ios .work-role,.ios .brand-item,.ios .brands-text,.ios .text-secondary,.ios .page-header-meta,.ios .nav-credit,.ios .stat-label{mix-blend-mode:normal}.ios[data-theme=light] h1,.ios[data-theme=light] h2,.ios[data-theme=light] h3,.ios[data-theme=light] h4,.ios[data-theme=light] h5,.ios[data-theme=light] h6,.ios[data-theme=light] p,.ios[data-theme=light] span,.ios[data-theme=light] a,.ios[data-theme=light] button,.ios[data-theme=light] li,.ios[data-theme=light] svg,.ios[data-theme=light] .dehaven-logo,.ios[data-theme=light] .work-year,.ios[data-theme=light] .work-company,.ios[data-theme=light] .work-role,.ios[data-theme=light] .brand-item,.ios[data-theme=light] .brands-text,.ios[data-theme=light] .text-secondary,.ios[data-theme=light] .page-header-meta,.ios[data-theme=light] .nav-credit,.ios[data-theme=light] .stat-label{color:#000}.app-container{position:relative;z-index:0;width:100%;min-height:100vh;background-color:transparent}.page-content{position:relative}.font-primary{font-family:var(--typography-primary)}.font-secondary{font-family:var(--typography-secondary);font-weight:300}.uppercase{text-transform:uppercase}