*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}:root{--color-bg: #050505;--color-text-cream: #EDECE6;--color-text-dim: #9C9A94;--color-accent: #00ff66;--color-accent-rgb: 0, 255, 102;--color-card-bg: rgba(18, 18, 18, .6);--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif}html,body{background-color:var(--color-bg);color:var(--color-text-cream);font-family:var(--font-body);overflow-x:hidden;width:100%}.grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:9999;opacity:.7}#scroll-wrapper{position:relative;width:100%;z-index:10}.bg-media-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background-color:var(--color-bg)}#hero-canvas{width:100%;height:100%;display:block;object-fit:cover}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(5,5,5,.7) 80%),linear-gradient(to bottom,#05050566,#050505cc);pointer-events:none;z-index:-1}video{display:none}.section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8vw}.container{width:100%;max-width:1400px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,9rem);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.04em;color:var(--color-text-cream)}.accent-text{color:var(--color-accent);text-shadow:0 0 40px rgba(var(--color-accent-rgb),.25)}.hero-section{height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.hero-content{text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,7.5vw,7rem);font-weight:800;line-height:.85;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:2rem;color:transparent;-webkit-text-stroke:2px var(--color-text-cream);text-shadow:0 0 40px rgba(255,255,255,.05);white-space:nowrap}.hero-title .word{display:inline-block;white-space:nowrap}.hero-subtitle{font-size:clamp(1rem,1.8vw,2.5rem);font-weight:400;letter-spacing:.25em;color:var(--color-text-dim);opacity:0;transform:translateY(20px)}.scroll-indicator{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.8}.scroll-dot{width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;animation:pulse-dot 1.5s infinite ease-in-out}.scroll-text{font-size:.8rem;letter-spacing:.3em;color:var(--color-text-dim)}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(2);opacity:1}}.stats-section{min-height:50vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,transparent,rgba(5,5,5,.95),transparent);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.stats-strip{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(4,1fr);gap:4vw;text-align:center}.stat-item{display:flex;flex-direction:column;justify-content:center}.stat-number{font-family:var(--font-display);font-size:clamp(3rem,6vw,7rem);font-weight:800;line-height:1;color:var(--color-text-cream)}.stat-suffix{font-family:var(--font-display);font-size:clamp(2rem,4vw,5rem);color:var(--color-accent);margin-left:2px}.stat-label{font-size:.85rem;letter-spacing:.2em;color:var(--color-text-dim);margin-top:1rem}.pillars-section{min-height:180vh;padding:8vw 4vw;display:block}.pillars-container{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;width:100%;max-width:1400px;margin:0 auto;position:relative}.pillars-title-col{position:sticky;top:15vh;height:fit-content}.pillars-title-col .section-desc{margin-top:2rem;font-size:1.2rem;line-height:1.6;color:var(--color-text-dim);max-width:380px}.pillars-content{display:flex;flex-direction:column;gap:15vh;padding-bottom:20vh}.pillar-card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);padding:3rem;border-radius:16px;opacity:.3;transform:translateY(50px);transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px #0006}.pillar-card.active{opacity:1;transform:translateY(0);border-color:rgba(var(--color-accent-rgb),.3);box-shadow:0 30px 60px rgba(var(--color-accent-rgb),.05)}.pillar-num{font-family:var(--font-display);font-size:1.5rem;color:var(--color-accent);display:block;margin-bottom:1.5rem}.pillar-card h3{font-family:var(--font-display);font-size:2.2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-.02em}.pillar-card p{font-size:1.1rem;line-height:1.6;color:var(--color-text-dim)}.work-section{background:linear-gradient(180deg,transparent,rgba(5,5,5,.98))}.work-header{width:100%;max-width:1400px;margin-bottom:5rem}.work-grid{width:100%;max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5vw}.work-card{position:relative;background:var(--color-card-bg);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:3rem 2.5rem;height:480px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 40%,rgba(5,5,5,.95));z-index:1}.work-card-info{position:relative;z-index:2;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.work-tag{font-size:.75rem;letter-spacing:.15em;color:var(--color-accent);font-weight:600;margin-bottom:1rem;display:inline-block}.work-project-title{font-family:var(--font-display);font-size:2.5rem;text-transform:uppercase;margin-bottom:1rem;letter-spacing:-.03em}.work-project-pitch{font-size:1rem;line-height:1.5;color:var(--color-text-dim);margin-bottom:2rem;opacity:0;transition:opacity .3s}.work-link{font-size:.85rem;font-weight:600;letter-spacing:.1em;color:var(--color-text-cream);text-decoration:none;display:flex;align-items:center;gap:10px}.work-link .arrow{transition:transform .3s}.work-card:hover{border-color:rgba(var(--color-accent-rgb),.5);box-shadow:0 30px 60px rgba(var(--color-accent-rgb),.08);transform:translateY(-8px)}.work-card:hover .work-card-info{transform:translateY(0)}.work-card:hover .work-project-pitch{opacity:1}.work-card:hover .work-link .arrow{transform:translate(5px);color:var(--color-accent)}.finale-section{min-height:100vh;justify-content:space-between;padding-bottom:3rem;background:linear-gradient(180deg,transparent,#050505)}.finale-content{margin:auto;text-align:center;max-width:900px}.finale-title{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,9.5rem);font-weight:800;line-height:.85;text-transform:uppercase;letter-spacing:-.04em;margin-bottom:2.5rem}.finale-subtitle{font-size:clamp(1.1rem,1.8vw,1.8rem);color:var(--color-text-dim);margin-bottom:3.5rem;font-weight:300}.cta-button-group{display:flex;justify-content:center;gap:20px}.btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.1em;padding:1.2rem 2.5rem;border-radius:50px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);text-transform:uppercase}.btn-primary{background-color:var(--color-accent);color:#000;box-shadow:0 10px 30px rgba(var(--color-accent-rgb),.2)}.btn-primary:hover{background-color:#fff;box-shadow:0 15px 40px #ffffff40;transform:translateY(-3px)}.btn-secondary{border:1px solid rgba(255,255,255,.15);color:var(--color-text-cream);background-color:#ffffff05}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:rgba(var(--color-accent-rgb),.05);transform:translateY(-3px)}.site-footer{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:3rem;font-size:.8rem;letter-spacing:.1em;color:var(--color-text-dim)}.footer-right{display:flex;gap:30px}.footer-link{color:var(--color-text-dim);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--color-accent)}@media(max-width:1024px){.pillars-container{grid-template-columns:1fr;gap:5vh}.pillars-title-col{position:relative;top:0}.work-grid{grid-template-columns:1fr;gap:4vh}.work-card{height:400px}}@media(max-width:768px){.stats-strip{grid-template-columns:repeat(2,1fr);gap:8vw}.cta-button-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:320px;text-align:center}.site-footer{flex-direction:column;gap:20px;text-align:center}}.scroll-progress-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--color-text-cream);opacity:.5;pointer-events:none}.progress-info{line-height:1}.progress-bar-track{width:120px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar-fill{width:0%;height:100%;background:var(--color-text-cream);transition:width .1s ease-out}