*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f0;background-color:#0a0a0a;font-family:Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}.navbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0a0a0acc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 64px;display:flex;position:fixed;top:0;left:0;right:0}.navbar .logo{letter-spacing:-.02em;font-weight:800}.navbar .nav-links{gap:32px;font-size:.9rem;font-weight:600;display:flex}.navbar .nav-links a:hover{color:#ff5c39}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 64px 0;display:flex}.hero .eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#ff5c39;opacity:0;margin-bottom:16px;font-size:.85rem;animation:.8s ease-out .1s forwards fadeUp}.hero h1{letter-spacing:-.03em;color:#f5f5f0;opacity:0;font-size:10vw;font-weight:900;line-height:.9;animation:.8s ease-out .2s forwards fadeUp}.hero .role{text-transform:uppercase;letter-spacing:.3em;color:#d8d8d0;opacity:0;margin-top:8px;font-weight:700;animation:.8s ease-out .4s forwards fadeUp}.hero .blurb{color:#f5f5f0a6;opacity:0;max-width:480px;margin-top:24px;line-height:1.6;animation:.8s ease-out .6s forwards fadeUp}.hero .more-link{color:#f5f5f0;opacity:0;border-bottom:2px solid #f5f5f0;width:fit-content;margin-top:32px;padding-bottom:4px;font-weight:700;animation:.8s ease-out .8s forwards fadeUp}.hero .more-link:hover{color:#ff5c39;border-color:#ff5c39}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portfolio-section{padding:96px 64px}.portfolio-section h2{letter-spacing:-.02em;color:#f5f5f0;margin-bottom:8px;font-size:3rem;font-weight:900}.portfolio-section .sub{color:#f5f5f08c;max-width:480px;margin-bottom:48px}.marquee-rows{flex-direction:column;gap:24px;display:flex}.marquee-row{overflow:hidden}.marquee-track{gap:24px;width:fit-content;animation:30s linear infinite marquee;display:flex}.marquee-track.reverse{animation-name:marquee-reverse;animation-duration:34s}.marquee-row:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.project-card{color:#0a0a0a;border:1px solid #ffffff0f;border-radius:16px;flex-shrink:0;align-items:flex-end;width:320px;height:220px;padding:20px;font-weight:700;display:flex}.project-card.coming-soon{opacity:.35;color:#f5f5f0;font-style:italic;background:#1a1a1a!important}.project-card-link{display:block}.color-1{background:#f2a65a}.color-2{background:#6fb1e6}.color-3{background:#7bd99b}.color-4{background:#e88ab2}.color-5{background:#b18af0}.color-6{background:#ecd25f}.color-7{background:#5fd6c4}.color-8{background:#e97b7b}.about-section{border-top:1px solid #ffffff14;padding:96px 64px}.about-section .content{max-width:640px}.about-section h2{letter-spacing:-.02em;color:#f5f5f0;margin-bottom:16px;font-size:2.2rem;font-weight:900}.about-section p{color:#f5f5f0a6;line-height:1.6}.about-section .read-more{color:#f5f5f0;border-bottom:2px solid #f5f5f0;margin-top:24px;padding-bottom:4px;font-weight:700;display:inline-block}.about-section .read-more:hover{color:#ff5c39;border-color:#ff5c39}.footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:64px;display:flex}.footer .eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#ff5c39;margin-bottom:8px;font-size:.85rem}.footer .email{letter-spacing:-.02em;color:#f5f5f0;font-size:2rem;font-weight:900}.footer .email:hover{color:#ff5c39}.footer .socials{color:#f5f5f0;align-items:flex-end;gap:24px;font-weight:600;display:flex}.footer .socials a:hover{color:#ff5c39}.footer .rights{color:#f5f5f066;align-self:flex-end;font-size:.85rem}@media (width<=768px){.navbar,.hero,.portfolio-section,.about-section,.footer{padding-left:24px;padding-right:24px}.hero h1{font-size:16vw}}