.hero{border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:flex-end;min-height:92vh;padding:4rem 6vw 8vh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;background:radial-gradient(70% 60% at 80% 20%,rgba(0,255,239,.07) 0%,transparent 60%),radial-gradient(50% 40% at 10% 80%,rgba(0,255,239,.04) 0%,transparent 55%);position:absolute;top:0;bottom:0;left:0;right:0}.hero__divider{background:var(--border-color);z-index:1;width:1px;height:100%;position:absolute;top:0;right:28vw}.hero__content{z-index:2;grid-template-columns:1fr 1fr;align-items:flex-end;gap:4rem;display:grid;position:relative}.hero__left{flex-direction:column;display:flex}.hero__title{letter-spacing:-.03em;max-width:72vw;margin:0;font-size:max(3.8rem,min(9vw,10rem));font-weight:900;line-height:.92}.hero__title span{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(40px)}.projects-page.visible .hero__title span:first-child{opacity:1;transition-delay:.1s;transform:translateY(0)}.projects-page.visible .hero__title span:nth-child(2){opacity:1;transition-delay:.22s;transform:translateY(0)}.hero__accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__right{flex-direction:column;gap:2rem;display:flex}.hero__text{color:var(--text-secondary);max-width:55ch;margin:0;font-size:max(.95rem,min(2.5vw,1.15rem));line-height:1.7}.hero__scroll-hint{z-index:2;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);opacity:0;font-size:.75rem;animation:.8s ease-out .8s forwards fadeIn;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeIn{to{opacity:1}}@media (max-width:1024px){.hero__content{grid-template-columns:1fr;align-items:center;gap:3rem}.hero__divider{display:none}.hero__title,.hero__text{max-width:100%}}@media (max-width:768px){.hero{min-height:80vh;padding:3rem 4vw 6vh}.hero__title{font-size:max(2.5rem,min(7vw,4rem))}.hero__text{font-size:1rem}}@media (max-width:480px){.hero{min-height:70vh;padding:2rem 1.5rem 4vh}.hero__content{gap:2rem}.hero__title{font-size:1.75rem;line-height:1.1}.hero__text{font-size:.95rem}.hero__right{gap:1.5rem}}
.projects-section{isolation:isolate;padding:clamp(5rem,10vw,8rem)var(--spacing-x);border-top:1px solid var(--border-color);background:linear-gradient(rgba(255,255,255,.01),transparent);position:relative;overflow:hidden}.projects-section__spotlight{filter:blur(100px);z-index:-2;background:radial-gradient(circle,rgba(0,255,239,.08),transparent 70%);width:1000px;height:1000px;position:absolute;top:-15%;left:50%;transform:translate(-50%)}.projects-section__grid-bg{z-index:-1;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:90px 90px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 90%);mask-image:radial-gradient(circle,#000 30%,transparent 90%)}.projects-section__noise{z-index:-1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='white' fill-opacity='0.08'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.portfolio-header{z-index:2;justify-content:space-between;align-items:flex-end;gap:max(2rem,min(4vw,4rem));max-width:1400px;margin:0 auto max(4rem,min(8vw,6rem));display:flex;position:relative}.portfolio-header__content{max-width:760px}.portfolio-header__title{letter-spacing:-.05em;color:var(--text-primary);margin:.8rem 0 1.4rem;font-size:max(2.7rem,min(6vw,5rem));font-weight:700;line-height:1.02}.portfolio-header__title em{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.portfolio-header__subtitle{max-width:60ch;color:var(--text-secondary);font-size:max(1rem,min(2vw,1.1rem));line-height:1.9}.filter-tabs{z-index:2;flex-wrap:wrap;justify-content:center;gap:.9rem;max-width:1400px;margin:0 auto 4rem;display:flex;position:relative}.filter-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);letter-spacing:.08em;cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:.75rem 1.4rem;font-size:.82rem;font-weight:600;transition:all .35s}.filter-tab:hover{color:var(--accent-primary);border-color:rgba(0,255,239,.25);transform:translateY(-2px)}.filter-tab.active{color:var(--accent-primary);background:rgba(0,255,239,.12);border-color:rgba(0,255,239,.25)}.projects-grid-container{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:1600px;margin:0 auto;display:grid;position:relative}.project-grid-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.06);min-height:420px;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.project-grid-card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.35)}.project-grid-card:nth-child(n){grid-column:auto}.project-grid-card__media-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.project-card__video{object-fit:cover;object-position:center;pointer-events:none;filter:brightness(.82)saturate();width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .5s;transform:scale(1.01)}.project-grid-card:hover .project-card__video{filter:brightness(.92)saturate(1.04);transform:scale(1.06)}.project-grid-card__gradient{z-index:1;opacity:0;background:radial-gradient(circle at 100% 0,rgba(0,255,239,.1),transparent 40%);transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.project-grid-card__content{z-index:2;padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.project-grid-card__category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary);background:rgba(0,255,239,.08);border:1px solid rgba(255,255,255,.08);margin-bottom:.9rem;padding:.45rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.project-grid-card__footer{justify-content:space-between;align-items:center;display:flex}@media (max-width:1100px){.projects-grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid-container{grid-template-columns:1fr}.project-grid-card{min-height:360px}.project-grid-card__content{padding:1.2rem}.project-grid-card__title{font-size:1.5rem}}.project-grid-card__media-wrapper{aspect-ratio:16/10;background:rgba(255,255,255,.03);position:relative;overflow:hidden}.project-grid-card__video{object-fit:cover;filter:brightness(.88)saturate();width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s;transform:scale(1.02)}.project-grid-card:hover .project-grid-card__video{filter:brightness()saturate(1.08);transform:scale(1.08)}.project-grid-card__overlay{z-index:2;background:linear-gradient(transparent,rgba(0,0,0,.18),rgba(0,0,0,.75));position:absolute;top:0;bottom:0;left:0;right:0}.project-grid-card__gradient{opacity:0;z-index:2;background:radial-gradient(circle at 100% 0,rgba(0,255,239,.14),transparent 40%);transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.project-grid-card:hover .project-grid-card__gradient{opacity:1}.project-grid-card__content{padding:1.8rem;position:relative}.project-grid-card__category{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);opacity:.8;margin:0 0 .8rem;font-size:.75rem;font-weight:700}.project-grid-card__title{letter-spacing:-.04em;color:var(--text-primary);margin:0;font-size:max(1.3rem,min(2vw,1.7rem));font-weight:700;line-height:1.08}.project-grid-card__footer{border-top:1px solid rgba(255,255,255,.08);margin-top:1.5rem;padding-top:1rem}.view-case-study{color:rgba(255,255,255,.72);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .3s,transform .3s;display:inline-flex}.project-grid-card:hover .view-case-study{color:var(--accent-primary)}.project-grid-card:hover .arrow{transform:translate(4px)}.arrow{transition:transform .3s}.fade-in-up{opacity:0;transform:translateY(30px)}.projects-page.visible .fade-in-up{animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.projects-grid-container{grid-template-columns:repeat(2,1fr)}.project-grid-card:nth-child(n){grid-column:auto}}@media (max-width:768px){.projects-section{padding:4rem 1rem}.portfolio-header{flex-direction:column;align-items:flex-start}.portfolio-header .btn{justify-content:center;width:100%}.projects-grid-container{grid-template-columns:1fr}.project-grid-card__content{padding:1.4rem}.project-grid-card__title{font-size:1.4rem}.filter-tabs{scrollbar-width:none;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}}.project-card__video{object-fit:cover;pointer-events:none;width:100%;height:100%}
.cta{text-align:center;padding-top:8rem;padding-bottom:8rem;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(circle,rgba(0,255,239,.06) 0%,transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0}.cta__content{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta__heading{text-wrap:balance;margin-bottom:1.5rem;font-size:max(1.8rem,min(4vw,2.8rem));font-weight:600;line-height:1.2}.cta__description{opacity:.95;margin-bottom:2.5rem;font-size:max(1rem,min(2vw,1.15rem));line-height:1.7}.cta__buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (max-width:768px){.cta{padding-top:5rem;padding-bottom:5rem}.cta__heading{margin-bottom:1.25rem;font-size:1.8rem}.cta__description{margin-bottom:2rem;font-size:1rem}.cta__buttons{flex-direction:column;align-items:center}}@media (max-width:480px){.cta{padding-top:3rem;padding-bottom:3rem}.cta__heading{margin-bottom:1rem;font-size:1.5rem}.cta__description{margin-bottom:1.5rem;font-size:.95rem}.cta__buttons{flex-direction:column}.btn{justify-content:center;width:100%}}
:root{--ink:#080c0c;--cream:#e8f0f0;--warm-white:#f0f7f7;--gold:#00ffef;--gold-light:#66fff8;--muted:#5a7070;--border:rgba(0,255,239,.15);--text-primary:#e8f0f0;--text-secondary:rgba(232,240,240,.65);--border-color:rgba(0,255,239,.15);--accent-primary:#00ffef;--accent-secondary:#66fff8;--spacing-x:clamp(1.5rem,6vw,8rem)}.projects-page{background:var(--ink);color:var(--cream);font-family:inherit;position:relative;overflow-x:hidden}.projects-page:before{content:"";opacity:.035;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.projects-section{z-index:1;max-width:1400px;margin:0 auto;padding:6rem 2rem;position:relative}@media (max-width:768px){.projects-section{padding:4rem 1.5rem}}@media (max-width:480px){.projects-section{padding:3rem 1rem}}.eyebrow{letter-spacing:.22em;color:var(--gold);text-transform:uppercase;opacity:0;font-family:monospace;font-size:max(.65rem,min(1.5vw,.75rem));transition:opacity .7s,transform .7s;transform:translateY(16px)}.projects-page.visible .eyebrow{opacity:1;transform:translateY(0)}.section-label{letter-spacing:.2em;color:var(--gold);text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:2rem;font-family:monospace;font-size:max(.6rem,min(1.2vw,.68rem));display:flex}.section-label:before{content:"";background:var(--gold);width:28px;height:1px;display:block}.section-title{text-wrap:balance;margin:1rem 0 2rem;font-size:max(2rem,min(5vw,3.5rem));font-weight:600;line-height:1.2}.section-subtitle{color:var(--cream);opacity:.95;max-width:700px;margin:0 0 2rem;font-size:max(1rem,min(2vw,1.25rem));line-height:1.6}.btn{letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid;align-items:center;gap:.75rem;padding:.85rem 1.6rem;font-family:monospace;font-size:.72rem;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-outline{color:var(--gold);border-color:var(--border);background:0 0}.btn-outline:after{content:"";background:var(--gold);transform-origin:0;z-index:0;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.btn-outline:hover{color:var(--ink);border-color:var(--gold)}.btn-outline:hover:after{transform:scaleX(1)}.btn-outline span{z-index:1;position:relative}.btn-solid{color:var(--ink);background:var(--gold);border-color:var(--gold)}.btn-solid:hover{background:var(--gold-light);border-color:var(--gold-light)}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.02);border-radius:12px;padding:2rem;transition:all .4s;position:relative;overflow:hidden}.card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(0,255,239,.05) 0%,transparent 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.card:hover{border-color:rgba(0,255,239,.3);transform:translateY(-4px)}.card:hover:before{opacity:1}@media (max-width:768px){.card{padding:1.5rem}}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fadeInUp}.projects-page.visible .fade-in{animation:.8s ease-out fadeInUp}.fade-in:first-child{animation-delay:0s}.fade-in:nth-child(2){animation-delay:.1s}.fade-in:nth-child(3){animation-delay:.2s}.fade-in:nth-child(4){animation-delay:.3s}.fade-in:nth-child(5){animation-delay:.4s}.fade-in:nth-child(6){animation-delay:.5s}.text-balance{text-wrap:balance}.text-muted{color:var(--muted)}.mt-lg{margin-top:3rem}.mt-md{margin-top:2rem}.mb-lg{margin-bottom:3rem}.mb-md{margin-bottom:2rem}.text-lg{font-size:max(1rem,min(2vw,1.25rem))}.text-xl{font-size:max(1.25rem,min(2.5vw,1.5rem))}.text-xxl{font-size:max(1.5rem,min(3vw,2rem))}