@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500&display=swap");:root{--bg:#181818;--fg:#e8e8e8;--fg-dim:#666;--fg-dimmer:#333}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Space Grotesk,sans-serif;font-weight:300;line-height:1.6;min-height:100vh;overflow-x:hidden;cursor:default}.cursor{width:20px;height:20px;border:1px solid var(--fg-dim);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .15s ease,opacity .15s ease,border-color .3s ease;transform:translate(-50%,-50%)}.cursor.hovering{transform:translate(-50%,-50%) scale(1.5);border-color:var(--fg)}.noise{position:fixed;top:-100%;left:-100%;width:300%;height:300%;pointer-events:none;z-index:1000;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");animation:tvStatic .1s steps(6) infinite}@keyframes tvStatic{0%{transform:translate(0)}16%{transform:translate(-3%,3%)}33%{transform:translate(3%,-3%)}50%{transform:translate(-3%,-3%)}66%{transform:translate(3%,3%)}83%{transform:translate(-2%,2%)}to{transform:translate(0)}}.main{min-height:100vh;flex-direction:column}.main,.nav{display:flex}.nav{position:fixed;top:0;left:0;right:0;padding:2rem 3rem;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference}.nav-logo{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--fg);text-decoration:none;opacity:0;animation:fadeIn 1s ease .3s forwards}.nav-links{display:flex;gap:3rem;list-style:none}.nav-links li{opacity:0;animation:fadeIn 1s ease forwards}.nav-links li:first-child{animation-delay:.4s}.nav-links li:nth-child(2){animation-delay:.5s}.nav-links li:nth-child(3){animation-delay:.6s}.nav-links a{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--fg);text-decoration:none;position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--fg);transition:width .4s cubic-bezier(.25,.46,.45,.94)}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3rem 4rem}.hero-name{font-family:Cormorant Garamond,serif;font-size:clamp(4rem,15vw,14rem);font-weight:300;letter-spacing:-.02em;line-height:1;margin-bottom:2rem;overflow:visible}.hero-name .line{display:inline;opacity:0;transform:translateY(100%);animation:revealLine 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.hero-name .dot{display:inline;opacity:0;animation:loadingDot 1.4s infinite}.hero-name .dot:nth-child(2){animation-delay:0s}.hero-name .dot:nth-child(3){animation-delay:.2s}.hero-name .dot:nth-child(4){animation-delay:.4s}@keyframes loadingDot{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .4s ease forwards}.fade-in{animation:fadeInHero .6s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeInHero{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.email-line{display:block;opacity:0;animation:fadeInHero .6s ease forwards;font-size:clamp(2rem,.0583rem + 8.2848vw,10rem);word-break:break-word;line-height:1.1}.tooltip{position:fixed;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--fg-dimmer);border-radius:6px;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.05em;color:var(--fg);pointer-events:none;z-index:9999;animation:fadeIn .15s ease;white-space:nowrap}.tooltip-copied{display:flex;align-items:center;gap:.4rem}.tooltip-copied svg{stroke:var(--fg)}@keyframes emailDots{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.hero-subtitle{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);opacity:0;animation:fadeIn 1s ease 1.2s forwards}.error-code{font-size:clamp(6rem,20vw,20rem);opacity:1;transform:none;animation:none;letter-spacing:-.04em}.work{padding:8rem 3rem;border-top:1px solid var(--fg-dimmer)}.work-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4rem}.work-title{letter-spacing:.3em}.work-link,.work-title{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:400;text-transform:uppercase;color:var(--fg-dim)}.work-link{letter-spacing:.15em;text-decoration:none;transition:color .3s ease}.work-link:hover{color:var(--fg)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.work-item{opacity:0;animation:fadeIn 1s ease forwards}.work-item:first-child{animation-delay:.3s}.work-item:nth-child(2){animation-delay:.4s}.work-item:nth-child(3){animation-delay:.5s}.work-item:nth-child(4){animation-delay:.6s}.work-item-inner{display:block;text-decoration:none;color:inherit;padding:2rem 0;border-bottom:1px solid var(--fg-dimmer);transition:border-color .3s ease}.work-item-inner:hover{border-color:var(--fg)}.work-item-inner:hover .work-item-title{transform:translateX(8px)}.work-item-number{font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:400;letter-spacing:.2em;color:var(--fg-dim);margin-bottom:.75rem}.work-item-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.2;margin-bottom:.5rem;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.work-item-category{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim)}.footer{padding:3rem;border-top:1px solid var(--fg-dimmer);display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:300;letter-spacing:.1em;color:var(--fg-dim)}.footer-links{display:flex;gap:2rem}.footer-links a{font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--fg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLine{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--fg);color:var(--bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--fg-dimmer);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}@media (max-width:768px){.nav{padding:1.5rem}.hero{padding:0 1.5rem 3rem}.work{padding:4rem 1.5rem}.work-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:1.5rem;text-align:center;padding:2rem 1.5rem}}