@import url(https://fonts.googleapis.com/css2?family=Telex&display=swap);*,.contact-sections{box-sizing:border-box}.col a,.contact-form button{cursor:pointer;transition:.3s}*{margin:0;padding:0;scroll-behavior:smooth}body{overflow-x:hidden;flex-direction:column;align-items:center;max-width:100%;width:100%;transition:.3s ease-out;font-family:Telex,sans-serif}.portfolio-wrapper{display:flex;height:300vh}.portfolio-left,.portfolio-right{position:sticky;top:0;height:100vh}.portfolio-left{width:39%;padding:80px;background:#e7dccb}.small-title{font-size:14px;letter-spacing:2px}.portfolio-left h1{font-size:60px;margin:30px 0}.portfolio-left p{max-width:320px;line-height:1.6;color:#555}.view-btn{margin-top:30px;padding:10px 25px;border:none;background:#da894c;color:#fff;border-radius:20px;cursor:pointer}.portfolio-right{width:65%;overflow:hidden;background:#e7dccb}.horizontal-track{display:flex;height:100%;align-items:center;gap:40px;will-change:transform}.card{min-width:80%}.card img{width:100%;border-radius:10px}.project-card h3{margin-top:15px}.project-card span{color:#666}.mega-footer{background:#0f0f0f;color:#f5f5f0;padding:80px 6%;text-align:center}.brand-row h1{font-size:clamp(2rem, 8vw, 7rem);font-weight:300;letter-spacing:1px}.footer-links{margin-top:60px;display:grid;grid-template-columns:repeat(5,1fr);gap:40px;align-items:start}.col{display:flex;flex-direction:column;gap:10px}.col a{color:#f5f5f0;font-size:14px;text-decoration:none;font-weight:500;position:relative;opacity:.85}.col a:hover{transform:translateX(8px);opacity:.8}.col a:hover::after{width:27%}.center-col{align-items:center}.center-col h4,.flag{font-size:28px;margin-bottom:10px}.flag img{height:50px;max-width:120px;width:auto}.socials{gap:40px}.socials a{color:#fff;font-size:25px;padding:15px}.copyright{margin-top:60px;font-size:12px;opacity:.6}@media (max-width:1024px){.footer-links{grid-template-columns:repeat(3,1fr)}.center-col{grid-column:span 3;margin:30px 0}}@media (max-width:600px){.footer-links{grid-template-columns:1fr;text-align:center}.col{align-items:center}.brand-row h1{font-size:3rem}}.contact-sections{width:100%;padding:40px 15px;background:#fff}.contact-container{max-width:1200px;margin:auto}.contact-heading{text-align:center;margin-bottom:30px}.bottom-line{display:block;width:120px;height:1px;background:#e67519;margin:10px auto 20px}.contact-heading h1{font-size:28px;letter-spacing:2px;margin-bottom:15px}.contact-heading p{max-width:650px;margin:auto;color:#555;line-height:1.6;font-size:15px}.contact-heading a{color:#d24625}.contact-content{display:flex;gap:30px;flex-direction:column}.contact-info{order:-1}.contact-form,.contact-info{width:100%}.info-block{padding:20px 0;border-bottom:1px solid #c24d33}.info-block:last-child{border-bottom:none}.info-block h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;color:#000}.info-block p{font-size:14px;color:#333;line-height:1.5;margin:2px 0}.contact-form label{display:block;font-size:11px;letter-spacing:1.5px;margin-bottom:6px;margin-top:15px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #ccc;padding:12px;font-size:14px;outline:0;box-sizing:border-box}.contact-form textarea{resize:none}.contact-form button{width:100%;margin-top:25px;padding:15px;border:none;color:#fff;font-weight:700;background:linear-gradient(to right,#333,#666,#333)}@media (max-width:992px){.portfolio-wrapper{flex-direction:column;height:auto}.portfolio-left,.portfolio-right{position:relative;width:100%;height:auto}.portfolio-left{padding:40px 20px}.horizontal-track{flex-direction:column;padding:20px;transform:none!important}.card{min-width:100%}.contact-content{gap:50px}}@media (max-width:991px){.contact-content{flex-direction:column}.contact-section::after{display:none}}@media (max-width:900px){.contact-content{flex-direction:flex}.contact-sections:after{height:80%;clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}}@media (min-width:850px){.contact-sections{padding:80px 20px}.contact-heading h1{font-size:36px}.contact-content{flex-direction:row;gap:80px;align-items:flex-start}.contact-form button{width:auto;padding:12px 40px}}@media (max-width:768px){.contact-content{flex-direction:column}.contact-heading h1{font-size:30px}}@media (max-width:576px){.form-row{flex-direction:column}.contact-header h2{font-size:30px}.contact-form,.contact-info{padding:25px}}@media (max-width:500px){.form-row{flex-direction:column}}@media (max-width:480px){.contact-sections{padding:60px 15px}.contact-heading h1{font-size:26px}.contact-heading p{font-size:14px}}