:root{--color-black:#050505;--color-charcoal:#0a0a0a;--color-gray-dark:#1a1a1a;--color-gray-light:#e0e0e0;--color-white:#fff;--color-wine:#722f37;--color-wine-glow:#722f3766;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.3s cubic-bezier(.25, 1, .5, 1);--transition-slow:.8s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--color-charcoal);color:var(--color-white);line-height:1.5;overflow-x:hidden}.theme-dark{background-color:var(--color-charcoal);color:var(--color-white)}.theme-light{background-color:var(--color-white);color:var(--color-black)}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.04em;font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}@media (width<=768px){.container{padding:0 20px}}.section{padding:160px 0}.section-header{margin-bottom:80px}.section-heading{margin-bottom:24px;font-size:clamp(3rem,6vw,5rem)}.section-subheading{max-width:700px;color:var(--color-gray-light);font-size:clamp(1.125rem,2vw,1.5rem);font-family:var(--font-body);font-weight:400}.dark-text{color:var(--color-black)}.theme-light .section-subheading{color:#555}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);border-radius:2px;justify-content:center;align-items:center;padding:16px 32px;font-size:.875rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-outline{color:var(--color-white);background:0 0;border:1px solid #fff3}.btn-outline:hover{border-color:var(--color-white);background:var(--color-white);color:var(--color-black)}.btn-primary{background-color:var(--color-wine);color:var(--color-white);border:none}.btn-primary:hover{background-color:#5a252b}.btn-massive{justify-content:space-between;width:100%;padding:24px 48px;font-size:1.125rem;display:flex}.navbar{z-index:1000;width:100%;height:90px;transition:all var(--transition-fast);border-bottom:1px solid #ffffff0d;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);background:#0a0a0acc;border-bottom-color:#ffffff1a}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-white);font-size:1.5rem;font-weight:700}.accent-text{color:var(--color-wine)}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--color-white)}@media (width<=768px){.nav-links{display:none}}.hero{flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:1;background:linear-gradient(#050505cc 0%,#0a0a0a99 50%,#0a0a0a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;flex-direction:column;justify-content:space-between;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:20vh 40px 80px;display:flex;position:relative}.hero-text-wrapper{margin-top:auto}.hero-title{color:var(--color-white);margin:0;font-size:clamp(4rem,10vw,12rem);line-height:.85}.hero-title.highlight{color:#0000;-webkit-text-stroke:2px #ffffff80;position:relative}.hero-bottom{justify-content:space-between;align-items:flex-end;margin-top:80px;display:flex}.hero-subtitle{max-width:450px;color:var(--color-gray-light);font-size:1.125rem}.hero-scroll-indicator{text-transform:uppercase;letter-spacing:.1em;opacity:.6;flex-direction:column;align-items:center;gap:16px;font-size:.75rem;display:flex}.hero-scroll-indicator .line{background:var(--color-white);transform-origin:top;width:1px;height:60px;animation:2s cubic-bezier(.65,0,.35,1) infinite scrollLine}@keyframes scrollLine{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=768px){.hero-content{padding:15vh 20px 40px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:40px}.hero-scroll-indicator{display:none}}.marquee-container{background:var(--color-wine);color:var(--color-white);white-space:nowrap;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:24px 0;overflow:hidden}.marquee-content{font-family:var(--font-heading);letter-spacing:.05em;font-size:1.25rem;font-weight:500;animation:25s linear infinite marquee;display:inline-block}.marquee-dot{opacity:.5;margin:0 40px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento-section{background:var(--color-charcoal)}.bento-grid{grid-template-rows:repeat(2,350px);grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.bento-item{background:var(--color-gray-dark);transition:border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;padding:48px;display:flex;position:relative;overflow:hidden}.hover-glow:hover{border-color:var(--color-wine);box-shadow:0 10px 40px var(--color-wine-glow);transform:translateY(-4px)}.bento-large{grid-area:span 2/span 2}.bento-wide{grid-area:span 1/span 2}.bento-square{grid-area:span 1/span 1}.accent-box{background:var(--color-wine);border-color:#0000}.bento-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.bento-icon{font-family:var(--font-heading);color:var(--color-wine);margin-bottom:auto;font-size:1.5rem;font-weight:300}.accent-box .bento-icon{color:#ffffff80}.bento-title{margin-top:40px;margin-bottom:16px;font-size:clamp(1.5rem,2.5vw,2.5rem)}.bento-text{color:var(--color-gray-light);font-size:1rem}.bento-link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-wine);margin-top:32px;font-size:.875rem;font-weight:700}.bento-bg{opacity:.15;z-index:1;width:100%;height:100%;transition:opacity var(--transition-fast), transform var(--transition-slow);background-image:url(/webdev.png);background-position:50%;background-size:cover;position:absolute;top:0;left:0}.hover-glow:hover .bento-bg{opacity:.3;transform:scale(1.05)}@media (width<=1024px){.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.bento-large{grid-area:auto/span 2;min-height:500px}.bento-wide{grid-area:auto/span 2;min-height:350px}.bento-square{grid-area:auto/span 1;min-height:350px}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}.bento-square{grid-column:span 1}.bento-item{padding:32px}}.contact-container{grid-template-columns:1fr 1fr;gap:120px;display:grid}.contact-text{padding-right:40px}.contact-details{flex-direction:column;gap:40px;margin-top:80px;display:flex}.detail-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:8px;font-size:.75rem;display:block}.detail-link,.detail-text{color:var(--color-black);font-size:1.5rem;font-weight:500}.detail-link{display:inline-block;position:relative}.detail-link:after{content:"";background:var(--color-wine);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-fast);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.detail-link:hover:after{transform-origin:0;transform:scaleX(1)}.contact-form-wrapper{background:#f5f5f5;border-radius:4px;padding:64px}.form-row{gap:24px;display:flex}.input-group{width:100%;margin-bottom:32px}.input-group input,.input-group textarea{width:100%;font-family:var(--font-body);color:var(--color-black);transition:border-color var(--transition-fast);resize:none;background:0 0;border:none;border-bottom:1px solid #ccc;padding:16px 0;font-size:1.125rem}.input-group input:focus,.input-group textarea:focus{border-bottom-color:var(--color-wine);outline:none}@media (width<=900px){.contact-container{grid-template-columns:1fr;gap:64px}.contact-text{padding-right:0}.contact-form-wrapper{padding:32px}.form-row{flex-direction:column;gap:0}}.footer{border-top:1px solid #ffffff0d;padding:120px 0 40px}.footer-huge-text{font-family:var(--font-heading);letter-spacing:-.05em;color:var(--color-white);text-align:center;margin-bottom:80px;font-size:clamp(4rem,12vw,15rem);font-weight:700;line-height:.8}.footer-bottom{color:var(--color-gray-light);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:40px;font-size:.875rem;display:flex}.footer-socials{gap:32px;display:flex}.footer-socials a:hover{color:var(--color-white)}@media (width<=768px){.footer-bottom{text-align:center;flex-direction:column;gap:24px}}.reveal-up,.reveal-stagger>*{opacity:0;transition:opacity 1s var(--transition-slow), transform 1s var(--transition-slow);transform:translateY(60px)}.is-visible,.is-visible>*{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s;animation-delay:.1s}.delay-2{transition-delay:.2s;animation-delay:.2s}.delay-3{transition-delay:.3s;animation-delay:.3s}.delay-4{transition-delay:.4s;animation-delay:.4s}