@font-face{font-family:Fuuld;src:url(/fonts/fuuldtest-regular.otf) format("opentype")}@font-face{font-family:FunnelDisplay;src:url(/fonts/FunnelDisplay-Bold.ttf) format("truetype")}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;padding:0;background-color:#f4f4f0;overflow:hidden;-webkit-font-smoothing:antialiased;font-family:FunnelDisplay,sans-serif;cursor:url(/Crossdot.cur),auto}*{cursor:url(/Crossdot.cur),auto!important}#root{width:100vw;height:100vh}h1,h2,h3,.font-display{font-family:Fuuld,sans-serif}.font-mono{font-family:FunnelDisplay,monospace}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll-left{animation:scroll-left 20s linear infinite}.mobile-placard-container{width:100%;pointer-events:auto;text-align:left}.mobile-hero-container{width:100%;height:250px;overflow:hidden;border:1px solid #E5E5E5;margin-bottom:1rem;background-color:#f0f0f0}.mobile-hero-image{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .3s ease}.project-description-mobile{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:1.5rem;opacity:.8;font-size:.85rem}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-glow{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}.portfolio-glow-button{position:relative;isolation:isolate;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;color:#000}@supports not (background: paint(something)){.portfolio-glow-button:before{background:conic-gradient(from 0deg,transparent 0deg,rgba(0,0,0,.1) 20deg,rgba(0,0,0,1) 40deg,transparent 60deg)}}.portfolio-glow-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5px;border-radius:9999px;background:conic-gradient(from var(--glow-angle),transparent 0%,transparent 70%,rgba(0,0,0,.3) 85%,rgba(0,0,0,1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate-glow 3s linear infinite;pointer-events:none}.portfolio-glow-button:hover{transform:scale(1.02);background:#000;color:#fff}.portfolio-glow-button:hover:before{background:conic-gradient(from var(--glow-angle),transparent 0%,transparent 70%,rgba(255,255,255,.3) 85%,rgba(255,255,255,1) 100%)}.portfolio-glow-button:after{display:none}