@font-face{font-family:Geist Sans;src:url(/assets/Geist-Variable-CrgPqtmy.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-BNLlm6Cd.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #faf9f7;--bg-elevated: #ffffff;--bg-card: #f3f1ee;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #a0a0a0;--accent: #b08d57;--accent-dim: rgba(176, 141, 87, .1);--border: rgba(0, 0, 0, .08);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Geist Sans", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-elevated)}body{font-family:var(--font-body);font-weight:400;color:var(--text-primary);background-color:var(--bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#root{max-width:100%;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.section-label:before{content:"";display:block;width:2rem;height:1px;background:var(--accent)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 0;transition:background .4s ease,backdrop-filter .4s ease}.nav.scrolled{background:#faf9f7d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);letter-spacing:.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);transition:color .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease-out-expo)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:6rem;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-greeting{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeSlideUp .8s var(--ease-out-expo) .2s forwards}.hero-name{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);line-height:1.05;font-weight:400;margin-bottom:1.5rem;color:var(--text-primary)}.hero-name .line{display:block;opacity:0;transform:translateY(60px);animation:fadeSlideUp 1s var(--ease-out-expo) forwards}.hero-name .line:nth-child(1){animation-delay:.4s}.hero-name .line:nth-child(2){animation-delay:.6s}.hero-name .highlight{color:var(--accent);font-style:italic}.hero-tagline{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--text-secondary);max-width:520px;line-height:1.7;opacity:0;animation:fadeSlideUp .8s var(--ease-out-expo) .9s forwards}.hero-cta-row{display:flex;align-items:center;gap:2rem;margin-top:3rem;opacity:0;animation:fadeSlideUp .8s var(--ease-out-expo) 1.1s forwards}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 2rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--accent);border:none;border-radius:0;cursor:pointer;transition:all .3s var(--ease-out-expo)}.btn-primary:hover{background:var(--text-primary);transform:translateY(-2px)}.btn-primary .arrow{transition:transform .3s var(--ease-out-expo)}.btn-primary:hover .arrow{transform:translate(4px)}.btn-ghost{font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .3s ease;font-family:var(--font-body)}.btn-ghost:hover{color:var(--accent)}.hero-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fadeSlideUp .8s var(--ease-out-expo) 1.4s forwards}.hero-scroll-indicator span{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}.stats-bar{padding:4rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-item{padding:1rem}.stat-number{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);color:var(--accent);line-height:1;margin-bottom:.5rem}.stat-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.about{padding:8rem 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}.about-text h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-bottom:2rem}.about-text h2 em{color:var(--accent);font-style:italic}.about-text p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.skills-block{margin-top:3rem}.skills-block h3{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-elevated);transition:all .3s ease}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.about-visual{position:relative}.about-image-block{aspect-ratio:4/5;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.about-image-block:before{content:"BEN";font-family:var(--font-display);font-size:8rem;color:#0000000f;position:absolute;line-height:1}.about-image-accent{position:absolute;top:-1.5rem;right:-1.5rem;width:60%;height:60%;border:1px solid var(--accent);opacity:.3;z-index:-1}.work{padding:8rem 0}.work-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}.work-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.2}.work-header h2 em{color:var(--accent);font-style:italic}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .5s var(--ease-out-expo)}.project-card:hover{border-color:var(--accent);transform:translateY(-4px)}.project-card:hover .project-thumbnail{transform:scale(1.05)}.project-card:hover .project-arrow{opacity:1;transform:translate(0)}.project-thumbnail-wrapper{aspect-ratio:16/10;overflow:hidden;position:relative}.project-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo)}.project-thumbnail.gradient-1{background:linear-gradient(135deg,#e8f4f8,#d1ecf1,#bee5eb)}.project-thumbnail.gradient-2{background:linear-gradient(135deg,#f3e8f4,#e8d5ea,#dfc2e3)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.6}.project-overlay-text{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);color:#00000014;font-style:italic;letter-spacing:.05em}.project-info{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:flex-start}.project-meta{flex:1}.project-category{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.project-title{font-family:var(--font-display);font-size:1.35rem;color:var(--text-primary);line-height:1.3}.project-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-top:.75rem}.project-arrow{font-size:1.5rem;color:var(--accent);opacity:0;transform:translate(-8px,8px);transition:all .4s var(--ease-out-expo);flex-shrink:0;margin-top:.25rem}a.project-card{display:block;text-decoration:none;color:inherit}.marquee-section{padding:3rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.marquee-track{display:flex;animation:marquee 30s linear infinite;width:max-content}.marquee-item{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);color:var(--text-muted);white-space:nowrap;padding:0 3rem;font-style:italic}.marquee-item .dot{color:var(--accent);margin:0 .5rem}.services{padding:8rem 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.service-card{padding:2.5rem;border:1px solid var(--border);background:var(--bg-elevated);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out-expo)}.service-card:hover{border-color:var(--accent);transform:translateY(-4px)}.service-card:hover:before{transform:scaleX(1)}.service-number{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.1em;margin-bottom:1.5rem}.service-card h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.contact{padding:8rem 0}.contact-inner{text-align:center;max-width:700px;margin:0 auto}.contact-inner h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);line-height:1.15;margin-bottom:1.5rem}.contact-inner h2 em{color:var(--accent);font-style:italic}.contact-inner p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:3rem}.contact-email{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.75rem);color:var(--accent);padding-bottom:.25rem;border-bottom:1px solid var(--accent);transition:all .3s ease}.contact-email:hover{color:var(--text-primary);border-color:var(--text-primary)}.contact-socials{display:flex;justify-content:center;gap:2.5rem;margin-top:3rem}.contact-socials a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);transition:color .3s ease}.contact-socials a:hover{color:var(--accent)}.footer{padding:3rem 0;border-top:1px solid var(--border)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-left{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.footer-right{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.footer-right a{color:var(--accent);transition:color .3s ease}.footer-right a:hover{color:var(--text-primary)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1;max-width:400px}.services-grid{grid-template-columns:1fr}}@media(max-width:768px){.nav-links{gap:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.projects-grid{grid-template-columns:1fr}.hero-cta-row,.work-header{flex-direction:column;align-items:flex-start;gap:1rem}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.contact-socials{flex-wrap:wrap;gap:1.5rem}}@media(max-width:480px){.nav-links a:not(:last-child){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.marquee-track{animation:none}}