*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background:#f5f5f2;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.navbar{border-bottom:1px solid #d8d8d4;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 5%;display:flex}.logo{letter-spacing:-1.5px;font-size:24px;font-weight:800}.nav-links{gap:32px;font-size:14px;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:#111;width:0;height:1px;transition:width .25s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.nav-button{border:1px solid #111;border-radius:100px;padding:10px 17px;font-size:14px;transition:background .2s,color .2s}.nav-button:hover{color:#fff;background:#111}.hero{border-bottom:1px solid #d8d8d4;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 82px);padding:80px 5% 60px;display:flex}.hero-content{max-width:1200px}.eyebrow{letter-spacing:2px;margin-bottom:35px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-9px;margin-left:-8px;font-size:clamp(70px,11vw,170px);font-weight:800;line-height:.84}.hero h1 span{font-style:italic;font-weight:400}.hero-text{color:#555;max-width:520px;margin-top:55px;font-size:18px;line-height:1.6}.hero-actions{gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button{border-radius:100px;padding:14px 22px;font-size:14px;transition:transform .2s,opacity .2s;display:inline-block}.primary-button{color:#fff;background:#111}.secondary-button{border:1px solid #bbb}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero-side{color:#777;justify-content:space-between;padding-top:40px;font-size:12px;display:flex}footer{color:#777;justify-content:space-between;padding:25px 5%;font-size:12px;display:flex}@media (width<=700px){.nav-links{display:none}.navbar{padding:22px 5%}.hero{min-height:calc(100vh - 70px);padding:60px 5% 35px}.hero h1{letter-spacing:-5px;margin-left:-3px;font-size:clamp(58px,17vw,100px)}.hero-text{margin-top:40px;font-size:16px}.hero-actions{flex-wrap:wrap}.hero-side{padding-top:50px;display:flex}.section{padding:80px 5%;display:block}.section-label{margin-bottom:50px}.section-content h2{letter-spacing:-2px;font-size:45px}.service{display:block}.service h3{margin:15px 0}.contact-section{padding:100px 5%}.contact-section h2{letter-spacing:-3px;font-size:65px}footer{flex-direction:column;gap:8px}}.about-section{border-bottom:1px solid #d8d8d4;padding:140px 5%}.about-heading{grid-template-columns:20% 80%;margin-bottom:100px;display:grid}.about-label{letter-spacing:1.5px;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.about-label span:first-child{color:#777;font-weight:400}.about-heading h2{letter-spacing:-5px;font-size:clamp(55px,7vw,100px);line-height:.9}.about-content{grid-template-columns:20% 80%;display:grid}.about-text{max-width:700px}.about-intro{margin-bottom:45px;font-size:28px;line-height:1.35}.about-text p:not(.about-intro){color:#555;max-width:620px;margin-bottom:25px;font-size:17px;line-height:1.7}@media (width<=700px){.about-section{padding:90px 5%}.about-heading{margin-bottom:70px;display:block}.about-label{margin-bottom:60px}.about-heading h2{letter-spacing:-3px;font-size:50px}.about-content{display:block}.about-intro{font-size:23px}.about-text p:not(.about-intro){font-size:16px}}.projects-section{border-bottom:1px solid #d8d8d4;padding:140px 5%}.projects-heading{grid-template-columns:20% 80%;margin-bottom:100px;display:grid}.projects-label{letter-spacing:1.5px;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.projects-label span:first-child{color:#777;font-weight:400}.projects-heading h2{letter-spacing:-5px;margin-bottom:35px;font-size:clamp(55px,7vw,100px);line-height:.9}.projects-intro{color:#555;max-width:550px;font-size:18px;line-height:1.6}.projects-list{border-top:1px solid #111}.project-item{border-bottom:1px solid #ccc;grid-template-columns:20% 80%;padding:25px 0 70px;display:grid}.project-number{color:#777;font-size:12px}.project-main{min-width:0}.project-image{background:#deded9;justify-content:center;align-items:center;width:100%;height:500px;display:flex;overflow:hidden}.project-image img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.project-item:hover .project-image img{transform:scale(1.03)}.project-content{grid-template-columns:40% 60%;gap:30px;padding:30px 0;display:grid}.project-type{color:#777;margin-bottom:15px;font-size:12px}.project-content h3{letter-spacing:-2px;font-size:42px;line-height:1}.project-description{color:#555;max-width:500px;font-size:16px;line-height:1.7}.project-technologies{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.project-technologies span{border:1px solid #ccc;border-radius:100px;padding:7px 12px;font-size:11px}.project-footer{color:#777;border-top:1px solid #ccc;justify-content:space-between;padding-top:15px;font-size:12px;display:flex}.project-links{gap:25px;display:flex}.project-links a{color:#111;transition:opacity .2s}.project-links a:hover{opacity:.5}@media (width<=700px){.projects-section{padding:90px 5%}.projects-heading{margin-bottom:70px;display:block}.projects-label{margin-bottom:60px}.projects-heading h2{letter-spacing:-3px;font-size:50px}.project-item{padding:20px 0 50px;display:block}.project-number{margin-bottom:20px}.project-image{height:350px}.project-content{padding:25px 0;display:block}.project-content h3{margin-bottom:30px;font-size:36px}.project-description{margin-top:20px}.project-footer{padding-top:15px}}.services-section{border-bottom:1px solid #d8d8d4;padding:140px 5%}.services-heading{grid-template-columns:20% 80%;margin-bottom:100px;display:grid}.services-label{letter-spacing:1.5px;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.services-label span:first-child{color:#777;font-weight:400}.services-heading h2{letter-spacing:-5px;margin-bottom:35px;font-size:clamp(55px,7vw,100px);line-height:.9}.services-intro{color:#555;max-width:550px;font-size:18px;line-height:1.6}.services-list{border-top:1px solid #111}.service-row{border-bottom:1px solid #ccc;grid-template-columns:10% 35% 55%;align-items:start;gap:20px;padding:35px 0;display:grid}.service-number{color:#777;font-size:12px}.service-row h3{letter-spacing:-1px;font-size:32px}.service-row p{color:#555;max-width:500px;font-size:16px;line-height:1.6}@media (width<=700px){.services-section{padding:90px 5%}.services-heading{margin-bottom:70px;display:block}.services-label{margin-bottom:60px}.services-heading h2{letter-spacing:-3px;font-size:50px}.service-row{padding:30px 0;display:block}.service-number{margin-bottom:15px;display:block}.service-row h3{margin-bottom:15px}}.contact-section{grid-template-columns:20% 80%;min-height:80vh;padding:140px 5% 100px;display:grid}.contact-label{letter-spacing:1.5px;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.contact-label span:first-child{color:#777;font-weight:400}.contact-content{max-width:1000px}.contact-small{letter-spacing:2px;margin-bottom:30px;font-size:12px;font-weight:700}.contact-content h2{letter-spacing:-7px;margin-bottom:45px;font-size:clamp(60px,9vw,125px);line-height:.88}.contact-text{color:#555;max-width:500px;margin-bottom:60px;font-size:18px;line-height:1.6}.contact-links{border-top:1px solid #111;max-width:700px}.contact-link{border-bottom:1px solid #ccc;grid-template-columns:60px 1fr 30px;align-items:center;padding:20px 0;font-size:16px;transition:padding .25s;display:grid}.contact-link:hover{padding-left:10px}.contact-icon svg{width:17px;height:17px;display:block}.contact-link>span:last-child{text-align:right;font-size:18px}@media (width<=700px){.contact-section{min-height:auto;padding:90px 5% 70px;display:block}.contact-label{margin-bottom:60px}.contact-content h2{letter-spacing:-4px;font-size:58px}.contact-text{margin-bottom:45px;font-size:16px}.contact-link{grid-template-columns:50px 1fr 25px}}.footer{color:#fff;background:#111;padding:35px 5% 25px}.footer-top{justify-content:space-between;align-items:center;padding-bottom:80px;display:flex}.footer-logo{letter-spacing:-1.5px;font-size:28px;font-weight:800}.back-to-top{opacity:.7;font-size:13px;transition:opacity .2s}.back-to-top:hover{opacity:1}.footer-bottom{color:#888;border-top:1px solid #333;justify-content:space-between;padding-top:20px;font-size:11px;display:flex}@media (width<=700px){.footer{padding:30px 5% 20px}.footer-top{padding-bottom:60px}.footer-bottom{flex-direction:column;gap:8px}}