html{height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;padding:0;background:#000;font-family:Proxima Nova,sans-serif;overflow-x:hidden;overflow-y:auto;display:block;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:99999}.lightbox.active{opacity:1;pointer-events:auto}.lightbox img,.lightbox video{max-width:90%;max-height:90%;border-radius:12px;object-fit:contain}.close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer}.logo{cursor:pointer}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.send-btn.loading{opacity:.7;pointer-events:none}section.header-nav{height:60px;width:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:110;padding:0 40px;background:#000;box-sizing:border-box}.nav-links{color:#fff;display:flex;gap:40px;font-size:14px;text-transform:uppercase;letter-spacing:2px}.nav-item{position:relative;cursor:pointer;padding:10px 15px;display:flex;justify-content:center;align-items:center}.marker-svg{position:absolute;width:120%;height:140%;pointer-events:none;z-index:-1}.marker-stroke{fill:none;stroke:#7ed957;stroke-width:6;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset .5s ease}.nav-item:hover .marker-stroke{stroke-dashoffset:0}.logo-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.full-screen-logo{width:100%;height:100%}.draw-path path{fill:transparent;stroke:#fff;stroke-width:.5px;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawStroke 3s ease forwards,fillWhite 1s ease 1s forwards}.language{position:relative;display:flex;flex-direction:column;width:110px;height:40px;background-color:#1a1a1a;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-left:15px;cursor:pointer;z-index:120;box-sizing:border-box}.language-list{list-style:none;padding:0;margin:0;width:100%;position:absolute;top:0;left:-1px;display:flex;flex-direction:column;background-color:#1a1a1a;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 15px #000000b3;max-height:40px;overflow:hidden;transition:max-height .3s ease}.language:hover .language-list{max-height:200px;border-radius:8px;overflow:visible}.language:after{content:"▼";position:absolute;top:50%;transform:translateY(-50%);right:12px;color:#fff;font-size:10px;transition:transform .3s ease;pointer-events:none;z-index:130}.language:hover:after{transform:translateY(-50%) rotate(180deg)}.language-item{width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0 25px 0 10px;cursor:pointer;color:#fff;font-size:.8rem;transition:background-color .2s ease;box-sizing:border-box;flex-shrink:0;order:2}.language-item.active{order:1;background-color:transparent!important}.language-list .language-item:not(.active):hover{background-color:#ffffff1a}.language-item img,.language-item svg,.language-item .flag{width:18px;height:auto;margin-right:8px;display:inline-block;flex-shrink:0;object-fit:contain}.workGrid{width:min(1600px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:90px;grid-auto-flow:dense;gap:10px}.item{position:relative;z-index:1;overflow:hidden;background:#000;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);will-change:transform}.item img,.item video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.item:hover:not(.no-hover){transform:translateY(-10px) scale(1.1);z-index:9999;box-shadow:0 25px 60px #00000080,0 10px 20px #00000059}.item.no-hover{transform:none!important;box-shadow:none!important;z-index:1}.item.no-hover:hover{transform:none!important;box-shadow:none!important}.small{grid-row:span 2}.medium{grid-row:span 3}.tall{grid-row:span 5}.wide{grid-column:span 2;grid-row:span 3}.big{grid-column:span 2;grid-row:span 5}.hero{grid-column:span 3;grid-row:span 5}.grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(12,1fr);gap:8px}.div43{grid-column:6 / span 1;grid-row:1 / span 3}.div42{grid-column:1 / span 2;grid-row:1 / span 3}.div41{grid-column:3 / span 3;grid-row:1 / span 3}.div1{grid-column:1;grid-row:4 / span 3}.div2{grid-column:2 / span 2;grid-row:4 / span 2}.div3{grid-column:4;grid-row:4 / span 3}.div4{grid-column:5 / span 2;grid-row:4 / span 2}.div5{grid-column:1;grid-row:7 / span 4}.div6{grid-column:2;grid-row:6 / span 3}.div7{grid-column:3;grid-row:6 / span 3}.div8{grid-column:4;grid-row:7 / span 4}.div9{grid-column:5;grid-row:6 / span 5}.div10{grid-column:6;grid-row:6 / span 3}.div11{grid-column:2 / span 2;grid-row:9 / span 2}.div12{grid-column:6;grid-row:9 / span 2}.div39{grid-column:1 / span 4;grid-row:11 / span 3}.div40{grid-column:5 / span 2;grid-row:11 / span 3}.div13{grid-column:1 / span 2;grid-row:14 / span 2}.div14{grid-column:3;grid-row:14 / span 2}.div15{grid-column:4 / span 2;grid-row:14 / span 2}.div16{grid-column:6;grid-row:14 / span 4}.div17{grid-column:1;grid-row:16 / span 3}.div18{grid-column:2;grid-row:16 / span 2}.div19{grid-column:3 / span 2;grid-row:16 / span 3}.div20{grid-column:5;grid-row:16 / span 4}.div22{grid-column:2;grid-row:18 / span 3}.div26{grid-column:6;grid-row:18 / span 4}.div21{grid-column:1;grid-row:19 / span 3}.div23{grid-column:3;grid-row:19 / span 4}.div24{grid-column:4;grid-row:19 / span 4}.div25{grid-column:5;grid-row:20 / span 3}.div28{grid-column:2;grid-row:21 / span 3}.div27{grid-column:1;grid-row:22 / span 4}.div32{grid-column:6;grid-row:22 / span 4}.div30{grid-column:3 / span 2;grid-row:23 / span 3}.div31{grid-column:5;grid-row:23 / span 4}.div29{grid-column:2;grid-row:24 / span 3}.div33{grid-column:1;grid-row:26 / span 4}.div35{grid-column:3;grid-row:26 / span 4}.div36{grid-column:4;grid-row:26 / span 4}.div38{grid-column:6;grid-row:26 / span 4}.div34{grid-column:2;grid-row:27 / span 3}.div37{grid-column:5;grid-row:27 / span 3}.pip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pip-overlay.hide{display:none}.pip-card{position:relative;width:min(1100px,92vw);max-height:90vh;overflow:hidden;border-radius:20px;background:#111;box-shadow:0 30px 80px #000000bf}.pip-media{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.pip-media img,.pip-media video{width:100%;height:100%;object-fit:contain}.pip-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:24px;cursor:pointer;z-index:2;transition:background .25s ease,transform .25s ease}.pip-close:hover{background:#fff3;transform:scale(1.05)}@media (max-width: 768px){.work-container{padding:16px}.workGrid{width:100%;grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:8px}.item{border-radius:10px}.workGrid>*{grid-column:span 1!important;grid-row:span 2!important}.div2,.div3,.div7,.div15,.div19,.div24{grid-column:span 2!important;grid-row:span 3!important}.div1,.div6,.div17,.div22,.div27{grid-row:span 4!important}}.dotra-container{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;position:relative}.dotraGrid{width:80vw;height:80vh;position:relative;overflow:hidden;border:1px solid #ffffff;box-shadow:0 0 10px #fff}.dotra-main-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;max-width:600px;min-height:200px;padding:40px;display:flex;justify-content:center;align-items:center;z-index:90;background-color:#000000bf;border-radius:10px;pointer-events:none;box-sizing:border-box;transition:opacity .4s ease,visibility .4s}.dotra-main-text{width:100%;text-align:center;color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.9rem,2.5vw,1.4rem);line-height:1.7;font-weight:500;text-shadow:2px 2px 10px rgba(0,0,0,1)}.dotraGrid:has(.trigger-photo:hover) .dotra-main-box,.dotraGrid:has(.trigger-design:hover) .dotra-main-box{opacity:0;visibility:hidden}.trigger-photo,.trigger-design{position:absolute;left:0;width:100%;z-index:100}.trigger-photo{top:0;height:50%}.trigger-design{bottom:0;height:50%}.dotraPhoto,.dotraDesign{position:absolute;top:0;left:0;width:100%;height:100%;transition:clip-path .8s cubic-bezier(.22,1,.36,1);pointer-events:none}.dotraPhoto img,.dotraDesign img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease}.dotraPhoto{clip-path:polygon(0 0,100% 0,0 100%);z-index:10}.dotraDesign{clip-path:polygon(100% 0,100% 100%,0 100%);z-index:5}.trigger-textPhoto,.trigger-textDesign{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;color:#fff;text-align:center;opacity:0;z-index:60;pointer-events:none;transition:opacity .5s ease .3s;font-size:1.2rem;line-height:1.6}.trigger-photo:hover~.dotraPhoto{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:50}.trigger-photo:hover~.dotraPhoto img{filter:brightness(.3);transform:scale(1.05)}.trigger-photo:hover~.trigger-textPhoto{opacity:1}.trigger-design:hover~.dotraDesign{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:50}.trigger-design:hover~.dotraDesign img{filter:brightness(.3);transform:scale(1.05)}.trigger-design:hover~.trigger-textDesign{opacity:1}.dotraGrid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,transparent calc(50% - 2px),#ffffff 50%,transparent calc(50% + 2px));z-index:80;pointer-events:none;transition:opacity .5s ease}.dotraGrid:has(.trigger-photo:hover):after,.dotraGrid:has(.trigger-design:hover):after{opacity:0}.name-label{position:absolute;color:#fff;font-weight:700;font-size:1.5rem;text-transform:uppercase;z-index:20;transition:opacity .3s ease;text-decoration:underline #7ed957}.dotraPhoto .name-label{top:10%;left:10%}.dotraDesign .name-label{bottom:10%;right:10%}.trigger-photo:hover~.dotraPhoto .name-label,.trigger-design:hover~.dotraDesign .name-label{opacity:0}.contact-container{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;padding:100px 0;box-sizing:border-box}.contactGrid{width:80vw;max-width:800px;display:flex;flex-direction:column;gap:20px}.contact1{font-size:clamp(2rem,5vw,3.5rem);color:#7ed957;text-transform:uppercase;font-weight:700}.contact-box{border:1px solid #7ed957;padding:40px;background:#111}#contact-form{display:flex;flex-direction:column;gap:20px}.input-group input,.input-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid #333;color:#fff;padding:10px 0;font-size:1rem;outline:none;transition:.3s}.input-group input:focus,.input-group textarea:focus{border-bottom:1px solid #7ed957}.send-btn{align-self:flex-start;background:transparent;color:#7ed957;border:1px solid #7ed957;padding:12px 40px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:.3s}.send-btn:hover{background:#7ed957;color:#000;box-shadow:0 0 20px #7ed95766}.contact-info{margin-top:30px;font-size:1rem;color:#fff;line-height:1.5;font-family:Proxima Nova,sans-serif}@keyframes drawStroke{to{stroke-dashoffset:0}}@keyframes fillWhite{to{fill:#fff;stroke-width:0}}@media (max-width: 768px){.dotra-main-box{width:90vw;padding:20px}.trigger-textPhoto,.trigger-textDesign{width:85%;font-size:1rem}.contactGrid{width:90vw}}.footer{width:100%;padding:20px 0;color:#7ed957;text-align:center;font-size:.69rem;opacity:0;transform:translateY(20px);transition:opacity 1.2s ease-out,transform 1s ease-out}.footer.visible{opacity:1;transform:translateY(0)}