@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background:#1c1c1c;font-family:Inter,sans-serif;font-weight:300}*{box-sizing:border-box}body{min-width:320px}body .stage{background:#1c1c1c;place-items:center;min-height:100vh;padding:5vw;display:grid}body .portfolio{--paper:#fff;--ink:#000;--line:#aaa;background:var(--paper);color:var(--ink);transition:background-color .25s,color .25s;position:relative}body .portfolio.dark{--paper:#171717;--ink:#f5f5f5;--line:#555}body .rule{background:var(--line)}body .navigation a{background:var(--ink);color:var(--paper);transition:background-color .25s,color .25s,opacity .18s}body #theme-toggle{color:var(--ink);background:0 0}body{min-height:100vh}.stage{background:#fff;place-items:center;min-height:100vh;padding:0;display:grid}.portfolio{aspect-ratio:1.4;color:#000;background:#fff;width:min(100%,1100px);transition:background .25s,color .25s;position:relative;overflow:hidden}.portfolio.dark{color:#f5f5f5;background:#171717}.navigation{z-index:5;gap:12px;display:flex;position:absolute;top:4%;right:8%}.navigation a{color:#fff;background:currentColor;border-radius:30px;padding:5px 17px;font-size:13px;font-weight:400;text-decoration:none;transition:opacity .18s}.portfolio.dark .navigation a{color:#171717;background:#f5f5f5}.navigation a:hover{opacity:.7}.name{z-index:2;width:44%;position:absolute;top:36%;left:0}.name h1,.name h2{letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(48px,7.4vw,86px);font-weight:300;line-height:1.04}.rule{background:#aaa;width:100%;height:1px;margin:7px 0 3px}.portrait{aspect-ratio:4/3;z-index:3;width:52%;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.portrait img{object-fit:cover;border-radius:4px;width:100%;height:100%}#theme-toggle{width:35px;height:35px;color:inherit;cursor:pointer;z-index:10;background:0 0;border:0;border-radius:50%;position:absolute;bottom:4%;right:5%}#theme-toggle svg{width:25px;height:25px}#theme-toggle:hover{background:#8882}@media (width>=1100px){.name h1,.name h2{font-size:84px}}@media (width<=600px){.stage{padding:16px}.portfolio{aspect-ratio:auto;min-height:580px}.navigation{gap:8px;top:5%;right:5%}.navigation a{padding:7px 12px;font-size:12px}.name{width:80%;top:25%}.name h1,.name h2{font-size:clamp(56px,13vw,76px)}.portrait{width:90%;top:44%;left:10%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}html,body{width:100%;height:100%;overflow-x:hidden;margin:0!important;padding:0!important}body,#app,#root,.stage{width:100%;min-height:100vh;margin:0!important;padding:0!important}.portfolio{aspect-ratio:auto;min-height:100vh;width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important;outline:none!important;margin:2px!important}