.about-icon{font-size:3rem;color:#9ffc8c}.flip-title{font-size:1.25rem;font-weight:700}.flip-grid{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.flip-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.flip-grid{grid-template-columns:repeat(3,1fr)}}.flip-item{min-width:240px;max-width:350px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem;border-radius:1.5rem;background-color:transparent;text-align:center}.flip-box{width:100%;perspective:1000px}.flip-box-inner{position:relative;width:100%;height:100%;min-height:260px;transform-style:preserve-3d;transition:transform .6s ease;cursor:pointer;animation:none}.flip-box:hover .flip-box-inner{animation:hoverInRotate .6s ease forwards}.flip-box:not(:hover) .flip-box-inner{animation:hoverOutRotate .6s ease}@keyframes hoverInRotate{0%{transform:rotateY(0)}75%{transform:rotateY(190deg)}to{transform:rotateY(180deg)}}@keyframes hoverOutRotate{0%{transform:rotateY(200deg)}75%{transform:rotateY(-10deg)}to{transform:rotateY(0)}}.flip-box-front,.flip-box-back{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;justify-content:center;padding:24px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 24px #0003}.flip-box-front{background-color:#c43e8433}.flip-box-back{align-items:center;justify-content:center;background-color:#c43e84;color:#000;display:flex;height:100%;transform:rotateY(180deg)}.flip-subtitle{font-size:.95rem;color:#666;line-height:1.6}.flip-desc{font-size:.95rem;color:#000;line-height:1.7}.animated{opacity:0;transform:translateY(15px);animation:fadeInUp .7s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.flip-item{flex:1 1 calc(50% - 24px)}}@media(max-width:600px){.flip-item{flex:1 1 100%}}@media(min-width:1024px){.section-hero{min-height:calc(100vh - 15rem);justify-content:center;display:flex;flex-direction:column;border-bottom:none}.section-hero:last-of-type{height:auto}}.hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:3rem}@media(min-width:1024px){.hero-grid{grid-template-columns:repeat(2,1fr)}}.hero-content{display:flex;flex-direction:column;gap:1.5rem;text-align:center}@media(min-width:1024px){.hero-content{text-align:right}}.hero-title{color:#c43e84;font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.05em}.hero-title P:last-child{font-weight:400}@media(min-width:640px){.hero-title{font-size:3.75rem}}@media(min-width:768px){.hero-title{font-size:4rem}}.hero-subtitle{font-size:1.125rem;font-weight:400;line-height:1.75;color:#eaeaeacc}.hero-subtitle P:last-child{margin-top:.5rem}.hero-buttons{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero-buttons{justify-content:flex-start}}.team-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:640px){.team-grid{grid-template-columns:repeat(2,calc(50% - 1rem))}}.team-card{align-items:center;background-color:#c43e8433;border-radius:1.5rem;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:right}.team-image-wrapper{position:relative;width:100%}.team-image-wrapper:before{background:linear-gradient(180deg,transparent,transparent,rgb(0,0,0) 100%);border-radius:1.5rem;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.team-image{aspect-ratio:1;border-radius:1.5rem;object-fit:cover;position:relative;width:100%;z-index:0}.team-title{bottom:0;color:#c43e84;font-size:3.25rem;font-weight:700;position:absolute;right:10px;z-index:2}.team-quote{color:#eaeaeacc;font-size:.875rem;width:100%}.team-author{color:#0feeff;font-size:.875rem;font-weight:700}.contact-wrapper{display:grid;grid-template-columns:1fr;gap:3rem;border-radius:2rem;background-color:#c43e84b3;padding:2rem}@media(min-width:768px){.contact-wrapper{grid-template-columns:repeat(2,1fr);padding:4rem}}.contact-info{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.contact-info .section-title{text-align:right;color:#eaeaea}@media(min-width:768px){.contact-info{text-align:right}}@media(max-width:768px){.contact-info .section-title{text-align:center}}.contact-info-text{font-size:1.125rem;line-height:1.75;color:#eaeaeacc}.contact-links{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.contact-links{align-items:flex-start}}.contact-link{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#0009;text-decoration:none;transition:color .2s}.contact-link:hover{color:#000}.contact-form{display:flex;width:100%;flex-direction:column;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.form-input,.form-textarea{width:100%;border-radius:1rem;border:0;background-color:#3339;padding:.75rem 1rem;color:#eaeaea;box-shadow:inset 0 0 0 1px #ffffff1a}.form-input::placeholder,.form-textarea::placeholder{color:#eaeaea80}.form-input:focus,.form-textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #0feeff}.form-textarea{resize:vertical}.btn-submit{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;height:3rem;padding-left:1.5rem;padding-right:1.5rem;background-color:#eaeaea;color:#100e1b;font-size:1rem;font-weight:700;letter-spacing:.025em;transition:transform .2s;border:none}.btn-submit:hover{transform:scale(1.05)}.btn-submit span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-header~.section-header{margin-top:4rem}.about-text{color:#eaeaeae6;font-size:1rem;line-height:1.75;text-align:center}.projects-grid{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{display:flex;flex-direction:column;gap:1rem;border-radius:1.5rem;background-color:#c43e8433;padding:1.5rem;box-shadow:0 4px 24px #0003}.project-image{aspect-ratio:4/3;width:100%;border-radius:1rem;object-fit:cover}.project-title{font-size:1.25rem;font-weight:700}.project-content{border-right:4px solid #9ffc8c;padding-right:1rem;font-style:italic;color:#eaeaeacc}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Rubik,sans-serif;background-color:#100e1b;color:#eaeaea;line-height:1.5;background-image:url(/bg.webp);background-size:auto 100%;background-position:top center;background-repeat:no-repeat;background-attachment:fixed}#root{width:100%}.omstudio{font-family:League Spartan,sans-serif;direction:ltr;letter-spacing:-.1em;font-weight:700}.container{width:100%;margin-left:auto;margin-right:auto;max-width:72rem;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}.wrapper{position:relative;width:100%;overflow-x:hidden}.header{position:sticky;top:0;z-index:50;width:100%;background-color:#c43e8433;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-content{display:flex;height:5rem;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:1rem}.header-title{font-size:1.25rem}.nav{display:none;align-items:center;gap:2rem}@media(min-width:768px){.nav{display:flex}}.nav-link{font-size:.875rem;font-weight:700;color:#eaeaea;text-decoration:none;transition:color .2s}.nav-link:hover{color:#0feeff}.btn-contact-header{align-items:center;background-color:#c43e84;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;letter-spacing:.025em;min-width:100px;overflow:hidden;padding-left:1.25rem;padding-right:1.25rem;text-decoration:none;transition:transform .2s}.btn-contact-header:hover{color:#fff;transform:scale(1.05)}.btn-contact-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding-top:4rem;padding-bottom:4rem}@media(min-width:640px){.main{padding-top:3rem;padding-bottom:6rem}}.btn{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;height:3rem;padding-left:1.5rem;padding-right:1.5rem;font-weight:700;letter-spacing:.025em;transition:transform .2s;border:none;text-decoration:none}@media(min-width:640px){.btn{width:auto}}.btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn:hover{transform:scale(1.05)}.btn-primary{min-width:120px;background-color:#c43e84;color:#fff;font-size:1rem}.btn-primary:hover{color:#eaeaea}.btn-secondary{min-width:120px;background-color:#c43e8433;color:#c43e84;font-size:1rem}.btn-secondary:hover{color:#c43e84}.hero-image-wrapper{display:flex;align-items:center;justify-content:center}.hero-image{aspect-ratio:1;width:100%;max-width:28rem;border-radius:2rem;object-fit:cover}.section-mission{padding-top:4rem;padding-bottom:4rem;text-align:center}@media(min-width:640px){.section-mission{padding-top:6rem;padding-bottom:6rem}}.mission-text{margin-left:auto;margin-right:auto;max-width:48rem;font-size:1.25rem;font-weight:400;line-height:2}@media(min-width:768px){.mission-text{font-size:1.5rem}}.section{padding-top:4rem;padding-bottom:4rem}@media(min-width:1024px){.section{min-height:100vh;justify-content:center;display:flex;flex-direction:column;border-bottom:none}.section:last-of-type{height:auto}}@media(min-width:640px){.section{padding-top:6rem;padding-bottom:6rem}}@media(max-width:1024px){.section:not(:last-of-type){border-bottom:1px solid white}}.section-header{text-align:center}.section-title{font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.05em;margin-bottom:1rem;color:#c43e84}@media(min-width:640px){.section-title{font-size:3rem}}.backend{max-width:1200px;margin:0 auto}.backend .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#100e1b;border-radius:8px;box-shadow:0 2px 4px #0000001a}.backend .header h1{font-size:28px;color:#eaeaea;margin:0}.backend .header-actions{display:flex;gap:10px}.backend .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:10px;transition:background-color .2s}.backend .btn.material-symbols-outlined{font-size:1.2rem}.backend .btn:disabled{opacity:.6;cursor:not-allowed}.backend .btn.btn-primary{background-color:#3498db;color:#fff;min-width:auto}.backend .btn.btn-primary:hover:not(:disabled){background-color:#2980b9}.backend .btn.btn-secondary{background-color:#95a5a6;color:#fff}.backend .btn.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.backend .btn.btn-danger{background-color:#e74c3c;color:#fff}.backend .btn.btn-danger:hover:not(:disabled){background-color:#c0392b}.backend .btn.btn-small{padding:6px 12px;font-size:12px}.backend .alert{padding:15px;border-radius:4px;margin-bottom:20px}.backend .alert.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.backend .alert.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.backend .alert strong{display:block;margin-bottom:5px}.backend .loading{text-align:center;padding:40px;font-size:18px;color:#7f8c8d}.backend .empty-state{text-align:center;padding:60px 20px;background:#100e1b;border-radius:8px;box-shadow:0 2px 4px #0000001a}.backend .empty-state p{font-size:18px;color:#7f8c8d}.backend .project-checkbox{display:none}.backend .projects-form{display:flex;flex-direction:column;gap:20px;padding:0 1rem}.backend .project-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:185px;overflow:hidden;padding:25px;transition:max-height .3s ease-in-out}@media(min-width:640px){.backend .project-card{max-height:98px}}.backend .project-card:has(.project-checkbox:checked){max-height:800px}@media(min-width:640px){.backend .project-card:has(.project-checkbox:checked){max-height:500px}}.backend .project-header{align-items:center;border-bottom:1px solid rgba(225,225,225,.2);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.backend .project-header h2{color:#eaeaea;cursor:pointer;font-size:20px;margin:0;order:-1;text-align:center;width:100%}@media(min-width:640px){.backend .project-header h2{text-align:left;order:0;width:auto}}.backend .project-header .chevrons{display:flex;flex-direction:row;position:relative}.backend .project-header .chevrons span.chevron-left{top:calc(50% - 3px)}.backend .project-header .chevrons span.chevron-right{bottom:calc(50% - 5px)}.backend .project-header .chevrons span.for-btn-size{position:static;visibility:hidden}.backend .project-header .chevrons span{rotate:270deg;position:absolute;transition:rotate .3s ease-in-out}.backend .project-card:has(.project-checkbox:checked) .chevrons span{rotate:90deg}.backend .project-form-fields-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-between;gap:20px}@media(min-width:640px){.backend .project-form-fields-wrapper{flex-direction:row}}.backend .form-group-wrapper{width:100%}@media(min-width:640px){.backend .form-group-wrapper{width:50%}}.backend .form-group{margin-bottom:20px}.backend .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#eaeaea}.backend .form-group input[type=text],.backend .form-group input[type=number],.backend .form-group textarea{background-color:#100e1b;color:#eaeaea;width:100%;padding:10px;border:1px solid rgba(225,225,225,.2);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.backend .form-group input[type=text]:focus,.backend .form-group input[type=number]:focus,.backend .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.backend .form-group textarea{resize:vertical;min-height:100px}.backend .form-group input[type=file]{width:100%;padding:8px;border:1px dashed #ddd;border-radius:4px;background-color:#c43e8433;cursor:pointer}.backend .form-group input[type=file]:hover{background-color:#c43e8433;border-color:#3498db}.backend .form-group .image-preview{margin-top:10px;margin-bottom:10px}.backend .form-group .image-preview img{max-width:200px;max-height:200px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.backend .form-group small{color:#7f8c8d;display:block;font-size:12px;margin-top:5px}.backend .project-image-container{cursor:pointer}.backend .project-image{box-shadow:0 2px 4px #0000001a;height:100%;object-fit:cover;width:100%;max-width:300px}.backend .add-photo{color:#eaeaea;width:300px;height:225px;border:1px solid white;border-radius:10px;font-size:8rem;display:flex;align-items:center;justify-content:center}.backend .add-photo:hover{color:#0feeff}
