@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap";:root{color:#f1f1ed;font-synthesis:none;background:#0b0b0b;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f2f2ed;background:#0b0b0b;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin:auto}nav{z-index:5;border-bottom:1px solid #242424;justify-content:space-between;align-items:center;height:90px;padding:0 max(24px,50vw - 590px);display:flex;position:relative}.identity{align-items:center;gap:12px;font-weight:500;display:flex}.avatar{color:#111;background:#dfff52;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.navlinks{color:#aaa;gap:34px;font-size:14px;display:flex}.navlinks a:hover{color:#fff}.menu{background:#eee;border:0;border-radius:7px;place-items:center;width:40px;height:40px;display:none}.hero{padding:112px 0 84px}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.13em;color:#92928e;font-size:12px}.eyebrow{text-transform:none;letter-spacing:0;background:#121212;border:1px solid #1c1c1c;border-radius:99px;align-items:center;gap:9px;padding:10px 15px;font-size:13px;display:inline-flex}.eyebrow i{background:#66d89a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #193125}.hero h1{letter-spacing:-.07em;max-width:900px;margin:46px 0 38px;font-family:Manrope,sans-serif;font-size:clamp(64px,9vw,132px);font-weight:300;line-height:.88}.hero h1 span{color:#777;font-style:italic}.intro{color:#858581;max-width:630px;font-size:18px;line-height:1.65}.actions{gap:12px;margin-top:34px;display:flex}.button{border-radius:99px;align-items:center;gap:22px;height:50px;padding:0 21px;font-size:14px;font-weight:600;display:inline-flex}.ghost{border:1px solid #555}.light{color:#111;background:#f2f2ed}.ticker{color:#6e6e69;border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;padding:27px 0;overflow:hidden}.ticker div{width:max-content;animation:26s linear infinite ticker;display:flex}.ticker span{margin-right:44px;font-size:16px}.ticker b{color:#dfff52;margin-left:44px;font-weight:400}@keyframes ticker{to{transform:translate(-50%)}}.statement{padding:150px 0}.statement>p{letter-spacing:-.045em;max-width:1100px;margin:38px 0 100px;font-family:Manrope,sans-serif;font-size:clamp(38px,5.8vw,78px);font-weight:300;line-height:1.13}.statement em{color:#dfff52;font-style:normal}.about-grid{color:#888;border-top:1px solid #282828;grid-template-columns:1fr 1fr;gap:20%;padding-top:30px;line-height:1.7;display:grid}.section-head{justify-content:space-between;align-items:end;margin-bottom:70px;display:flex}.section-head h2,.experience h2{letter-spacing:-.06em;margin:25px 0 0;font-family:Manrope,sans-serif;font-size:clamp(55px,8vw,104px);font-weight:300;line-height:.95}.section-head>p{color:#777;max-width:310px;line-height:1.6}.projects{gap:130px;display:grid}.project{grid-template-columns:1.45fr .7fr;align-items:center;gap:55px;display:grid}.project:nth-child(2n){grid-template-columns:.7fr 1.45fr}.project:nth-child(2n) .project-art{order:2}.project-art{border-radius:4px;place-items:center;height:590px;display:grid;position:relative;overflow:hidden}.blue{background:#6d8fff}.lime{background:#d9f75b}.coral{background:#f87862}.art-word{color:#111;letter-spacing:-.08em;font:500 clamp(62px,8vw,120px) Manrope}.window{color:#eee;background:#111;width:65%;height:56%;padding:16px;position:absolute;transform:rotate(-5deg);box-shadow:0 30px 70px #0005}.dots{color:#777;letter-spacing:5px;font-size:7px}.window-copy{text-transform:uppercase;flex-direction:column;justify-content:center;height:calc(100% - 15px);padding:10%;display:flex}.window-copy small{letter-spacing:.16em;color:#888;font-size:8px}.window-copy strong{letter-spacing:-.06em;font:500 clamp(30px,5vw,64px) Manrope}.window-copy span{color:#aaa;font-size:10px}.project-number{color:#111;font-weight:600;position:absolute;top:20px;right:24px}.project-copy>div>span{color:#777;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.project-copy h3{letter-spacing:-.05em;margin:10px 0 25px;font:400 48px Manrope}.project-copy p{color:#888;line-height:1.65}.tags{flex-wrap:wrap;gap:7px;margin:28px 0;display:flex}.tags span{color:#aaa;border:1px solid #333;border-radius:99px;padding:7px 10px;font-size:11px}.project-copy>a{border-bottom:1px solid #777;align-items:center;gap:12px;padding-bottom:8px;font-size:14px;display:inline-flex}.experience{padding:180px 0}.roles{border-top:1px solid #292929;margin-top:80px}.role{border-bottom:1px solid #292929;grid-template-columns:1fr 1fr auto;align-items:center;padding:30px 0;display:grid}.role span,.role time{color:#777}.role time{font-size:13px}.quote{color:#111;text-align:center;background:#dfff52;padding:130px max(24px,50vw - 500px)}.quote blockquote{letter-spacing:-.045em;margin:0;font:400 clamp(38px,5vw,68px)/1.12 Manrope}.quote p{margin:35px 0 0;font-size:13px}footer{background:#111;padding:140px 0 35px}footer h2{letter-spacing:-.07em;margin:34px 0 70px;font:300 clamp(62px,9vw,130px)/.95 Manrope}footer h2 em{color:#777;font-style:normal}.mail{border-bottom:1px solid #555;justify-content:space-between;padding-bottom:20px;font-size:clamp(20px,3vw,38px);display:flex}.footer-bottom{color:#696969;border-top:1px solid #282828;justify-content:space-between;margin-top:100px;padding-top:25px;font-size:12px;display:flex}.footer-bottom div{gap:22px;display:flex}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(35px)}.reveal.visible{opacity:1;transform:none}@media (width<=760px){.shell{width:min(100% - 30px,1180px)}nav{height:72px;padding:0 15px}.menu{display:grid}.navlinks{background:#111;flex-direction:column;padding:28px;display:none;position:absolute;top:72px;left:0;right:0}.navlinks.open{display:flex}.hero{padding:78px 0 60px}.hero h1{margin-top:35px;font-size:clamp(57px,19vw,85px)}.intro{font-size:16px}.actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.statement{padding:100px 0}.statement>p{margin-bottom:65px}.about-grid{grid-template-columns:1fr;gap:12px}.section-head{display:block}.section-head>p{margin-top:30px}.project,.project:nth-child(2n){grid-template-columns:1fr;gap:25px}.project:nth-child(2n) .project-art{order:0}.project-art{height:420px}.projects{gap:90px}.project-copy h3{font-size:38px}.experience{padding:110px 0}.role{grid-template-columns:1fr auto;gap:8px}.role span{grid-row:2}.role time{grid-area:1/2/3}.quote{padding-top:90px;padding-bottom:90px}footer{padding-top:100px}.footer-bottom{flex-direction:column;gap:20px}.identity{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none}}.contact-meta{color:#777;gap:30px;margin-top:22px;font-size:14px;display:flex}.contact-meta a:hover{color:#fff}.avatar{color:#111;letter-spacing:-.05em;background:#dfff52;border-radius:8px;justify-content:center;align-items:center;gap:2px;width:auto;min-width:58px;height:38px;padding:0 8px;font:700 11px/1 monospace;display:flex;box-shadow:inset 0 0 0 1px #efff9a}.avatar b{color:#465000;font-weight:500}.code-logo{letter-spacing:-.035em;gap:4px;font:600 14px/1 monospace}.code-logo .tag-open,.code-logo .tag-close{color:#dfff52;text-shadow:0 0 14px #dfff5266;display:inline-block}.code-logo .tag-open{animation:3.4s cubic-bezier(.65,0,.35,1) tag-open-once}.code-logo .tag-close{animation:3.4s cubic-bezier(.65,0,.35,1) tag-close-once}.code-name{transform-origin:50%;animation:3.4s cubic-bezier(.65,0,.35,1) name-shrink-once;display:inline-block}.code-logo:hover .tag-open{transform:translate(-4px)}.code-logo:hover .tag-close{transform:translate(4px)}@keyframes name-shrink-once{0%,8%{opacity:1;transform:scaleX(1)}18%,76%{opacity:0;transform:scaleX(0)}92%,to{opacity:1;transform:scaleX(1)}}@keyframes tag-open-once{0%,8%{transform:translate(0)}18%,76%{transform:translate(5px)}92%,to{transform:translate(0)}}@keyframes tag-close-once{0%,8%{transform:translate(0)}18%,76%{transform:translate(-5px)}92%,to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.code-logo .tag-open,.code-logo .tag-close,.code-name{animation:none}}.code-logo .tag-open,.code-logo .tag-close,.code-name{animation-duration:2.5s}.code-name{animation:none}.hero{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:80px;display:grid}.hero-content{min-width:0}.hero-socials{border-top:1px solid #30302e;margin-bottom:2px}.hero-socials>span{color:#666;text-transform:uppercase;letter-spacing:.14em;padding:18px 0 28px;font-size:11px;display:block}.hero-socials a{border-top:1px solid #242424;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:19px 0;transition:color .2s,padding .2s;display:grid}.hero-socials a:hover{color:#dfff52;padding-left:5px}.hero-socials small{color:#555;font-size:10px}.hero-socials strong{font-size:14px;font-weight:500}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-socials{grid-template-columns:auto 1fr 1fr;align-items:center;margin-top:10px;display:grid}.hero-socials>span{padding:18px 20px 18px 0}.hero-socials a{border-top:0;border-left:1px solid #242424;padding:18px}.hero-socials a:hover{padding-left:23px}}@media (width<=560px){.hero-socials{grid-template-columns:1fr 1fr}.hero-socials>span{grid-column:1/-1;padding-bottom:10px}.hero-socials a:first-of-type{border-left:0;padding-left:0}.hero-socials a:first-of-type:hover{padding-left:5px}}.hero-socials{background:linear-gradient(145deg,#121212,#0e0e0e);border:1px solid #292929;border-radius:12px;margin-bottom:0;display:block;overflow:hidden;box-shadow:0 25px 70px #0005}.social-card-head{color:#555;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;padding:13px 16px;font:10px/1 monospace;display:flex}.terminal-dots{color:#555;letter-spacing:4px}.social-card-body{padding:18px 16px}.social-card-body>p{color:#686863;margin:0;font:12px/1.6 monospace}.social-card-body>p span{color:#dfff52}.hero-socials .social-card-body a{background:#151515;border:1px solid #282828;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:13px;transition:transform .2s,border-color .2s,background .2s;display:grid}.hero-socials .social-card-body a:hover{color:#fff;background:#181a12;border-color:#515b2b;padding:13px;transform:translate(4px)}.social-card-body a i{color:#111;background:#dfff52;border-radius:6px;place-items:center;width:30px;height:30px;font:700 10px/1 monospace;display:grid}.social-card-body a>span{flex-direction:column;gap:4px;display:flex}.social-card-body a strong{font-size:12px}.social-card-body a small{color:#666;font:9px/1 monospace}.social-card-body a svg{color:#777}@media (width<=900px){.hero-socials{max-width:430px;margin-top:10px}.hero-socials .social-card-body a{border-left:1px solid #282828;padding:13px}.hero-socials .social-card-body a:hover{padding-left:13px}}@media (width<=560px){.hero-socials{display:block}.hero-socials .social-card-body a:first-of-type{border-left:1px solid #282828;padding-left:13px}.hero-socials .social-card-body a:first-of-type:hover{padding-left:13px}}.theme-toggle{color:#aaa;cursor:pointer;background:#151515;border:1px solid #303030;border-radius:99px;align-items:center;gap:7px;margin:-7px 0;padding:7px 10px;font:500 12px/1 DM Sans,sans-serif;transition:background .2s,color .2s,border-color .2s;display:flex}.theme-toggle:hover{color:#fff;background:#222;border-color:#484848}.theme-toggle span{display:none}body,nav,.ticker,footer,.hero-socials,.social-card-head,.hero-socials .social-card-body a,.ghost,.light{transition:background-color .35s,color .35s,border-color .35s}:root[data-theme=light],:root[data-theme=light] body{color:#171713;background:#f4f3ee}:root[data-theme=light] nav{border-color:#d8d7d0}:root[data-theme=light] .navlinks{color:#666}:root[data-theme=light] .navlinks a:hover{color:#111}:root[data-theme=light] .eyebrow{color:#555;background:#ecebe5;border-color:#deddd6}:root[data-theme=light] .hero h1 span{color:#aaa}:root[data-theme=light] .intro,:root[data-theme=light] .section-head>p,:root[data-theme=light] .project-copy p,:root[data-theme=light] .role span,:root[data-theme=light] .role time{color:#686864}:root[data-theme=light] .ghost{border-color:#aaa}:root[data-theme=light] .light{color:#f5f4ef;background:#171713}:root[data-theme=light] .ticker{color:#777;border-color:#d9d8d1}:root[data-theme=light] .statement em{color:#657b00}:root[data-theme=light] .about-grid,:root[data-theme=light] .roles,:root[data-theme=light] .role{border-color:#d2d1ca}:root[data-theme=light] .about-grid{color:#666}:root[data-theme=light] .tags span{color:#656560;border-color:#c9c8c0}:root[data-theme=light] .project-copy>a{border-color:#777}:root[data-theme=light] .hero-socials{background:linear-gradient(145deg,#fff,#eae9e3);border-color:#d1d0c9;box-shadow:0 25px 70px #7772}:root[data-theme=light] .social-card-head{color:#777;border-color:#d1d0c9}:root[data-theme=light] .social-card-body>p{color:#777}:root[data-theme=light] .social-card-body>p span{color:#657b00}:root[data-theme=light] .hero-socials .social-card-body a{background:#f5f4ef;border-color:#d6d5ce}:root[data-theme=light] .hero-socials .social-card-body a:hover{background:#f0f3df;border-color:#9fab67}:root[data-theme=light] .social-card-body a small{color:#777}:root[data-theme=light] footer{background:#e9e8e1}:root[data-theme=light] footer h2 em{color:#989891}:root[data-theme=light] .mail,:root[data-theme=light] .footer-bottom{border-color:#c7c6bf}:root[data-theme=light] .footer-bottom,:root[data-theme=light] .contact-meta{color:#666}:root[data-theme=light] .theme-toggle{color:#555;background:#e9e8e1;border-color:#cbc9c1}:root[data-theme=light] .theme-toggle:hover{color:#111;background:#dddcd4}@media (width<=760px){.theme-toggle{width:max-content;margin:0;padding:10px 13px}.theme-toggle span{display:inline}:root[data-theme=light] .navlinks{background:#f0efe9}}@media (width>=901px){.hero{align-items:start}.hero-socials{align-self:start;margin-top:84px}}