:root{--base-light: #f8f9fa;--base-dark: #0e1013;--highlight-1: #f7c518;--highlight-2: #3355ff;--highlight-3: #f87a55;--white: var(--base-light);--black: var(--base-dark);--bg-dark: var(--base-dark);--bg-darker: var(--base-dark);--primary-blue: var(--highlight-2);--primary-purple: var(--highlight-2);--highlight-blue: var(--highlight-2);--logo-hover: var(--highlight-1);--accent-orange: var(--highlight-3);--text-main: var(--base-light);--text-secondary: var(--base-light);--text-placeholder: var(--base-light);--border-color: var(--base-light);--input-border: var(--base-light)}.bricolage-grotesque{font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.bricolage-grotesque-regular{font-family:Bricolage Grotesque,sans-serif;font-weight:400}.bricolage-grotesque-bold{font-family:Bricolage Grotesque,sans-serif;font-weight:700}.bricolage-grotesque-light{font-family:Bricolage Grotesque,sans-serif;font-weight:200}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;font-family:Bricolage Grotesque,sans-serif;color:var(--text-main);line-height:1.5;overflow-x:hidden}body.menu-open{overflow:hidden;height:100vh}a{color:inherit;text-decoration:none;cursor:pointer;transition:color .2s ease}button{background:none;border:none;cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:20px;color:var(--text-main)}p{margin-bottom:16px;opacity:.85;font-size:18px}.container{max-width:1440px;margin:0 auto;width:100%}.draw-line{transform-origin:left center;animation:draw-line-loop 5s linear infinite}@keyframes draw-line-loop{0%{transform:scaleX(0)}4%{transform:scaleX(1)}45%{transform:scaleX(1)}48%{transform:scaleX(0)}to{transform:scaleX(0)}}.project-btn{margin-top:50px;margin-left:20px;display:block;padding:12px 40px;border-radius:999px;border:1px solid var(--white);background:transparent;color:var(--white);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:4px 4px 0 var(--white);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease,border-color .2s ease}.project-btn:hover{background-color:var(--accent-orange);border-color:var(--accent-orange);color:var(--bg-dark);box-shadow:0 0 0 transparent;transform:translate(4px,4px)}.btn{margin-top:1.8rem;align-self:flex-end;padding:.65rem 1.9rem;border-radius:999px;border:1px solid var(--bg-dark);background:var(--white);color:var(--bg-dark);font-size:20px;font-weight:700;box-shadow:2px 6px 0 var(--bg-dark);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease}.btn:hover{background-color:var(--accent-orange);box-shadow:0 0 0 transparent;transform:translateY(6px)}.section-reveal{opacity:0;transform:translate(var(--reveal-x, 0)) translateY(16px);transition:transform .7s ease,opacity .7s ease;transition-delay:var(--reveal-delay, 0ms);will-change:transform,opacity}.section-reveal.is-visible{opacity:1;transform:translate(0) translateY(0)}@media (prefers-reduced-motion: reduce){.section-reveal{transition:none;opacity:1;transform:none}}