.header{position:fixed;top:0;width:100%;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.brand{display:flex;align-items:flex-start;font-size:1.5rem;font-weight:700;color:#fff}.brand-logo{height:40px;width:auto;object-fit:contain}.navbar{margin:0 2rem;display:flex;gap:1.25rem;align-items:center}.actions{display:flex;align-items:center;gap:.5rem}.hamburger{display:none;background:transparent;border:none;color:#fff;font-size:1.3rem;cursor:pointer}.navbar a{color:#fff;text-decoration:none;transition:all .3s ease;position:relative;padding-bottom:5px}.navbar a:hover{color:#00fc47}.navbar a:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #00fc47;opacity:0;transition:all .2s ease}.navbar a:hover:after{opacity:1;bottom:-8px}.portfolio-btn{padding:.45rem 1.2rem;border:1.5px solid #fff;border-radius:14px;background-color:#0009;color:#fff;cursor:pointer;position:relative;overflow:hidden;height:36px;min-width:96px;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:all .22s ease}.folder-icon{margin:0;font-size:1.05rem;vertical-align:middle;display:inline-block}.portfolio-btn:before{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;background:#00fc47;transition:transform .3s ease;z-index:0}.portfolio-btn:hover:before{transform:translate(110%)}.portfolio-btn .button-text,.portfolio-btn .button-text-hover{display:inline-flex;align-items:center;gap:8px;transition:opacity .22s ease,transform .22s ease;z-index:1}.portfolio-btn .button-text-hover{position:absolute;left:50%;top:50%;transform:translate(-50%,120%);opacity:0}.portfolio-btn .button-text{position:relative;opacity:1}.portfolio-btn:hover .button-text{transform:translateY(-120%);opacity:0}.portfolio-btn:hover .button-text-hover{transform:translate(-10%,-50%);opacity:1}.portfolio-btn:hover{color:#000;background-color:#00fc47;border-color:#00000040}.portfolio-btn .label-text{display:inline-block}@media (max-width: 768px){.header{justify-content:space-between}.brand-logo{height:32px}.navbar{display:none;position:fixed;top:64px;right:0rem;background:#000000f2;padding:.75rem 1rem;border-radius:0;flex-direction:column;gap:.75rem;z-index:1001;box-shadow:0 8px 24px #0009}.navbar a:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(12px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #00fc47;opacity:0;transition:all .2s ease}.navbar a:hover:after{opacity:1;transform:translateY(-50%) translate(6px)}.navbar.open{display:flex;margin:0;padding:1rem 2rem}.hamburger{display:inline-flex}.portfolio-btn{display:inline-flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1002;height:36px;padding:.35rem 1rem}.actions{gap:.25rem}}.social-links{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100;transition:all .3s ease}.social-icon{color:#fff;font-size:2.5rem;transition:all .3s ease;opacity:.7;position:relative}.social-icon:hover{color:#00fc47;opacity:1;transform:translate(5px)}.social-icon:after{content:"";position:absolute;right:calc(100% + 6px);top:45%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #00fc47;opacity:0;transition:all .2s ease}.social-icon:hover:after{opacity:1;transform:translateY(-50%) translate(3px)}.social-links.dark .social-icon{color:#1a1a1a}.social-links.dark .social-icon:hover{color:#00fc47}@media (max-width: 768px){.social-links{left:.6rem}.social-icon{font-size:2rem}.social-icon:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #00fc47}}.about{min-height:100vh;position:relative;padding:6rem 2rem;opacity:0;transform:translateY(20px);transition:all .8s ease;overflow:hidden;background:#fff}.about.fade-in{opacity:1;transform:translateY(0)}.about-content{max-width:1200px;margin:0 auto;display:flex;gap:3rem;align-items:flex-start;padding-right:clamp(300px,40vw,600px)}.about-text{flex:1 1 45ch}.about-text h2{font-size:2.5rem;margin-bottom:1rem;color:#000;text-align:center}.about-text p{font-size:1.05rem;line-height:1.6;color:#000;margin-bottom:1em;text-align:justify}.about-cta{margin-top:1.25rem}.about-contact-btn{display:inline-block;padding:.6rem 1.2rem;border:1.5px solid #000;background:transparent;color:#000;border-radius:8px;text-decoration:none;font-weight:600;transition:all .22s ease}.about-contact-btn:hover{background:#00fc47;color:#000;transform:translateY(-3px)}.about-cta{text-align:center}.about-contact-icon{margin-right:8px;vertical-align:middle}.about-image{position:absolute;top:0;right:0;height:100%;width:clamp(320px,45vw,700px);overflow:hidden;pointer-events:none}.about-image img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block;clip-path:polygon(18% 0%,100% 0%,100% 100%,0% 100%)}@media (max-width: 1024px){.about-content{padding-right:clamp(220px,35vw,420px)}.about-image{width:clamp(260px,40vw,480px)}}@media (max-width: 768px){.about{padding:3rem}.about-content{flex-direction:column;gap:1.5rem;padding-right:0;max-width:500px}.about-image{display:none}.about-image img{clip-path:none;border-radius:10px;box-shadow:0 4px 20px #00000040;height:auto}.about-text h2{font-size:2rem;text-align:center}.about-text p{text-align:justify}}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000}.video-container{position:absolute;top:0;left:0;width:100%;height:100%}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out}.background-video.visible,.background-video.fade-in{opacity:.4}.background-video.fade-out{opacity:0}.hero-content{position:relative;text-align:center;color:#fff;z-index:3}.hero-content h1{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content h2{font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.keyword{color:#00fc47;transition:all .3s ease}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.mouse{width:26px;height:40px;border:2px solid white;border-radius:20px;position:relative}.wheel{width:4px;height:8px;background:#00fc47;position:absolute;top:7px;left:50%;transform:translate(-50%);border-radius:2px;animation:scroll 1.5s infinite}.arrow{width:10px;height:10px;border-right:2px solid #00fc47;border-bottom:2px solid #00fc47;transform:rotate(45deg);margin:5px auto 0;animation:arrow 1.5s infinite}@keyframes scroll{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,10px);opacity:0}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}}.experience{padding:6rem 2rem;background:#000;position:relative}.experience h2{color:#fff}.summarry-project-link{color:#3b0065}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:#1a1a1a}.timeline{position:relative;max-width:1200px;margin:0 auto;padding:2rem 0}.timeline-row{display:grid;grid-template-columns:1fr 60px 1fr;gap:1rem;margin-bottom:4rem;align-items:center}.timeline-content{padding:2rem}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#00fc47;transform:translate(-50%)}.timeline-node{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.timeline-image{max-width:450px;height:200px;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin:0 auto}.timeline-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.timeline-image:hover img{transform:scale(1.05)}.timeline-node.left{left:0;padding-right:3rem}.timeline-node.right{left:50%;padding-left:3rem}.node-content{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 20px #0000001a}.company-logo{width:60px;height:60px;margin-bottom:1rem}.company-logo img{width:100%;height:100%;object-fit:contain}.exp-info p{margin-top:.5rem}.exp-info h3{font-size:1.2rem;color:#1a1a1a;margin-bottom:.5rem}.exp-info h4{font-size:1rem;color:#666;margin-bottom:.25rem}.period{display:block;font-size:.9rem;color:#888;margin-bottom:1rem}.details-btn{margin-top:1rem;padding:.5rem 1.5rem;background:transparent;border:2px solid #00fc47;color:#1a1a1a;border-radius:25px;cursor:pointer;transition:all .3s ease;align-self:center;width:fit-content}.details-btn:hover{background:#00fc47;color:#fff}.node-marker{width:20px;height:20px;background:#00fc47;transform:rotate(45deg);position:relative;border:2px solid white;box-shadow:0 0 0 2px #00fc47;transition:all .3s ease}.node-marker:before{content:"";position:absolute;inset:2px;background:#fff;transform:scale(.8);transition:all .3s ease}.timeline-row:hover .node-marker:before{background:#00fc47;transform:scale(0)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .3s ease}.close-btn:hover{color:#1a1a1a}.modal-{display:flex;gap:1.5rem;margin-bottom:2rem}.modal-header h3{color:#000}.modal-header h3,.modal-header span{margin-left:1.5rem}.modal-header p{margin-top:1rem}.modal-body ul{list-style-type:disc;padding-left:1.5rem}.modal-body li{margin-bottom:.5rem;color:#000}@media (max-width: 768px){.timeline-row{grid-template-columns:1fr;gap:2rem}.timeline-line{left:30px}.timeline-node{position:absolute;left:30px;transform:translate(-50%)}.timeline-image.right,.timeline-image.left{grid-row:1;display:none}.timeline-content.right,.timeline-content.left{grid-row:2;padding-left:60px}}.skills-section{padding:6rem 2rem;background:#000;min-height:100vh}.skills-section h2{text-align:center;margin-bottom:4rem;color:#fff;font-size:2.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.skills-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:1rem}.skills-container>.skill-category:last-child:nth-child(odd){grid-column:1 / -1;margin-left:auto;margin-right:auto}.skill-category h3{color:#fff;margin-bottom:2rem;font-size:2rem;font-weight:600;padding-bottom:.5rem;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;justify-items:center}.skill-category[data-category="Web Development"] .skills-grid{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.skill-category[data-category="Web Development"] .skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.skill-category[data-category="Web Development"] .skills-grid{grid-template-columns:1fr}}.skill-item{min-width:200px;background:#181818;padding:1.2rem 1rem;border-radius:10px;border:1px solid #222;box-shadow:none;text-align:center;transition:none}.skill-item:hover{transform:scale(1.2);border:1px solid #64ff64;box-shadow:0 0 15px #64ff64;cursor:pointer}.skill-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.skill-icon{font-size:2.25rem;color:#64ff64;display:flex;gap:.5rem;transition:none}.skill-name{color:#64ff64;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.skill-description{color:#fff;font-size:.98rem;margin-top:.5rem;text-align:center}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1200px){.skills-container{grid-template-columns:1fr}.skill-category{width:100%}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.skills-section{padding:4rem 1.5rem}.skills-section h2{font-size:2.2rem;margin-bottom:3rem}.skill-category{padding:1.5rem}.skill-category h3{font-size:1.75rem}.skills-grid{grid-template-columns:1fr;justify-items:stretch}.skill-icon{font-size:2rem}.skill-item{width:100%}.skill-bar-container{height:8px}}.projects-section{padding:1rem;min-height:100vh;margin:0 auto;background:#000}.projects-title{color:#fff;font-size:2rem;margin-bottom:1rem;text-align:center}.projects-more{margin-top:1.5rem;text-align:center;color:#cfd3d8;font-weight:100}.projects-more a{color:#00fc47;text-decoration:solid;nderline;margin-left:.25rem}.projects-more p{font-size:3rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem;max-width:1200px;margin:0 auto}.project-card{position:relative;background:#ffffff0d;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease;height:100%}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0003}.project-image-container{position:relative;padding-top:0;overflow:hidden;background:#000}.project-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-content{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,#000000e6,#000000b3);transition:transform .3s ease}.project-header{display:flex;justify-content:space-between;align-items:center;transform:translateY(0);transition:transform .3s ease;z-index:2}.project-info{flex-grow:1}.team-size{display:flex;align-items:center;gap:.5rem;color:#00fc47;font-size:.9rem;margin-left:1rem}.team-icon{width:1.2rem;height:1.2rem;color:#00fc47}.project-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.project-studio{color:#00fc47;margin:.25rem 0;font-size:.9rem}.project-details{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.5rem 0;background:#000000f2;transform:translateY(100%);transition:transform .3s ease;z-index:1}.project-card:hover .project-details{transform:translateY(0)}.project-card:hover .project-header{transform:translateY(-60px)}.project-description{margin:0 0 1.5rem}.project-role{margin:0 0 1rem}.project-button{width:calc(100% + 3rem);margin:1rem -1.5rem -1.5rem;padding:0;border:none;background:transparent;background-color:#00fc47;color:#000;cursor:pointer;font-weight:700;position:relative;overflow:hidden;z-index:2;border-top:1px solid rgba(0,245,212,.2);height:5rem;display:flex;align-items:center;justify-content:center;line-height:5rem;text-align:center}.project-button:before{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;background:#f7fff9;transition:transform .3s ease;z-index:-1}.project-button:hover:before{transform:translate(110%)}.button-text,.button-text-hover{position:absolute;width:100%;left:0;top:35%;transform:translateY(-50%);text-align:center;transition:opacity .3s ease,transform .3s ease}.button-text{opacity:1}.button-text-hover{opacity:0}.project-button:hover .button-text{opacity:0;transform:translateY(-100%)}.project-button:hover .button-text-hover{opacity:1;transform:translateY(-50%)}.project-button:hover{color:#000}@media (max-width: 1340px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:.1rem;padding:4rem;max-width:900px}.project-card{position:relative;background:#ffffff0d;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease;height:100%;width:70%;margin-left:3rem}}@media (max-width: 768px){.projects-section{padding:4rem 0 2rem;box-sizing:border-box}.projects-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem;max-width:500px;margin-left:auto;margin-right:auto;box-sizing:border-box;width:100%}.project-card{width:100%;margin:0 auto}}.contact-section{padding:4rem 2rem;background:#000c}.contact-content{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-title{font-size:2.5rem;color:#fff;margin-bottom:1rem}.contact-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#00fc47;color:#000;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-button:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00fc474d}.button-icon{font-size:1.5rem}.location-info{display:flex;gap:3rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.location-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem}.location-icon{font-size:1.5rem;color:#00fc47}.contact-form{width:100%;max-width:560px;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.contact-form .form-row{display:flex;gap:1rem}.contact-form input,.contact-form textarea{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#fff;width:100%}.contact-form textarea{min-height:140px;resize:vertical}.contact-submit{justify-content:center;padding:.6rem 2.5rem;border-radius:8px;border:none;background:#00fc47;color:#000;font-weight:700;cursor:pointer;margin:0 auto;display:inline-flex;width:auto}.form-status{margin-top:.5rem}.form-status.loading{color:#ffd54f}.form-status.success{color:#0f8}.form-status.error{color:#ff6b6b}.form-status.warning{color:#ffd54f}.contact-submit.sended{background:#0f8;color:#000;display:inline-flex;align-items:center;gap:8px}@media (max-width: 768px){.contact-section{padding:3rem 1rem}.location-info{flex-direction:column;gap:1.5rem}.contact-title{font-size:2rem}.contact-form .form-row{flex-direction:column;gap:.75rem}.contact-form{max-width:420px}}.footer{width:100%;background:#0b0b0b;color:#fff;padding:2rem 0 1rem;text-align:center;font-size:1rem}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-links{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;gap:.6rem;color:#cfd3d8;text-decoration:none;font-weight:600;transition:color .2s}.footer-links a:hover{color:#00fc47}.footer-icon{font-size:1.05rem}.footer-copy{color:#8b8b8b;font-size:.95rem}@media (max-width: 768px){.footer-links{flex-direction:column;gap:.75rem}.footer-content{align-items:center}}.back-to-top{margin-top:.25rem;background:#00fc47;color:#000;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 18px #00000040}@media (max-width: 768px){.back-to-top{width:90%}}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.page-transition.fade-in,.page-transition.show-logo{opacity:1;pointer-events:all}.page-transition.fade-out{opacity:0;pointer-events:none}.transition-logo{width:200px;height:auto;opacity:0;transform:scale(.8);transition:all .5s ease}.page-transition.show-logo .transition-logo{opacity:1;transform:scale(1)}.lu-wrapper{background:#000;color:#fff;min-height:100vh}.header.header--lday-umbrella{background-color:#fff}.header.header--lday-umbrella .navbar a{color:#5781b6}.header.header--lday-umbrella .navbar a:after{border-bottom:6px solid #5781b6}.header.header--lday-umbrella .portfolio-btn{border:1.5px solid #fff;background-color:#5781b6;color:#fff}.header.header--lday-umbrella .portfolio-btn:before{background:#000}.lu-wrapper .social-icon:hover{color:#fff}.lu-wrapper .social-icon:after{border-left:8px solid #ffffff}.lu-hero{position:relative;width:100vw;height:60vh;overflow:hidden}.lu-hero-video-wrapper{position:absolute;top:50%;left:50%;width:120%;height:210%;transform:translate(-50%,-50%);overflow:hidden}.lu-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.lu-hero-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem}.lu-logo{width:350px;max-width:70%;height:auto;display:block;margin-top:3rem}.lu-tagline{color:#fff;opacity:.95;margin:.25rem 0 .75rem;font-size:1.3rem}.lu-socials{scale:1.5;display:flex;gap:.75rem}.lu-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0f;color:#fff;text-decoration:none}.lu-social-link:hover{background:#5781b6;color:#f4f4f4;transition:all .2s ease;transform:scale(1.2)}.lu-main{width:100%;margin:0rem auto;padding:0 0rem;display:flex;flex-direction:column;gap:2rem;background-color:#5781b6}.lu-summary{background-image:url(/assets/images/projects/LadyUmbrella/MainKeyArt_01.png);background-size:cover;background-position:center;padding:1rem 12rem 10rem 10rem;border-radius:0}.lu-summary-text{flex:1;padding:3rem;border-radius:0;max-width:70rem}.lu-summary-text p{padding:1rem 0rem}.lu-summary-image img{width:100%;border-radius:8px;object-fit:cover}.lu-features{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.lu-features li{display:flex;align-items:center;gap:.75rem}.lu-features li p{margin:0;color:#fff;font-size:1rem}.lu-role-box{margin-top:1rem;background:#fff3;border-left:4px solid #ffffff;padding:.75rem 1rem;border-radius:6px;max-width:48rem}.lu-role-box strong{display:block;color:#fff;margin-bottom:.25rem}.lu-role-box p{margin:0;color:#e9f7ef}.iframe-section{margin:2rem 13rem}.lu-contributions{display:grid;gap:1.25rem;padding:0 3rem}.lu-contributions h2{margin-top:2rem;padding-left:7rem;font-size:3rem}.lu-contribution{background:#5781b6;padding:1rem 7rem;border-radius:8px}.lu-contribution h3{font-size:1.5rem}.lu-contribution p{margin:1rem 0rem}.lu-contribution ul{padding-left:1.5rem}.lu-contribution div img{max-width:1200px;margin:3rem 0rem}.lu-contribution iframe{width:1200px;height:650px;max-width:1200px;border-radius:6px;margin:0 auto}.lu-github-btn{margin:1rem}.lu-links{display:flex;gap:1rem;margin:1rem 0rem}.lu-bt-cards{display:flex;gap:1rem;margin:1rem 0 2rem}.lu-bt-card{display:flex;align-items:center;background:#254a7a;border-radius:16px;padding:1rem 5rem 1rem 0rem;min-height:120px;max-width:fit-content}.lu-bt-card h4{padding:1rem}.lu-bt-card a{display:inline-flex;align-items:center;gap:.5rem;background:#5781b6;color:#fff;padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-weight:600}.lu-bt-card a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.lu-bt-keyart{width:310px;height:260px}.lu-bt-links{display:flex;flex-direction:column;gap:1rem}.lu-contrib-media{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:calc(100% + 14rem);margin:0 -7rem;max-width:none;align-items:center}.lu-contrib-media img{width:100%;height:auto;min-height:320px;object-fit:cover;border-radius:6px}.lu-contrib-media video{width:100%;height:auto;border-radius:6px}.lu-contrib-media iframe{width:100%;height:500px;max-height:1000px;border-radius:6px}.lu-contrib-divider{width:100%;max-width:560px;max-height:70px;opacity:.9;margin:.6rem 0;-webkit-mask-repeat:space;mask-repeat:space}.lu-divider{max-width:1700px;height:50px;margin:2rem 5rem auto;background-image:url(/assets/images/projects/LadyUmbrella/T_UI_UmbrellaClosed.png);background-repeat:space;background-position:center top;background-size:200px auto;opacity:.9;pointer-events:none}.lu-github{display:inline-block;margin-top:.75rem;color:#00fc47}.lu-github-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0c2c54;color:#fff;padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-weight:600}.lu-github-btn svg{width:18px;height:18px}.lu-github-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.lu-details{background-image:url(/assets/images/projects/LadyUmbrella/Render_CityView.jpeg);background-size:cover;background-position:center;padding:7rem 13rem}.lu-details ul{padding:0;margin:0}.lu-details ul{list-style:none;padding:1rem 0rem;margin:0;display:grid;gap:.5rem;color:#fff}.lu-details ol{padding-left:2rem}.lu-details ol li{margin:.08rem 0;line-height:1.25}.lu-wrapper .footer-copy{color:#fff}.lu-wrapper .footer-links a:hover{color:#5781b6}@media (max-width: 1340px){.lu-summary{padding:1rem 6rem 8rem 5rem}.lu-summary-text{padding:2rem;max-width:100%}.iframe-section{margin:2rem 6rem}.iframe-container{width:100%;height:0;padding-bottom:56.25%;padding-top:0}.lu-contributions{padding:0 2rem}.lu-contributions h2{padding-left:3rem;font-size:2.5rem}.lu-contribution{padding:1rem 3rem}.lu-contribution div img{max-width:100%;margin:2rem 0}.lu-contribution iframe{width:300px;height:200px}.lu-bt-card{padding:1rem 2rem 1rem 0;flex-direction:row;align-items:flex-start}.lu-bt-keyart{width:240px;height:200px;object-fit:cover}.lu-contrib-media{gap:.75rem}.lu-contrib-media img,.lu-contrib-media iframe{height:200px}.lu-details{padding:5rem 6rem}}@media (max-width: 768px){.lu-hero{height:46vh}.lu-logo{width:280px;margin-top:2rem}.lu-tagline{font-size:1.1rem;text-align:center;padding:0 1rem}.lu-socials{scale:1.2}.lu-summary{padding:1rem 2rem 6rem;background-position:center bottom}.lu-summary-text{padding:1rem}.lu-summary-image{width:100%}.lu-features li{align-items:flex-start;gap:.5rem}.feature-icon{width:22px;height:22px}.iframe-section{margin:1rem}.lu-contributions{padding:0 2rem}.lu-contributions h2{padding-left:1rem;font-size:2rem;text-align:center}.lu-contribution{padding:1rem;border-radius:6px}.lu-contribution h3{font-size:1.3rem}.lu-contribution ul{padding-left:1rem}.lu-bt-cards{flex-direction:column;gap:1.5rem}.lu-bt-card{padding:1rem;flex-direction:column;align-items:center;text-align:center}.lu-bt-keyart{width:100%;height:auto;margin-bottom:1rem}.lu-bt-links{align-items:center}.lu-contrib-media{grid-template-columns:1fr;gap:1rem}.lu-contrib-media img,.lu-contrib-media iframe,.lu-contrib-media video{height:auto;max-height:400px;width:100%;padding-left:0}.lu-details{padding:3rem 2rem;background-position:center}.lu-divider{margin:1.5rem auto;background-size:150px auto}.lu-github-btn{width:100%;justify-content:center}}.tw-wrapper{background:#000;color:#aac1d9;min-height:100vh}.header.header--two-wonders{background-color:#b78bad}.header.header--two-wonders .navbar a{color:#fff}.header.header--two-wonders .navbar a:hover{color:#7d5875}.header.header--two-wonders .navbar a:after{border-bottom:6px solid #7d5875}.header.header--two-wonders .portfolio-btn{border:1.5px solid #fff;background-color:#7d5875;color:#fff}.header.header--two-wonders .portfolio-btn:before{background:#000}.tw-wrapper .social-icon:hover{color:#b78bad}.tw-wrapper .social-icon:after{border-left:8px solid #b78bad}.tw-hero{position:relative;width:100vw;height:60vh;overflow:hidden}.tw-hero-video-wrapper{position:absolute;top:50%;left:50%;width:120%;height:210%;transform:translate(-50%,-50%);overflow:hidden}.tw-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.tw-hero-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.2rem}.tw-logo{width:420px;max-width:70%;height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));margin-top:2rem}.tw-tagline{color:#aac1d9;font-size:1.2rem}.tw-socials{display:flex;gap:.75rem;scale:1.5;margin-top:1rem}.tw-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0a;color:#aac1d9}.tw-social-link:hover{background:#b78bad;color:#fff;transition:all .2s ease;transform:scale(1.2)}.tw-main{width:100%;display:flex;flex-direction:column;gap:2rem;background:linear-gradient(180deg,#b78bad55,#7d587555)}.tw-summary{background-image:url(/assets/images/projects/TwoWonders/Background_two_wonders.png);background-size:cover;background-position:0px -200px;margin:0}.tw-summary-text{display:flex;flex-direction:row;gap:5rem;padding:2rem;max-width:100rem;background-color:#372432;opacity:.85;border-radius:15px}.overview-section{max-width:50rem;margin-left:5rem}.overview-section img{width:180px;height:100px}.tw-summary-text p{padding:1rem 0rem}.tw-summary-text h1{font-size:2.4rem;margin-top:1rem;color:#eaf6ff}.tw-features{list-style:none;padding:1rem;margin:0;display:grid;gap:.6rem}.tw-features li{display:flex;align-items:center;gap:.75rem}.tw-features li p{margin:0;color:#aac1d9;font-weight:700}.feature-icon{width:28px;height:28px;flex-shrink:0}.tw-role-box{margin-top:1rem;background:#ffffff0a;border-left:4px solid #aac1d9;padding:.75rem 1rem;border-radius:6px;max-width:48rem}.tw-role-box strong{display:block;color:#fff;margin-bottom:.25rem}.tw-role-box p{margin:0;color:#eaf6ff}.tw-iframe-section{margin:2rem auto;max-width:1200px;padding:0 2rem}.tw-iframe-container{position:relative;padding:2rem;overflow:hidden;width:1280px;max-width:1280px;height:720px;max-height:720x;margin:0 auto;background-color:#aac1d9;border-radius:15px}.tw-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;padding:1rem}.tw-contributions{display:grid;gap:1.25rem;max-width:100%;padding:0 7rem}.tw-contributions p{margin:1rem}.tw-contributions a{color:#fff}.tw-contributions h2{font-size:2.4rem;color:#fff}.tw-contribution{background:#ffffff08;padding:1rem;border-radius:8px}.tw-contribution iframe{width:1200px;height:600px;max-width:100%;border-radius:6px}.contrib-icon{width:48px;height:48px;margin-right:.6rem}.tw-github-btn{display:inline-flex;align-items:center;gap:.5rem;background:#b78bad;color:#fff;padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-weight:600;margin:1rem;max-width:fit-content;transition:transform .3s ease}.tw-github-btn:hover{transform:scale(1.1)}.tw-contrib-media{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:center;max-width:100%}.tw-contrib-media img{width:700px;max-width:760px;max-height:760px;border-radius:6px}.tw-contrib-media iframe{width:1200px;height:400px;max-width:100%;border-radius:6px}.tw-contrib-media-column{display:flex;flex-direction:column}.tw-contrib-feature{margin:1rem}.tw-contrib-feature img{width:100%;max-width:760px;border-radius:6px}.tw-contrib-feature-title{display:flex;flex-direction:row;align-items:center}.tw-contrib-feature-title img{width:48px;height:48px;margin-right:.6rem}.tw-contrib-feature-title h3{margin:1rem}.tw-divider{width:calc(100% - 6rem);max-width:1100px;height:120px;margin:1.5rem auto;background-image:url(/assets/images/projects/TwoWonders/carga_elementos.gif);background-repeat:repeat-x;background-position:center center;background-size:contain;pointer-events:none;opacity:.95}.tw-details{background-image:url(/assets/images/projects/TwoWonders/Two_Wonders_Cartel.png);background-position:0px 600px;background-size:cover;padding:5rem 2rem 5rem 0rem;border-radius:8px;color:#fff}.tw-details h2{font-size:2.4rem;margin:.25rem 13rem}.tw-details li{list-style:none;margin:.1rem 13rem}.tw-details ul{margin:0;padding-left:0}.tw-details ol{padding-left:1.1rem}.tw-details ol li{margin:.08rem 0;line-height:1.25}.tw-wrapper .footer-copy{color:#fff}.tw-wrapper .footer-links a:hover{color:#7d5875}@media (max-width: 1340px){.tw-summary{background-position:0px -100px}.tw-summary-text{flex-direction:column;gap:2rem;padding:2rem;margin:0 2rem}.overview-section{margin-left:2rem;max-width:100%}.overview-section img{width:150px;height:auto}.tw-iframe-section{margin:2rem 6rem}.tw-iframe-container{width:100%;height:0;padding-bottom:56.25%;padding-top:0}.tw-contrib-media img{cursor:pointer;transition:transform .2s ease}.tw-contrib-media img:hover{transform:scale(1.02)}.tw-contributions{padding:0 3rem}.tw-contribution{padding:1.5rem}.tw-contribution iframe{width:100%;height:400px}.tw-contrib-media img{width:100%;max-width:100%;max-height:500px}.tw-contrib-media iframe{width:100%;height:400px}.tw-details{background-position:0px 400px;padding:4rem 1rem}.tw-details h2,.tw-details li{margin:.1rem 8rem}}@media (max-width: 768px){.tw-hero{height:46vh}.tw-logo{width:300px;margin-top:1rem}.tw-tagline{font-size:1rem;text-align:center;padding:0 1rem}.tw-socials{scale:1.2}.tw-summary{background-position:center bottom}.tw-summary-text{margin:0 1rem;padding:1.5rem}.tw-summary-text h1{font-size:2rem}.overview-section{margin-left:0}.overview-section img{width:120px}.tw-iframe-section{margin:0rem}.tw-contrib-media-column iframe{height:200px}.tw-features{padding:.5rem}.feature-icon{width:22px;height:22px}.tw-role-box{margin:1rem 0}.tw-contributions{padding:0 1rem}.tw-contributions h2{font-size:2rem;text-align:center}.tw-contribution{padding:1rem}.tw-contrib-media{grid-template-columns:1fr}.tw-contrib-media img{max-height:350px}.tw-contrib-media iframe{height:300px}.tw-contrib-feature-title{flex-wrap:wrap}.tw-contrib-feature-title h3{font-size:1.3rem;margin:.5rem}.tw-divider{height:80px;background-size:60px auto;width:calc(100% - 2rem)}.tw-details{background-position:center;padding:3rem 1rem}.tw-details h2{font-size:2rem;margin:.25rem 2rem}.tw-details li{margin:.1rem 2rem}.tw-github-btn{margin:.75rem 0;width:100%;justify-content:center}}.tp-wrapper{background:#000;color:#fff;min-height:100vh}.header.header--teapathia{background-color:#fff}.header.header--teapathia .navbar a{color:#5781b6}.header.header--teapathia .navbar a:after{border-bottom:6px solid #5781b6}.header.header--teapathia .portfolio-btn{border:1.5px solid #fff;background-color:#5781b6;color:#fff}.header.header--teapathia .portfolio-btn:before{background:#000}.tp-wrapper .social-icon:hover{color:#fff}.tp-wrapper .social-icon:after{border-left:8px solid #ffffff}.tp-hero{position:relative;width:100vw;height:60vh;overflow:hidden}.tp-hero-video-wrapper{position:absolute;top:50%;left:50%;width:120%;height:210%;transform:translate(-50%,-50%);overflow:hidden}.tp-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.tp-hero-overlay{margin-top:5rem;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem}.tp-logo{width:350px;max-width:70%;height:auto;display:block;margin-top:3rem}.tp-tagline{color:#fff;opacity:.95;margin:.25rem 0 .75rem;font-size:1.3rem}.tp-socials{scale:1.5;display:flex;gap:.75rem}.tp-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0f;color:#fff;text-decoration:none}.tp-social-link:hover{background:#5781b6;color:#f4f4f4;transition:all .2s ease;transform:scale(1.2)}.tp-main{width:100%;margin:0rem auto;padding:0 0rem;display:flex;flex-direction:column;gap:2rem;background-color:#5781b6}.tp-summary{background-image:url(/assets/images/projects/Teapathia/MainKeyArt_01.png);background-size:cover;background-position:center;padding-left:10rem;border-radius:0}.tp-summary-text{flex:1;padding:3rem;border-radius:0;max-width:70rem}.tp-summary-text p{padding:1rem 0rem}.tp-summary-image img{width:100%;border-radius:8px;object-fit:cover}.tp-features{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.tp-features li{display:flex;align-items:center;gap:.75rem}.tp-features li p{margin:0;color:#fff;font-size:1rem}.tp-role-box{margin-top:1rem;background:#fff3;border-left:4px solid #ffffff;padding:.75rem 1rem;border-radius:6px;max-width:48rem}.tp-role-box strong{display:block;color:#fff;margin-bottom:.25rem}.tp-role-box p{margin:0;color:#e9f7ef}.iframe-section{margin:0rem 13rem}.iframe-container{position:relative;padding:2rem;overflow:hidden;width:1280px;max-width:1280px;height:720px;max-height:720x;margin:0 auto;background-color:#315493;border-radius:15px}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;padding:1rem}.tp-contributions{display:grid;gap:1.25rem;padding:0 3rem}.tp-contributions h2{margin-top:2rem;padding-left:7rem;font-size:3rem}.tp-contribution{background:#5781b6;padding:1rem 7rem;border-radius:8px}.tp-contribution h3{font-size:1.5rem}.tp-contribution p{margin:1rem 0rem}.tp-contribution ul{padding-left:1.5rem}.tp-contribution div img{max-width:1200px;margin:3rem 0rem}.tp-contribution iframe{width:1200px;height:650px;max-width:1200px;border-radius:6px;margin:0 auto}.contrib-icon{width:48px;height:48px;vertical-align:middle;margin-right:.6rem}.tp-github-btn{margin:1rem}.tp-links{display:flex;gap:1rem;margin:1rem 0rem}.tp-bt-cards{display:flex;gap:1rem;margin:1rem 0 2rem}.tp-bt-card{display:flex;align-items:center;background:#254a7a;border-radius:16px;padding:1rem 5rem 1rem 0rem;min-height:120px;max-width:fit-content}.tp-bt-card h4{padding:1rem}.tp-bt-card a{display:inline-flex;align-items:center;gap:.5rem;background:#5781b6;color:#fff;padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-weight:600}.tp-bt-card a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.tp-bt-keyart{width:310px;height:260px}.tp-bt-links{display:flex;flex-direction:column;gap:1rem}.tp-contrib-media{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:calc(100% + 14rem);margin:0 -7rem;max-width:none;align-items:center}.tp-contrib-media img{width:100%;height:auto;min-height:320px;object-fit:cover;border-radius:6px}.tp-contrib-media video{width:100%;height:auto;border-radius:6px}.tp-contrib-media iframe{width:100%;height:500px;max-height:1000px;border-radius:6px}.image-zoom{height:1000px;transition:transform .3s ease}.image-zoom:hover{transform:scale(1.1)}.tp-contrib-divider{width:100%;max-width:560px;max-height:70px;opacity:.9;margin:.6rem 0;-webkit-mask-repeat:space;mask-repeat:space}.tp-divider{max-width:1700px;height:50px;margin:2rem 5rem auto;background-image:url(/assets/images/projects/Teapathia/T_UI_UmbrellaClosed.png);background-repeat:space;background-position:center top;background-size:200px auto;opacity:.9;pointer-events:none}.tp-github{display:inline-block;margin-top:.75rem;color:#00fc47}.tp-github-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0c2c54;color:#fff;padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-weight:600}.tp-github-btn svg{width:18px;height:18px}.tp-github-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.tp-details{background-image:url(/assets/images/projects/Teapathia/Render_CityView.jpeg);background-size:cover;background-position:center;padding:7rem 13rem}.tp-details ul{padding:0;margin:0}.tp-details ul{list-style:none;padding:1rem 0rem;margin:0;display:grid;gap:.5rem;color:#fff}.tp-details ol{padding-left:2rem}.tp-details ol li{margin:.08rem 0;line-height:1.25}.tp-wrapper .footer-copy{color:#fff}.tp-wrapper .footer-links a:hover{color:#5781b6}@media (max-width: 1340px){.tp-summary{padding:1rem 6rem 8rem 5rem}.tp-summary-text{padding:2rem;max-width:100%}.iframe-section{margin:2rem 6rem}.iframe-container{width:100%;height:0;padding-bottom:56.25%;padding-top:0}.tp-contributions{padding:0 2rem}.tp-contributions h2{padding-left:3rem;font-size:2.5rem}.tp-contribution{padding:1rem 3rem}.tp-contribution div img{max-width:100%;margin:2rem 0}.tp-contribution iframe{width:300px;height:200px}.tp-bt-card{padding:1rem 2rem 1rem 0;flex-direction:row;align-items:flex-start}.tp-bt-keyart{width:240px;height:200px;object-fit:cover}.tp-contrib-media{gap:.75rem}.tp-contrib-media img,.tp-contrib-media iframe{height:200px}.tp-details{padding:5rem 6rem}}@media (max-width: 768px){.tp-hero{height:46vh}.tp-logo{width:280px;margin-top:2rem}.tp-tagline{font-size:1.1rem;text-align:center;padding:0 2rem}.tp-socials{scale:1.2}.tp-summary{padding:1rem 2rem 6rem;background-position:center bottom}.tp-summary-text{padding:1rem}.tp-summary-image{width:100%}.tp-features li{align-items:flex-start;gap:.5rem}.feature-icon{width:22px;height:22px}.iframe-section{margin:1rem}.tp-contributions{padding:0 2rem}.tp-contributions h2{padding-left:1rem;font-size:2rem;text-align:center}.tp-contribution{padding:1rem;border-radius:6px}.tp-contribution h3{font-size:1.3rem}.tp-contribution ul{padding-left:1rem}.tp-bt-cards{flex-direction:column;gap:1.5rem}.tp-bt-card{padding:1rem;flex-direction:column;align-items:center;text-align:center}.tp-bt-keyart{width:100%;height:auto;margin-bottom:1rem}.tp-bt-links{align-items:center}.tp-contrib-media{grid-template-columns:1fr;gap:1rem}.tp-contrib-media img,.tp-contrib-media iframe,.tp-contrib-media video{height:auto;max-height:400px;width:100%;padding-left:0}.tp-details{padding:3rem 2rem;background-position:center}.tp-divider{margin:1.5rem auto;background-size:150px auto}.tp-github-btn{width:100%;justify-content:center}}body{overflow-x:hidden}.cz-wrapper{background:#000;color:#fff;min-height:100vh}.header--cod-zombies{background-color:#e07b0f}.header--cod-zombies .navbar a{color:#fff}.header--cod-zombies .navbar a:after{border-bottom:6px solid #ffffff}.header--cod-zombies .portfolio-btn{border:1.5px solid #ffffff;background-color:#000;color:#f7f7f7}.header.header--cod-zombies .portfolio-btn:before{background:#000}.cz-wrapper .social-icon:hover{color:#e07b0f}.cz-wrapper .social-icon:after{border-left:8px solid #ffffff}.cz-hero{position:relative;width:100vw;height:60vh;overflow:hidden}.cz-hero-video-wrapper{position:absolute;top:50%;left:50%;width:120%;height:210%;transform:translate(-50%,-50%);overflow:hidden}.cz-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.cz-hero-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem}.cz-logo{width:350px;max-width:70%;height:auto;display:block;margin-top:3rem}.cz-tagline{color:#fff;opacity:.95;margin:.25rem 0 .75rem;font-size:1.3rem}.cz-socials{scale:1.5;display:flex;gap:.75rem}.cz-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0f;color:#fff;text-decoration:none}.cz-social-link:hover{background:#e07b0f;color:#f4f4f4;transition:all .2s ease;transform:scale(1.2)}.cz-main{width:100%;margin:0rem auto;padding:0 0rem;display:flex;flex-direction:column;gap:2rem;background-color:#000}.cz-summary{background-image:url(/assets/images/projects/CodZombiesPrototype/Splash.png);background-size:cover;background-position:center;padding:1rem 12rem 10rem 10rem;border-radius:0}.cz-summary-text{flex:1;padding:3rem;border-radius:0;max-width:70rem;color:#fff;background-color:#000;opacity:.7}.cz-summary-text p{padding:1rem 0rem}.cz-summary-image img{width:100%;border-radius:8px;object-fit:cover}.feature-icon{width:28px;height:28px;vertical-align:middle;margin-right:.6rem;flex-shrink:0}.cz-features{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.cz-features li{display:flex;align-items:center;gap:.75rem}.cz-features li p{margin:0;color:#fff;font-size:1rem}.cz-role-box{margin-top:1rem;background:#fff3;border-left:4px solid #ffffff;padding:.75rem 1rem;border-radius:6px;max-width:48rem}.cz-role-box strong{display:block;color:#fff;margin-bottom:.25rem}.cz-role-box p{margin:0;color:#e9f7ef}.cz-iframe-section{margin:2rem 13rem}.cz-iframe-container{position:relative;padding:2rem;overflow:hidden;width:1280px;max-width:1280px;height:720px;max-height:720x;margin:0 auto;background-color:#e07b0f;border-radius:15px}.cz-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;padding:1rem}.cz-details{background-image:url(/assets/images/projects/CodZombiesPrototype/bannerZombies.png);background-size:cover;background-position:center;padding:7rem 13rem}.cz-details ul{padding:0;margin:0}.cz-details ul{list-style:none;padding:1rem 0rem;margin:0;display:grid;gap:.5rem;color:#fff}.cz-details ol{padding-left:2rem}.cz-details ol li{margin:.08rem 0;line-height:1.25}.cz-wrapper .footer-copy{color:#fff}.cz-wrapper .footer-links a:hover{color:#e07b0f}@media (max-width: 1340px){.cz-summary{padding:1rem 6rem 8rem 5rem}.cz-summary-text{padding:2rem;max-width:100%}.cz-iframe-section{margin:2rem 6rem}.cz-iframe-container{width:100%;height:0;padding-bottom:56.25%;padding-top:0}.cz-details{padding:5rem 6rem}}@media (max-width: 768px){.cz-hero{height:46vh}.cz-logo{width:280px;margin-top:2rem}.cz-tagline{font-size:1.1rem;text-align:center;padding:0 1rem}.cz-socials{scale:1.2}.cz-summary{padding:1rem 2rem 6rem;background-position:center bottom}.cz-summary-text{padding:1rem}.cz-summary-image{width:100%}.cz-features li{align-items:flex-start;gap:.5rem}.feature-icon{width:22px;height:22px}.cz-iframe-section{margin:1rem}.cz-details{padding:3rem 2rem;background-position:center}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}h1,h2,h3{font-family:Inter,sans-serif;font-weight:700}p{font-weight:400}