.hero{background:var(--bg-primary);flex-direction:column;justify-content:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-background-text{color:var(--text-primary);opacity:.03;z-index:0;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;font-family:Outfit,sans-serif;font-size:20vw;font-weight:900;line-height:.8;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.hero-main{z-index:10;flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem;display:flex;position:relative}.hero-line h1{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(4rem,12vw,10rem);line-height:.9;transition:all .5s}.outline-text{color:#0000;-webkit-text-stroke:2px var(--text-primary);position:relative;transform:translate(-5vw)}.filled-text{color:var(--primary-color);transform:translate(5vw)}.hero-center-piece{z-index:20;margin:-2vw 0;position:relative;transform:rotate(-2deg)}.brand-box{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary-color);text-align:center;border-radius:var(--radius-lg);padding:2rem 4rem;transition:transform .3s;box-shadow:0 20px 50px #0000001a}.brand-box:hover{transform:scale(1.05)rotate(2deg)}.brand-icon{margin-bottom:.5rem;font-size:3rem;animation:2s infinite bounce;display:block}.brand-name{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);background:0 0;margin:0;font-size:2.5rem;line-height:1}.brand-tagline{color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem;font-size:.9rem;font-weight:600}.hero-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding-top:2rem;display:flex}.scroll-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.arrow{animation:1.5s infinite moveDown}.hero-description-text{text-align:right;max-width:300px;color:var(--text-secondary);font-size:1.1rem;line-height:1.4}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes moveDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width:768px){.outline-text,.filled-text{font-size:18vw;transform:translate(0)}.hero-center-piece{margin:1rem 0;transform:rotate(0)}.brand-box{padding:1.5rem 2rem}.hero-footer{text-align:center;flex-direction:column;align-items:center;gap:1rem}.hero-description-text{text-align:center}}
.accordion-strip{background:var(--bg-primary);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);width:100%;height:160px;display:flex;overflow:hidden}.strip-panel{border-right:1px solid var(--card-border);cursor:pointer;background:var(--bg-primary);color:var(--text-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 1.5rem;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.strip-panel:last-child{border-right:none}.strip-panel:hover{background:var(--primary-color);color:#fff;flex:2}.panel-content{text-align:center;width:100%;max-width:400px}.panel-number{opacity:.5;margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;transition:opacity .4s;display:block}.panel-title{text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.panel-desc{opacity:0;white-space:nowrap;max-width:0;margin-top:.5rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .5s .1s;overflow:hidden;transform:translateY(10px)}.strip-panel:hover .panel-desc{opacity:.9;max-width:500px;transform:translateY(0)}.strip-panel:hover .panel-number{opacity:1}@media (max-width:768px){.accordion-strip{flex-direction:column;height:auto}.strip-panel{border-right:none;border-bottom:1px solid var(--card-border);flex:none;height:auto;padding:2rem 1rem}.strip-panel:last-child{border-bottom:none}.strip-panel:hover{background:var(--primary-color);flex:none}.panel-desc{opacity:.7;white-space:normal;max-width:100%;margin-top:.5rem;transform:translateY(0)}}
.services{background:var(--bg-primary);padding:var(--spacing-3xl)0;position:relative;overflow:hidden}.services:before{content:"";pointer-events:none;background:radial-gradient(circle,#5d403708 0%,#0000 60%);width:200%;height:200%;animation:60s linear infinite rotateGradient;position:absolute;top:-50%;left:-50%}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.services-header{margin-bottom:var(--spacing-3xl);border-bottom:1px solid var(--card-border);padding-bottom:var(--spacing-lg);z-index:1;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.section-subtitle{color:var(--primary-color);text-transform:uppercase;letter-spacing:3px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;display:inline-block;position:relative}.section-subtitle:before{content:"";background:var(--primary-color);width:12px;height:2px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.section-title{text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:.95}.services-grid-new{gap:var(--spacing-lg);z-index:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(320px,auto);display:grid;position:relative}.service-card-new:first-child{grid-area:span 1/span 2}.service-card-new:nth-child(2),.service-card-new:nth-child(3){grid-area:span 1/span 1}.service-card-new:nth-child(4),.service-card-new:nth-child(5){grid-area:span 1/span 2}.service-card-new:nth-child(6){grid-area:span 1/span 1}.service-card-new{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:320px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.service-card-new:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#0000 50%);transition:opacity .5s;position:absolute;inset:0}.service-card-new:hover:before{opacity:1}.service-card-new:after{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-color),transparent,var(--primary-color));-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card-new:hover:after{opacity:1}.service-card-new:hover{background:var(--bg-secondary);box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--primary-color);transform:translateY(-8px)scale(1.02)}.service-card-header{margin-bottom:var(--spacing-lg);z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.service-number{color:var(--text-muted);opacity:.3;font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;line-height:1;transition:all .4s}.service-card-new:hover .service-number{opacity:.6;color:var(--primary-color);transform:scale(1.1)}.service-card-body{z-index:1;flex:1;position:relative}.service-card-title{margin:0 0 var(--spacing-md)0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;line-height:1.1;transition:all .4s}.service-card-new:hover .service-card-title{background:linear-gradient(135deg,var(--primary-color),var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translate(4px)}.service-card-desc{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:95%;font-size:.95rem;line-height:1.7;transition:color .3s}.service-card-new:hover .service-card-desc{color:var(--text-primary)}.service-card-tags{gap:var(--spacing-xs);z-index:1;flex-wrap:wrap;margin-top:auto;display:flex;position:relative}.service-tag-item{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-full);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:.4rem .9rem;font-size:.7rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.service-card-new:hover .service-tag-item{border-color:var(--primary-color);color:var(--primary-color);background:#3b82f61a;transform:translateY(-2px)}.service-tag-item:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 4px 12px #3b82f633}.service-card-footer{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);color:var(--primary-color);opacity:0;z-index:1;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translate(-10px)}.service-card-new:hover .service-card-footer{opacity:1;transform:translate(0)}.service-link{cursor:pointer;align-items:center;gap:8px;display:flex}.service-link:after{content:"→";transition:transform .3s}.service-link:hover:after{transform:translate(4px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.service-card-new{animation:.6s cubic-bezier(.16,1,.3,1) backwards fadeInScale}.service-card-new:first-child{animation-delay:.1s}.service-card-new:nth-child(2){animation-delay:.2s}.service-card-new:nth-child(3){animation-delay:.3s}.service-card-new:nth-child(4){animation-delay:.4s}.service-card-new:nth-child(5){animation-delay:.5s}.service-card-new:nth-child(6){animation-delay:.6s}@media (max-width:968px){.services{padding:var(--spacing-2xl)0}.services-grid-new{gap:var(--spacing-md);grid-template-columns:1fr}.service-card-new:nth-child(n){grid-area:span 1/span 1}.service-card-new{min-height:auto;padding:var(--spacing-lg)}.service-number{font-size:2rem}.service-card-title{font-size:1.5rem}.services-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.section-title{font-size:2.5rem}.service-card-footer{opacity:1;transform:translate(0)}}@media (max-width:1200px) and (min-width:969px){.services-grid-new{grid-template-columns:repeat(2,1fr)}.service-card-new:first-child,.service-card-new:nth-child(4),.service-card-new:nth-child(5){grid-column:span 2}.service-card-new:nth-child(2),.service-card-new:nth-child(3),.service-card-new:nth-child(6){grid-column:span 1}}
.portfolio{background:var(--bg-secondary);padding:var(--spacing-3xl)0;position:relative;overflow:hidden}.portfolio:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#5d403708 0%,#0000 50%),radial-gradient(circle at 80% 80%,#5d403708 0%,#0000 50%);position:absolute;inset:0}.portfolio-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--card-border);padding-bottom:var(--spacing-lg);position:relative}.section-subtitle{letter-spacing:3px;text-transform:uppercase;color:var(--primary-color);font-size:.875rem;font-weight:600;display:inline-block;position:relative}.section-subtitle:after{content:"";background:var(--primary-color);width:40px;height:2px;animation:1s ease-out forwards expandLine;position:absolute;bottom:-8px;left:0}@keyframes expandLine{0%{width:0}to{width:40px}}.portfolio-layout{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;display:grid;position:relative}.project-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.project-list-item{padding:var(--spacing-xl)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;opacity:.6;background:var(--bg-primary);border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-list-item:before{content:"";border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color),transparent);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-list-item:hover:before,.project-list-item.active:before{opacity:1}.project-list-item:hover,.project-list-item.active{opacity:1;background:var(--card-bg);border-color:var(--primary-color);transform:translate(8px);box-shadow:0 8px 32px #5d40371a}.item-header{align-items:baseline;gap:var(--spacing-md);flex:1;display:flex}.item-id{color:var(--text-muted);min-width:32px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:700;transition:color .3s}.project-list-item:hover .item-id,.project-list-item.active .item-id{color:var(--primary-color)}.item-title{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;transition:all .3s}.project-list-item:hover .item-title,.project-list-item.active .item-title{background:linear-gradient(135deg,var(--primary-color),var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.item-meta{align-items:center;gap:var(--spacing-md);display:flex}.item-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;background:var(--bg-tertiary);border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .3s}.project-list-item:hover .item-category,.project-list-item.active .item-category{color:var(--primary-color);background:#5d40371a}.item-arrow{opacity:0;color:var(--primary-color);font-size:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translate(-10px)}.project-list-item:hover .item-arrow,.project-list-item.active .item-arrow{opacity:1;transform:translate(0)}.project-preview{border-radius:var(--radius-lg);height:600px;box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--card-border);transition:all .5s cubic-bezier(.16,1,.3,1);position:sticky;top:120px;overflow:hidden}.project-preview:hover{box-shadow:0 30px 80px #0006,0 0 0 1px var(--primary-color);transform:scale(1.02)}.preview-image{background-position:50%;background-size:cover;width:100%;height:100%;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative}.preview-image:before{content:"";opacity:0;background:linear-gradient(135deg,#5d40371a 0%,#0000 50%,#5d40370d 100%);transition:opacity .4s;position:absolute;inset:0}.project-preview:hover .preview-image:before{opacity:1}.preview-overlay{width:100%;padding:var(--spacing-xl);opacity:0;background:linear-gradient(#0000 0%,#0009 50%,#000000e6 100%);justify-content:space-between;align-items:flex-end;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(20px)}.project-preview:hover .preview-overlay{opacity:1;transform:translateY(0)}.preview-desc{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #00000080;font-size:1.25rem;font-weight:600}.preview-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;letter-spacing:.5px;border:none;padding:.875rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #5d40374d}.preview-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #5d403766}.preview-btn:active{transform:translateY(0)}.portfolio-cta-mobile{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-list-item{animation:.6s ease-out backwards fadeInUp}.project-list-item:first-child{animation-delay:.1s}.project-list-item:nth-child(2){animation-delay:.2s}.project-list-item:nth-child(3){animation-delay:.3s}.project-list-item:nth-child(4){animation-delay:.4s}.project-list-item:nth-child(5){animation-delay:.5s}@media (max-width:968px){.portfolio{padding:var(--spacing-2xl)0}.portfolio-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.project-preview{display:none}.project-list{gap:var(--spacing-md)}.project-list-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg);opacity:1;flex-direction:column}.project-list-item:hover,.project-list-item.active{transform:translate(0)}.item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;width:100%}.item-title{font-size:1.5rem}.item-meta{width:100%;margin-top:var(--spacing-sm);justify-content:space-between}.item-arrow{opacity:1;font-size:1.2rem;transform:translate(0)}.portfolio-cta-mobile{margin-top:var(--spacing-xl);text-align:center;display:block}}@media (max-width:1200px) and (min-width:969px){.portfolio-layout{gap:var(--spacing-xl)}.project-preview{height:500px}.item-title{font-size:1.5rem}}
.clients{background:var(--bg-primary);padding:var(--spacing-3xl)0;overflow:hidden}.clients-header{margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--card-border);padding-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-end;display:flex}.clients-marquee{gap:var(--spacing-xl);-webkit-user-select:none;user-select:none;margin-top:var(--spacing-2xl);display:flex}.clients-track{gap:var(--spacing-xl);flex-shrink:0;animation:30s linear infinite scroll-clients;display:flex}.client-item{padding:var(--spacing-lg)var(--spacing-xl);border:1px solid var(--card-border);border-radius:var(--radius-sm);flex-shrink:0;transition:all .3s}.client-item:hover{border-color:var(--primary-color);transform:translateY(-4px)}.client-logo{color:var(--text-secondary);letter-spacing:2px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.client-item:hover .client-logo{color:var(--text-primary)}@keyframes scroll-clients{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width:768px){.clients-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}
.about{background:var(--bg-primary);padding:var(--spacing-3xl)0;border-top:1px solid var(--card-border)}.manifesto-wrapper{max-width:1100px;margin:0 auto}.manifesto-text{text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--spacing-3xl);font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1}.manifesto-text .highlight{color:var(--primary-color);-webkit-text-stroke:1px var(--primary-color)}.about-stats-grid{gap:var(--spacing-xl);border-top:1px solid var(--card-border);padding-top:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.stat-box{flex-direction:column;display:flex}.stat-num{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:1rem}@media (max-width:768px){.about-stats-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}
.contact{background:var(--bg-primary);border-top:1px solid var(--card-border)}.contact-wrapper{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-header h2{margin-bottom:var(--spacing-md);font-size:3rem}.contact-text{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.25rem}.contact-details p{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem}.contact-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-base);padding:1rem;font-family:Inter,sans-serif}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}@media (max-width:768px){.contact-wrapper{gap:var(--spacing-xl);grid-template-columns:1fr}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;border-radius:12px;min-width:300px;max-width:500px;padding:1rem 1.5rem;animation:.3s ease-out slideIn;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 40px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.toast-content{align-items:center;gap:1rem;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;font-weight:700;display:flex}.toast-message{font-size:1rem;font-weight:500;line-height:1.5}.toast-success{color:#fff;background:linear-gradient(135deg,#10b981f2,#059669f2);border:1px solid #10b9814d}.toast-success .toast-icon{background:#fff3}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:1px solid #ef44444d}.toast-error .toast-icon{background:#fff3}.toast-warning{color:#fff;background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border:1px solid #f59e0b4d}.toast-warning .toast-icon{background:#fff3}@media (max-width:768px){.toast{min-width:auto;max-width:none;top:1rem;left:1rem;right:1rem}}