body{color:#fff;background-color:#000;margin:0}html{scroll-behavior:smooth}.navbar{color:#fff;justify-content:space-between;align-items:center;width:90%;height:5vh;padding:20px 80px;font-family:Inter,sans-serif;display:flex;position:fixed}.logo{font-size:20px;font-weight:200}.nav-links{align-items:center;gap:30px;list-style:none;display:flex}.nav-links a{cursor:pointer;color:#fff;text-decoration:none}.nav-links a:hover{color:#00f}.remix-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:20px;padding:8px 16px}.hamburg{display:none}@media (width<=786px){.navbar{padding:20px}.nav-links{display:none}.hamburg{color:#fff;background-color:#0000;border:none;font-size:25px;display:block}}.icon{transition:all .3s;display:inline-flex}.icon.open{opacity:.8;transform:rotate(180deg)}.hero{color:#fff;flex-direction:column;justify-content:flex-start;min-height:fit-content;padding:130px 80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.hero-desc{color:#fff;max-width:500px;font-size:18px;line-height:1.6}.hero-title{margin:40px 0;font-size:95px;font-weight:300;line-height:1.1}.hero-row{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero-bottom{align-items:center;gap:16px;display:flex}.hero-btn{color:#fff;background-color:#000;border:1px solid #fff;border-radius:999px;padding:12px 48px;font-size:16px;text-decoration:none;transition:all .3s}.hero-btn:hover{color:#000;background:#fff}@media (width<=768px){.hero{padding:105px 20px 80px}.hero-row{display:block}.hero-bottom{text-align:left;margin-top:60px;margin-bottom:0}.hero-btn{padding:12px 24px}.hero-desc{color:#fff;font-size:1.4rem;font-weight:300}.hero-title{font-size:40px}}.projects{grid-template-columns:repeat(2,1fr);gap:56px 42px;padding:80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:grid}.project-card{color:#fff;text-decoration:none}.project-image-box{aspect-ratio:1.32;background:#c8c2ff;border-radius:22px;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-image-box img{object-fit:contain;width:78%;height:78%;transition:transform .4s;display:block}.project-card:hover .project-image-box img{transform:scale(1.1)}.project-title{height:1.5em;margin:22px 0 0;font-size:18px;font-weight:400;line-height:1.3;position:relative;overflow:hidden}.project-title span{margin-left:8px;transition:transform .4s;display:block}.title-top{transform:translateY(0%)}.title-bottom{position:absolute;top:0;left:0;transform:translateY(100%)}.project-card:hover .title-top{transform:translateY(-100%)}.project-card:hover .title-bottom{transform:translateY(0%)}@media (width<=768px){.projects{grid-template-columns:1fr;gap:38px;padding:80px 20px}.project-image-box{border-radius:18px}.project-title{margin-top:16px;font-size:16px}}.about{color:#fff;background:#000;padding:80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.about-container{margin:auto}.about-text{color:#ffffffd9;max-width:100%;margin-bottom:60px;font-size:25px;font-weight:300;line-height:1.6}@media (width<=786px){.about{padding:10px 20px}.about-text{color:#ffffffd9;max-width:100%;font-size:1rem;line-height:1.6}}.articles{color:#fff;background:#000;padding:90px 80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.article-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.article-card{color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;min-height:320px;padding:32px;text-decoration:none;transition:all .3s;display:flex}.article-card:hover{background:#ffffff14;transform:translateY(-6px)}.article-date{color:#ffffff73;margin-bottom:28px;font-size:14px}.article-card h3{margin-bottom:18px;font-size:28px;font-weight:400;line-height:1.2}.article-card p{color:#ffffffa6;max-width:520px;font-size:16px;line-height:1.6}.article-link{letter-spacing:1px;color:#ffffffbf;margin-top:auto;font-size:13px}@media (width<=768px){.articles{padding:50px 20px}.article-grid{grid-template-columns:1fr;gap:40px;display:grid}.article-card{border-radius:22px;min-height:280px;padding:24px}.article-card h3{font-size:22px}}.footer{color:#fff;background:#000;grid-template-columns:1.45fr 1fr;gap:90px;min-height:420px;padding:80px 80px 52px;font-family:DM Sans,sans-serif;display:grid}.footer-left{flex-direction:column;display:flex}.footer-left h2{letter-spacing:0;text-align:left;color:#fff;text-transform:none;font-family:DM Sans,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1.4;text-decoration:none}.footer-btn{color:#fff;background-color:#000;border:1px solid #fff;border-radius:999px;justify-content:center;padding:12px 48px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.footer-btn:hover{color:#000;background:#fff}.footer-credit{color:#777;margin:auto 0 0;font-size:20px;line-height:1.4}.footer-credit span{color:#fff}.footer-right{padding-top:6px}.footer-right h4{margin:0 0 56px;font-size:10px;font-weight:700}.footer-links{grid-template-columns:1fr 1fr;column-gap:120px;display:grid}.footer-links div{flex-direction:column;gap:22px;display:flex}.footer-links a{color:#fff;font-size:16px;font-weight:400;line-height:1.4;text-decoration:none}@media (width<=1024px){.footer{grid-template-columns:1fr;gap:35px;padding:60px 44px 44px}.footer-left h2{max-width:720px;font-size:38px}.footer-credit{margin-top:90px}.footer-right{padding-top:0}.footer-links{column-gap:90px;max-width:520px}}@media (width<=600px){.footer{flex-direction:column;gap:40px;padding:36px 28px 44px;display:flex}.footer-left{display:contents}.footer-left h2{letter-spacing:0;text-align:left;color:#fff;text-transform:none;font-family:DM Sans,sans-serif;font-size:22px;font-style:normal;font-weight:445;line-height:1.4;text-decoration:none}.footer-btn{order:2;margin-top:24px;padding:10px 29px;font-size:18px}.footer-right{order:3}.footer-right h4{letter-spacing:0;text-align:left;color:#fff;text-transform:none;font-family:DM Sans,sans-serif;font-size:10px;font-style:normal;font-weight:700;line-height:1.4;text-decoration:none}.footer-links{grid-template-columns:1fr 1fr;column-gap:60px}.footer-links div{gap:18px}.footer-links a{font-size:16px}.footer-credit{color:#888;order:4;max-width:260px;margin-top:60px;font-size:15px}}.case-study{color:#fff;background:#000;padding:140px 80px;font-family:DM Sans,sans-serif}.case-hero{margin-bottom:80px}.case-title{margin-bottom:16px;font-size:64px;font-weight:500}.case-subtitle{opacity:.6;font-size:18px}.case-cover img{border-radius:12px;width:100%;margin-bottom:80px}.case-info{gap:80px;margin-bottom:80px;display:flex}.case-info .label{opacity:.5;margin-bottom:8px;font-size:12px}.case-section{max-width:700px;margin-bottom:80px}.case-section h2{margin-bottom:16px;font-size:24px}.case-section p{opacity:.7;line-height:1.6}.case-gallery{grid-template-columns:1fr 1fr;gap:20px;display:grid}.case-gallery img{border-radius:10px;width:100%}.case-gallery img:nth-child(2){width:50%;margin:0 auto;display:block}@media (width<=768px){.case-study{padding:100px 20px}.case-title{font-size:36px}.case-info{flex-direction:column;gap:20px}.case-gallery{grid-template-columns:1fr}.case-gallery img:nth-child(2){width:50%;margin:0 auto 0 10px;display:block}}.case-actions{gap:16px;margin-top:32px;display:flex}.btn{color:#fff;border:1px solid #fff3;border-radius:999px;padding:10px 22px;font-size:14px;text-decoration:none;transition:all .3s}.btn.primary{color:#000;background:#fff;border:none}.btn:hover{opacity:.85;transform:translateY(-2px)}